/* Minification failed. Returning unminified contents.
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
 */

html,
body {
    font-size: 14px;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background: #f2f2f2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
}

a {
    text-decoration: none;
}

    :focus,
    html:focus,
    body:focus,
    div:focus,
    i:focus,
    td:focus,
    th:focus,
    tr:focus,
    span:focus,
    a:focus {
        text-decoration: none;
        outline: none;
        box-shadow: none;
    }

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: 'droidSerif', sans-serif;
    font-weight: bold;
}

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

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

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

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

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

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

img {
    max-width: 100%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ddd;
}

::-webkit-input-placeholder {
    color: #707070 !important;
}

::-moz-placeholder {
    color: #707070 !important;
}

:-moz-placeholder {
    color: #707070 !important;
}

:-ms-input-placeholder {
    color: #707070 !important;
}

md-select.md-gyrusTheme-theme .md-select-value.md-select-placeholder {
    color: #707070;
}

body .lf-ng-md-file-input .lf-ng-md-file-input-container .lf-ng-md-file-input-caption .lf-ng-md-file-input-caption-text-default {
    color: #707070;
}

a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
    background-color: #eee;
    color: #333;
    padding: 5px 20px;
    border-radius: 0 0 3px 3px;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 1.5rem;
    z-index: 999;
    transform: translateX(-50%);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

    a.skip-main:focus,
    a.skip-main:active {
        left: 50%;
        top: auto;
        width: auto;
        height: auto;
        overflow: auto;
    }

@media (min-width:200px) {
    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-11 {
        width: 91.66666667%;
    }

    .col-xxs-10 {
        width: 83.33333333%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-8 {
        width: 66.66666667%;
    }

    .col-xxs-7 {
        width: 58.33333333%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-5 {
        width: 41.66666667%;
    }

    .col-xxs-4 {
        width: 33.33333333%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-2 {
        width: 16.66666667%;
    }

    .col-xxs-1 {
        width: 8.33333333%;
    }

    .col-xxs-12,
    .col-xxs-11,
    .col-xxs-10,
    .col-xxs-9,
    .col-xxs-8,
    .col-xxs-7,
    .col-xxs-6,
    .col-xxs-5,
    .col-xxs-4,
    .col-xxs-3,
    .col-xxs-2,
    .col-xxs-1 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 320px) {
    .col-xs-12 {
        width: 100%;
    }

    .col-xs-11 {
        width: 91.66666667%;
    }

    .col-xs-10 {
        width: 83.33333333%;
    }

    .col-xs-9 {
        width: 75%;
    }

    .col-xs-8 {
        width: 66.66666667%;
    }

    .col-xs-7 {
        width: 58.33333333%;
    }

    .col-xs-6 {
        width: 50%;
    }

    .col-xs-5 {
        width: 41.66666667%;
    }

    .col-xs-4 {
        width: 33.33333333%;
    }

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

    .col-xs-2 {
        width: 16.66666667%;
    }

    .col-xs-1 {
        width: 8.33333333%;
    }

    .col-xs-12,
    .col-xs-11,
    .col-xs-10,
    .col-xs-9,
    .col-xs-8,
    .col-xs-7,
    .col-xs-6,
    .col-xs-5,
    .col-xs-4,
    .col-xs-3,
    .col-xs-2,
    .col-xs-1 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 480px) {
    .col-msm-12 {
        width: 100%;
    }

    .col-msm-11 {
        width: 91.66666667%;
    }

    .col-msm-10 {
        width: 83.33333333%;
    }

    .col-msm-9 {
        width: 75%;
    }

    .col-msm-8 {
        width: 66.66666667%;
    }

    .col-msm-7 {
        width: 58.33333333%;
    }

    .col-msm-6 {
        width: 50%;
    }

    .col-msm-5 {
        width: 41.66666667%;
    }

    .col-msm-4 {
        width: 33.33333333%;
    }

    .col-msm-3 {
        width: 25%;
    }

    .col-msm-2 {
        width: 16.66666667%;
    }

    .col-msm-1 {
        width: 8.33333333%;
    }

    .col-msm-12,
    .col-msm-11,
    .col-msm-10,
    .col-msm-9,
    .col-msm-8,
    .col-msm-7,
    .col-msm-6,
    .col-msm-5,
    .col-msm-4,
    .col-msm-3,
    .col-msm-2,
    .col-msm-1 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 767px) {
    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

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

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

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

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

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

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-12,
    .col-sm-11,
    .col-sm-10,
    .col-sm-9,
    .col-sm-8,
    .col-sm-7,
    .col-sm-6,
    .col-sm-5,
    .col-sm-4,
    .col-sm-3,
    .col-sm-2,
    .col-sm-1 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }

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

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

    .grid.no-count:hover .title,
    .grid.no-count .title {
        text-align: center;
        font-size: 18px;
        width: 100%;
        display: block;
        padding-top: 10px;
        padding-top: 25px;
    }

    .grid:hover .links {
        opacity: 1;
    }

    .grid:hover .counts {
        margin-bottom: -20px;
        overflow: hidden;
        opacity: 0.5;
        margin-top: -10px;
        font-size: 14px;
    }

        .grid:hover .counts:after {
            width: 0;
        }

    .grid:hover .title {
        padding-top: 0;
    }
}

@media (min-width: 992px) {
    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

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

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

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

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

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

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-12,
    .col-md-11,
    .col-md-10,
    .col-md-9,
    .col-md-8,
    .col-md-7,
    .col-md-6,
    .col-md-5,
    .col-md-4,
    .col-md-3,
    .col-md-2,
    .col-md-1 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width:1160px) {
    .col-pmd-12 {
        width: 100%;
    }

    .col-pmd-11 {
        width: 91.66666667%;
    }

    .col-pmd-10 {
        width: 83.33333333%;
    }

    .col-pmd-9 {
        width: 75%;
    }

    .col-pmd-8 {
        width: 66.66666667%;
    }

    .col-pmd-7 {
        width: 58.33333333%;
    }

    .col-pmd-6 {
        width: 50%;
    }

    .col-pmd-5 {
        width: 41.66666667%;
    }

    .col-pmd-4 {
        width: 33.33333333%;
    }

    .col-pmd-3 {
        width: 25%;
    }

    .col-pmd-2 {
        width: 16.66666667%;
    }

    .col-pmd-1 {
        width: 8.33333333%;
    }

    .col-pmd-12,
    .col-pmd-11,
    .col-pmd-10,
    .col-pmd-9,
    .col-pmd-8,
    .col-pmd-7,
    .col-pmd-6,
    .col-pmd-5,
    .col-pmd-4,
    .col-pmd-3,
    .col-pmd-2,
    .col-pmd-1 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1280px) {
    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

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

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

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

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

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

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-12,
    .col-lg-11,
    .col-lg-10,
    .col-lg-9,
    .col-lg-8,
    .col-lg-7,
    .col-lg-6,
    .col-lg-5,
    .col-lg-4,
    .col-lg-3,
    .col-lg-2,
    .col-lg-1 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1400px) {
    .col-vlg-12 {
        width: 100%;
    }

    .col-vlg-11 {
        width: 91.66666667%;
    }

    .col-vlg-10 {
        width: 83.33333333%;
    }

    .col-vlg-9 {
        width: 75%;
    }

    .col-vlg-8 {
        width: 66.66666667%;
    }

    .col-vlg-7 {
        width: 58.33333333%;
    }

    .col-vlg-6 {
        width: 50%;
    }

    .col-vlg-5 {
        width: 41.66666667%;
    }

    .col-vlg-4 {
        width: 33.33333333%;
    }

    .col-vlg-3 {
        width: 25%;
    }

    .col-vlg-2 {
        width: 16.66666667%;
    }

    .col-vlg-1 {
        width: 8.33333333%;
    }

    .col-vlg-12,
    .col-vlg-11,
    .col-vlg-10,
    .col-vlg-9,
    .col-vlg-8,
    .col-vlg-7,
    .col-vlg-6,
    .col-vlg-5,
    .col-vlg-4,
    .col-vlg-3,
    .col-vlg-2,
    .col-vlg-1 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
}


/***/

.siteloader {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 99999999;
}

.spinner {
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -25px -20px;
}

    .spinner > div {
        background-color: #1AB394;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: skStretchdelay 1.2s infinite ease-in-out;
        animation: skStretchdelay 1.2s infinite ease-in-out;
        float: left;
        margin: 0 2px;
    }

    .spinner .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
        background-color: #3FCDCF;
    }

    .spinner .rect3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
        background-color: #1AB394;
    }

    .spinner .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
        background-color: #3FCDCF;
    }

    .spinner .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
        background-color: #1AB394;
    }

@-webkit-keyframes skStretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
    }

    20% {
        -webkit-transform: scaleY(1.0);
    }
}

@keyframes skStretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

.loadingtext {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: 35px -30px;
    font-size: 16px;
    -webkit-animation: skLoading 1.2s infinite ease-in-out;
    animation: skLoading 1.2s infinite ease-in-out;
}

@-webkit-keyframes skLoading {
    0% {
        color: #000;
    }

    50% {
        color: #999;
    }

    100% {
        color: #000;
    }
}

@keyframes skLoading {
    0% {
        color: #000;
    }

    50% {
        color: #999;
    }

    100% {
        color: #000;
    }
}

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

.row5 {
    margin-right: -5px;
    margin-left: -5px;
}

    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after,
    .row5:before,
    .row5:after {
        display: table;
        content: " ";
        clear: both;
    }

.clear-float {
    clear: both;
}

.boxfix {
    box-sizing: border-box;
}

.bgwhite {
    background: #fff;
}

.bglgry {
    background: #f9f9f9;
}

.h100p {
    height: 100%;
}

.ova {
    overflow: auto;
}

.lh24 {
    line-height: 24px;
}

.fwb {
    font-weight: 600;
}

.fwn {
    font-weight: 400;
}

.camber {
    color: #a75f16 !important;
}

.cramber {
    color: #c14e13 !important;
}

.ctblue {
    color: #687099 !important;
}

.cgreen {
    color: #587d26 !important;
}

.cred {
    color: #d20000 !important;
}

.cblack {
    color: #000 !important;
}

.clgray {
    color: #757575 !important;
}

.fs20 {
    font-size: 20px;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

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

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

.text-left-i {
    text-align: left !important;
}

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

.dib {
    display: inline-block;
}

.db {
    display: block;
}

.dn {
    display: none;
}

.dt {
    display: table;
}

.dtc {
    display: table-cell;
    vertical-align: middle;
}

.inputcon .dtc {
    padding: 0 5px;
}

.ha {
    height: auto;
}

.vam span {
    vertical-align: middle;
    display: inline-block;
}

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

.p0 {
    padding: 0;
}

.p5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.p0i {
    padding: 0;
}

.p15 {
    padding: 15px;
}

.ps15 {
    padding-left: 15px;
    padding-right: 15px;
}

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

.ps5 {
    padding-left: 5px;
    padding-right: 5px;
}

.pv15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pv5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pv10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt30 {
    padding-top: 30px;
}

.pr15 {
    padding-right: 15px;
}

.pr50 {
    padding-right: 50px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb30 {
    padding-bottom: 30px;
}

.pl15 {
    padding-left: 15px;
}

.pl0 {
    padding-left: 0;
}

.pr0 {
    padding-right: 0;
}

.pr5 {
    padding-right: 5px;
}

.pos-s {
    position: static;
}

.pos-r {
    position: relative;
}

.pos-a {
    position: absolute;
}

.pos-f {
    position: fixed;
}

.m0 {
    margin: 0;
}

.m0i {
    margin: 0 !important;
}

.m15 {
    margin: 15px;
}

.ms15 {
    margin-left: 15px;
    margin-right: 15px;
}

.mv15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mv10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mv5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mt0 {
    margin-top: 0px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt50 {
    margin-top: 50px;
}

.mt7 {
    margin-top: 7px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb50 {
    margin-bottom: 50px;
}

.mbm50 {
    margin-bottom: -50px;
}

.mr10 {
    margin-right: 10px;
}

.mb0 {
    margin-bottom: 0px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mr15 {
    margin-right: 15px;
}

.mb15 {
    margin-bottom: 15px;
}

.ml15 {
    margin-left: 15px;
}

.mt25 {
    margin-top: 25px;
}

.mt60 {
    margin-top: 60px;
}

.mr25 {
    margin-right: 25px;
}

.mr60 {
    margin-right: 60px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.ml25 {
    margin-left: 25px;
}

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

.tdu {
    text-decoration: underline;
}

.fullcon {
    width: 100%;
    float: left;
}

.submitbtn{
    display:flex;
    justify-content:space-around;
}


.pv20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pv30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

div {
    box-sizing: border-box;
}

.dotsaprate {
    width: 100%;
    float: left;
    border-bottom: 1px #ccc dotted;
}

.blksaprate {
    width: 100%;
    float: left;
    border-bottom: 1px #ccc solid;
}

.vamblk {
    vertical-align: middle;
}

.vat {
    vertical-align: top;
}

.vab {
    vertical-align: bottom;
}

.blgry {
    border: 1px rgba(0, 0, 0, 0.12) solid;
}

.bblgry {
    border-bottom: 1px rgba(0, 0, 0, 0.12) solid;
}

.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.graphstatus {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 2px #fff solid;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

    .graphstatus .gcount {
        display: inline-block;
        line-height: 30px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 100%;
        text-align: center;
        font-size: 10px;
        font-weight: bold;
    }

    .graphstatus.first {
        border-top: 2px #1AB394 solid;
        text-align: center;
    }

    .graphstatus.second {
        border-top: 2px #1AB394 solid;
        border-right: 2px #1AB394 solid;
    }

    .graphstatus.third {
        border-right: 2px #1AB394 solid;
        border-bottom: 2px #1AB394 solid;
        border-top: 2px #1AB394 solid;
    }

.mainheader {
    position: relative;
    z-index: 2;
}

md-toolbar h1,
md-toolbar .h1 {
    font-size: inherit;
    margin: inherit;
}


/* md-toolbar .md-toolbar-tools h1 {
  font-size: 20px;
  font-weight: 400;
} */

md-list .md-button {
    color: inherit;
    font-weight: 500;
    text-align: left;
    width: 100%;
}

    md-list .md-button.selected {
        color: #03a9f4;
    }

md-sidenav md-list {
    padding: 0px 0px 8px 0px;
}

#content {
    background: #f2f2f2;
}

    #content md-icon.avatar {
        margin-top: 10px;
    }

.avatar {
    position: relative;
    width: 128px;
    height: 128px;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    margin: 0px;
    vertical-align: middle;
    zoom: 0.70;
    transform: translateZ(0);
    -webkit-transform: scale(0.70);
    -moz-transform: scale(0.70);
}

.scrollable-nav-content {
    position: absolute;
    top: 136px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    overflow: auto;
}

md-bottom-sheet md-icon {
    margin-right: 20px;
}

span.name {
    font-weight: bold;
    font-size: 1.1em;
    padding-left: 5px;
}

md-toolbar .md-toolbar-tools h1.pagetitle,
md-toolbar .md-toolbar-tools .h1.pagetitle {
    font-size: 20px;
}

.breadcrumb {
    margin-left: 30px;
}

    .breadcrumb a i,
    .breadcrumb a,
    .breadcrumb span {
        display: inline-block;
        float: left;
        font-size: 13px;
        padding: 0 5px;
        line-height: 50px;
        color: rgba(255, 255, 255, 0.8);
        /* font-weight: bold; */
    }

        .breadcrumb a i {
            font-size: 18px;
            color: inherit;
        }

    .breadcrumb a,
    .link {
        cursor: pointer;
    }

    .breadcrumb a {
        display: inline-block;
        max-width: 460px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

        .breadcrumb a:hover,
        .breadcrumb a:focus {
            color: #fff;
        }

        .breadcrumb a.bfilename:focus {
            background-color: #ddd;
        }

.md-subheader-inner,
.p0i {
    padding: 0 !important;
}

.md-subheader.md-gyrusTheme-theme {
    box-shadow: 0 1px 3px #bbb;
}

.pagetoolbar {
    min-height: 50px;
    height: 50px;
}

.md-toolbar.pagetoolbar .md-toolbar-tools {
    height: 50px;
}

.layoutblk {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.md-toolbar-tools.header {
    background: #fff;
}

.md-toolbar-footer {
    background: none !important;
    min-height: 0;
    overflow: hidden;
    color: #666 !important;
    border-top: 1px #ccc solid;
    padding: 7px 15px;
    text-align: center;
    font-size: 12px;
}

.common_sub_nav ul,
.common_sub_nav ul li,
.common_sub_nav ul li a {
    display: block;
    width: 100%;
    padding: 0;
    position: relative;
    box-sizing: border-box;
}

    .common_sub_nav ul li a {
        cursor: pointer;
        min-height: 60px;
        color: rgba(255, 255, 255, 0.6);
        padding: 10px 8px 10px 45px;
        border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
        border-top: 1px rgba(0, 0, 0, 0.1) solid;
    }

        .common_sub_nav ul li a md-icon {
            left: 5px;
            width: 34px;
            margin-right: 0;
            float: left;
            height: 34px;
            position: absolute;
        }

        .common_sub_nav ul li a.completed {
            /* border-left: 5px #1AB394 solid; */
            color: #fff;
            background: #466A81;
        }

.completeshow {
    display: none;
}

.common_sub_nav ul li a.completed .completeshow {
    display: block;
}

    .common_sub_nav ul li a.completed .completeshow md-icon {
        width: 18px;
        height: 18px;
        right: 3px;
        left: auto;
        min-height: 10px;
        min-width: 10px;
        top: 3px;
    }

.common_sub_nav ul li a.current {
    background: #23c6c8;
    color: #fff;
    font-size: 16px;
}

.traintext {
    display: inline-block;
}

    .traintext span {
        width: 100%;
        display: inline-block;
    }

    .traintext .desc {
        font-size: 10px;
    }

.md-sidenav-left,
.md-sidenav-left md-content {
    overflow: visible !important;
}

.percentagecon {
    padding-left: 60px;
    position: relative;
    width: 100%;
    float: left;
    height: 60px;
}

.percentagecomplete {
    width: 100%;
    float: left;
}

    .percentagecomplete:after {
        content: 'Completed';
        font-style: italic;
        font-size: 14px;
        position: absolute;
        left: 85px;
        margin-top: 6px;
    }

    .percentagecomplete .percentag {
        font-size: 16px;
        display: block;
        width: 58px;
        height: 58px;
        line-height: 60px;
        border-radius: 100%;
        text-align: center;
        border: 5px #3AB394 solid;
        position: absolute;
        background: #23C6C8;
        left: 0;
        z-index: 2;
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5) inset;
        box-sizing: content-box;
    }

    .percentagecomplete .progressbar {
        background: #3ab394;
        border-radius: 0 8px 8px 0;
        display: block;
        height: 15px;
        margin-top: 28px;
        position: relative;
        width: 100%;
        padding: 4px;
        box-sizing: border-box;
    }

        .percentagecomplete .progressbar .bar {
            height: 7px;
            position: absolute;
            background: rgba(252, 234, 187, 1);
            background: -moz-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252, 234, 187, 1)), color-stop(50%, rgba(252, 205, 77, 1)), color-stop(51%, rgba(248, 181, 0, 1)), color-stop(100%, rgba(251, 223, 147, 1)));
            background: -webkit-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
            background: -o-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
            background: -ms-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
            background: linear-gradient(to bottom, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%);
            filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
            display: inline-block;
            left: -4px;
            border-radius: 0 4px 4px 0;
        }

    .percentagecomplete .barbelow {
        height: 7px;
        width: 100%;
        background: #e8e8e8;
        display: inline-block;
        float: left;
        border-radius: 0 4px 4px 0;
        opacity: 0.5;
    }

md-list-item {
    padding: 8px 10px;
    color: #333;
}

    .common_sub_nav ul li a.active,
    md-list-item .active {
        color: #1AB394;
        font-weight: bold;
    }

.search_input {
    border: 1px rgba(0, 0, 0, 0.12) solid;
    height: 36px;
    color: #555;
    padding-left: 10px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.numeric-control .ui-igedit-container,
.ui-iggrid-selectedcell .ui-igedit-container,
md-input-container .custome_input {
    border: 1px solid rgba(0, 0, 0, 0.12);
    height: 36px;
    color: #555;
    padding-left: 10px;
    max-width: 520px;
    margin-bottom: 10px;
}

.numeric-control .ui-igedit-container,
md-input-container.form_input,
md-input-container .custome_input {
    width: 100%;
}

md-input-container.numeric-control .ui-igedit-container .custome_input {
    width: 100%;
}

.numeric-control .ui-igedit-container .ui-icon-carat-1-s,
.numeric-control .ui-igedit-container .ui-icon-carat-1-n,
.ui-iggrid-selectedcell .ui-igedit-container .ui-icon-carat-1-s,
.ui-iggrid-selectedcell .ui-igedit-container .ui-icon-carat-1-n  {
    background: none;
    background: #1AB394;
    color: #fff;
    display: inline-block;
    position: static;
    height: 25px;
    width: 25px;
    margin: 0;
    text-indent: 0px;
    text-align: center;
    font-size: 22px;
    line-height: 25px;
}

    .numeric-control .ui-igedit-container .ui-icon-carat-1-s:after,
    .ui-iggrid-selectedcell .ui-igedit-container .ui-icon-carat-1-s:after {
        content: '-';
    }

    .numeric-control .ui-igedit-container .ui-icon-carat-1-n:after,
    .ui-iggrid-selectedcell .ui-igedit-container .ui-icon-carat-1-n:after {
        content: '+';
    }

.ui-iggrid .ui-iggrid-selectedcell .ui-igedit-buttonimage {
    margin: 0 !important;
}

.ui-iggrid-table .ui-iggrid-selectedcell .ui-igedit-input {
    background-color: #fff;
    text-align:right !important;
}

.numeric-control .ui-igedit-container .ui-igedit-button-common,
.ui-iggrid-selectedcell .ui-igedit-container .ui-igedit-button-common {
    min-width: 25px;
    height: 25px;
    padding: 5px;
}

.ui-igeditor-input-container {
    padding: 0;
}

.ui-iggrid .ui-iggrid-paging .ui-iggrid-pagedropdowncontainer {
    margin: 0;
}

.search_input .custome_input {
    border: none;
    padding: 0 0 0 40px;
}

body .chosen-container-multi .chosen-choices,
md-select.form_select .md-select-value {
    border: 1px rgba(0, 0, 0, 0.12) solid;
    height: 36px;
    padding-left: 10px;
    max-width: 520px;
    box-sizing: border-box;
    margin-bottom: 0;
    width: 100%;
}

body .chosen-container-multi .chosen-choices {
    box-sizing: border-box;
}

    body .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
        padding: 0px;
        height: 28px;
    }

.inputcon md-radio-group md-radio-button:not(:first-child),
.inputcon md-radio-group.layout-row md-radio-button,
.inputcon md-checkbox {
    margin-top: 8px;
    margin-bottom: 8px;
}

.md-datepicker-input-container {
    height: 31px;
    vertical-align: middle;
    margin: 0px !important;
    display: table-cell;
    width: 100%;
}

md-datepicker .md-datepicker-input-container .md-button.md-icon-button {
    margin: -12px 0px 0px;
    border-radius: 0;
}

md-datepicker {
    display: table;
    width: 100%;
    max-width: 518px;
    padding: 0px;
    border: 1px rgba(0, 0, 0, 0.12) solid !important;
    padding: 0px !important;
    margin-bottom: 10px;
}

.md-datepicker-input-container .md-datepicker-input {
    min-width: 100%;
    border: none;
    padding-left: 10px;
    height: 34px;
}

.md-datepicker-triangle-button.md-button.md-icon-button {
    right: 15px;
    top: 11px;
}

md-input-container.md-input-focused .md-input,
md-input-container .md-input.ng-invalid.ng-dirty {
    border-width: 1px 1px 2px 1px;
}

md-select.md-default-theme:focus:not([disabled]) .md-select-value,
md-select:focus:not([disabled]) .md-select-value {
    border-color: #1AB394;
}

md-input-container .md-errors-spacer {
    min-height: 0;
    height: auto;
}

.contro_lbl,
.input_lbl {
    text-align: right;
    padding-right: 15px;
    padding-left: 15px;
}

.input_lbl {
    line-height: 38px;
    float: left;
    width: 30%;
    min-height: 1px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.input_lbl_big {
    width: 40%;
}

.datacontent {
    width: 60%;
    float: left;
    line-height: 38px;
}

.inputcon {
    width: 100%;
    /*width: 70%;*/
    float: left;
    /*padding-right: 15px;*/
    padding-right: 35px;
}

    .inputcon .text-left {
        margin-left: 15px;
    }

    md-input-container.form_input.full,
    .input_lbl.full,
    .inputcon.full {
        width: 100%;
    }

    .inputcon combo-bind-control md-select,
    .inputcon combo-bind-control {
        display: block;
        box-sizing: border-box;
        width: 100%;
    }

    .inputcon.twoblk {
        width: 70%;
        padding-right: 15px;
    }

    .inputcon.fullcon {
        width: 100%;
    }

body .inputcon.twoblk combo-bind-control md-select {
    width: 100%;
    max-width: 400px;
}

md-select-header md-input-container .custome_input {
    width: 100%;
    margin: 0px;
    max-width: 1000px;
}

md-select,
md-switch,
md-input-container.form_input {
    margin: 0;
}

md-input-container.form_input {
    width: calc(50% - 15px);
    box-sizing: border-box;
    padding: 0px;
}

search-filter-control md-input-container.form_input input,
search-filter-control md-input-container.form_input {
    width: 100%;
    max-width: 100%;
}

md-input-container.form_input.full {
    width: 100%;
    margin: 0;
}

.input-group md-icon:hover,
.input-group md-icon:focus {
    color: #1ab394;
}

md-icon.passwd-visibility {
    cursor: pointer;
}

body.Theme2 md-content.md-gyrusTheme-theme,
body.Theme2 md-content,
body.Theme3 md-content.md-gyrusTheme-theme,
body.Theme3 md-content,
body.Theme4 md-content.md-gyrusTheme-theme,
body.Theme4 md-content,
body.Theme6 md-content.md-gyrusTheme-theme,
body.Theme6 md-content {
    background: #fff;
}

.viewblock .input_lbl:after {
    content: ':';
}

.innerwhite button {
    background: #fff;
}

    .innerwhite button:hover,
    .innerwhite button:focus {
        background: #eee !important;
    }

.fuelux .wizard:before,
.fuelux .wizard:after {
    display: table;
    line-height: 0;
    content: "";
}

.fuelux .wizard:after {
    clear: both;
}

.fuelux .wizard ul {
    padding: 0;
    margin: 0;
    list-style: none outside none;
}

    .fuelux .wizard ul li {
        float: left;
        padding: 13px 30px;
        margin: 0;
        font-size: 15px;
        line-height: 24px;
        position: relative;
        cursor: pointer;
        text-align: center;
        color: #444;
        background: #f8f8f8;
    }

md-tabs-wrapper {
    margin-bottom: 3px;
}

md-tabs-canvas {
    background-color: #F8F8F8;
}

    md-tabs-canvas .md-tab {
        max-width: none !important;
        margin-right: 3px;
        border: solid transparent;
        border-width: 0 1px 0 0;
    }

md-tabs.md-gyrusTheme-theme .md-tab {
    background-color: #eee;
}

    md-tabs.md-gyrusTheme-theme .md-tab.md-active {
        background-color: #fff;
        border-color: #ddd;
    }

    md-tabs.md-gyrusTheme-theme .md-tab:hover,
    md-tabs.md-gyrusTheme-theme .md-tab:focus,
    md-tabs.md-gyrusTheme-theme .md-tab.md-focused {
        background-color: #ddd;
    }

    md-tabs.md-gyrusTheme-theme .md-tab.md-active:hover,
    md-tabs.md-gyrusTheme-theme .md-tab.md-active:focus,
    md-tabs.md-gyrusTheme-theme .md-tab.md-active.md-focused {
        background-color: #eee;
    }

.fuelux .wizard ul li:after {
    width: 0;
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    background: #23C6C8;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fuelux .wizard ul li.complete:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    background: #23C6C8;
    width: 100%;
}

.fuelux .wizard ul li.active:after {
    width: 100%;
}

.fuelux .wizard ul li:before {
    content: '';
    display: inline-block;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.0);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.fuelux .wizard ul li:hover,
.fuelux .wizard ul li:focus {
    background-color: #efefef;
}

.fuelux .wizard ul li.active {
    color: #00695b;
}

    .fuelux .wizard ul li.active:before {
        border-radius: 0;
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        background: rgba(150, 150, 150, 0.1);
    }

.fuelux .step-content .step-pane {
    display: none;
    padding: 30px 50px;
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.fuelux .step-content .active {
    display: block;
}

md-toolbar.wizard {
    min-height: 44px;
}

.gridcontainer {
    width: 100%;
    float: left;
    padding: 0px 30px;
    box-sizing: border-box;
}

.topsearch {
    width: 100%;
    float: left;
    padding: 5px 30px;
    box-sizing: border-box;
}

.ui-iggrid table th,
.ui-iggrid table td {
    vertical-align: top;
}

.gridcontainer1 {
    display: table;
    width: 100%;
    position: relative;
}

    .gridcontainer1 .grid.summary,
    .gridcontainer1 .grid {
        display: table-cell;
        background: #fff;
        margin: 0;
        float: none;
        min-height: 200px;
        padding: 30px 15px;
        text-align: center;
        box-sizing: border-box;
        border-right: 1px #efefef solid;
        border-bottom: 1px #efefef solid;
        border-radius: 0px;
        width: 14.28%;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        .gridcontainer1 .grid .title {
            text-align: center;
            padding: 0;
            margin-bottom: 0;
        }

        .gridcontainer1 .grid.summary .iconcontainer,
        .gridcontainer1 .grid.summary .title {
            width: 100%;
            float: left;
            display: inline-block;
            text-align: center;
        }

        .gridcontainer1 .grid.no-count .iconcontainer {
            margin-top: 20px;
        }

.iconcontainer md-icon {
    width: 50px;
    height: 50px;
}

.import-block h1,
.import-block .h1 {
    font-size: 2rem;
}

.importtext {
    display: none;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    margin: 1em 0 1.1em;
}

.bulkdtl {
    padding: 30px;
    min-height: 120px;
}

.importtext.active {
    display: block;
}

.gridcontainer1 .grid:hover .importtext {
    display: block;
}

.bulknav .count {
    position: absolute;
    color: #fff;
    left: 0;
    top: 0;
    padding: 5px;
}

.bulknav a > span {
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.bulknav a:hover,
.bulknav a:focus {
    background: #efefef;
}

    .bulknav a:hover > span,
    .bulknav a:focus > span {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    .bulknav a:hover:before,
    .bulknav a:focus:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        border-bottom: 16px solid #fff;
        position: absolute;
        bottom: 0px;
        left: 50%;
        margin-left: -14px;
        display: none;
    }

.fab-btns {
    display: block;
    margin-top: -9px;
    margin-bottom: -9px;
    height: 40px;
}

    .fab-btns i {
        font-size: 22px;
        line-height: 40px;
        color: #fff;
        width: 40px;
    }

.btn-trigger {
    width: 40px;
}

    .btn-trigger button {
        width: 40px;
        height: 40px;
        border: none;
        position: absolute;
        z-index: 5;
        line-height: 40px;
        padding: 0;
        text-align: center;
        color: #fff;
        background: none;
        box-shadow: none;
    }

        .btn-trigger button i {
            color: #1AB394;
        }

.innerbtns {
    width: 30px;
    height: 40px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    background: #1AB394;
    border-radius: 30px;
    position: absolute;
    z-index: 4;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    min-width: 0px;
    opacity: 0;
    padding-left: 40px;
}

    .innerbtns label,
    .innerbtns button,
    .innerbtns a {
        background: none;
        border: none;
        color: #fff;
        min-width: 42px;
        line-height: 40px;
        height: 40px;
        padding: 0 6px;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        margin: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .innerbtns a {
        display: inline-block;
        padding: 0 6px;
        text-align: center;
    }

        .innerbtns button:hover,
        .innerbtns button:focus,
        .innerbtns a:hover,
        .innerbtns a:focus,
        .innerbtns label:hover,
        .innerbtns label:focus {
            /* background-color: #002d27; */
            background-color: #546e7a !important;
        }

        .innerbtns label img,
        .innerbtns button img,
        .innerbtns a img {
            display: inline-block;
            vertical-align: middle;
            max-height: 20px;
        }

.Theme2 .fab-open .innerbtns,
.fab-open .innerbtns {
    width: auto;
    border-radius: 0px;
    height: 40px;
    opacity: 1;
}

.Theme2 .fab-open .btn-trigger button i,
.fab-open .btn-trigger button i {
    color: #fff;
}

.innerbtns i {
    line-height: 40px;
}

.panelcontent .md-button.md-fab,
.step-content .md-button.md-fab {
    z-index: 20;
}

md-toast .md-button {
    margin: 0;
    min-height: 24px;
    box-shadow: none;
    background-color: #f5f5f5;
}

.md-toast-text {
    padding: 2px 8px;
}

md-toast .md-toast-content::before {
    min-height: 20px;
}

md-toast .md-toast-content {
    max-width: 500px;
    min-height: 20px;
    padding: 18px 10px 18px 42px;
    border-left: 5px solid;
    border-radius: 2px !important;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 10px 12px;
    background-size: 30px 30px;
    color: #000;
    max-height: none;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

md-toast.md-error-toast-theme .md-toast-content {
    background-image: url(/Content/icons/error.svg);
    border-color: #f00;
}

md-toast.md-success-toast-theme .md-toast-content {
    background-image: url(/Content/icons/check.svg);
    border-color: #1AB394;
}

md-toast.md-info-toast-theme .md-toast-content {
    background-image: url(/Content/icons/information-toast.svg);
    border-color: #23C6C8;
}

md-toast.md-warning-toast-theme .md-toast-content {
    background-image: url(/Content/icons/danger.svg);
    border-color: #FF9800;
}

.Theme2 md-toast.md-error-toast-theme .md-toast-content {
    background-image: url(/Content/icons/error2.svg);
    border-color: #D72160;
}

.Theme3 md-toast.md-error-toast-theme .md-toast-content {
    background-image: url(/Content/icons/error3.svg);
    border-color: #747474;
}

.Theme4 md-toast.md-error-toast-theme .md-toast-content {
    background-image: url(/Content/icons/error4.svg);
    border-color: #FD5C44;
}

.Theme5 md-toast.md-error-toast-theme .md-toast-content,
.Theme7 md-toast.md-error-toast-theme .md-toast-content {
    background-image: url(/Content/icons/error5.svg);
    border-color: #FF9703;
}

.Theme6 md-toast.md-error-toast-theme .md-toast-content {
    background-image: url(/Content/icons/error6.svg);
    border-color: #515D7A;
}

.Theme2 md-toast.md-success-toast-theme .md-toast-content {
    background-image: url(/Content/icons/check2.svg);
    border-color: #4152B4;
}

.Theme3 md-toast.md-success-toast-theme .md-toast-content {
    background-image: url(/Content/icons/check3.svg);
    border-color: #E43C38;
}

.Theme4 md-toast.md-success-toast-theme .md-toast-content {
    background-image: url(/Content/icons/check4.svg);
    border-color: #70A2FE;
}

.Theme5 md-toast.md-success-toast-theme .md-toast-content,
.Theme7 md-toast.md-success-toast-theme .md-toast-content {
    background-image: url(/Content/icons/check5.svg);
    border-color: #3462B6;
}

.Theme6 md-toast.md-success-toast-theme .md-toast-content {
    background-image: url(/Content/icons/check6.svg);
    border-color: #E18959;
}

.Theme2 md-toast.md-info-toast-theme .md-toast-content {
    background-image: url(/Content/icons/information-toast2.svg);
    border-color: #FF6D09;
}

.Theme3 md-toast.md-info-toast-theme .md-toast-content {
    background-image: url(/Content/icons/information-toast3.svg);
    border-color: #4689FF;
}

.Theme4 md-toast.md-info-toast-theme .md-toast-content {
    background-image: url(/Content/icons/information-toast4.svg);
    border-color: #DC3FD9;
}

.Theme5 md-toast.md-info-toast-theme .md-toast-content,
.Theme7 md-toast.md-info-toast-theme .md-toast-content {
    background-image: url(/Content/icons/information-toast5.svg);
    border-color: #757575;
}

.Theme6 md-toast.md-info-toast-theme .md-toast-content {
    background-image: url(/Content/icons/information-toast6.svg);
    border-color: #B8BEF2;
}

.Theme2 md-toast.md-warning-toast-theme .md-toast-content {
    background-image: url(/Content/icons/danger2.svg);
    border-color: #FF9800;
}

.Theme3 md-toast.md-warning-toast-theme .md-toast-content {
    background-image: url(/Content/icons/danger3.svg);
    border-color: #FF9800;
}

.Theme4 md-toast.md-warning-toast-theme .md-toast-content {
    background-image: url(/Content/icons/danger4.svg);
    border-color: #FF9800;
}

.Theme5 md-toast.md-warning-toast-theme .md-toast-content,
.Theme7 md-toast.md-warning-toast-theme .md-toast-content {
    background-image: url(/Content/icons/danger5.svg);
    border-color: #FF9800;
}

.Theme6 md-toast.md-warning-toast-theme .md-toast-content {
    background-image: url(/Content/icons/danger6.svg);
    border-color: #FF9800;
}


.show_hide {
    position: relative;
    width: 100%;
    float: left;
    margin: 20px 0;
    text-align: center;
}

    .show_hide:after {
        content: '';
        display: inline-block;
        border-bottom: 1px #ccc solid;
        width: 100%;
        float: left;
        margin-top: -20px;
    }

    .show_hide button {
        background: #fff;
        padding: 7px 10px 7px 20px;
        border: 1px #ccc solid;
        border-radius: 20px;
    }

        .show_hide button:hover,
        .show_hide button:focus {
            background-color: #eee;
        }

.ui-iggrid table tbody td,
.ui-iggrid .ui-iggrid-header,
.ui-iggrid table th {
    padding: 9px;
    vertical-align: top;
    font-size: 14px;
    color: #444;
}

    .ui-iggrid table tr:focus,
    .ui-iggrid table tbody td:focus,
    .ui-iggrid .ui-iggrid-header:focus,
    .ui-iggrid table th:focus {
        background-color: #f5f5f5;
    }

.ui-iggrid-prevpagelabel,
.ui-iggrid-nextpagelabeldisabled,
.ui-iggrid-prevpagelabeldisabled,
.ui-iggrid-nextpagelabel,
.ui-iggrid .ui-iggrid-paging-item span.ui-icon {
    position: relative;
    margin: 0;
    text-align: center;
    height: auto;
    width: auto;
    overflow: visible;
    min-width: 25px;
    top: 0;
}

.ui-iggrid-prevpagelabel,
.ui-iggrid-nextpagelabeldisabled,
.ui-iggrid-prevpagelabeldisabled,
.ui-iggrid-nextpagelabel {
    text-indent: -9999px;
}

.ui-iggrid-prevpage {
    margin-left: 5px;
}

.ui-iggrid-nextpage {
    margin-right: 5px;
}

.ui-iggrid-pagelist {
    padding: 0 2px;
}

.ui-iggrid-nextpage .ui-icon-triangle-1-e,
.ui-iggrid-prevpage .ui-icon-triangle-1-w {
    display: none;
}

.ui-iggrid-firstpageimg:before,
.ui-iggrid-firstpageimgdisabled:before {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 1px #000 solid;
    border-left: 1px #000 solid;
    display: block;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 7px;
    position: absolute;
    left: 4px;
}

.ui-iggrid-prevpagelabel:after,
.ui-iggrid-prevpagelabeldisabled:after,
.ui-iggrid-firstpageimg:after,
.ui-iggrid-firstpageimgdisabled:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 1px #000 solid;
    border-left: 1px #000 solid;
    display: block;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 7px;
    position: absolute;
    left: 10px;
}

.ui-iggrid-lastpageimgdisabled:before,
.ui-iggrid-lastpageimg:before {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 7px;
    position: absolute;
    right: 4px;
}

.ui-iggrid-nextpagelabeldisabled:after,
.ui-iggrid-nextpagelabel:after,
.ui-iggrid-lastpageimgdisabled:after,
.ui-iggrid-lastpageimg:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 7px;
    position: absolute;
    right: 10px;
}

.ui-iggrid .ui-iggrid-paging .ui-iggrid-firstpage,
.ui-iggrid .ui-iggrid-paging .ui-iggrid-prevpage,
.ui-iggrid .ui-iggrid-paging .ui-iggrid-nextpage,
.ui-iggrid .ui-iggrid-paging .ui-iggrid-lastpage {
    padding: 3px 2px;
}

.ui-igedit-dropdown-button .ui-icon-triangle-1-s {
    display: inline-block;
    background: none;
}

.ui-icon-triangle-1-s {
    text-indent: 0;
    text-align: center;
    margin-top: -12px;
}

    .ui-igedit-dropdown-button .ui-icon-triangle-1-s,
    .ui-icon-triangle-1-s:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #666;
        /*display: block;*/
        /*margin-top: -2px !important;*/
        /*margin-left: -6px !important;*/
    }

.ui-igcheckbox-small.ui-state-default,
.ui-igcheckbox-normal.ui-state-default,
.ui-igcombo-checkbox.ui-state-default {
    border: none;
    border-radius: 100% !important;
    display: inline-block;
    height: 16px;
    margin-top: 2px;
    width: 16px;
}

    .ui-igcheckbox-small.ui-state-default,
    .ui-igcheckbox-normal.ui-state-default,
    .ui-igcombo-checkbox.ui-state-default .ui-igcheckbox-normal-off {
        background: #efefef;
        border-radius: 3px !important;
        display: inline-block;
        height: 18px;
        margin-top: 3px;
        width: 18px;
    }

        .ui-igcheckbox-small.ui-state-default:focus,
        .ui-igcheckbox-normal.ui-state-default:focus,
        .ui-igcombo-checkbox.ui-state-default .ui-igcheckbox-normal-off:focus {
            background-color: #ccc;
        }

        .ui-igcheckbox-small.ui-state-default .ui-igcheckbox-normal-on,
        .ui-igcheckbox-normal.ui-state-default .ui-igcheckbox-normal-on,
        .ui-igcombo-checkbox.ui-state-default .ui-igcheckbox-normal-on {
            background: #000;
            border-radius: 3px;
            display: inline-block;
            height: 18px;
            width: 18px;
            margin: 0;
            background: #1AB394;
            background-image: none !important;
            position: relative;
        }

            .ui-igcheckbox-small.ui-state-default .ui-igcheckbox-normal-on:after,
            .ui-igcheckbox-normal.ui-state-default .ui-igcheckbox-normal-on:after,
            .ui-igcombo-checkbox.ui-state-default .ui-igcheckbox-normal-on:after {
                content: '';
                display: inline-block;
                width: 7px;
                height: 3px;
                border-left: 2px #fff solid;
                border-bottom: 2px #fff solid;
                position: absolute;
                top: 6px;
                left: 4px;
                transform: rotate(-50deg);
            }

.processsteps {
    display: table;
    width: 100%;
    margin-top: 15px;
}

    .processsteps a {
        padding-top: 40px;
        position: relative;
        color: #333;
        font-size: 16px;
        margin-top: 15px;
        display: table-cell;
    }

        .processsteps a:last-child:after,
        .processsteps a:first-child:before {
            display: none;
        }

        .processsteps a:before {
            content: '';
            display: inline-block;
            height: 3px;
            background: #EFEFEF;
            position: absolute;
            top: 16px;
            width: 50%;
            left: 0;
        }

        .processsteps a:after {
            content: '';
            display: inline-block;
            height: 3px;
            background: #EFEFEF;
            position: absolute;
            top: 16px;
            width: 50%;
            right: 0;
        }

        .processsteps a.completed:after,
        .processsteps a.completed:before,
        .processsteps a.current:before {
            background: #1AB394;
        }

        .processsteps a span {
            width: 100%;
            display: inline-block;
        }

            .processsteps a span:before {
                content: "";
                display: inline-block;
                width: 20px;
                height: 20px;
                background: #efefef;
                position: absolute;
                top: 7px;
                left: 50%;
                border-radius: 100%;
                z-index: 2;
                margin-left: -10px;
            }

        .processsteps a.current span:before {
            background: #23C6C8;
        }

        .processsteps a.completed span:before {
            background: #1AB394;
        }

.contentarea {
    padding: 15px 20px 20px;
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.formarea {
    border-radius: 5px;
    width: 100%;
    float: left;
    box-sizing: border-box;
}

    .formarea .md-subheader {
        border-radius: 5px 5px 0 0;
    }

.panelbox {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    background: #fff;
}

    .panelbox:last-child {
        margin-bottom: 0;
    }

    .panelbox h3,
    .panelbox .h3 {
        /* padding: 7px 0; */
        margin: 0;
        font-weight: 400;
        font-size: 16px;
        vertical-align: middle;
        display: table;
        width: 100%;
    }

body .panelbox .arrowcon.active,
body .panelbox .arrowcon {
    display: table-cell;
    width: 17px;
    height: 17px;
    position: relative;
    width: 40px;
    text-align: center;
    vertical-align: middle;
}

.panelbox .arrowcon .panelarrow {
    display: inline-block;
}

    .panelbox .arrowcon .panelarrow i {
        -webkit-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

.panelbox .arrowcon.active .panelarrow i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.panelbox .arrowcon:hover,
.panelbox .arrowcon:focus {
    background-color: #eee;
}

.fullscrentgl {
    margin-right: 8px;
    color: #fff;
    line-height: 10px;
    width: 40px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

    .fullscrentgl:hover,
    .fullscrentgl:focus {
        background-color: #eee;
    }

.fullscreenmode {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 61;
    background: #fff;
    box-sizing: border-box;
    overflow: auto;
}

    .fullscreenmode .arrowcon {
        display: none !important;
    }

.fullscreen-panel #wrapper {
    flex: none;
}

.fullscreen-panel .panelcontent {
    flex: 1;
    width: auto;
    float: none;
}

.ui-widget-header.ui-priority-secondary {
    background: rgba(0, 0, 0, 0.8);
    line-height: 30px;
    color: #fff;
}

.ui-node-lable {
    position: relative;
}

md-input-container.search_input > md-icon {
    top: 5px;
    left: 8px;
}

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

.penal-title {
    display: table-cell;
    line-height: 24px;
    vertical-align: middle;
    padding: 8px 15px;
    cursor: pointer;
}

    .penal-title:hover,
    .penal-title:focus {
        background-color: #eee;
    }

.md-select-menu-container.md-active {
    z-index: 1000;
}

.md-button.md-default-theme.md-fab[disabled] span,
.md-button.md-fab[disabled] span,
.md-button.md-default-theme.md-raised[disabled] span,
.md-button.md-raised[disabled] span {
    color: rgba(0, 0, 0, 0.12) !important;
}

.md-border {
    padding: 1px;
    border-radius: 20px;
    overflow: hidden;
}

    .md-border span {
        background: #fff;
        width: 100%;
        display: block;
        box-sizing: border-box;
        border-radius: inherit;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .md-border:hover span,
    .md-border:focus span {
        background: #28c5c7;
        color: #fff !important;
    }

    .md-border i {
        vertical-align: middle;
        font-size: 16px;
        display: inline-block;
        margin-top: -6px;
        margin-right: 2px;
    }

.md-line {
    padding: 1px;
}

    .md-line span {
        background: #fff;
        width: 100%;
        display: block;
        -webkit-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }

    .md-line:hover span {
        background: none;
        color: #fff !important;
    }

    .md-line i {
        vertical-align: middle;
        font-size: 16px;
        display: inline-block;
        margin-top: -2px;
    }

.columngridcontainer md-menu-bar {
    padding: 0;
    text-align: right;
    position: relative;
    height: 0;
}

    .columngridcontainer md-menu-bar .md-menu {
        position: static;
        right: 0;
    }

        .columngridcontainer md-menu-bar .md-menu button {
            height: 25px;
            width: 30px;
            padding: 0px;
            text-align: center;
            border-radius: 0 0 10px 10px;
            padding: 0 !important;
        }

            .columngridcontainer md-menu-bar .md-menu button:hover,
            .columngridcontainer md-menu-bar .md-menu button:focus {
                background-color: #546e7a !important;
            }

    .columngridcontainer md-menu-bar .configcon {
        line-height: normal;
        font-size: 17px;
    }

    .columngridcontainer md-menu-bar md-checkbox.md-default-theme.md-checked .md-icon,
    md-checkbox.md-checked .md-icon {
        background: none;
    }

.md-input-invalid {
    color: red;
}

.added-row {
    color: black;
    text-decoration: line-through;
}

.dashboardgrids {
    width: 100%;
    padding: 30px 15px 10px;
    max-width: 1600px;
    margin: 0 auto;
}

    .dashboardgrids:after {
        content: '';
        display: table;
        clear: both;
    }

.grid {
    width: 19%;
    margin: 0.5%;
    float: left;
    background: #fff;
    height: 100px;
    border-radius: 4px;
    position: relative;
    padding: 15px;
    overflow: hidden;
    display: block;
    color: #000;
    box-sizing: border-box;
}

    .grid .counts {
        height: 30px;
        text-align: right;
        font-size: 24px;
        width: 100%;
        display: block;
        position: relative;
        padding-bottom: 7px;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        .grid .counts:after {
            content: '';
            height: 1px;
            width: 120px;
            display: inline-block;
            position: absolute;
            bottom: 0;
            right: 0;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

    .grid .title {
        text-align: right;
        font-size: 16px;
        width: 100%;
        display: block;
        padding-top: 10px;
    }

    .grid .links {
        display: table;
        width: 100%;
        float: left;
        margin-top: 10px;
        position: relative;
        background: #efefef;
        opacity: 0;
        border-radius: 5px;
    }

        .grid .links a {
            display: table-cell;
            line-height: 40px;
            text-align: center;
            color: #000;
        }

.reportdescription {
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.viewrepo a,
.editrepo a {
    color: #FFCF5B;
    float: right;
    margin-left: 20px;
    padding-bottom: 5px;
    border-bottom: 2px #FFCF5B solid;
    margin-top: 15px;
}

.after00A0DC .counts:after {
    background: #00A0DC;
}

.after7B539D .counts:after {
    background: #7B539D;
}

.afterE68523 .counts:after {
    background: #E68523;
}

.after00AEB3 .counts:after {
    background: #00AEB3;
}

.afterEDB220 .counts:after {
    background: #966b00;
}

.afterDC4B89 .counts:after {
    background: #DC4B89;
}

.after7CB82F .counts:after {
    background: #7CB82F;
}

.after66418C .counts:after {
    background: #66418C;
}

.after14717B .counts:after {
    background: #14717B;
}

.after737577 .counts:after {
    background: #757575;
}

.welcometext h1,
.welcometext .h1 {
    margin-bottom: 10px;
    margin-top: 10px;
}

.welcometext p {
    margin-bottom: 20px;
    color: #999;
}

.dashboardgrids .smallgrid {
    width: 19%;
    margin: 0.5%;
    float: left;
    background: #fff;
    height: 50px;
    border-radius: 4px;
    position: relative;
    padding: 15px 15px 15px 60px;
    overflow: hidden;
    display: block;
    color: #000;
    box-sizing: border-box;
}

    .dashboardgrids .smallgrid .iconcontainer {
        border-bottom-right-radius: 0;
        padding: 0;
        line-height: 50px;
    }

    .dashboardgrids .smallgrid .counts {
        float: right;
    }

.md-custome-tbl {
    overflow: auto;
    margin: 0 auto;
    padding: 10px;
}

    .md-custome-tbl table {
        background: none;
        border: none;
        border-spacing: 0;
    }

    .md-custome-tbl th,
    .md-custome-tbl td {
        padding: 8px 15px;
        text-align: left;
        vertical-align: middle;
        white-space: nowrap;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px #efefef solid;
    }

        .md-custome-tbl th.text-center,
        .md-custome-tbl td.text-center {
            text-align: center;
        }

    .md-custome-tbl .custome_input {
        margin-right: 15px;
        margin-top: 7px;
        border: 1px #eee solid !important;
    }

.message-panels {
    border-style: solid !important;
    border-width: 2px !important;
    border-radius: 3px;
}

.afternone:after {
    content: '' !important;
    display: none;
}

.panel-heading {
    font-size: 16px;
    color: #fff;
}

.panel-body {
    min-height: 120px;
    background: #fff;
}

.md-select-menu-container md-input-container.form_input {
    box-sizing: border-box;
    width: 100%;
}

.tdbutton {
    width: 100px;
}

.wbig {
    width: 310px;
}

.siteheader {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.treeline:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 34px;
    width: 2px;
    height: calc(100% - 37px);
    background: #1AB394;
    top: 6px;
}

.treeline {
    width: 100%;
    float: left;
    position: relative;
}

    .treeline .angular-ui-tree-node:after {
        position: absolute;
        width: 36px;
        content: '';
        display: inline-block;
        height: 2px;
        background: #1AB394;
        left: -26px;
        top: 20px;
    }

body .md-file .md-gyrusTheme-theme.md-button.md-squer {
    padding: 0px;
    min-width: 40px;
    border-radius: 0;
}

fieldset {
    background: #fafafa;
    border: 1px #ccc solid;
    border-radius: 5px;
    padding: 19px;
    box-sizing: border-box;
    margin: 15px 0px;
    width: 100%;
    float: left;
    display: block;
    min-width: 0px;
}

legend {
    padding: 6px 20px;
    font-weight: 100;
    font-size: 16px;
    position: relative;
    border: 1px #ccc solid;
    background: #fff;
    border-radius: 5px;
    margin-left: 10px;
}

    legend:after {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        border: 2px #ccc solid;
        position: absolute;
        top: 50%;
        right: -5px;
        border-radius: 100%;
        background: #ccc;
        margin-top: -5px;
    }

    legend:before {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        border: 2px #ccc solid;
        position: absolute;
        top: 50%;
        left: -5px;
        border-radius: 100%;
        background: #ccc;
        margin-top: -5px;
    }

    legend:focus {
        background-color: #f5f5f5;
    }

.processsteps a.completed span:after {
    content: '';
    display: block;
    width: 8px;
    height: 4px;
    border-left: 2px #fff solid;
    border-bottom: 2px #fff solid;
    position: absolute;
    top: 13px;
    left: 50%;
    z-index: 3;
    transform: rotate(-45deg);
    margin-left: -5px;
}

.moremenu {
    display: none;
}

.bigpopup {
    height: 90%;
    width: 90%;
    max-width: 1100px;
    max-height: 1100px;
}

.midpopup {
    max-height: 90%;
    max-width: 90%;
    width: 700px;
}

.md-big.md-button.md-fab {
    line-height: 120px;
    width: 120px;
    height: 120px;
}

    .md-big.md-button.md-fab md-icon {
        height: 70px;
        width: 70px;
        min-height: 70px;
        min-width: 70px;
    }

.smlpopup {
    height: auto;
    width: 320px;
    max-width: 98%;
    max-height: 98%;
    min-height: 200px;
}

.numeric-control .ui-state-focus,
.md-input-focused md-datepicker {
    border-color: #1AB394 !important;
    border-style: solid !important;
    border-width: 1px 1px 2px 1px !important;
}

.responsivetable {
    overflow: auto;
}

    .responsivetable .ui-iggrid {
        max-width: 100%;
        width: 100% !important;
    }

.chosen-container {
    min-width: 100%;
}

.panelinformation {
    position: absolute;
    top: 0px;
    left: 100%;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    min-width: 300px;
    z-index: 1;
}

    .panelinformation:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 0px solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 10px solid #23C6C8;
        position: absolute;
        left: -10px;
    }

    .panelinformation > div {
        border-radius: 0 5px 5px 5px;
        overflow: hidden;
    }

    .panelinformation button {
        box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    }

.md-img-icon {
    width: 24px;
    height: 24px;
}

.eamildef {
    max-height: 500px;
    overflow: auto;
}

.md-chip-style span {
    padding: 7px;
    background: #f7f7f7;
    display: inline-block;
    float: left;
}

html:focus,
body:focus,
div:focus,
button:focus,
i:focus,
td:focus,
th:focus,
tr:focus,
span:focus,
a:focus {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.md-chip-style md-icon {
    background: #fff;
    float: right;
    padding: 3px;
}

.searchpanel.gridcontainer {
    width: auto;
    float: none;
    min-height: 78px;
}

.searchpanel gyrus-filter {
    margin-right: 10px;
    position: relative;
}

gyrus-filter {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-left: 10px;
    margin-bottom: 10px;
}

    gyrus-filter .inline {
        display: inline-block;
        width: 48px;
        height: 48px;
        text-align: center;
        padding-top: 5px;
    }

        gyrus-filter .inline button {
            margin: 0px;
        }


    /*.searchpanel gyrus-filter.filterapply::before{-webkit-animation-delay:-1s;animation-delay:-1s;}*/

    gyrus-filter.filterapply .inline::after,
    .searchpanel gyrus-filter.filterapply .inline::after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        background: #f00;
        position: absolute;
        top: 8px;
        right: 5px;
        z-index: 20;
        border-radius: 100%;
    }

    gyrus-filter.filterapply::before,
    .searchpanel gyrus-filter.filterapply::before {
        content: '';
        display: inline-block;
        position: absolute;
        width: 55px;
        height: 55px;
        margin: auto;
        z-index: 1;
        opacity: 0;
        border: 3px solid rgba(251, 173, 61, .1);
        -webkit-animation: pulsejg1 3s linear infinite;
        -moz-animation: pulsejg1 3s linear infinite;
        animation: pulsejg1 3s linear infinite;
        -webkit-border-radius: 999px;
        -moz-border-radius: 999px;
        border-radius: 999px;
        -webkit-box-shadow: inset 0px 0px 15px 10px rgba(251, 173, 61, .4);
        -moz-box-shadow: inset 0px 0px 15px 10px rgba(251, 173, 61, .4);
        box-shadow: inset 0px 0px 15px 10px rgba(251, 173, 61, .4);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        top: -3px;
        left: -3px;
    }

    gyrus-filter.filterapply::after,
    .searchpanel gyrus-filter.filterapply::after {
        content: '';
        display: inline-block;
        position: absolute;
        width: 55px;
        height: 55px;
        margin: auto;
        z-index: 2;
        opacity: 0;
        border: 1px solid rgba(251, 173, 61, 0);
        -webkit-animation: pulsejg2 3s linear infinite;
        -moz-animation: pulsejg2 3s linear infinite;
        animation: pulsejg2 3s linear infinite;
        -webkit-border-radius: 999px;
        -moz-border-radius: 999px;
        border-radius: 999px;
        -webkit-box-shadow: inset 0px 0px 12px 5px rgba(104, 112, 153, .8);
        -moz-box-shadow: inset 0px 0px 12px 5px rgba(104, 112, 153, .8);
        box-shadow: inset 0px 0px 12px 5px rgba(104, 112, 153, .8);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        top: -3px;
        left: -3px;
        -webkit-animation-delay: 1s;
        -o-animation-delay: 1s;
        animation-delay: 1s;
    }

@-webkit-keyframes pulsejg1 {
    0% {
        -webkit-transform: scale(.6);
        opacity: 0;
    }

    50% {
        -webkit-transform: scale(.6);
        opacity: 0;
    }

    60% {
        -webkit-transform: scale(.9);
        opacity: .3;
    }

    70% {
        -webkit-transform: scale(1.1);
        opacity: .5;
    }

    80% {
        -webkit-transform: scale(1.25);
        opacity: .3;
    }

    100% {
        -webkit-transform: scale(1.4);
        opacity: 0;
    }
}

@-moz-keyframes pulsejg1 {
    0% {
        -moz-transform: scale(.6);
        opacity: 0;
    }

    50% {
        -moz-transform: scale(.6);
        opacity: 0;
    }

    60% {
        -moz-transform: scale(.9);
        opacity: .3;
    }

    70% {
        -moz-transform: scale(1.1);
        opacity: .5;
    }

    80% {
        -moz-transform: scale(1.25);
        opacity: .3;
    }

    100% {
        -moz-transform: scale(1.4);
        opacity: 0;
    }
}

@keyframes pulsejg1 {
    0% {
        transform: scale(.6);
        opacity: 0;
    }

    50% {
        transform: scale(.6);
        opacity: 0;
    }

    60% {
        transform: scale(.9);
        opacity: .1;
    }

    70% {
        transform: scale(1.1);
        opacity: .3;
    }

    80% {
        transform: scale(1.25);
        opacity: .1;
    }

    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}

@-webkit-keyframes pulsejg2 {
    0% {
        -webkit-transform: scale(.6);
        opacity: 0;
    }

    40% {
        -webkit-transform: scale(.8);
        opacity: .05;
    }

    50% {
        -webkit-transform: scale(1);
        opacity: .2;
    }

    60% {
        -webkit-transform: scale(1.1);
        opacity: .4;
    }

    80% {
        -webkit-transform: scale(1.2);
        opacity: .1;
    }

    100% {
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
}

@-moz-keyframes pulsejg2 {
    0% {
        -moz-transform: scale(.6);
        opacity: 0;
    }

    40% {
        -moz-transform: scale(.8);
        opacity: .05;
    }

    50% {
        -moz-transform: scale(1);
        opacity: .2;
    }

    60% {
        -moz-transform: scale(1.1);
        opacity: .4;
    }

    80% {
        -moz-transform: scale(1.2);
        opacity: .1;
    }

    100% {
        -moz-transform: scale(1.3);
        opacity: 0;
    }
}

@keyframes pulsejg2 {
    0% {
        transform: scale(.6);
        opacity: 0;
    }

    40% {
        transform: scale(.8);
        opacity: .05;
    }

    50% {
        transform: scale(1);
        opacity: .2;
    }

    60% {
        transform: scale(1.1);
        opacity: .4;
    }

    80% {
        transform: scale(1.2);
        opacity: .1;
    }

    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}

.searchpanel button {
    margin-left: 4px;
    margin-right: 4px;
}

.searchpanel cascade-delete-control {
    display: inline-block;
}

.filtertop {
    height: 60px;
    max-height: 60px;
}

.ui-ightmleditor-content iframe {
    min-height: 150px;
}

body .lf-ng-md-file-input .lf-ng-md-file-input-container .md-raised.lf-ng-md-file-input-button {
    min-width: 40px;
}

.listdata .item-wrap::before {
    border-right: 2px solid #23C6C8;
    border-top: 2px solid #23C6C8;
    content: "";
    display: inline-block;
    height: 6px;
    left: 0;
    position: absolute;
    top: 10px;
    transform: rotate(135deg);
    transition: all 0.2s ease-in-out 0s;
    width: 6px;
}

.listdata .item-wrap::after {
    border-right: 2px solid #23C6C8;
    border-top: 2px solid #23C6C8;
    content: "";
    display: inline-block;
    height: 6px;
    left: 0;
    position: absolute;
    top: 9px;
    transform: rotate(-45deg);
    transition: all 0.2s ease-in-out 0s;
    width: 6px;
}

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

.listdata li {
    padding: 5px 20px 5px 15px;
    position: relative;
    cursor: pointer;
}

.removefltr {
    position: absolute;
    right: -10px;
    top: 3px;
}

.listdata .counts {
    float: right;
    display: inline-block;
}

.listdata .list span[role="button"] {
    cursor: pointer;
}

.listdata .item-wrap:hover::before,
.listdata .item-wrap:focus::before {
    top: 9px;
    transform: rotate(45deg);
}

.listdata .item-wrap:hover::after,
.listdata .item-wrap:focus::after {
    left: -5px;
    top: 9px;
    transform: rotate(45deg);
}

.course-catalog-container:nth-of-type(4n+1) {
    clear: left;
}

.courseimgcon {
    margin-bottom: 10px;
    box-shadow: 2px 2px 8px #000 inset;
}

    .courseimgcon img {
        display: block;
        width: 100%;
    }

    .courseimgcon:focus {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.77);
    }

.blocktitle {
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    margin: 0 -15px;
    padding: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .blocktitle:focus {
        background-color: #eee;
    }

    .blocktitle .titleheading {
        margin: 0;
    }

.courseblock .blocktitle .titleheading {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.cataloglist {
    padding: 0 15px 10px;
    margin: 0 -15px;
    color: #777;
    min-height: 37px;
}


    .cataloglist:focus {
        background-color: #eee;
    }

    .cataloglist label {
        color: #000;
        display: block;
        width: 140px;
        float: left;
    }

    .cataloglist .labeldata {
        width: calc(100% - 140px);
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        float: left;
    }

.courseblock {
    padding-bottom: 60px;
    position: relative;
    min-height: 450px;
    /*border-bottom: 2px solid transparent;*/
}

.course-status {
    font-size: 13px;
    font-weight: 500;
    margin: 0 -15px;
    padding: 0 15px 15px;
}

    .course-status span {
        display: inline-block;
        vertical-align: middle;
        padding: 3px 7px;
        background-color: #ca0000;
        color: #fff;
        border-radius: 2px;
    }

.course-status-icon {
    position: absolute;
    top: -10px;
    right: -8px;
    width: 35px;
    height: 35px;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 0 3px;
    border-radius: 50%;
}

    .course-status-icon span {
        padding: 7px;
        display: inline-block;
    }

        .course-status-icon span::before {
            content: '';
            display: inline-block;
            width: 14px;
            height: 5px;
            border-left: 3px #008000 solid;
            border-bottom: 3px #008000 solid;
            transform: rotate(-50deg);
        }

.courseblock.mat {
    color: green;
    border-color: green;
}

    .courseblock.mat .course-status span {
        background-color: green;
    }

.courseblock.unmat {
    color: #ca0000;
    border-color: #ca0000;
}

    .courseblock.unmat .course-status span {
        background-color: #ca0000;
    }

.dropdown {
    position: relative;
    cursor: pointer;
}

.dropinnercontainer {
    padding-top: 10px;
    position: absolute;
    display: none;
    top: 100%;
    right: 0px;
    min-width: 200px;
    overflow: hidden;
    width: 100%;
}

    .dropinnercontainer:before,
    .dropinnercontainer:after {
        content: '';
        display: inline-block;
        height: 0;
        width: 0;
        border-bottom: 10px #008D9B solid;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        position: absolute;
    }

    .dropinnercontainer:before {
        right: 30px;
        top: 1px;
    }

    .dropinnercontainer:after {
        right: 30px;
        top: 2px;
        border-bottom: 10px #fff solid;
    }

    .dropinnercontainer .dropdown-menu {
        border: 1px #1AB394 solid;
        border-radius: 5px;
        margin: 0px;
        background: #fff;
        padding: 0px;
        width: 100%;
        float: left;
        display: block;
        box-sizing: border-box;
        overflow: hidden;
    }

.dropdown:focus .dropinnercontainer,
.dropdown:hover .dropinnercontainer {
    display: block;
}

.dropdown .dropinnercontainer li,
.dropdown .dropinnercontainer li a {
    display: block;
    list-style: none;
    width: 100%;
    float: left;
}

.dropdown .dropdown-menu li a {
    padding: 10px 15px;
    display: block;
    box-sizing: border-box;
}

    .dropdown .dropdown-menu li a:hover {
        background: #f5f5f5;
    }

.courseaction {
    position: absolute;
    bottom: 15px;
    left: 0;
    padding: 0 15px 0 65px;
}

    .courseaction .bigbtn {
        width: 100%;
        float: left;
        box-sizing: border-box;
    }

        .courseaction .bigbtn button {
            width: 100%;
        }

            .courseaction .bigbtn button span {
                width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

    .courseaction .squrbtn {
        width: 40px;
        margin-left: -55px;
        float: left;
    }

.cataloglist:before {
    content: '';
    margin-bottom: 10px;
    opacity: 0.5;
    display: block;
    height: 1px;
    float: left;
    width: 100%;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(207, 207, 207, 1) 51%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(51%, rgba(207, 207, 207, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(207, 207, 207, 1) 51%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(207, 207, 207, 1) 51%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(207, 207, 207, 1) 51%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(207, 207, 207, 1) 51%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

.resourceblock {
    width: 16.6%;
    float: left;
    padding: 10px;
    max-width: 230px;
    min-width: 180px;
}

    .resourceblock md-card {
        margin: 0px;
    }

    .resourceblock md-card-title-text {
        width: 100%;
        cursor: pointer;
        padding-right: 40px;
        box-sizing: border-box;
        display: block;
        padding-top: 8px;
        flex: none !important;
    }

    .resourceblock md-card-title md-checkbox {
        position: absolute;
        right: -2px;
        top: 9px;
    }

    .resourceblock md-card-title span {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        box-sizing: border-box;
    }

.fab-style {
    width: 100px;
    height: 100px;
    display: inline-block;
    border-radius: 100%;
    background: #efefef;
    text-align: center;
}

    .fab-style md-icon {
        margin-top: 20px;
        width: 60px;
        height: 60px;
    }

.card-media {
    cursor: pointer;
}

.securityblock {
    min-height: 355px;
}

body md-card md-card-title {
    position: relative;
}

.modal-md {
    width: 100%;
    max-width: 550px;
}

.modal-lg {
    width: 100%;
    max-width: 780px;
}

.modal-vlg {
    width: 100%;
    max-width: 1024px;
}

.training-btns .md-button.md-fab {
    width: 70px;
    height: 70px;
    background: #fafafa;
    border: 1px #ccc solid;
}

.dashboardgrids:after {
    content: '';
    display: table;
    clear: both;
}

.after00A0DC.counts {
    color: #00A0DC;
}

.after7B539D.counts {
    color: #7B539D;
}

.afterE68523.counts {
    color: #E68523;
}

.after00AEB3.counts {
    color: #00AEB3;
}

.afterEDB220.counts {
    color: #966b00;
}

.afterDC4B89.counts {
    color: #DC4B89;
}

.after7CB82F.counts {
    color: #7CB82F;
}

.after66418C.counts {
    color: #66418C;
}

.after14717B.counts {
    color: #14717B;
}

.after737577.counts {
    color: #757575;
}

.welcometext h1,
.welcometext .h1 {
    margin-bottom: 10px;
    margin-top: 20px;
}

.welcometext p {
    margin-bottom: 20px;
    color: #999;
}

.dashboarblankdgrids {
    width: 75%;
    float: left;
    margin-bottom: 5px;
}

.dashboardopt {
    width: 25%;
    float: left;
    padding-right: 30px;
    margin-top: 10px;
    margin-bottom: 5px;
}

* {
    box-sizing: border-box;
}

.dashwrap {
    width: 100%;
    padding: 0 15px;
    max-width: 1900px;
    margin: 0 auto;
    box-sizing: border-box;
    float: left;
}


/*.honeycombs{padding:10px;}*/

.honeycombs .comb:nth-child(10n + 1) .iconcontainer md-icon,
.honeycombs .comb:nth-child(1) .iconcontainer md-icon,
.comb.comb-training:nth-child(10n + 1) md-icon,
.comb.comb-training:nth-child(1) md-icon {
    color: #757575;
}

.honeycombs .comb:nth-child(10n + 2) .iconcontainer md-icon,
.honeycombs .comb:nth-child(2) .iconcontainer md-icon,
.comb.comb-training:nth-child(10n + 2) md-icon,
.comb.comb-training:nth-child(2) md-icon {
    color: #00A0DC;
}

.honeycombs .comb:nth-child(10n + 3) .iconcontainer md-icon,
.honeycombs .comb:nth-child(3) .iconcontainer md-icon,
.comb.comb-training:nth-child(10n + 3) md-icon,
.comb.comb-training:nth-child(3) md-icon {
    color: #E68523;
}

.honeycombs .comb:nth-child(10n + 4) .iconcontainer md-icon,
.honeycombs .comb:nth-child(4) .iconcontainer md-icon,
.comb.comb-training:nth-child(10n + 4) md-icon,
.comb.comb-training:nth-child(4) md-icon {
    color: #00AEB3;
}

.honeycombs .comb:nth-child(10n + 5) .iconcontainer md-icon,
.honeycombs .comb:nth-child(5) .iconcontainer md-icon,
.comb.comb-training:nth-child(10n + 5) md-icon,
.comb.comb-training:nth-child(5) md-icon {
    color: #7CB82F;
}

.honeycombs .comb:nth-child(10n + 6) .iconcontainer md-icon,
.honeycombs .comb:nth-child(6) .iconcontainer md-icon,
.comb.comb-training:nth-child(10n + 6) md-icon,
.comb.comb-training:nth-child(6) md-icon {
    color: #DC4B89;
}

.honeycombs .comb:nth-child(10n + 7) .iconcontainer md-icon,
.honeycombs .comb:nth-child(7) .iconcontainer md-icon,
.comb.comb-training:nth-child(10n + 7) md-icon,
.comb.comb-training:nth-child(7) md-icon {
    color: #966b00;
}

.honeycombs .comb:nth-child(10n + 8) .iconcontainer md-icon,
.honeycombs .comb:nth-child(8) .iconcontainer md-icon,
.comb.comb-training:nth-child(10n + 8) md-icon,
.comb.comb-training:nth-child(8) md-icon {
    color: #EF937E;
}

.honeycombs .comb:nth-child(10n + 9) .iconcontainer md-icon,
.honeycombs .comb:nth-child(9) .iconcontainer md-icon,
.comb.comb-training:nth-child(10n + 9) md-icon,
.comb.comb-training:nth-child(9) md-icon {
    color: #14717B;
}

.honeycombs .comb:nth-child(10n) .iconcontainer md-icon {
    color: #7B539D;
}

.graphicblock:nth-child(10n + 1),
.myproflist:nth-child(10n + 1) .iconcontainer {
    background: #757575;
}

.graphicblock:nth-child(10n + 2),
.myproflist:nth-child(10n + 2) .iconcontainer {
    background: #00678e;
}

.myproflist:nth-child(10n + 3) .iconcontainer {
    background: #E68523;
}

.myproflist:nth-child(10n + 4) .iconcontainer {
    background: #00AEB3;
}

.myproflist:nth-child(10n + 5) .iconcontainer {
    background: #587d26;
}

.myproflist:nth-child(10n + 6) .iconcontainer {
    background: #DC4B89;
}

.myproflist:nth-child(10n + 7) .iconcontainer {
    background: #775500;
}

.myproflist:nth-child(10n + 8) .iconcontainer {
    background: #a75b49;
}

.myproflist:nth-child(10n + 9) .iconcontainer {
    background: #14717B;
}

.myproflist:nth-child(10n) .iconcontainer {
    background: #7B539D;
}

.myproflist .iconcontainer {
    width: 70px;
    height: 70px;
    padding: 16px;
    float: left;
}

    .myproflist .iconcontainer.img {
        padding: 0;
        overflow: hidden;
    }

        .myproflist .iconcontainer.img img {
            width: 100%;
        }

.myproflist .title {
    float: left;
    padding-left: 15px;
    width: calc(100% - 70px);
    font-size: 15px;
    color: #555;
    margin-bottom: 5px;
    min-height: 38px;
}

.myproflist .counts {
    float: left;
    padding-left: 15px;
    width: calc(100% - 70px);
    color: #444;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
}

.myproflist .iconcontainer md-icon {
    width: 40px;
    height: 40px;
    max-width: 40px;
    height: 40px;
    color: #fff;
}

.myprofiles {
    border: 2px solid #f2f2f2;
    border-radius: 5px;
}

.lboarder {
    border: 2px solid #f2f2f2;
    border-radius: 5px;
}

.comb {
    display: block;
    min-width: 130px;
    height: 125px;
    background: #fff;
    vertical-align: top;
    position: relative;
    float: left;
    width: 18%;
    margin-top: 10px;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    overflow: hidden;
    border: 2px solid #f2f2f2;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
    -ms-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
}

    .comb:hover,
    .comb:focus {
        /* background-color: #f3ffff; */
        /* border-color: #b7c7c7; */
        background-color: #efefef;
        border-color: #ddd;
    }

.combblock {
    display: block;
    min-width: 160px;
    width: 13.28%;
    float: left;
    margin-left: 0.5%;
    margin-right: 0.5%;
}

    .combblock .comb {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }

.comb.bigblock {
    height: 340px;
}

.comb.comb-training {
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
    box-shadow: none;
}

    .comb.comb-training .md-button {
        margin: 6px 20px;
    }

    .comb.comb-training .counts {
        /*font-size: 20px;*/
        /*padding: 0 15px;*/
    }


.dashboardhead {
    font-weight: 400;
    background: rgba(35, 198, 200, 0.1);
    font-size: 18px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 22px;
    border-radius: 7px;
    width: calc(100% - 20px);
    margin-left: 10px;
}

    .dashboardhead h2,
    .dashboardhead .h2 {
        font-size: 18px;
        margin: 0;
        font-weight: 400;
        display: inline-block;
    }

    .dashboardhead .dib {
        margin-top: -4px;
    }

        .dashboardhead .dib:hover md-icon.md-gyrusTheme-theme,
        .dashboardhead .dib:focus md-icon.md-gyrusTheme-theme {
            color: #00695c;
        }

.Theme2 .dashboardhead {
    background: rgba(255, 171, 64, 0.1);
}

.Theme3 .dashboardhead {
    background: rgba(68, 138, 255, 0.1);
}

.Theme6 .dashboardhead {
    background: rgba(185, 191, 242, 0.1);
}

.comb.configuration {
    background: rgba(26, 179, 148, 1);
    background: -moz-linear-gradient(-45deg, rgba(26, 179, 148, 1) 0%, rgba(35, 197, 200, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(26, 179, 148, 1)), color-stop(100%, rgba(35, 197, 200, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(26, 179, 148, 1) 0%, rgba(35, 197, 200, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(26, 179, 148, 1) 0%, rgba(35, 197, 200, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(26, 179, 148, 1) 0%, rgba(35, 197, 200, 1) 100%);
    background: linear-gradient(135deg, rgba(26, 179, 148, 1) 0%, rgba(35, 197, 200, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1ab394', endColorstr='#23c5c8', GradientType=1);
}

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

.traincon,
.messagecenter,
.badges {
    float: left;
    border: 2px solid #f2f2f2;
    border-radius: 5px;
}

.head-count {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-left: 5px;
    border-radius: 50%;
    background-color: #777;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.head-action {
    font-size: 14px;
    padding: 3px;
}

    .head-action a {
        color: #555;
    }

        .head-action a:hover,
        .head-action a:focus {
            color: #000;
        }

.badges [class*="col-"]:nth-of-type(3n+1) {
    clear: left;
}

.link-badge {
    display: block;
    font-size: 12px;
    color: #555;
    text-align: center;
}

    .link-badge figure {
        margin: 0 0 5px;
        width: 100%;
    }

    .link-badge img {
        max-width: 100px;
    }

    .link-badge:hover,
    .link-badge:focus {
        color: #000;
    }

.mainoptions .traincon {
    min-height: 410px;
}

.messagecenter {
    /*height: 480px;*/
    /*height: 215px;*/
    min-height: 478px;
    min-width: 270px;
    width: 100%;
    margin-bottom: 20px;
}

    .messagecenter .massagecontainer {
        width: 100%;
        background: #fff;
        height: 335px;
        float: left;
    }

.combcontainer .topside {
    width: 70%;
    float: left;
}

.messagecenter .massagecontainer h2,
.messagecenter .massagecontainer .h2 {
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    margin: 0;
    line-height: 40px;
    position: relative;
    padding-left: 10px;
    padding-right: 0px;
    z-index: 2;
}

.myproflist {
    width: 33.33%;
    float: left;
    padding: 15px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .myproflist:hover,
    .myproflist:focus {
        background-color: #efefef;
    }

.listblk {
    width: 100%;
    float: left;
    margin-top: 8px;
    padding: 10px;
    position: relative;
}

    .listblk .iconcontainer {
        float: left;
    }

    .listblk .title {
        float: left;
        font-size: 15px;
        padding-top: 10px;
        padding-left: 10px;
    }

    .listblk .counts {
        float: right;
        padding-top: 10px;
        font-size: 16px;
    }

    .listblk .linksblock {
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        opacity: 0;
        text-align: center;
        padding-top: 6px;
        /* -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5); */
    }

    .listblk:hover .linksblock,
    .listblk:focus .linksblock,
    .listblk.ally-focus-within .linksblock {
        /* -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); */
        opacity: 1;
    }

    .listblk md-icon {
        width: 40px;
        height: 40px;
        max-width: 40px;
        max-height: 40px;
        vertical-align: -20%;
    }

    .listblk .linksblock md-icon {
        width: 24px;
        height: 24px;
        max-width: 24px;
        max-height: 24px;
    }

.configurationblk md-icon {
    height: 110px;
    width: 110px;
    margin-top: 10px;
    margin-bottom: -10px;
}

.transparentbtn {
    color: #fff;
    border: 1px #fff solid;
    border-radius: 18px;
    padding: 5px 15px;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
    z-index: 1;
}

    .transparentbtn:hover {
        background: rgba(255, 255, 255, 0.5);
    }

.configuration.comb .title {
    color: #1bb395;
    background: #e6f5f5;
    /* background: -moz-linear-gradient(left, rgba(255, 205, 79, 1) 0%, rgba(247, 156, 0, 1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 205, 79, 1)), color-stop(100%, rgba(247, 156, 0, 1)));
  background: -webkit-linear-gradient(left, rgba(255, 205, 79, 1) 0%, rgba(247, 156, 0, 1) 100%);
  background: -o-linear-gradient(left, rgba(255, 205, 79, 1) 0%, rgba(247, 156, 0, 1) 100%);
  background: -ms-linear-gradient(left, rgba(255, 205, 79, 1) 0%, rgba(247, 156, 0, 1) 100%);
  background: linear-gradient(to right, rgba(255, 205, 79, 1) 0%, rgba(247, 156, 0, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffcd4f', endColorstr='#f79c00', GradientType=1); */
    font-size: 14px;
    left: -35px;
    margin-top: 10px;
    position: absolute;
    text-align: center;
    top: 26px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 170px;
}

.comb .links {
    position: absolute;
}

.gridcontainer1 .linksblock,
.comb .linksblock {
    text-align: center;
    position: absolute;
    height: 100%;
    width: 100%;
    display: inline-block;
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    top: 0;
    /* top: 100%; */
    vertical-align: middle;
    cursor: default;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 15px;
    opacity: 0;
}

.gridcontainer1 .grid:hover .linksblock,
.gridcontainer1 .grid:focus .linksblock,
.gridcontainer1 .grid.ally-focus-within .linksblock,
.comb:hover .linksblock,
.comb:focus .linksblock,
.comb.ally-focus-within .linksblock {
    /* top: 0; */
    opacity: 1;
}

.linksblock .md-button.md-gyrusTheme-theme.md-raised:not([disabled]).md-focused,
.linksblock button:focus {
    background-color: #ddffff;
}

.comb .linksblock md-icon {
    vertical-align: -20%;
    color: #fff;
}

.comb .linksblock a {
    width: 100%;
    display: inline-block;
    margin: 5px 0;
}

.topline {
    width: 50px;
    height: 3px;
    display: inline-block;
    border-radius: 3px;
    float: left;
    clear: both;
}

.comb .topline {
    margin: 0 10px 10px;
}

.comb .title {
    color: #555;
    display: block;
    float: left;
    font-size: 15px;
    margin-top: 10px;
    padding: 5px 10px;
    text-align: left;
    width: 100%;
}


/*.comb .iconcontainer{position: absolute;bottom: 10px;right: 10px;}*/

.comb .iconcontainer {
    margin: 10px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}

    .comb .iconcontainer md-icon {
        width: 50px;
        height: 50px;
        color: #aaa;
    }

.Widgets.comb .iconcontainer {
    margin-bottom: 0;
    margin-top: 30px;
}

    .Widgets.comb .iconcontainer md-icon {
        width: 50px;
        height: 50px;
    }

.Widgets.comb .title {
    margin-top: 5px;
}

.comb .counts {
    position: absolute;
    display: inline-block;
    padding: 0 12px;
    text-align: left;
    right: 0px;
    bottom: 15px;
    color: #444;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
}

.mainoptions {
    width: 66.66%;
}

.plugincontainer {
    height: 350px;
    margin-bottom: 20px;
    border-radius: 7px;
}

.mesicon md-icon {
    float: left;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    margin-top: 5px;
}

.dashboradop {
    background: rgba(26, 179, 148, 1);
    background: -moz-linear-gradient(-45deg, rgba(26, 179, 148, 1) 0%, rgba(35, 197, 200, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(26, 179, 148, 1)), color-stop(100%, rgba(35, 197, 200, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(26, 179, 148, 1) 0%, rgba(35, 197, 200, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(26, 179, 148, 1) 0%, rgba(35, 197, 200, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(26, 179, 148, 1) 0%, rgba(35, 197, 200, 1) 100%);
    background: linear-gradient(135deg, rgba(26, 179, 148, 1) 0%, rgba(35, 197, 200, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1ab394', endColorstr='#23c5c8', GradientType=1);
    padding: 20px 30px;
}

.welcometext {
    display: inline-block;
}

    .welcometext p,
    .welcometext h2,
    .welcometext .h2 {
        color: #fff;
    }

    .welcometext h2,
    .welcometext .h2 {
        margin-bottom: 0;
        margin-top: 5px;
        font-size: 1.5rem;
    }

        .welcometext h2 sup,
        .welcometext .h2 sup {
            line-height: 20px;
            vertical-align: top;
        }

    .welcometext p {
        margin-top: 0;
        font-size: 16px;
        line-height: 28px;
    }

.widget-title {
    float: left;
    margin: 0 0 30px;
    padding-right: 50px;
    position: relative;
    width: 100%;
}

    .widget-title h3,
    .widget-title .h3 {
        float: left;
        font-size: 18px;
        font-weight: 400;
        margin: 0;
        width: 100%;
    }

    .widget-title p {
        color: #a3a3a3;
        float: left;
        font-size: 13px;
        margin: 3px 0 0;
        width: 100%;
    }

.options {
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 30px;
}

    .options i {
        float: left;
        line-height: 30px;
        transform: rotate(90deg);
        width: 100%;
    }

.widget-title.light h3,
.widget-title.light .h3,
.widget-title.light p {
    color: #fff;
}

.widget-title.light a.options {
    color: #fff;
}

.search-wrap {
    float: right;
    width: 50%;
    text-align: right;
}

.globalserach {
    /* float: right; */
    max-width: 400px;
    width: 100%;
    margin-bottom: 0px;
    display: inline-block;
    vertical-align: middle;
}

    .globalserach form {
        display: flex;
        align-items: center;
    }

    .globalserach label {
        margin-right: 10px;
        color: #fff;
    }

    .globalserach .search_input {
        border: none;
        background: #fff;
        border-radius: 20px;
        overflow: hidden;
    }

        .globalserach .search_input input {
            padding-left: 15px;
        }

        .globalserach .search_input md-icon {
            /* padding-right: 10px; */
            width: 35px;
        }

.timeline-content .ticket {
    padding: 15px;
}

.ticket-text {
    padding: 15px;
    vertical-align: middle;
    width: 100%;
    border-bottom: 1px #f5f5f5 solid;
    float: left;
}

    .ticket-text .label-danger {
        color: #c70d09;
        margin-left: 15px;
    }

    .ticket-text .label-primary {
        color: #328200;
        margin-left: 15px;
    }

    .ticket-text .label-warning {
        color: #966b00;
        margin-left: 15px;
    }

    .ticket-text > strong {
        float: left;
        font-size: 14px;
        font-weight: 500;
        max-width: 60%;
        text-transform: uppercase;
    }

    .ticket-text > span {
        float: right;
        font-size: 12px;
        text-transform: uppercase;
    }

    .ticket-text > p {
        float: left;
        font-size: 14px;
        margin: 10px 0 0;
        width: 100%;
        color: #666;
    }

.borderttl {
    font-weight: 200;
    padding-bottom: 15px;
    position: relative;
    color: #777;
}

.dashboardhead span {
    display: inline-block;
    vertical-align: middle;
}

.msgpin .messagecenter {
    margin: 0;
    position: fixed;
    z-index: 1;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 3;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
    padding-top: 42px;
    width: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    min-width: 0;
}

.msgpin.msgpinopen .messagecenter {
    display: block;
    width: 350px;
    max-width: 100%;
}

.nomsgcenter {
    display: none;
}

.msgpin .nomsgcenter {
    display: block;
}

.msgpin .messagecenter .massagecontainer h2,
.msgpin .messagecenter .massagecontainer .h2 {
    margin-top: -42px;
    margin: 0;
}

.msgpin .messagecenter .massagecontainer {
    height: 0;
}

.msgpin.msgpinopen .messagecenter .massagecontainer {
    height: 100%;
}

.msgpin #pinmsg {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.pinmsgcenter {
    position: fixed;
    right: 0;
    top: 70px;
    width: 34px;
    height: 34px;
    padding: 3px 4px;
    z-index: 2;
    border-radius: 5px 0 0 5px;
    display: none;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.msgpin .pinmsgcenter {
    display: block;
}

.pinmsgcenter md-icon {
    width: 28px;
    height: 28px;
}

.msgpin.msgpinopen .bounceIn,
.msform .step-pane.active {
    animation-name: bounceIn;
}

.animated {
    animation-duration: 0.5s;
}

.coachcontrol_main.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceOut {
    animation-name: bounceOut;
}

@keyframes bounceOut {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes bounceIn {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.training-btns .md-button.md-fab md-icon {
    height: 36px;
    width: 36px;
}

.training-btns .md-button.md-gyrusTheme-theme.md-fab md-icon {
    color: rgba(0, 0, 0, 0.4);
}

.trainingblk {
    width: 33.33%;
    float: left;
    text-align: center;
}

    .trainingblk span {
        width: 100%;
        float: left;
        display: block;
        margin-bottom: 10px;
    }

    .trainingblk .md-button.md-gyrusTheme-theme.md-fab:not([disabled]).md-focused,
    .trainingblk .md-button.md-gyrusTheme-theme.md-fab:not([disabled]):hover {
        background-color: #ddd;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    }

.webinars .md-button.md-fab {
    padding: 0;
}

    .webinars .md-button.md-fab img {
        width: 100%;
    }

.vertical-top,
.vertical-top .icheckbox_square-green {
    vertical-align: top;
    margin-right: 10px;
}

.with_msgcenter #myprofileblock {
    padding-right: 0;
}

.questionshortcuts {
    border: 1px solid #ccc;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin: 5px;
    text-align: center;
    width: 50px;
}

    .questionshortcuts:hover,
    .questionshortcuts:focus {
        font-weight: bold;
        box-shadow: 1px 1px 7px;
    }

    .questionshortcuts.isquestionView {
        color: #fff;
        background-color: #999;
        border: 1px solid #999;
        font-weight: bold;
    }

    .questionshortcuts.completed {
        color: #fff;
        background-color: #1AB394;
        font-weight: bold;
        border: 1px solid #1AB394;
    }

    .questionshortcuts.currentquestion {
        color: #fff;
        background: #23C6C8;
        border: 1px solid #23C6C8;
        font-weight: bold;
    }

.assessmentQuestionNavigationContainer {
    width: 200px;
    position: static;
    right: 0;
    margin-right: -201px;
    float: right;
    top: 0;
    overflow: auto;
    max-height: 500px;
}

.mainasscon {
    width: 100%;
    padding-right: 220px;
    position: relative;
}

.questioncontainer {
    width: 100%;
    float: left;
}

.fixedQuestionNavigation {
    position: fixed;
    top: 10px;
    right: 30px;
    z-index: 999;
    margin-right: 0;
    max-height: 100%;
    overflow: auto;
}

.question-container {
    border-bottom: 1px solid #E7E7E7;
}

.questionimgcon {
    width: 100%;
    max-width: 150px;
    border: 4px #fff solid;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 10px;
    float: left;
    margin-bottom: 15px;
}

.questiontbl td {
    vertical-align: top;
}

.answerblk {
    padding-left: 75px;
}

.treepaneldetail {
    position: fixed;
}

    .treepaneldetail.ally-focus-within {
        display: block !important;
    }

.rs-tooltip {
    background: #333;
    padding: 5px 15px;
    border-radius: 5px;
    display: inline-block;
    border-bottom: 5px #1AB394 solid;
    position: fixed;
    font-size: 15px;
    z-index: 99;
    max-width: 190px;
    text-align: center;
    line-height: 20px;
}

    .rs-tooltip.rbig {
        max-width: 300px;
        width: 100%;
    }

.event-tooltip {
    z-index: 9999;
    text-align: left;
}

.rs-tooltip:after {
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
    border-top: 10px #1AB394 solid;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
}

.rs-inner {
    width: 100%;
    float: left;
    color: #fff;
}

.pplmorebtn {
    display: inline-block;
    width: 20px;
}

    .pplmorebtn .ion-ios-more {
        display: none;
    }

    .pplmorebtn:hover .ion-android-menu {
        display: none;
    }

    .pplmorebtn:hover .ion-ios-more {
        display: block;
    }

.custtbl {
    width: 100%;
    text-align: center;
    display: table;
    margin: 10px 0;
}

    .custtbl .count {
        color: #000;
        font-size: 18px;
    }

    .custtbl > div {
        display: table-cell;
        padding: 4px 7px;
        width: 33.33%;
    }

    .custtbl.td2 > div {
        width: 50%;
    }

    .custtbl .caption {
        font-size: 12px;
        color: #888;
    }

a.mailunmt {
    color: #000;
    display: inline-block;
    font-size: 15px;
    margin: 10px 0;
}

    a.mailunmt i {
        font-size: 22px;
        color: #000;
    }

.mailunmt i {
    display: inline-block;
    vertical-align: middle;
}

.inreport {
    border: 10px #000 solid !important;
}

.imgcon {
    width: 100px;
    height: 100px;
    float: left;
    border-radius: 100%;
    margin-top: 26px;
    margin-left: 10px;
}

    .imgcon img {
        width: 100%;
        border-radius: 100%;
    }

.mypeople {
    padding: 10px 10px 0 10px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.peoplename {
    padding-top: 80px;
    text-align: right;
    padding-right: 10px;
}

    .peoplename h4,
    .peoplename .h4 {
        color: #000;
        font-weight: normal;
        max-width: 130px;
        margin-bottom: 0;
        display: inline-block;
    }

        .peoplename h4 a,
        .peoplename .h4 a {
            padding: 0;
            width: 100%;
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
            color: #000;
        }

        .peoplename h4 a,
        .peoplename .h4 a,
        .peoplename p {
            text-align: right;
        }

    .peoplename p {
        color: #666;
        margin-top: 0px;
    }

.assex {
    border-radius: 100%;
    color: #fff;
    height: 100px;
    line-height: 14px;
    padding-top: 22px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -23px;
    width: 100px;
    padding-left: 5px;
    padding-right: 5px;
}

    .assex .count {
        font-size: 21px;
        font-weight: bold;
        line-height: 33px;
    }

.caption.ng-binding {
    font-size: 12px;
    color: #666;
}

.assex .caption.ng-binding {
    font-size: 13px;
    color: #fff;
}

.reportto div {
    color: #000;
}

.paddingapprovel {
    margin-top: 20px;
}

.mypeople .imgcon {
    margin-top: 0;
}

.mypeople .fixed-action-btn > a {
    height: 34px;
    width: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 27px;
    color: #000;
    margin-right: -15px;
    display: inline-block;
}

    .mypeople .fixed-action-btn > a md-icon {
        vertical-align: top;
        margin-top: 6px;
    }

.mypeople .fixed-action-btn ul {
    padding: 10px 0;
    max-height: 0;
    background: rgba(0, 0, 0, 0.8);
    bottom: 34px;
    color: #fff;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    width: 100%;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    visibility: visible;
    overflow: hidden;
}

.mypeople .fixed-action-btn:hover ul {
    max-height: 400px;
    visibility: visible;
}

.mypeople .fixed-action-btn.active > a,
.mypeople .fixed-action-btn > a:hover {
    background: #ccc;
    color: #fff;
}

.mypeople .fixed-action-btn.active ul {
    max-height: 400px;
}

.mmphead h2,
.mmphead .h2 {
    margin: 0;
    font-size: 18px;
    color: #455a64;
}

.mypeople .fixed-action-btn ul li {
    padding: 5px 0;
    margin: 0;
    width: 100%;
    float: left;
}

    .mypeople .fixed-action-btn ul li a {
        padding: 4px 10px 4px 15px;
        display: inline-block;
        width: 100%;
        float: left;
        color: #fff;
    }

        .mypeople .fixed-action-btn ul li a:before {
            content: '>';
            display: inline-block;
        }

.mypeople .reports-to {
    font-size: 14px;
    color: #000;
    line-height: 34px;
}

.mmplist .imgcon {
    width: 60px;
    height: 60px;
}

.mmplist .peoplename h4,
.mmplist .peoplename .h4,
.mmplist .peoplename p {
    text-align: left;
}

.mmplist .peoplename h4,
.mmplist .peoplename .h4,
.mmplist .peoplename div,
.mmplist .peoplename p {
    text-align: left !important;
    float: left;
    display: inline-block;
    clear: both;
    width: 100%;
    margin-bottom: 0px;
}

    .mmplist .peoplename h4 a,
    .mmplist .peoplename .h4 a,
    .mmplist .peoplename p {
        text-align: left;
    }

.mmplist .peoplename {
    padding: 5px 0 0 12px;
    float: left;
    width: 135px;
}

.remcounts {
    max-width: 350px;
    float: left;
}

    .remcounts .custtbl {
        margin-bottom: 0;
    }

    .remcounts .mailunmet {
        width: 100%;
        text-align: center;
    }

.mmplist .mypeople {
    overflow: visible;
    float: left;
    width: 100%;
}

    .mmplist .mypeople .fixed-action-btn ul {
        max-width: 180px;
        z-index: 1005;
    }

.mmplist .custtbl > div {
    padding: 0px 7px;
    border-left: 1px #aaa solid;
}

    .mmplist .custtbl > div:first-child {
        border: none;
    }

.mmplist .count {
    color: #49C6C7;
}

.peoplename.withcount {
    width: auto;
    padding-left: 10px;
}

.moreoption .reportto {
    width: 100%;
}

.mmplist .mypeople .fixed-action-btn > a {
    float: right;
    margin-right: 0;
    margin-top: 10px;
}

.mmplist a.mailunmt {
    font-size: 14px;
    color: #000;
}

.mmplist .custtbl .count {
    line-height: 20px;
}

.pull-right.moreoption {
    max-width: 85px;
}

.fullcon.p15.userdetails {
    margin-top: -80px;
}

.profilebanner {
    min-height: 200px;
    background: rgba(41, 184, 229, 1);
    background: -moz-linear-gradient(-45deg, rgba(41, 184, 229, 1) 0%, rgba(0, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(41, 184, 229, 1)), color-stop(100%, rgba(0, 255, 255, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(41, 184, 229, 1) 0%, rgba(0, 255, 255, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(41, 184, 229, 1) 0%, rgba(0, 255, 255, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(41, 184, 229, 1) 0%, rgba(0, 255, 255, 1) 100%);
    background: linear-gradient(135deg, rgba(41, 184, 229, 1) 0%, rgba(0, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#29b8e5', endColorstr='#00ffff', GradientType=1);
    color: #fff;
}

.profileimg {
    border: 5px #f6f6f6 solid;
    display: inline-block;
    min-width: 100px;
    min-height: 100px;
    position: relative;
}

    .profileimg span {
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
    }

    .profileimg:hover span {
        display: block;
    }

    .profileimg md-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -10px;
        margin-top: -10px;
    }

.securitypopup {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    max-height: none;
    padding: 18px 0 10px;
    width: 200px;
    position: fixed;
    background: #fff;
    z-index: 15;
}

    .securitypopup button {
        width: 100%;
        text-align: left;
        background: none;
        border: none;
        padding: 8px 10px;
        border-radius: 0;
    }

        .securitypopup button i {
            vertical-align: middle;
            width: 35px;
            font-size: 20px;
            text-align: center;
        }

.logoviewer {
    width: auto;
    min-width: 100px;
    height: 130px;
    border: #1AB394 2px solid;
    border-radius: 10px;
    margin: 30px;
    position: relative;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    float: left;
}

    .logoviewer label {
        top: 0;
        position: absolute;
        z-index: 2;
        width: 50%;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background: rgba(255, 255, 255, 1);
        background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
        background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
        background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
        background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
        background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1);
        text-align: center;
        height: 100%;
        padding-top: 50px;
    }

        .logoviewer label.uploadimg {
            left: -50%;
        }

        .logoviewer label.deletimg {
            right: -50%;
            opacity: 1;
        }

    .logoviewer:hover label.uploadimg {
        left: 0;
    }

    .logoviewer:hover label.deletimg {
        right: 0;
    }

.imgcrop {
    width: 140px;
    height: 130px;
    float: left;
    margin: 30px;
}

    .imgcrop img-crop {
        display: block;
        width: 300px;
    }

        .imgcrop img-crop canvas {
            margin: 0px !important;
            position: static !important;
        }

.login-theme .logpagename {
    position: absolute;
    width: 100%;
    padding: 6px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    left: 0;
}

.login-theme md-radio-button .md-label {
    margin: 0px;
}

.login-theme md-radio-button {
    box-sizing: border-box;
    transition: all 0.1s ease-in-out;
    display: block;
    width: 250px;
    position: relative;
    margin-right: 30px;
}

.config.login-theme md-radio-button {
    width: 30.33%;
    float: left;
    margin: 20px 1.5%;
}

.login-theme md-radio-button.md-checked {
    box-shadow: 0px 6px 6px -3px rgba(35, 198, 200, 0.4), 0px 10px 14px 1px rgba(35, 198, 200, 0.2), 0px 4px 18px 3px rgba(35, 198, 200, 0.2);
    border: 4px rgb(35, 198, 200) solid;
}

.login-theme .md-container {
    position: absolute;
}

.login-theme img {
    float: left;
    width: 100%;
}

.app-theme md-radio-button {
    float: left;
    text-align: center;
}

    .app-theme md-radio-button.md-checked {
        border-radius: 8px;
        overflow: hidden;
    }

        .app-theme md-radio-button.md-checked .uparea {
            border: 3px solid;
        }

    .app-theme md-radio-button .uparea {
        border-radius: 8px;
        overflow: hidden;
    }


    /*.app-theme md-radio-button .theme{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}*/

    .app-theme md-radio-button .uparea,
    .app-theme md-radio-button .theme {
        width: 60px;
        height: 60px;
        display: inline-block;
    }

        .app-theme md-radio-button .theme > span {
            width: 100%;
            height: 30px;
            display: inline-block;
            float: left;
        }

            .app-theme md-radio-button .theme > span:first-child {
                background: #1AB394;
            }

            .app-theme md-radio-button .theme > span:last-child {
                background: #253947;
            }

    .app-theme md-radio-button.Theme2 .theme > span:first-child {
        background: #4152B4;
    }

    .app-theme md-radio-button.Theme2 .theme > span:last-child {
        background: #FF6D02;
    }

    .app-theme md-radio-button.Theme3 .theme > span:first-child {
        background: #f00;
    }

    .app-theme md-radio-button.Theme3 .theme > span:last-child {
        background: #000;
    }

    .app-theme md-radio-button.Theme5 .theme > span:first-child {
        background: #000;
    }

    .app-theme md-radio-button.Theme5 .theme > span:last-child {
        background: #777;
    }

    .app-theme md-radio-button.Theme6 .theme > span:first-child {
        background: #E18959;
    }

    .app-theme md-radio-button.Theme6 .theme > span:last-child {
        background: #98A5AD;
    }

    .app-theme md-radio-button.Theme7 .theme > span:first-child {
        background: #4C6882;
    }

    .app-theme md-radio-button.Theme7 .theme > span:last-child {
        background: #233a4f;
    }

    .app-theme md-radio-button .md-container {
        display: none;
    }

    .app-theme md-radio-button .md-label {
        margin: 0;
    }

        .app-theme md-radio-button .md-label .tname {
            width: 100%;
            float: left;
            padding: 5px 0;
        }

.droptable {
    border: 1px #efefef solid;
    border-collapse: collapse;
}

    .droptable table {
        border-collapse: collapse;
        border: 1px #efefef solid;
    }

    .droptable td,
    .droptable th {
        padding: 3px 15px;
        border-top: 1px #efefef solid;
        border-bottom: 1px #efefef solid;
        vertical-align: middle;
        text-align: left;
    }

    .droptable > tbody > tr > td:first-child,
    .droptable > thead > tr > th:first-child {
        border-right: 1px #efefef solid;
        background: #DCFBFA;
    }

    .droptable th {
        padding: 15px;
        font-weight: normal;
        color: #aaa;
    }

    .droptable md-datepicker {
        margin: 0px;
    }

    .droptable .numeric.input-group {
        width: 120px;
        border: 1px rgba(0, 0, 0, 0.12) solid !important;
    }

    .droptable .input-group .ui-igedit-container {
        width: auto;
    }

    .droptable md-checkbox {
        margin: 0;
    }

    .droptable td.expandtd {
        padding-left: 54px;
        background: none !important;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 15px;
    }

        .droptable td.expandtd table th {
            border-top: none !important;
        }

        .droptable td.expandtd table {
            background: #fbfbfb;
        }

.timpik {
    border: 1px rgba(0, 0, 0, 0.12) solid;
    height: 36px;
    color: #555;
    padding-left: 10px;
    max-width: 520px;
    background: #fff;
}

.droptable td.expandtd table .inputcon input {
    background: #fff;
}

.enroleenotes {
    background: #fff;
    width: 100%;
    border-radius: 0px;
    height: 120px;
    border: 1px #f5f5f5 solid;
    padding: 7px;
}

.droptable td.expandtd table td.textareatd {
    padding: 10px !important;
}

.borderfull table,
.borderfull th,
.borderfull td {
    /* border: 1px #ddd solid; */
    border-collapse: collapse;
}

.userimage {
    display: inline-block;
    vertical-align: middle;
}

#divHeader {
    height: 74px;
    max-height: 74px;
}

.top-menu-options {
    margin-top: 10px;
}

.centerform {
    /*width: 400px;*/
    width: 450px;
    margin: 0;
    padding: 10px 30px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    border-top: 5px #28C5C7 solid;
    border-radius: 15px;
}

.bodycontainer {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: url(/Content/img/register.jpg) no-repeat left center / cover;
}
.bodycontainer-nyc .bodycontainer {
    background: url(/Content/img/nycregister.jpg) no-repeat left center / cover !important;
}
.session-box .session-main-box::before {
    background: rgba(0, 0, 0, 0) url(/Content/img/register.jpg) no-repeat fixed 0 0 / cover;
}
.bodycontainer-nyc .session-box .session-main-box::before {
    background: rgba(244, 244, 244, 0.35) !important;
}

.approvaltable .ui-iggrid .ui-iggrid-filtercell .ui-igedit:first-child input {
    height: 30px;
    border: 1px #ddd solid;
}

.approvaltable .ui-iggrid td.ui-iggrid-filtercell {
    background: #fff !important;
}

.searchtable {
    width: 100%;
    margin-top: 20px;
    padding-left: 30px;
}

    .searchtable .ui-iggrid .ui-iggrid-scrolldiv:first-child,
    .searchtable .ui-iggrid {
        border: none !important;
    }

    .searchtable .responsivetable {
        margin-top: -40px;
    }

    .searchtable table {
        width: 100% !important;
    }

    .searchtable .ui-widget-header {
        border: none;
        margin-top: 30px;
    }


    /*.searchtable .ui-iggrid .ui-iggrid-paging > div, .searchtable  .ui-iggrid .ui-iggrid-paging .ui-iggrid-paging-item span, .searchtable  .ui-iggrid .ui-iggrid-paging .ui-iggrid-pagedropdownlabels, .searchtable  .ui-iggrid .ui-iggrid-paging li, .searchtable  .ui-iggrid .ui-iggrid-results span {float: left;padding: 0px 7px;}
.searchtable .ui-iggrid .ui-iggrid-paging .ui-iggrid-firstpage, .searchtable .ui-iggrid .ui-iggrid-paging .ui-iggrid-prevpage, .searchtable .ui-iggrid .ui-iggrid-paging .ui-iggrid-nextpage, .searchtable .ui-iggrid .ui-iggrid-paging .ui-iggrid-lastpage{padding:3px 0px;}*/

    .searchtable table .ui-iggrid-header {
        font-size: 18px;
        margin-bottom: 30px;
        min-height: 40px;
        margin-top: 0;
    }

    .searchtable table .ui-iggrid-header,
    .searchtable table td {
        display: block !important;
        min-height: 40px;
        border: none;
    }

    .searchtable table tbody tr th,
    .searchtable table tbody tr td,
    .searchtable table tbody tr,
    .searchtable table tbody,
    .searchtable table thead,
    .searchtable table {
        display: block !important;
        width: auto;
        float: left;
        border: none !important;
    }

.blkfulllist.searchtable table tbody tr th,
.blkfulllist.searchtable table tbody tr td,
.blkfulllist.searchtable table tbody tr,
.blkfulllist.searchtable table tbody,
.blkfulllist.searchtable table thead,
.blkfulllist.searchtable table {
    width: 100%;
    padding: 0 !important;
}

.searchtable table tbody tr td a {
    padding: 5px 5px 5px 10px;
    background: #efefef;
    float: left;
    border-radius: 18px;
}

.blkfulllist.searchtable table tbody tr td a {
    width: 100%;
}

.searchtable table tbody tr td a:after {
    content: 'keyboard_arrow_right';
    width: 20px;
    height: 20px;
    display: block;
    float: right;
    margin-left: 10px;
    background: #23C6C8;
    color: #fff;
    font-family: 'Material Icons';
    text-align: center;
    line-height: 20px;
    border-radius: 100%;
}


/*.searchtable table tbody tr{margin-right:0px;}*/

.searchtable table .ui-iggrid-rowselector-header,
.searchtable table .ui-iggrid-rowselector-class {
    display: none !important;
}

.flist {
    width: 100%;
    float: left;
    position: relative;
    display: block;
    padding-right: 40px;
    overflow: hidden;
    border-radius: 10px 0 0 10px;
    cursor: pointer;
}

    .flist .listinner {
        width: 100%;
        float: left;
        position: relative;
        display: block;
        height: 53px;
        border-bottom: 1px #efefef solid;
    }

    .flist .flistblk {
        padding: 0 15px;
        line-height: 53px;
        padding-right: 28px !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
        box-sizing: border-box;
        display: inline-block;
    }

    .flist .count {
        float: right;
        line-height: 53px;
        position: absolute;
        z-index: 2;
        color: #000;
        right: 0px;
        top: 0;
    }

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

.current_blk.flist .listinner {
    background: #f1f1f1;
}

.flist .listinner:before {
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    border-top: 3px #fff solid;
    border-right: 3px #fff solid;
    border-radius: 4px;
    position: absolute;
    transform: rotate(45deg);
    top: 7px;
    right: -20px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0;
}

.current_blk.flist .listinner:before {
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    border-top: 3px #23C6C8 solid;
    border-right: 3px #23C6C8 solid;
    border-radius: 4px;
    position: absolute;
    transform: rotate(45deg);
    top: 7px;
    right: -30px;
    opacity: 1;
}

.current_blk.flist .listinner:after {
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    border-top: 3px #23C6C8 solid;
    border-right: 3px #23C6C8 solid;
    border-radius: 4px;
    position: absolute;
    transform: rotate(45deg);
    top: 7px;
    right: -20px;
    background: #23C6C8;
}

.ReportGrouplist .current_blk.flist {
    margin-bottom: 10px;
}

    .ReportGrouplist .current_blk.flist .listinner:before {
        display: none;
    }

.ReportGrouplist .active.current_blk.flist .listinner:after {
    background: #1AB394;
    border-top: 3px #1AB394 solid;
    border-right: 3px #1AB394 solid;
}

.ReportGrouplist .active.current_blk.flist .listinner:before {
    display: block;
    border-top: 3px #1AB394 solid;
    border-right: 3px #1AB394 solid;
}

.current_blk.flist .count {
    float: right;
    background: #23C6C8;
    line-height: 53px;
    position: relative;
    z-index: 2;
    color: #fff;
    padding-left: 20px;
    border-radius: 30px 0 0 30px;
    position: absolute;
    right: 0;
    top: 0;
}

.searchpanel form {
    border: 1px #efefef solid;
    padding: 5px;
    margin: 20px 0;
    border-radius: 30px;
}

.searchpanel .searchblock {
    width: 100%;
    display: block;
    float: left;
    padding-right: 55px;
    position: relative;
    height: 50px;
}

    .searchpanel .searchblock input {
        display: block;
        width: 100%;
        height: 50px;
        padding-left: 20px;
        font-size: 18px;
        border-radius: 25px;
        border: none;
        color: #666;
    }

        .searchpanel .searchblock input:focus {
            box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
        }

    .searchpanel .searchblock div {
        display: block;
        float: right;
        position: absolute;
        right: 0;
        top: 0;
    }

.searchbutton {
    width: 50px;
    height: 50px;
    color: #fff;
    background: #23C6C8;
    display: block;
    padding: 0;
    border: none !important;
    min-width: 0px;
    border-radius: 100%;
    position: relative;
    margin: 0 !important;
}

    .searchbutton i {
        line-height: 50px;
    }

.reportblks {
    border-left: 7px #23C6C8 solid;
    min-height: 150px;
}

    .reportblks h4,
    .reportblks .h4 {
        margin-top: 0px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .reportblks .md-button {
        min-height: 26px;
        line-height: 26px;
        min-width: 0px;
        margin-left: 0;
        margin-right: 3px;
    }

        .reportblks .md-button span {
            padding-left: 7px;
            padding-right: 7px;
        }

.reporthead {
    border-bottom: 1px #000 solid;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 30px;
}

    .reporthead:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 36px solid transparent;
        border-right: 36px solid transparent;
        border-top: 21px solid #000;
        position: absolute;
        bottom: -21px;
        left: 85px;
    }

    .reporthead:after {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 35px solid transparent;
        border-right: 35px solid transparent;
        border-top: 20px solid #fff;
        position: absolute;
        bottom: -20px;
        left: 86px;
    }

    .reporthead h2,
    .reporthead .h2 {
        display: inline-block;
    }

.searchbutton span {
    border-left: 3px rgba(0, 0, 0, 0.4);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}

.filterbutton {
    width: 40px;
    height: 40px;
    float: right;
    margin-left: 10px;
    position: relative;
    z-index: 2;
    color: #1AB394;
    text-align: center;
}

    .filterbutton i {
        line-height: 40px;
        font-size: 26px;
    }

    .filterbutton.selected {
        background: #1AB394;
        color: #fff !important;
    }

.permissionbutton {
    display: inline-block;
}

.msform .ui-igtoolbars-holder input,
.msform .ui-igtoolbars-holder textarea {
    padding: 0;
    border: none;
}

.screenbtn {
    display: inline-block;
}

    .screenbtn .material-icons {
        text-indent: -9999px;
        position: relative;
        width: 22px;
        height: 22px;
        display: inline-block;
    }

        .screenbtn .material-icons:after {
            content: 'fullscreen';
            position: absolute;
            top: 0;
            right: 0;
            text-indent: 0;
        }

.fullscreenmode .screenbtn .material-icons:after {
    content: 'fullscreen_exit';
}

#chartJSContainer {
    max-width: 500px;
}

#ChartLicenceStatus {
    max-width: 500px;
}

#ChartTrainingRequirement {
    max-width: 500px;
}

#ChartCertiStatus {
    max-width: 500px;
}

#ChartCertificaiton {
    max-width: 500px;
}

#ChartGapAnalysis {
    max-width: 500px;
}

#ChartIDP {
    max-width: 500px;
}

#ChartTraningTranscript {
    max-width: 500px;
}

.blankmessage {
    border: 2px #efefef dashed;
    border-radius: 10px;
    float: left;
    width: 98%;
    clear: both;
    margin-left: 1%;
    margin-right: 1%;
}

    .blankmessage img {
        max-width: 100%;
    }

.notactive {
    color: #f00;
}

.asseactive {
    color: #23C6C8;
}

.userdetails_registration {
    width: 100%;
    height: 100%;
    background-image: url(/Content/img/register.jpg);
    background-size: cover;
}

.claenderview .fc-scroller {
    overflow: visible !important;
    height: auto !important;
}

.claenderview {
    padding-bottom: 20px;
}

md-sidenav.md-sidenav-left {
    overflow: hidden !important;
}

    md-sidenav.md-sidenav-left:hover {
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

.fancytab md-pagination-wrapper,
.fancytab md-tabs-canvas {
    height: 90px;
}

.fancytab .tophead {
    text-transform: capitalize !important;
    font-size: 16px;
    padding-left: 0;
    color: #000;
    margin-bottom: 10px;
}

    .fancytab .tophead span {
        vertical-align: bottom;
        display: inline-block;
    }

.fancytab .descript {
    color: #999;
    text-transform: capitalize;
    font-size: 12px;
}

.fancytab md-tabs-wrapper md-prev-button {
    left: 300px;
}

.fancytab md-tabs-wrapper {
    padding-left: 300px;
}

.fancytab md-tab-content {
    padding: 15px;
}

.fancytab .md-tab {
    padding: 12px 18px;
    overflow: visible;
}

.scheduletop {
    width: 100%;
    float: left;
}

.scheduledetail {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;
    width: 300px;
    background: rgba(255, 218, 52, 1);
    background: -moz-linear-gradient(45deg, rgba(255, 218, 52, 1) 0%, rgba(255, 164, 44, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255, 218, 52, 1)), color-stop(100%, rgba(255, 164, 44, 1)));
    background: -webkit-linear-gradient(45deg, rgba(255, 218, 52, 1) 0%, rgba(255, 164, 44, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(255, 218, 52, 1) 0%, rgba(255, 164, 44, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(255, 218, 52, 1) 0%, rgba(255, 164, 44, 1) 100%);
    background: linear-gradient(45deg, rgba(255, 218, 52, 1) 0%, rgba(255, 164, 44, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffda34', endColorstr='#ffa42c', GradientType=1);
    padding-top: 8px;
}

    .scheduledetail table {
        width: 100%;
        text-align: center;
        vertical-align: middle;
    }

    .scheduledetail .lbl {
        color: #000;
    }

    .scheduledetail .date {
        font-size: 16px;
        color: #fff;
    }

    .scheduledetail .moreinfo {
        font-size: 13px;
        padding: 20px 0;
        display: none;
    }

        .scheduledetail .moreinfo .morelbl {
            color: rgba(0, 0, 0, 0.5);
        }

        .scheduledetail .moreinfo .text-left {
            width: 40%;
        }

    .scheduledetail .viewmore {
        color: #000;
        font-size: 12px;
        text-align: center;
        width: 100%;
        float: left;
        background: rgba(255, 255, 255, 0.5);
        padding: 3px 0;
    }

        .scheduledetail .viewmore i {
            vertical-align: bottom;
            font-size: 14px;
        }

        .scheduledetail .viewmore .hide {
            display: none;
        }

.fancytab md-tabs.md-gyrusTheme-theme .md-tab[disabled],
md-tabs.md-gyrusTheme-theme .md-tab[disabled] md-icon {
    display: none;
}

.fancyttl {
    padding-bottom: 10px;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
}

    .fancyttl:after {
        content: "";
        display: inline-block;
        width: 100px;
        height: 3px;
        background: #000;
        position: absolute;
        bottom: 0;
        left: 15px;
    }

.uploadfile {
    padding: 15px;
    float: left;
    width: 100%;
    border-top: 1px #efefef solid;
}

    .uploadfile .uploadinner {
        width: 100%;
        float: left;
        border: 2px #999 dashed;
        min-height: 70px;
        height: auto;
        position: relative;
    }

        .uploadfile .uploadinner .grid {
            padding: 10px 15px;
            min-height: 70px;
            height: auto;
        }

            .uploadfile .uploadinner .grid .iconcontainer {
                display: inline-block;
            }

        .uploadfile .uploadinner .title {
            margin-bottom: 0;
            margin-top: 5px;
            display: inline-block;
            width: auto;
            vertical-align: middle;
        }

        .uploadfile .uploadinner #importfile {
            position: absolute;
            background: #000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
        }

        .uploadfile .uploadinner #file_VR {
            position: absolute;
            background: #000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
            display: block !important;
        }

.md-border span md-icon {
    min-height: 18px;
    min-width: 18px;
    height: 18px;
    width: 18px;
    vertical-align: -5px;
}

.summaryblks {
    width: 20%;
    float: left;
    padding: 15px;
}

.panelbox .srqrblkhstry h3,
.panelbox .srqrblkhstry .h3 {
    background: none !important;
}

.summaryblks div {
    width: 100%;
    float: left;
    height: 120px;
    padding: 15px;
    color: #fff;
    position: relative;
}

    .srqrblkhstry md-icon,
    .summaryblks div md-icon {
        position: absolute;
        right: 5px;
        bottom: 5px;
        min-height: 80px;
        min-width: 80px;
        height: 80px;
        width: 80px;
        color: #fff;
        opacity: 0.5;
    }

.srqrblkhstry md-icon {
    min-height: 50px;
    min-width: 50px;
    height: 50px;
    width: 50px;
}

.summaryblks div p {
    font-size: 18px;
    text-transform: capitalize;
    margin-top: 10px;
}

.summaryblks div h2,
.summaryblks div .h2 {
    font-size: 30px;
    margin-top: 0;
}

.srqrblkhstry {
    width: 120px;
    height: 80px;
    display: inline-block;
    /*float: left;*/
    text-align: left;
    margin: 10px;
    padding: 10px;
    color: #fff;
    position: relative;
}

    .srqrblkhstry label {
        font-size: 16px;
    }

    .srqrblkhstry h3,
    .srqrblkhstry .h3 {
        font-size: 26px;
    }

    .summaryblks div.totalfile,
    .srqrblkhstry.totalfile {
        background: rgba(40, 196, 199, 1);
        background: -moz-linear-gradient(45deg, rgba(40, 196, 199, 1) 0%, rgba(127, 255, 255, 1) 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(40, 196, 199, 1)), color-stop(100%, rgba(127, 255, 255, 1)));
        background: -webkit-linear-gradient(45deg, rgba(40, 196, 199, 1) 0%, rgba(127, 255, 255, 1) 100%);
        background: -o-linear-gradient(45deg, rgba(40, 196, 199, 1) 0%, rgba(127, 255, 255, 1) 100%);
        background: -ms-linear-gradient(45deg, rgba(40, 196, 199, 1) 0%, rgba(127, 255, 255, 1) 100%);
        background: linear-gradient(45deg, rgba(40, 196, 199, 1) 0%, rgba(127, 255, 255, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#28c4c7', endColorstr='#7fffff', GradientType=1);
    }

    .summaryblks div.successfiles,
    .srqrblkhstry.successfiles {
        background: rgba(145, 232, 66, 1);
        background: -moz-linear-gradient(45deg, rgba(145, 232, 66, 1) 0%, rgba(210, 255, 82, 1) 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(145, 232, 66, 1)), color-stop(100%, rgba(210, 255, 82, 1)));
        background: -webkit-linear-gradient(45deg, rgba(145, 232, 66, 1) 0%, rgba(210, 255, 82, 1) 100%);
        background: -o-linear-gradient(45deg, rgba(145, 232, 66, 1) 0%, rgba(210, 255, 82, 1) 100%);
        background: -ms-linear-gradient(45deg, rgba(145, 232, 66, 1) 0%, rgba(210, 255, 82, 1) 100%);
        background: linear-gradient(45deg, rgba(145, 232, 66, 1) 0%, rgba(210, 255, 82, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#91e842', endColorstr='#d2ff52', GradientType=1);
    }

    .summaryblks div.unsuccessfiles,
    .srqrblkhstry.unsuccessfiles {
        background: rgba(231, 56, 39, 1);
        background: -moz-linear-gradient(45deg, rgba(231, 56, 39, 1) 0%, rgba(255, 140, 120, 1) 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(231, 56, 39, 1)), color-stop(100%, rgba(255, 140, 120, 1)));
        background: -webkit-linear-gradient(45deg, rgba(231, 56, 39, 1) 0%, rgba(255, 140, 120, 1) 100%);
        background: -o-linear-gradient(45deg, rgba(231, 56, 39, 1) 0%, rgba(255, 140, 120, 1) 100%);
        background: -ms-linear-gradient(45deg, rgba(231, 56, 39, 1) 0%, rgba(255, 140, 120, 1) 100%);
        background: linear-gradient(45deg, rgba(231, 56, 39, 1) 0%, rgba(255, 140, 120, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e73827', endColorstr='#ff8c78', GradientType=1);
    }

    .summaryblks div.completetime,
    .srqrblkhstry.completetime {
        background: rgba(32, 178, 146, 1);
        background: -moz-linear-gradient(45deg, rgba(32, 178, 146, 1) 0%, rgba(48, 255, 210, 1) 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(32, 178, 146, 1)), color-stop(100%, rgba(48, 255, 210, 1)));
        background: -webkit-linear-gradient(45deg, rgba(32, 178, 146, 1) 0%, rgba(48, 255, 210, 1) 100%);
        background: -o-linear-gradient(45deg, rgba(32, 178, 146, 1) 0%, rgba(48, 255, 210, 1) 100%);
        background: -ms-linear-gradient(45deg, rgba(32, 178, 146, 1) 0%, rgba(48, 255, 210, 1) 100%);
        background: linear-gradient(45deg, rgba(32, 178, 146, 1) 0%, rgba(48, 255, 210, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#20b292', endColorstr='#30ffd2', GradientType=1);
    }

.historytable .btn-link {
    background: #23C6C8;
    color: #fff;
    padding: 0 5px;
    display: inline-block;
    margin-top: 5px;
    cursor: pointer;
}

.ui-pager-control a {
    padding: 5px;
    display: inline-block;
    margin: 5px;
    background: #ccc;
}

.gyrus-pager .pager-change-container {
    margin-top: 5px;
}

.gyrus-pager .pager-view-container {
    margin-top: 10px;
}

.gyrus-pager .ui-pg-input,
.gyrus-pager select {
    height: 27px;
}

.removeassessment,
.addassessment {
    box-shadow: 0 0 0 #fff !important;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 20px;
}

.buttoncontainer {
    display: inline-block;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 30px;
}

.atnaddedass.buttoncontainer {
    border: 1px #23C6C8 solid;
}

count-down-timer {
    display: block;
    width: 100%;
    float: left;
    text-align: center;
}

.conterdowntimer {
    width: 200px;
    display: inline-block;
}

    .conterdowntimer > div {
        width: 30.33%;
        float: left;
        margin: 0 1.5%;
        padding: 10px 0;
        color: #fff;
        border-radius: 5px;
        background: rgba(76, 76, 76, 1);
        background: -moz-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76, 76, 76, 1)), color-stop(12%, rgba(89, 89, 89, 1)), color-stop(25%, rgba(102, 102, 102, 1)), color-stop(39%, rgba(71, 71, 71, 1)), color-stop(50%, rgba(44, 44, 44, 1)), color-stop(51%, rgba(0, 0, 0, 1)), color-stop(60%, rgba(17, 17, 17, 1)), color-stop(76%, rgba(43, 43, 43, 1)), color-stop(91%, rgba(28, 28, 28, 1)), color-stop(100%, rgba(19, 19, 19, 1)));
        background: -webkit-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
        background: -o-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
        background: -ms-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
        background: linear-gradient(to bottom, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
    }

        .conterdowntimer > div > div {
            border-bottom: 1px #666 solid;
            padding-bottom: 10px;
            margin-bottom: 10px;
        }

.analytics {
    /*background: #F4F7F9;*/
    /*margin-top: 30px;*/
    padding: 0;
}

    .analytics .bgwhite {
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .analytics .bgwhite.ally-focus-within {
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
        }

    .analytics .chart-wrap {
        padding: 15px 20px;
    }

.dashbaordsearch {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0px;
    padding: 0;
    width: 40px;
    text-align: center;
    min-width: 0px;
    background: #fff;
    box-shadow: none;
}

.expresstaininig {
    width: 25%;
    float: left;
}

.Theme7 .cataloglist .labeldata,
.Theme5 .cataloglist .labeldata,
.Theme7 .cataloglist label,
.Theme5 .cataloglist label {
    color: #fff;
}


/*body .ui-igcombo-list-overflow {max-height: 300px !important;}*/

body .ui-igcombo-listitemholder .ui-igcombo-listitem h1,
body .ui-igcombo-listitemholder .ui-igcombo-listitem .h1,
body .ui-igcombo-listitemholder .ui-igcombo-listitem h2,
body .ui-igcombo-listitemholder .ui-igcombo-listitem .h2,
body .ui-igcombo-listitemholder .ui-igcombo-listitem h3,
body .ui-igcombo-listitemholder .ui-igcombo-listitem .h3,
body .ui-igcombo-listitemholder .ui-igcombo-listitem h4,
body .ui-igcombo-listitemholder .ui-igcombo-listitem .h4,
body .ui-igcombo-listitemholder .ui-igcombo-listitem h5,
body .ui-igcombo-listitemholder .ui-igcombo-listitem .h5,
body .ui-igcombo-listitemholder .ui-igcombo-listitem h6,
body .ui-igcombo-listitemholder .ui-igcombo-listitem .h6 {
    margin: 0;
}

.Theme7 md-list-item,
.Theme5 md-list-item {
    color: rgba(255, 255, 255, 0.7);
}

.Theme5 .ui-igedit-input,
.Theme5 .ui-iggrid .ui-iggrid-pager .ui-igedit-input,
.Theme7 .ui-igedit-input,
.Theme7 .ui-iggrid .ui-iggrid-pager .ui-igedit-input {
    color: #fff;
}


/*them css*/


/*============== Theme 2 ==============*/

.Theme2 .filterbutton.selected i,
.Theme3 .filterbutton.selected i,
.Theme4 .filterbutton.selected i {
    color: #fff;
}

.Theme6 .ui-node-content li.ui-node .material-icons {
    color: #000;
}

.Theme6 .bulknav a:hover:before,
.bulknav a:hover:before,
.Theme5 .bulknav a:hover:before,
.bulknav a:hover:before,
.Theme4 .bulknav a:hover:before,
.bulknav a:hover:before,
.Theme3 .bulknav a:hover:before,
.bulknav a:hover:before,
.Theme2 .bulknav a:hover:before,
.bulknav a:hover:before {
    border-left: 16px solid transparent !important;
    border-right: 16px solid transparent !important;
}

.Theme6 .ui-igedit-dropdown-button .ui-icon-triangle-1-s:after,
.ui-igedit-dropdown-button .ui-icon-triangle-1-s:after,
.Theme5 .ui-igedit-dropdown-button .ui-icon-triangle-1-s:after,
.ui-igedit-dropdown-button .ui-icon-triangle-1-s:after,
.Theme4 .ui-igedit-dropdown-button .ui-icon-triangle-1-s:after,
.ui-igedit-dropdown-button .ui-icon-triangle-1-s:after,
.Theme3 .ui-igedit-dropdown-button .ui-icon-triangle-1-s:after,
.ui-igedit-dropdown-button .ui-icon-triangle-1-s:after,
.Theme2 .ui-igedit-dropdown-button .ui-icon-triangle-1-s:after,
.ui-igedit-dropdown-button .ui-icon-triangle-1-s:after {
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
}

.Theme6 .panelinformation:before,
.panelinformation:before,
.Theme5 .panelinformation:before,
.panelinformation:before,
.Theme4 .panelinformation:before,
.panelinformation:before,
.Theme3 .panelinformation:before,
.panelinformation:before,
.Theme2 .panelinformation:before,
.panelinformation:before {
    border-top: 0px solid transparent !important;
    border-bottom: 15px solid transparent !important;
}

.Theme6 .dropinnercontainer:before,
.dropinnercontainer:after,
.dropinnercontainer:before,
.dropinnercontainer:after,
.Theme5 .dropinnercontainer:before,
.dropinnercontainer:after,
.dropinnercontainer:before,
.dropinnercontainer:after,
.Theme4 .dropinnercontainer:before,
.dropinnercontainer:after,
.dropinnercontainer:before,
.dropinnercontainer:after,
.Theme3 .dropinnercontainer:before,
.dropinnercontainer:after,
.dropinnercontainer:before,
.dropinnercontainer:after,
.Theme2 .dropinnercontainer:before,
.dropinnercontainer:after,
.dropinnercontainer:before,
.dropinnercontainer:after {
    border-bottom: 10px #008D9B solid;
    border-left: 10px solid transparent !important;
    border-right: 10px solid transparent !important;
}

.Theme6 .rs-tooltip:after,
.rs-tooltip:after,
.Theme5 .rs-tooltip:after,
.rs-tooltip:after,
.Theme4 .rs-tooltip:after,
.rs-tooltip:after,
.Theme3 .rs-tooltip:after,
.rs-tooltip:after,
.Theme2 .rs-tooltip:after,
.rs-tooltip:after {
    border-top: 10px #1AB394 solid;
    border-left: 10px solid transparent !important;
    border-right: 10px solid transparent !important;
}

.Theme6 .reporthead:before,
.reporthead:before,
.Theme5 .reporthead:before,
.reporthead:before,
.Theme4 .reporthead:before,
.reporthead:before,
.Theme3 .reporthead:before,
.reporthead:before,
.Theme2 .reporthead:before,
.reporthead:before {
    border-left: 36px solid transparent !important;
    border-right: 36px solid transparent !important;
}

.Theme6 .reporthead:after,
.reporthead:after,
.Theme5 .reporthead:after,
.reporthead:after,
.Theme4 .reporthead:after,
.reporthead:after,
.Theme3 .reporthead:after,
.reporthead:after,
.Theme2 .reporthead:after,
.reporthead:after {
    border-left: 35px solid transparent !important;
    border-right: 35px solid transparent !important;
}

.Theme2 .fc-state-down,
.Theme2 .fc-state-active,
.Theme2 .fc-event,
.Theme2 .percentagecomplete .progressbar,
.Theme2 .numeric-control .ui-igedit-container .ui-icon-carat-1-s,
.Theme2 .numeric-control .ui-igedit-container .ui-icon-carat-1-n,
.Theme2 .innerbtns,
.Theme2 .ui-igcheckbox-small.ui-state-default .ui-igcheckbox-normal-on,
.Theme2 .ui-igcheckbox-normal.ui-state-default .ui-igcheckbox-normal-on,
.Theme2 .ui-igcombo-checkbox.ui-state-default .ui-igcheckbox-normal-on,
.Theme2 .processsteps a.completed:after,
.Theme2 .processsteps a.completed:before,
.Theme2 .processsteps a.current:before,
.Theme2 .processsteps a.completed span:before,
.Theme2 .treeline:after,
.Theme2 .treeline .angular-ui-tree-node:after,
.Theme2 .ReportGrouplist .active.current_blk.flist .listinner:after,
.Theme2 .filterbutton.selected,
.Theme2 .common_sub_nav ul li a.completed,
.Theme2 .spinner > div,
.Theme2 .spinner .rect3,
.Theme2 .spinner .rect5 {
    background-color: #4152B4;
}

.Theme2 .fc-event,
.Theme2 .app-theme md-radio-button.md-checked .uparea,
.Theme2 .percentagecomplete .percentag,
.Theme2 .logoviewer,
.Theme2 md-toast.md-success-toast-theme .md-toast-content,
.Theme2 md-select.md-default-theme:focus:not([disabled]) .md-select-value,
.Theme2 md-select:focus:not([disabled]) .md-select-value,
.Theme2 .graphstatus.first,
.Theme2 .graphstatus.second,
.Theme2 .graphstatus.third,
.Theme2 .common_sub_nav ul li a.completed,
.Theme2 .dropinnercontainer .dropdown-menu,
.Theme2 .rs-tooltip,
.Theme2 .rs-tooltip:after,
.Theme2 .ReportGrouplist .active.current_blk.flist .listinner:after,
.Theme2 .ReportGrouplist .active.current_blk.flist .listinner:before,
.Theme2 .questionshortcuts.completed {
    border-color: #4152B4;
}

.Theme2 .numeric-control .ui-state-focus,
.Theme2 .md-input-focused md-datepicker {
    border-color: #4152B4 !important;
}

.Theme2 .app-theme md-radio-button.md-checked .uparea,
.Theme2 .login-theme md-radio-button.md-checked {
    box-shadow: 0px 6px 6px -3px rgba(65, 82, 180, 0.4), 0px 10px 14px 1px rgba(65, 82, 180, 0.2), 0px 4px 18px 3px rgba(65, 82, 180, 0.2);
    border: 4px #4152B4 solid;
}

.Theme2 .btn-trigger button i,
.Theme2 .filterbutton,
.Theme2 .common_sub_nav ul li a.active,
.Theme2 md-list-item .active {
    color: #4152B4;
}

.Theme2 .checked-circle.active {
    background: #4152B4;
    /*color: #fff;*/
}

/*secondary*/

.Theme2 .chosen-container .chosen-results li.highlighted,
.Theme2 .chosen-container-multi .chosen-choices li.search-choice,
.Theme2 .common_sub_nav ul li a.current,
.Theme2 .percentagecomplete .percentag,
.Theme2 .fuelux .wizard ul li:after,
.Theme2 .fuelux .wizard ul li.complete:after,
.Theme2 .processsteps a.current span:before,
.Theme2 .questionshortcuts.currentquestion,
.Theme2 .searchtable table tbody tr td a:after,
.Theme2 .current_blk.flist .listinner:after,
.Theme2 .current_blk.flist .count,
.Theme2 .searchbutton,
.Theme2 .historytable .btn-link {
    background: #FF6D02;
}

.Theme2 .asseactive {
    color: #FF6D02;
}

.Theme2 .profilebanner,
.Theme2 md-toast.md-info-toast-theme .md-toast-content,
.Theme2 .panelinformation:before,
.Theme2 .listdata .item-wrap::before,
.Theme2 .listdata .item-wrap::after,
.Theme2 .questionshortcuts.currentquestion,
.Theme2 .current_blk.flist .listinner:before,
.Theme2 .current_blk.flist .listinner:after,
.Theme2 .reportblks,
.Theme2 .atnaddedass.buttoncontainer {
    border-color: #FF6D02;
}

.Theme2 .configurationwiz,
.Theme2 .dashboradop,
.Theme2 .comb.configuration {
    background: rgba(32, 124, 229, 1);
    background: -moz-linear-gradient(-45deg, rgba(32, 124, 229, 1) 0%, rgba(73, 155, 234, 1) 46%, rgba(255, 181, 90, 1) 99%, rgba(255, 181, 90, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(32, 124, 229, 1)), color-stop(46%, rgba(73, 155, 234, 1)), color-stop(99%, rgba(255, 181, 90, 1)), color-stop(100%, rgba(255, 181, 90, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(32, 124, 229, 1) 0%, rgba(73, 155, 234, 1) 46%, rgba(255, 181, 90, 1) 99%, rgba(255, 181, 90, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(32, 124, 229, 1) 0%, rgba(73, 155, 234, 1) 46%, rgba(255, 181, 90, 1) 99%, rgba(255, 181, 90, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(32, 124, 229, 1) 0%, rgba(73, 155, 234, 1) 46%, rgba(255, 181, 90, 1) 99%, rgba(255, 181, 90, 1) 100%);
    background: linear-gradient(135deg, rgba(32, 124, 229, 1) 0%, rgba(73, 155, 234, 1) 46%, rgba(255, 181, 90, 1) 99%, rgba(255, 181, 90, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#207ce5', endColorstr='#ffb55a', GradientType=1);
}

.Theme2 .ui-iggrid-pagecurrent.ui-state-active {
    background: #FF6D09 !important;
    color: #fff !important;
}


/*============== Theme 3 ==============*/

.Theme3 .fc-state-down,
.Theme3 .fc-state-active,
.Theme3 .fc-event,
.Theme3 .percentagecomplete .progressbar,
.Theme3 .numeric-control .ui-igedit-container .ui-icon-carat-1-s,
.Theme3 .numeric-control .ui-igedit-container .ui-icon-carat-1-n,
.Theme3 .innerbtns,
.Theme3 .ui-igcheckbox-small.ui-state-default .ui-igcheckbox-normal-on,
.Theme3 .ui-igcheckbox-normal.ui-state-default .ui-igcheckbox-normal-on,
.Theme3 .ui-igcombo-checkbox.ui-state-default .ui-igcheckbox-normal-on,
.Theme3 .processsteps a.completed:after,
.Theme3 .processsteps a.completed:before,
.Theme3 .processsteps a.current:before,
.Theme3 .processsteps a.completed span:before,
.Theme3 .treeline:after,
.Theme3 .treeline .angular-ui-tree-node:after,
.Theme3 .ReportGrouplist .active.current_blk.flist .listinner:after,
.Theme3 .filterbutton.selected,
.Theme3 .common_sub_nav ul li a.completed,
.Theme3 .spinner > div,
.Theme3 .spinner .rect3,
.Theme3 .spinner .rect5 {
    background-color: #F44336;
}

.Theme3 .app-theme md-radio-button.md-checked .uparea,
.Theme3 .percentagecomplete .percentag,
.Theme3 .logoviewer,
.Theme3 md-toast.md-success-toast-theme .md-toast-content,
.Theme3 md-select.md-default-theme:focus:not([disabled]) .md-select-value,
.Theme3 md-select:focus:not([disabled]) .md-select-value,
.Theme3 .graphstatus.first,
.Theme3 .graphstatus.second,
.Theme3 .graphstatus.third,
.Theme3 .common_sub_nav ul li a.completed,
.Theme3 .dropinnercontainer .dropdown-menu,
.Theme3 .rs-tooltip,
.Theme3 .rs-tooltip:after,
.Theme3 .ReportGrouplist .active.current_blk.flist .listinner:after,
.Theme3 .ReportGrouplist .active.current_blk.flist .listinner:before,
.Theme3 .questionshortcuts.completed {
    border-color: #F44336;
}

.Theme3 .numeric-control .ui-state-focus,
.Theme3 .md-input-focused md-datepicker {
    border-color: #F44336 !important;
}

.Theme3 .app-theme md-radio-button.md-checked .uparea,
.Theme3 .login-theme md-radio-button.md-checked {
    box-shadow: 0px 6px 6px -3px rgba(244, 67, 54, 0.4), 0px 10px 14px 1px rgba(244, 67, 54, 0.2), 0px 4px 18px 3px rgba(244, 67, 54, 0.2);
    border: 4px #F44336 solid;
}

.Theme3 .btn-trigger button i,
.Theme3 .filterbutton,
.Theme3 .common_sub_nav ul li a.active,
.Theme3 md-list-item .active {
    color: #F44336;
}

.Theme3 .checked-circle.active {
    background: #F44336;
    /*color: #fff;*/
}

/*secondary*/

.Theme3 .fc-event,
.Theme3 .chosen-container .chosen-results li.highlighted,
.Theme3 .chosen-container-multi .chosen-choices li.search-choice,
.Theme3 .common_sub_nav ul li a.current,
.Theme3 .percentagecomplete .percentag,
.Theme3 .fuelux .wizard ul li:after,
.Theme3 .fuelux .wizard ul li.complete:after,
.Theme3 .processsteps a.current span:before,
.Theme3 .questionshortcuts.currentquestion,
.Theme3 .searchtable table tbody tr td a:after,
.Theme3 .current_blk.flist .listinner:after,
.Theme3 .current_blk.flist .count,
.Theme3 .searchbutton,
.Theme3 .historytable .btn-link {
    background: #448AFF;
}

.Theme3 .asseactive {
    color: #448AFF;
}

.Theme3 md-toast.md-info-toast-theme .md-toast-content,
.Theme3 .panelinformation:before,
.Theme3 .listdata .item-wrap::before,
.Theme3 .listdata .item-wrap::after,
.Theme3 .questionshortcuts.currentquestion,
.Theme3 .current_blk.flist .listinner:before,
.Theme3 .current_blk.flist .listinner:after,
.Theme3 .reportblks,
.Theme3 .atnaddedass.buttoncontainer {
    border-color: #448AFF;
}

.Theme3 .configurationwiz,
.Theme3 .profilebanner,
.Theme3 .dashboradop,
.Theme3 .comb.configuration {
    background: rgba(248, 80, 50, 1);
    background: -moz-linear-gradient(-45deg, rgba(248, 80, 50, 1) 0%, rgba(94, 158, 255, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(248, 80, 50, 1)), color-stop(100%, rgba(94, 158, 255, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(248, 80, 50, 1) 0%, rgba(94, 158, 255, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(248, 80, 50, 1) 0%, rgba(94, 158, 255, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(248, 80, 50, 1) 0%, rgba(94, 158, 255, 1) 100%);
    background: linear-gradient(135deg, rgba(248, 80, 50, 1) 0%, rgba(94, 158, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#5e9eff', GradientType=1);
}

.Theme3 .ui-iggrid-pagecurrent.ui-state-active {
    background: #448AFF !important;
    color: #fff !important;
}


/*============== Theme 4 ==============*/

.Theme4 .honeycombs .comb:nth-child(10n+1) .iconcontainer md-icon,
.Theme4 .honeycombs .comb:nth-child(1) .iconcontainer md-icon,
.Theme4 .listblk:nth-child(10n+1) md-icon,
.Theme4 .listblk:nth-child(1) md-icon {
    color: #6B94FF;
}

.Theme4 .honeycombs .comb:nth-child(10n+2) .iconcontainer md-icon,
.Theme4 .honeycombs .comb:nth-child(2) .iconcontainer md-icon,
.Theme4 .listblk:nth-child(10n+2) md-icon,
.Theme4 .listblk:nth-child(2) md-icon {
    color: #FF5941;
}

.Theme4 .honeycombs .comb:nth-child(10n+3) .iconcontainer md-icon,
.Theme4 .honeycombs .comb:nth-child(3) .iconcontainer md-icon,
.Theme4 .listblk:nth-child(10n+3) md-icon,
.Theme4 .listblk:nth-child(3) md-icon {
    color: #FF6192;
}

.Theme4 .honeycombs .comb:nth-child(10n+4) .iconcontainer md-icon,
.Theme4 .honeycombs .comb:nth-child(4) .iconcontainer md-icon,
.Theme4 .listblk:nth-child(10n+4) md-icon,
.Theme4 .listblk:nth-child(4) md-icon {
    color: #7BD1FE;
}

.Theme4 .honeycombs .comb:nth-child(10n+5) .iconcontainer md-icon,
.Theme4 .honeycombs .comb:nth-child(5) .iconcontainer md-icon,
.Theme4 .listblk:nth-child(10n+5) md-icon,
.Theme4 .listblk:nth-child(5) md-icon {
    color: #FEAF32;
}

.Theme4 .honeycombs .comb:nth-child(10n+6) .iconcontainer md-icon,
.Theme4 .honeycombs .comb:nth-child(6) .iconcontainer md-icon,
.Theme4 .listblk:nth-child(10n+6) md-icon,
.Theme4 .listblk:nth-child(6) md-icon {
    color: #D836E4;
}

.Theme4 .honeycombs .comb:nth-child(10n+7) .iconcontainer md-icon,
.Theme4 .honeycombs .comb:nth-child(7) .iconcontainer md-icon,
.Theme4 .listblk:nth-child(10n+7) md-icon,
.Theme4 .listblk:nth-child(7) md-icon {
    color: #2ED5EC;
}

.Theme4 .honeycombs .comb:nth-child(10n+8) .iconcontainer md-icon,
.Theme4 .honeycombs .comb:nth-child(8) .iconcontainer md-icon,
.Theme4 .listblk:nth-child(10n+8) md-icon,
.Theme4 .listblk:nth-child(8) md-icon {
    color: #E23694;
}

.Theme4 .honeycombs .comb:nth-child(10n+9) .iconcontainer md-icon,
.Theme4 .honeycombs .comb:nth-child(9) .iconcontainer md-icon,
.Theme4 .listblk:nth-child(10n+9) md-icon,
.Theme4 .listblk:nth-child(9) md-icon {
    color: #6B94FF;
}

.Theme4 .honeycombs .comb:nth-child(10n) .iconcontainer md-icon {
    color: #FF5941;
}

.Theme4 .graphicblock:nth-child(10n+1),
.Theme4 .summaryblks div.totalfile,
.Theme4 .srqrblkhstry.totalfile,
.Theme4 .myproflist:nth-child(10n+1) .iconcontainer {
    background: #6B94FF;
}

.Theme4 .graphicblock:nth-child(10n+2),
.Theme4 .summaryblks div.unsuccessfiles,
.Theme4 .srqrblkhstry.unsuccessfiles,
.Theme4 .myproflist:nth-child(10n+2) .iconcontainer {
    background: #FF5941;
}

.Theme4 .summaryblks div.successfiles,
.Theme4 .srqrblkhstry.successfiles,
.Theme4 .myproflist:nth-child(10n+3) .iconcontainer {
    background: #FF6192;
}

.Theme4 .summaryblks div.completetime,
.Theme4 .srqrblkhstry.completetime,
.Theme4 .myproflist:nth-child(10n+4) .iconcontainer {
    background: #7BD1FE;
}

.Theme4 .myproflist:nth-child(10n+5) .iconcontainer {
    background: #FEAF32;
}

.Theme4 .myproflist:nth-child(10n+6) .iconcontainer {
    background: #D836E4;
}

.Theme4 .myproflist:nth-child(10n+7) .iconcontainer {
    background: #2ED5EC;
}

.Theme4 .myproflist:nth-child(10n+8) .iconcontainer {
    background: #E23694;
}

.Theme4 .myproflist:nth-child(10n+9) .iconcontainer {
    background: #6B94FF;
}

.Theme4 .myproflist:nth-child(10n) .iconcontainer {
    background: #FF5941;
}

.Theme4 .myproflist .iconcontainer {
    border-radius: 10px;
}

.Theme4 .comb {
    background: rgba(251, 251, 251, 1);
    background: -moz-linear-gradient(-45deg, rgba(251, 251, 251, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(239, 239, 239, 1) 54%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(251, 251, 251, 1)), color-stop(50%, rgba(243, 243, 243, 1)), color-stop(54%, rgba(239, 239, 239, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(251, 251, 251, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(239, 239, 239, 1) 54%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(251, 251, 251, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(239, 239, 239, 1) 54%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(251, 251, 251, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(239, 239, 239, 1) 54%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(135deg, rgba(251, 251, 251, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(239, 239, 239, 1) 54%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#ffffff', GradientType=1);
}

.Theme4 #divHeader {
    border-bottom: 3px #efefef solid;
}

.Theme4 .breadcrumb a i,
.Theme4 .breadcrumb a,
.Theme4 .breadcrumb span {
    color: #777;
    font-weight: 200;
}

.Theme4 .common_sub_nav ul li a {
    padding: 20px 8px 20px 45px;
    border: none !important;
}

.Theme4 md-sidenav.md-sidenav-left {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    border-right: 2px #efefef solid;
    padding: 10px;
}

.Theme4 .common_sub_nav ul li a {
    color: #9E9E9E;
}

.Theme4 .chosen-container .chosen-results li.highlighted,
.Theme4 .chosen-container-multi .chosen-choices li.search-choice,
.Theme4 legend,
.Theme4 .panelbox h3,
.Theme4 .panelbox .h3 {
    color: #fff;
}

.Theme4 md-toolbar {
    background: #F4F9FD !important;
}

.Theme4 .viewrepo a,
.Theme4 .editrepo a {
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    border: none;
    margin-bottom: 0;
}

.Theme5 .md-border,
.Theme4 .md-border {
    border-radius: 5px;
    padding: 0 6px;
}

    .Theme5 .md-border span {
        color: #fff !important;
    }

.Theme5 .blksaprate {
    border-bottom: 1px #666 solid;
}

.Theme5 .md-border span,
.Theme4 .md-border span {
    background: none;
    border-radius: 0px;
    padding-left: 0px;
    padding-right: 0px;
    color: #fff !important;
}

.Theme5 .md-button.md-default-theme.md-fab[disabled] span,
.Theme5 .md-button.md-fab[disabled] span,
.Theme5 .md-button.md-default-theme.md-raised[disabled] span,
.Theme5 .md-button.md-raised[disabled] span,
.Theme4 .md-button.md-default-theme.md-fab[disabled] span,
.Theme4 .md-button.md-fab[disabled] span,
.Theme4 .md-button.md-default-theme.md-raised[disabled] span,
.Theme4 .md-button.md-raised[disabled] span {
    color: rgba(0, 0, 0, 0.3) !important;
}

.Theme4 .configurationwiz {
    background-color: transparent !important;
}


/*blue grad*/

.Theme4 .current_blk.flist .count,
.Theme4 .viewrepo a,
.Theme4 .current_blk.flist .listinner:after,
.Theme4 .percentagecomplete .percentag,
.Theme4 .gradiantgrid,
.Theme4 .historytable .btn-link,
.Theme4 .chosen-container .chosen-results li.highlighted,
.Theme4 .chosen-container-multi .chosen-choices li.search-choice,
.Theme4 md-switch.md-gyrusTheme-theme.md-checked.md-primary .md-thumb {
    background: rgba(108, 147, 255, 1) !important;
    background: -moz-linear-gradient(-45deg, rgba(108, 147, 255, 1) 0%, rgba(122, 204, 251, 1) 100%) !important;
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(108, 147, 255, 1)), color-stop(100%, rgba(122, 204, 251, 1))) !important;
    background: -webkit-linear-gradient(-45deg, rgba(108, 147, 255, 1) 0%, rgba(122, 204, 251, 1) 100%) !important;
    background: -o-linear-gradient(-45deg, rgba(108, 147, 255, 1) 0%, rgba(122, 204, 251, 1) 100%) !important;
    background: -ms-linear-gradient(-45deg, rgba(108, 147, 255, 1) 0%, rgba(122, 204, 251, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(108, 147, 255, 1) 0%, rgba(122, 204, 251, 1) 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6c93ff', endColorstr='#7accfb', GradientType=1) !important;
}

.Theme4 md-switch.md-gyrusTheme-theme.md-checked.md-primary .md-bar {
    background: #DDEEFD !important;
}

.app-theme md-radio-button.Theme4 .theme > span:first-child,
.Theme4 .profilebanner,
.Theme4 legend,
.Theme4 .dashboradop,
.Theme4 .comb.configuration,
.Theme4 .md-button.md-primary.md-fab,
.Theme4 .md-button.md-primary.md-raised,
.Theme4 md-tabs .md-tab.md-active {
    background: rgba(108, 147, 255, 1);
    background: -moz-linear-gradient(-45deg, rgba(108, 147, 255, 1) 0%, rgba(122, 204, 251, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(108, 147, 255, 1)), color-stop(100%, rgba(122, 204, 251, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(108, 147, 255, 1) 0%, rgba(122, 204, 251, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(108, 147, 255, 1) 0%, rgba(122, 204, 251, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(108, 147, 255, 1) 0%, rgba(122, 204, 251, 1) 100%);
    background: linear-gradient(135deg, rgba(108, 147, 255, 1) 0%, rgba(122, 204, 251, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6c93ff', endColorstr='#7accfb', GradientType=1);
}

.Theme4 md-toast.md-info-toast-theme .md-toast-content,
.Theme4 .listdata .item-wrap::before,
.Theme4 .listdata .item-wrap::after,
.Theme4 .questionshortcuts.currentquestion,
.Theme4 .current_blk.flist .listinner:before,
.Theme4 .current_blk.flist .listinner:after,
.Theme4 .reportblks,
.Theme4 .atnaddedass.buttoncontainer {
    border-color: #3EB2FC;
}

.Theme4 .bfilename,
.Theme4 .gradiantgrid .btn-link span,
.Theme4 .hoemicon,
.Theme4 md-toolbar {
    color: #3EB2FC !important;
}


/*.Theme4 .md-primary.md-border span{color: #3EB2FC !important;}*/

.Theme4 md-tabs .md-tab.md-active,
.Theme4 .md-button.md-primary.md-fab md-icon,
.Theme4 .md-primary.md-border:hover span {
    color: #fff !important;
}

.Theme4 .common_sub_nav ul li a.completed {
    background: #DDEEFD;
    color: #2196F3;
}


/*pink grad*/

.Theme4 .fc-state-down,
.Theme4 .fc-state-active,
.Theme4 .fc-event,
.Theme4 .editrepo a,
.Theme4 .fuelux .wizard ul li:after,
.Theme4 .helpmodule,
.Theme4 .percentagecomplete .progressbar,
.Theme4 .numeric-control .ui-igedit-container .ui-icon-carat-1-s,
.Theme4 .numeric-control .ui-igedit-container .ui-icon-carat-1-n,
.Theme4 .innerbtns,
.Theme4 .processsteps a.completed:after,
.Theme4 .processsteps a.completed:before,
.Theme4 .processsteps a.current:before,
.Theme4 .processsteps a.completed span:before,
.Theme4 .treeline:after,
.Theme4 .treeline .angular-ui-tree-node:after,
.Theme4 .ReportGrouplist .active.current_blk.flist .listinner:after,
.Theme4 .filterbutton.selected,
.Theme4 .spinner > div,
.Theme4 .spinner .rect3,
.Theme4 .spinner .rect5,
.Theme4 .md-button.md-accent.md-fab,
.Theme4 .md-button.md-accent.md-raised,
.Theme4 md-tabs md-ink-bar {
    background: rgba(254, 96, 146, 1);
    background: -moz-linear-gradient(-45deg, rgba(254, 96, 146, 1) 0%, rgba(214, 53, 232, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(254, 96, 146, 1)), color-stop(100%, rgba(214, 53, 232, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(254, 96, 146, 1) 0%, rgba(214, 53, 232, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(254, 96, 146, 1) 0%, rgba(214, 53, 232, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(254, 96, 146, 1) 0%, rgba(214, 53, 232, 1) 100%);
    background: linear-gradient(135deg, rgba(254, 96, 146, 1) 0%, rgba(214, 53, 232, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fe6092', endColorstr='#d635e8', GradientType=1);
}

.Theme4 .ReportGrouplist .active.current_blk.flist .listinner:after,
.Theme4 md-checkbox.md-gyrusTheme-theme.md-checked .md-icon,
.Theme4 .ui-iggrid-pagecurrent.ui-state-active {
    background: rgba(254, 96, 146, 1) !important;
    background: -moz-linear-gradient(-45deg, rgba(254, 96, 146, 1) 0%, rgba(214, 53, 232, 1) 100%) !important;
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(254, 96, 146, 1)), color-stop(100%, rgba(214, 53, 232, 1))) !important;
    background: -webkit-linear-gradient(-45deg, rgba(254, 96, 146, 1) 0%, rgba(214, 53, 232, 1) 100%) !important;
    background: -o-linear-gradient(-45deg, rgba(254, 96, 146, 1) 0%, rgba(214, 53, 232, 1) 100%) !important;
    background: -ms-linear-gradient(-45deg, rgba(254, 96, 146, 1) 0%, rgba(214, 53, 232, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(254, 96, 146, 1) 0%, rgba(214, 53, 232, 1) 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fe6092', endColorstr='#d635e8', GradientType=1) !important;
}

.Theme4 .fc-event,
.Theme4 .app-theme md-radio-button.md-checked .uparea,
.Theme4 .percentagecomplete .percentag,
.Theme4 .logoviewer,
.Theme4 md-toast.md-success-toast-theme .md-toast-content,
.Theme4 md-select.md-default-theme:focus:not([disabled]) .md-select-value,
.Theme4 md-select:focus:not([disabled]) .md-select-value,
.Theme4 .graphstatus.first,
.Theme4 .graphstatus.second,
.Theme4 .graphstatus.third,
.Theme4 .common_sub_nav ul li a.completed,
.Theme4 .dropinnercontainer .dropdown-menu,
.Theme4 .rs-tooltip,
.Theme4 .rs-tooltip:after,
.Theme4 .ReportGrouplist .active.current_blk.flist .listinner:after,
.Theme4 .ReportGrouplist .active.current_blk.flist .listinner:before,
.Theme4 .questionshortcuts.completed {
    border-color: #FF6293;
}

.Theme4 .btn-trigger button i,
.Theme4 .filterbutton,
.Theme4 .common_sub_nav ul li a.active,
.Theme4 md-list-item .active
/*, .Theme4 .md-accent.md-border span*/ {
    color: #FF6293 !important;
}

.Theme4 .ui-iggrid-pagecurrent.ui-state-active,
.Theme4 .md-button.md-accent.md-fab md-icon,
.Theme4 .md-accent.md-border:hover span {
    color: #fff !important;
}

.Theme4 .checked-circle.active {
    background: rgba(254, 96, 146, 1) !important;
    background: -moz-linear-gradient(-45deg, rgba(254, 96, 146, 1) 0%, rgba(214, 53, 232, 1) 100%) !important;
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(254, 96, 146, 1)), color-stop(100%, rgba(214, 53, 232, 1))) !important;
    background: -webkit-linear-gradient(-45deg, rgba(254, 96, 146, 1) 0%, rgba(214, 53, 232, 1) 100%) !important;
    background: -o-linear-gradient(-45deg, rgba(254, 96, 146, 1) 0%, rgba(214, 53, 232, 1) 100%) !important;
    background: -ms-linear-gradient(-45deg, rgba(254, 96, 146, 1) 0%, rgba(214, 53, 232, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(254, 96, 146, 1) 0%, rgba(214, 53, 232, 1) 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fe6092', endColorstr='#d635e8', GradientType=1) !important;
    /*color: #fff;*/
}



/*orange grad*/


/*.Theme4 .wizardlayout,*/

.app-theme md-radio-button.Theme4 .theme > span:last-child,
.Theme4 .panelbox h3,
.Theme4 .panelbox .h3,
.Theme4 .md-button.md-warn.md-fab,
.Theme4 .md-button.md-warn.md-raised,
.Theme4 md-tabs md-ink-bar {
    background: rgba(253, 91, 66, 1);
    background: -moz-linear-gradient(-45deg, rgba(253, 91, 66, 1) 0%, rgba(254, 177, 44, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(253, 91, 66, 1)), color-stop(100%, rgba(254, 177, 44, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(253, 91, 66, 1) 0%, rgba(254, 177, 44, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(253, 91, 66, 1) 0%, rgba(254, 177, 44, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(253, 91, 66, 1) 0%, rgba(254, 177, 44, 1) 100%);
    background: linear-gradient(135deg, rgba(253, 91, 66, 1) 0%, rgba(254, 177, 44, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fd5b42', endColorstr='#feb12c', GradientType=1);
}

.Theme4 .ui-igcheckbox-small.ui-state-default .ui-igcheckbox-normal-on,
.Theme4 .ui-igcheckbox-normal.ui-state-default .ui-igcheckbox-normal-on,
.Theme4 .ui-igcombo-checkbox.ui-state-default .ui-igcheckbox-normal-on,
.Theme4 .panelinformation > div,
.Theme4 .branding .panelbox h3,
.Theme4 .branding .panelbox .h3 {
    background: rgba(253, 91, 66, 1);
    background: -moz-linear-gradient(-45deg, rgba(253, 91, 66, 1) 0%, rgba(254, 177, 44, 1) 100%) !important;
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(253, 91, 66, 1)), color-stop(100%, rgba(254, 177, 44, 1))) !important;
    background: -webkit-linear-gradient(-45deg, rgba(253, 91, 66, 1) 0%, rgba(254, 177, 44, 1) 100%) !important;
    background: -o-linear-gradient(-45deg, rgba(253, 91, 66, 1) 0%, rgba(254, 177, 44, 1) 100%) !important;
    background: -ms-linear-gradient(-45deg, rgba(253, 91, 66, 1) 0%, rgba(254, 177, 44, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(253, 91, 66, 1) 0%, rgba(254, 177, 44, 1) 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fd5b42', endColorstr='#feb12c', GradientType=1) !important;
}

.Theme4 .panelinformation:before {
    border-color: #FF5941;
}

.Theme4 .numeric-control .ui-state-focus,
.Theme4 .md-input-focused md-datepicker {
    border-color: #FF5941 !important;
}


/*.Theme4 .md-warn.md-border span{color: #FF5941 !important;}*/

.Theme4 .md-button.md-warn.md-fab md-icon,
.Theme4 .md-warn.md-border:hover span {
    color: #fff !important;
}

.Theme4 md-toolbar.md-gyrusTheme-theme:not(.md-menu-toolbar) md-icon {
    color: #f00;
    fill: #f00;
}

md-sidenav ul {
    margin-top: 0;
}


/*============== Theme 5 ==============*/

.Theme5 .honeycombs .comb:nth-child(10n+1) .iconcontainer md-icon,
.Theme5 .honeycombs .comb:nth-child(1) .iconcontainer md-icon,
.Theme5 .listblk:nth-child(10n+1) md-icon,
.Theme5 .listblk:nth-child(1) md-icon {
    color: #ff8070;
}

.Theme5 .honeycombs .comb:nth-child(10n+2) .iconcontainer md-icon,
.Theme5 .honeycombs .comb:nth-child(2) .iconcontainer md-icon,
.Theme5 .listblk:nth-child(10n+2) md-icon,
.Theme5 .listblk:nth-child(2) md-icon {
    color: #99A9B9;
}

.Theme5 .honeycombs .comb:nth-child(10n+3) .iconcontainer md-icon,
.Theme5 .honeycombs .comb:nth-child(3) .iconcontainer md-icon,
.Theme5 .listblk:nth-child(10n+3) md-icon,
.Theme5 .listblk:nth-child(3) md-icon {
    color: #F3C666;
}

.Theme5 .honeycombs .comb:nth-child(10n+4) .iconcontainer md-icon,
.Theme5 .honeycombs .comb:nth-child(4) .iconcontainer md-icon,
.Theme5 .listblk:nth-child(10n+4) md-icon,
.Theme5 .listblk:nth-child(4) md-icon {
    color: #f2cfc9;
}

.Theme5 .honeycombs .comb:nth-child(10n+5) .iconcontainer md-icon,
.Theme5 .honeycombs .comb:nth-child(5) .iconcontainer md-icon,
.Theme5 .listblk:nth-child(10n+5) md-icon,
.Theme5 .listblk:nth-child(5) md-icon {
    color: #BBBCC1;
}

.Theme5 .honeycombs .comb:nth-child(10n+6) .iconcontainer md-icon,
.Theme5 .honeycombs .comb:nth-child(6) .iconcontainer md-icon,
.Theme5 .listblk:nth-child(10n+6) md-icon,
.Theme5 .listblk:nth-child(6) md-icon {
    color: #9EC1BB;
}

.Theme5 .honeycombs .comb:nth-child(10n+7) .iconcontainer md-icon,
.Theme5 .honeycombs .comb:nth-child(7) .iconcontainer md-icon,
.Theme5 .listblk:nth-child(10n+7) md-icon,
.Theme5 .listblk:nth-child(7) md-icon {
    color: #F5A36C;
}

.Theme5 .honeycombs .comb:nth-child(10n+8) .iconcontainer md-icon,
.Theme5 .honeycombs .comb:nth-child(8) .iconcontainer md-icon,
.Theme5 .listblk:nth-child(10n+8) md-icon,
.Theme5 .listblk:nth-child(8) md-icon {
    color: #9F91A0;
}

.Theme5 .honeycombs .comb:nth-child(10n+9) .iconcontainer md-icon,
.Theme5 .honeycombs .comb:nth-child(9) .iconcontainer md-icon,
.Theme5 .listblk:nth-child(10n+9) md-icon,
.Theme5 .listblk:nth-child(9) md-icon {
    color: #C4996F;
}

.Theme5 .honeycombs .comb:nth-child(10n) .iconcontainer md-icon {
    color: #CBCB98;
}

.Theme5 .graphicblock:nth-child(10n+1),
.Theme5 .summaryblks div.totalfile,
.Theme5 .srqrblkhstry.totalfile,
.Theme5 .myproflist:nth-child(10n+1) .iconcontainer {
    background: #ff8070;
}

.Theme5 .graphicblock:nth-child(10n+2),
.Theme5 .summaryblks div.unsuccessfiles,
.Theme5 .srqrblkhstry.unsuccessfiles,
.Theme5 .myproflist:nth-child(10n+2) .iconcontainer {
    background: #99A9B9;
}

.Theme5 .summaryblks div.successfiles,
.Theme5 .srqrblkhstry.successfiles,
.Theme5 .myproflist:nth-child(10n+3) .iconcontainer {
    background: #F3C666;
}

.Theme5 .summaryblks div.completetime,
.Theme5 .srqrblkhstry.completetime,
.Theme5 .myproflist:nth-child(10n+4) .iconcontainer {
    background: #f2cfc9;
}

.Theme5 .myproflist:nth-child(10n+5) .iconcontainer {
    background: #BBBCC1;
}

.Theme5 .myproflist:nth-child(10n+6) .iconcontainer {
    background: #9EC1BB;
}

.Theme5 .myproflist:nth-child(10n+7) .iconcontainer {
    background: #F5A36C;
}

.Theme5 .myproflist:nth-child(10n+8) .iconcontainer {
    background: #9F91A0;
}

.Theme5 .myproflist:nth-child(10n+9) .iconcontainer {
    background: #C4996F;
}

.Theme5 .myproflist:nth-child(10n) .iconcontainer {
    background: #CBCB98;
}

.Theme5 .dashbaordsearch,
.Theme5 .dashboardhead,
.Theme5 md-tabs-canvas {
    background: none;
}

.Theme5 md-menu-bar button,
.Theme5 .md-toolbar-tools .md-button,
.Theme5 md-menu-item > .md-button,
.Theme5 .ui-widget-header {
    color: #fff;
}

.Theme5 md-tabs.md-gyrusTheme-theme .md-tab.md-active {
    background: rgba(200, 200, 200, 0.3);
    color: #fff;
}

.Theme5 md-content,
.Theme5 .msform {
    background: rgb(48, 48, 48) !important;
}

.Theme5 md-sidenav md-content {
    background: rgb(20, 20, 20) !important;
}

.Theme5 .analytics .bgwhite {
    background: #222;
    border: none;
}

.Theme5 md-datepicker {
    border-color: rgba(255, 255, 255, 0.12) !important;
}

.Theme5 md-datepicker,
.Theme5 .numeric-control .ui-igedit-container,
.Theme5 md-input-container .custome_input,
body.Theme5 .chosen-container-multi .chosen-choices,
.Theme5 md-select.form_select .md-select-value,
.Theme5 .lf-ng-md-file-input .lf-ng-md-file-input-container {
    background: #414141;
}

.Theme5 .listblk,
.Theme5 .comb {
    background: #555;
    border: none;
}

.Theme5 .current_blk.flist .listinner,
.Theme5 md-content.md-gyrusTheme-theme,
.Theme5 .md-whiteframe-1dp,
.Theme5 md-menu-content,
.Theme5 .bglgry,
.Theme5 .analytics,
.Theme5 .myprofiles,
.Theme5 .traincon,
.Theme5 .messagecenter {
    border: none;
    background: #777;
}

.Theme5 .ui-iggrid table tbody td,
.Theme5 .ui-iggrid .ui-iggrid-header,
.Theme5 .ui-iggrid table th,
.Theme5 .myproflist .title,
.Theme5 .listblk .title,
.Theme5 .comb .title {
    color: #ccc;
}

.Theme5 .configuration.comb .title,
.Theme5 .ui-widget-header a.ui-iggrid-pagelinkcurrent,
.Theme5 .comb .counts,
.Theme5 .listblk .counts,
.Theme5 .myproflist .counts {
    color: #fff;
}

.Theme5 legend,
.Theme5 fieldset,
.Theme5 .panelbox {
    background: #262626;
}

.Theme5 .panelcontent {
    border-top: 1px #555 solid;
}

.Theme5 .fc-state-down,
.Theme5 .fc-state-active,
.Theme5 .fc-event,
.Theme5 .percentagecomplete .progressbar,
.Theme5 .numeric-control .ui-igedit-container .ui-icon-carat-1-s,
.Theme5 .numeric-control .ui-igedit-container .ui-icon-carat-1-n,
.Theme5 .innerbtns,
.Theme5 .ui-igcheckbox-small.ui-state-default .ui-igcheckbox-normal-on,
.Theme5 .ui-igcheckbox-normal.ui-state-default .ui-igcheckbox-normal-on,
.Theme5 .ui-igcombo-checkbox.ui-state-default .ui-igcheckbox-normal-on,
.Theme5 .processsteps a.completed:after,
.Theme5 .processsteps a.completed:before,
.Theme5 .processsteps a.current:before,
.Theme5 .processsteps a.completed span:before,
.Theme5 .treeline:after,
.Theme5 .treeline .angular-ui-tree-node:after,
.Theme5 .ReportGrouplist .active.current_blk.flist .listinner:after,
.Theme5 .filterbutton.selected,
.Theme5 .common_sub_nav ul li a.completed,
.Theme5 .spinner > div,
.Theme5 .spinner .rect3,
.Theme5 .spinner .rect5 {
    background-color: #333333;
}

.Theme5 .fc-event,
.Theme5 .app-theme md-radio-button.md-checked .uparea,
.Theme5 .percentagecomplete .percentag,
.Theme5 .logoviewer,
.Theme5 md-toast.md-success-toast-theme .md-toast-content,
.Theme5 md-select.md-default-theme:focus:not([disabled]) .md-select-value,
.Theme5 md-select:focus:not([disabled]) .md-select-value,
.Theme5 .graphstatus.first,
.Theme5 .graphstatus.second,
.Theme5 .graphstatus.third,
.Theme5 .common_sub_nav ul li a.completed,
.Theme5 .dropinnercontainer .dropdown-menu,
.Theme5 .rs-tooltip,
.Theme5 .rs-tooltip:after,
.Theme5 .ReportGrouplist .active.current_blk.flist .listinner:after,
.Theme5 .ReportGrouplist .active.current_blk.flist .listinner:before,
.Theme5 .questionshortcuts.completed {
    border-color: #777;
}

.Theme5 .numeric-control .ui-state-focus,
.Theme5 .md-input-focused md-datepicker {
    border-color: #777777 !important;
}

.Theme5 .checked-circle.active {
    background-color: #3162b7;
    /*color: #fff;*/
}


/*.Theme5 .app-theme md-radio-button.md-checked .uparea,.Theme5 .login-theme md-radio-button.md-checked{box-shadow: 0px 6px 6px -3px rgba(244,67,54, 0.4), 0px 10px 14px 1px rgba(244,67,54, 0.2), 0px 4px 18px 3px rgba(244,67,54, 0.2);border:4px #F44336 solid;}*/

.Theme5 .btn-trigger button i,
.Theme5 .filterbutton,
.Theme5 .common_sub_nav ul li a.active,
.Theme5 md-list-item .active {
    color: #F44336;
}

.Theme5 md-menu-bar.md-gyrusTheme-theme md-menu.md-open > button,
.Theme5 md-menu-bar.md-gyrusTheme-theme md-menu > button:focus,
.Theme5 .ui-igedit,
.Theme5 .ui-widget .ui-igedit,
.Theme5 .ui-widget-content,
.Theme5 .ui-autocomplete,
.Theme5 .ui-menu,
.Theme5 .ui-dialog,
.Theme5 .ui-tabs,
.Theme5 .ui-tabs .ui-tabs-nav li.ui-state-active,
.Theme5 .ui-iggrid td.ui-state-focus,
.Theme5 .ui-iggrid th.ui-iggrid-rowselector-class.ui-state-focus,
.Theme5 .ui-iggrid tr.ui-state-focus,
.Theme5 .ui-igedit-dropdown,
.Theme5 .ui-iggrid-filterdd,
.Theme5 .ui-iggrid-featurechooser-dropdown-dialog,
.Theme5 .ui-widget.ui-widget-content.ui-igpivot-filterdropdown,
.Theme5 .ui-widget.ui-widget-content.ui-igpivot-metadatadropdown,
.Theme5 .ui-igedit-dropdown .ui-igedit-listitem.ui-state-default,
.Theme5 .ui-igedit-list .ui-igedit-listitem.ui-state-default,
.Theme5 .ui-iggrid-filterddlist li.ui-state-default,
.Theme5 .ui-iggrid-featurechooser-list li.ui-state-default,
.Theme5 .ui-iggrid-hiding-dropdown-list li.ui-state-default,
.Theme5 .ui-iggrid-columnmoving-dropdown-list li.ui-state-default,
.Theme5 .ui-igcombo-listitemholder li.ui-state-default,
.Theme5 .ui-igedit-input,
.Theme5 .ui-igcombo-fieldholder,
.Theme5 .ui-igcombo.ui-widget .ui-igcombo-clear.ui-unselectable,
.Theme5 .ui-igedit-cleararea,
.Theme5 .ui-igedit-cleararea.ui-state-hover,
.Theme5 .ui-igedit.ui-state-hover .ui-igedit-cleararea,
.Theme5 .ui-igedit.ui-state-focus .ui-igedit-cleararea {
    background: #3f3f3f;
}

.Theme5 .ui-iggrid .ui-iggrid-mergedcellstop,
.Theme5 .ui-iggrid .ui-iggrid-mergedcellstop.ui-state-highlight,
.Theme5 .ui-iggrid .ui-iggrid-mergedcell.ui-state-highlight,
.Theme5 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcellstop,
.Theme5 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcellstop.ui-state-highlight,
.Theme5 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcell.ui-state-highlight,
.Theme5 .ui-igcheckbox-small.ui-state-default,
.Theme5 .ui-igcheckbox-normal.ui-state-default,
.Theme5 .ui-igcombo-checkbox.ui-state-default,
.Theme5 .ui-icon-check-p,
.Theme5 .ui-bulletgraph-backing,
.Theme5 .ui-bulletgraph-targetvalue,
.Theme5 .ui-bulletgraph-value,
.Theme5 .ui-lineargauge-backing,
.Theme5 .ui-igtreegrid-contextrow,
.Theme5 .ui-ightmleditor,
.Theme5 .ui-iggrid .ui-iggrid-mergedcell,
.Theme5 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcell,
.Theme5 .ui-iggrid .ui-iggrid-mergedcell.ui-state-highlight {
    background-color: #3f3f3f;
}

    .Theme5 .ui-icon-check-p,
    .Theme5 .ui-bulletgraph-backing,
    .Theme5 .ui-bulletgraph-targetvalue,
    .Theme5 .ui-bulletgraph-value,
    .Theme5 .ui-lineargauge-backing,
    .Theme5 .ui-iggrid .ui-iggrid-mergedcellstop,
    .Theme5 .ui-iggrid .ui-iggrid-mergedcellstop.ui-state-highlight,
    .Theme5 .ui-iggrid .ui-iggrid-mergedcell.ui-state-highlight,
    .Theme5 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcellstop,
    .Theme5 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcellstop.ui-state-highlight,
    .Theme5 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcell.ui-state-highlight {
        border-color: #555 !important;
    }

    .Theme5 .ui-iggrid .ui-iggrid-footer .ui-state-default,
    .Theme5 .ui-iggrid .ui-iggrid-toolbar .ui-state-default,
    .Theme5 .ui-iggrid .ui-iggrid-addrow td,
    .Theme5 .ui-iggrid .ui-iggrid-addrow th,
    .Theme5 .ui-widget-header a,
    .Theme5 .ui-menu .ui-menu-item.ui-state-focus,
    .Theme5 .ui-menu .ui-menu-item.ui-state-hover,
    .Theme5 .ui-menu .ui-menu-item.ui-state-active,
    .Theme5 .ui-dialog .ui-state-focus .ui-dialog-title,
    .Theme5 .ui-tabs .ui-tabs-nav li.ui-state-hover a,
    .Theme5 .ui-datepicker .ui-datepicker-title,
    .Theme5 .ui-iggrid th a,
    .Theme5 .ui-iggrid th.ui-state-default a,
    .Theme5 .ui-iggrid th.ui-state-hover a,
    .Theme5 .ui-iggrid th.ui-state-active a,
    .Theme5 .ui-igedit-dropdown .ui-igedit-listitem.ui-state-hover,
    .Theme5 .ui-igedit-list .ui-igedit-listitem.ui-state-hover,
    .Theme5 .ui-igedit-list .ui-igedit-listitem.ui-state-active,
    .Theme5 .ui-iggrid-filterddlist li.ui-state-hover,
    .Theme5 .ui-iggrid-filterddlist li.ui-state-active,
    .Theme5 .ui-iggrid-filterddlistitem.ui-state-hover a,
    .Theme5 .ui-iggrid-filterddlistitem.ui-state-active a,
    .Theme5 .ui-iggrid-featurechooser-list li.ui-state-hover,
    .Theme5 .ui-iggrid-featurechooser-list li.ui-state-active,
    .Theme5 .ui-iggrid-featurechooser-list.ui-state-hover a,
    .Theme5 .ui-iggrid-featurechooser-list.ui-state-active a,
    .Theme5 .ui-iggrid-hiding-dropdown-list li.ui-state-hover,
    .Theme5 .ui-iggrid-hiding-dropdown-list li.ui-state-active,
    .Theme5 .ui-iggrid-hiding-dropdown-list.ui-state-hover a,
    .Theme5 .ui-iggrid-hiding-dropdown-list.ui-state-active a,
    .Theme5 .ui-iggrid-columnmoving-dropdown-list li.ui-state-hover,
    .Theme5 .ui-iggrid-columnmoving-dropdown-list li.ui-state-active,
    .Theme5 .ui-iggrid-columnmoving-dropdown-list.ui-state-hover a,
    .Theme5 .ui-iggrid-columnmoving-dropdown-list.ui-state-active a,
    .Theme5 .ui-igcombo-listitemholder li.ui-state-hover,
    .Theme5 .ui-igcombo-listitemholder li.ui-state-active,
    .Theme5 .ui-igcombo-listitemholder li.ui-state-hover a,
    .Theme5 .ui-igcombo-listitemholder li.ui-state-active a,
    .Theme5 .ui-igedit-dropdown .ui-igedit-listitem.ui-state-hover a,
    .Theme5 .ui-igedit-list .ui-igedit-listitem.ui-state-hover a,
    .Theme5 .ui-igedit-list .ui-igedit-listitem.ui-state-active a,
    .Theme5 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcell,
    .Theme5 .ui-iggrid .ui-iggrid-mergedcellstop,
    .Theme5 .ui-iggrid .ui-iggrid-mergedcell.ui-state-active,
    .Theme5 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcell.ui-state-active,
    .Theme5 .ui-iggrid .ui-iggrid-mergedcell.ui-state-focus,
    .Theme5 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcell.ui-state-focus,
    .Theme5 .ui-igplayer .ui-igplayer-progresslabel,
    .Theme5 .ui-igplayer .ui-igplayer-centerplaybutton-icon,
    .Theme5 .ui-igplayer-video-title,
    .Theme5 .ui-igtree a.ui-state-hover,
    .Theme5 .ui-igtree a.ui-state-active,
    .Theme5 .ui-igcombo-listitem.ui-state-hover.ui-igcombo-item-in-focus,
    .Theme5 .ui-igcombo-listitem.ui-state-active.ui-igcombo-item-in-focus,
    .Theme5 .ui-igcombo-listitem.ui-state-default.ui-igcombo-item-in-focus,
    .Theme5 .ui-funnel-slice,
    .Theme5 .ui-igdialog-header.ui-state-focus .ui-igdialog-headerimage.ui-icon {
        color: #888;
    }

.Theme5 .ui-iggrid .ui-iggrid-paging .ui-iggrid-pagedropdowncontainer,
.Theme5 .ui-iggrid .ui-iggrid-paging .ui-iggrid-pagedropdowncontainer .ui-igedit-input {
    border: none;
}

.Theme5 .ui-igedit-dropdown .ui-igedit-listitem.ui-state-default,
.Theme5 .ui-igedit-list .ui-igedit-listitem.ui-state-default,
.Theme5 .ui-iggrid-filterddlist li.ui-state-default,
.Theme5 .ui-iggrid-featurechooser-list li.ui-state-default,
.Theme5 .ui-iggrid-hiding-dropdown-list li.ui-state-default,
.Theme5 .ui-iggrid-columnmoving-dropdown-list li.ui-state-default,
.Theme5 .ui-igcombo-listitemholder li.ui-state-default,
.Theme5 .tree-view-container .ui-node-lable,
.Theme5 .ui-iggrid-pagecurrent.ui-state-active,
.Theme5 .ui-datepicker-buttonpane button,
.Theme5 .ui-datepicker .ui-datepicker-calendar a.ui-state-hover {
    color: #888 !important;
}

.Theme5 .ui-iggrid .ui-iggrid-footer .ui-state-default,
.Theme5 .ui-iggrid .ui-iggrid-toolbar .ui-state-default,
.Theme5 .ui-iggrid .ui-iggrid-addrow td,
.Theme5 .ui-iggrid .ui-iggrid-addrow th,
.Theme5 .approvaltable .ui-iggrid td.ui-iggrid-filtercell {
    background: #3f3f3f !important;
}

    .Theme5 .ui-widget-content,
    .Theme5 .ui-widget-header,
    .Theme5 .ui-tabs .ui-tabs-nav,
    .Theme5 .ui-tabs .ui-tabs-panel,
    .Theme5 .ui-tabs .ui-tabs-nav li.ui-state-default,
    .Theme5 .ui-datepicker thead,
    .Theme5 .ui-datepicker-buttonpane button,
    .Theme5 .ui-iggrid .ui-iggrid-content,
    .Theme5 .ui-iggrid .ui-iggrid-addrow td.ui-state-hover,
    .Theme5 .ui-igedit-dropdown,
    .Theme5 .ui-iggrid-filterdd,
    .Theme5 .ui-iggrid-featurechooser-dropdown-dialog,
    .Theme5 .ui-widget.ui-widget-content.ui-igpivot-filterdropdown,
    .Theme5 .ui-widget.ui-widget-content.ui-igpivot-metadatadropdown,
    .Theme5 .ui-igplayer-bookmark-list,
    .Theme5 .ui-igplayer-bookmark-list > li.ui-igplayer-bookmark-active-item,
    .Theme5 .ui-igcheckbox-small.ui-state-default,
    .Theme5 .ui-igcheckbox-normal.ui-state-default,
    .Theme5 .ui-igcombo-checkbox.ui-state-default,
    .Theme5 .ui-igPathFinder .ui-button::after,
    .Theme5 .ui-radialgauge-backing,
    .Theme5 .ui-ightmleditor,
    .Theme5 .ui-ightmleditor .ui-igcombo-fieldholder,
    .Theme5 .ui-ightmleditor-content iframe,
    .Theme5 .ui-ightmleditor-content textarea,
    .Theme5 .ui-ightmleditor .ui-state-default,
    .Theme5 .ui-ightmleditor .ui-widget-content .ui-state-default,
    .Theme5 .ui-ightmleditor .ui-widget-header .ui-state-default {
        border-color: rgba(170, 170, 170, 0.4);
    }

        .Theme5 .ui-dialog .ui-dialog-titlebar,
        .Theme5 .ui-sparkline-axis-x,
        .Theme5 .ui-sparkline-axis-y,
        .Theme5 .ui-ightmleditor .ui-igtoolbar-wrap .ui-igbutton.ui-state-hover,
        .Theme5 .ui-ightmleditor .ui-igtoolbar .ui-igbutton.ui-state-hover,
        .Theme5 .ui-ightmleditor .ui-igtoolbar .ui-igbutton.ui-state-hover,
        .Theme5 .ui-ightmleditor .ui-igtoolbar .ui-igbutton.ui-state-hover.ui-state-active {
            border-color: #555;
        }

.Theme5 .ui-iggrid .ui-iggrid-scrolldiv:first-child,
.Theme5 .ui-iggrid > table tr:first-child td,
.Theme5 .ui-iggrid > table > tbody tr:first-child th,
.Theme5 .ui-iggrid-responsive-vertical {
    border-top: 1px solid #999 !important;
}

.Theme5 .ui-iggrid .ui-iggrid-paging .ui-iggrid-pagedropdowncontainer .ui-igedit-container,
.Theme5 .ui-iggrid .ui-iggrid-results .ui-igedit-container,
.Theme5 .ui-iggrid .ui-iggrid-paging .ui-iggrid-pagedropdowncontainer,
.Theme5 .ui-datepicker-buttonpane button {
    border-color: #888 !important;
}

.Theme5 .reporthead:after {
    border-top-color: #333 !important;
}

.Theme5 .ui-iggrid .ui-ig-altrecord td,
.Theme5 .ui-iggrid .ui-ig-altrecord th.ui-iggrid-rowselector-class,
.Theme5 .ui-iggrid tbody .ui-ig-altrecord td.ui-state-default,
.Theme5 .ui-iggrid tbody td,
.Theme5 .ui-iggrid tbody th.ui-iggrid-rowselector-class,
.Theme5 .ui-iggrid thead .ui-iggrid-editingcell,
.Theme5 .ui-iggrid td.ui-state-highlight,
.Theme5 .ui-ig-altrecord + tr > td.ui-iggrid-childarea,
.Theme5 .ui-widget-footer,
.Theme5 .ui-iggrid tfoot td.ui-widget-content,
.Theme5 .ui-iggrid tfoot td.ui-state-default,
.Theme5 .ui-iggrid tbody .ui-iggrid-mergedcell.ui-iggrid-mergedcellsbottom,
.Theme5 .ui-lineargauge-scale,
.Theme5 .ui-igtreegrid-contextrow td,
.Theme5 .ui-igtreegrid-contextrow td:first-child,
.Theme5 .ui-igtreegrid-contextrow td:last-child,
.Theme5 .ui-ightmleditor .ui-igtoolbar {
    border-color: rgba(170, 170, 170, 0.3);
}

.Theme5 .ui-iggrid-lastpageimgdisabled:before,
.Theme5 .ui-iggrid-lastpageimg:before,
.Theme5 .ui-iggrid-nextpagelabeldisabled:after,
.Theme5 .ui-iggrid-nextpagelabel:after,
.Theme5 .ui-iggrid-lastpageimgdisabled:after,
.Theme5 .ui-iggrid-lastpageimg:after,
.Theme5 .ui-iggrid-firstpageimg:before,
.Theme5 .ui-iggrid-firstpageimgdisabled:before,
.Theme5 .ui-iggrid-prevpagelabel:after,
.Theme5 .ui-iggrid-prevpagelabeldisabled:after,
.Theme5 .ui-iggrid-firstpageimg:after,
.Theme5 .ui-iggrid-firstpageimgdisabled:after,
.Theme5 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcell,
.Theme5 .ui-iggrid .ui-iggrid-mergedcellstop,
.Theme5 .ui-iggrid .ui-iggrid-mergedcellstop,
.Theme5 .ui-iggrid .ui-iggrid-mergedcellstop.ui-state-highlight,
.Theme5 .ui-iggrid .ui-iggrid-mergedcell.ui-state-highlight,
.Theme5 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcellstop,
.Theme5 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcellstop.ui-state-highlight,
.Theme5 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcell.ui-state-highlight,
.Theme5 .ui-icon-check-p,
.Theme5 .ui-bulletgraph-backing,
.Theme5 .ui-bulletgraph-targetvalue,
.Theme5 .ui-lineargauge-backing {
    border-color: #aaa;
}

.Theme5 .fc-event,
.Theme5 .percentagecomplete .progressbar,
.Theme5 .numeric-control .ui-igedit-container .ui-icon-carat-1-s,
.Theme5 .numeric-control .ui-igedit-container .ui-icon-carat-1-n,
.Theme5 .innerbtns,
.Theme5 .ui-igcheckbox-small.ui-state-default .ui-igcheckbox-normal-on,
.Theme5 .ui-igcheckbox-normal.ui-state-default .ui-igcheckbox-normal-on,
.Theme5 .ui-igcombo-checkbox.ui-state-default .ui-igcheckbox-normal-on,
.Theme5 .processsteps a.completed:after,
.Theme5 .processsteps a.completed:before,
.Theme5 .processsteps a.current:before,
.Theme5 .processsteps a.completed span:before,
.Theme5 .treeline:after,
.Theme5 .treeline .angular-ui-tree-node:after,
.Theme5 .ReportGrouplist .active.current_blk.flist .listinner:after,
.Theme5 .filterbutton.selected,
.Theme5 .common_sub_nav ul li a.completed,
.Theme5 .spinner > div,
.Theme5 .spinner .rect3,
.Theme5 .spinner .rect5,
.Theme5 .current_blk.flist .listinner:after,
.Theme5 .profilebanner,
.Theme5 .dashboradop,
.Theme5 .comb.configuration {
    background: #3162b7;
}

.Theme5 .login-theme md-radio-button.md-checked {
    border-color: #3162b7;
}

.Theme5 .ui-iggrid-pagecurrent.ui-state-active {
    background: #1549A0 !important;
    color: #fff !important;
}

.Theme5 .show_hide button,
.Theme5 .md-toolbar-tools.header {
    background: #444;
}

.Theme5 .chosen-container .chosen-results li.highlighted,
.Theme5 .chosen-container-multi .chosen-choices li.search-choice,
.Theme5 .common_sub_nav ul li a.current,
.Theme5 .percentagecomplete .percentag,
.Theme5 .fuelux .wizard ul li:after,
.Theme5 .fuelux .wizard ul li.complete:after,
.Theme5 .processsteps a.current span:before,
.Theme5 .questionshortcuts.currentquestion,
.Theme5 .searchtable table tbody tr td a:after,
.Theme5 .current_blk.flist .listinner:after,
.Theme5 .current_blk.flist .count,
.Theme5 .searchbutton,
.Theme5 .historytable .btn-link {
    background: rgb(255, 152, 0);
}

.Theme5 .fuelux .wizard ul li {
    color: #fff;
    background: #444;
}

.Theme5 md-toolbar.md-gyrusTheme-theme:not(.md-menu-toolbar) {
    background: #000;
}

.Theme5 .flist .count,
.Theme7 .flist .count,
.Theme5 .md-toolbar-tools h1,
.Theme5 .md-toolbar-tools .h1,
.Theme5 .md-toolbar-tools h2,
.Theme5 .md-toolbar-tools .h2,
.Theme5 .md-toolbar-tools h3,
.Theme5 .md-toolbar-tools .h3 {
    color: #fff;
}


/*============== Theme 6 ==============*/

.Theme7 .honeycombs .comb:nth-child(10n+1) .iconcontainer md-icon,
.Theme7 .honeycombs .comb:nth-child(1) .iconcontainer md-icon,
.Theme7 .listblk:nth-child(10n+1) md-icon,
.Theme7 .listblk:nth-child(1) md-icon,
.Theme6 .honeycombs .comb:nth-child(10n+1) .iconcontainer md-icon,
.Theme6 .honeycombs .comb:nth-child(1) .iconcontainer md-icon,
.Theme6 .listblk:nth-child(10n+1) md-icon,
.Theme6 .listblk:nth-child(1) md-icon {
    color: #DC8F6B;
}

.Theme7 .honeycombs .comb:nth-child(10n+2) .iconcontainer md-icon,
.Theme7 .honeycombs .comb:nth-child(2) .iconcontainer md-icon,
.Theme7 .listblk:nth-child(10n+2) md-icon,
.Theme7 .listblk:nth-child(2) md-icon,
.Theme6 .honeycombs .comb:nth-child(10n+2) .iconcontainer md-icon,
.Theme6 .honeycombs .comb:nth-child(2) .iconcontainer md-icon,
.Theme6 .listblk:nth-child(10n+2) md-icon,
.Theme6 .listblk:nth-child(2) md-icon {
    color: #C9A9B5;
}

.Theme7 .honeycombs .comb:nth-child(10n+3) .iconcontainer md-icon,
.Theme7 .honeycombs .comb:nth-child(3) .iconcontainer md-icon,
.Theme7 .listblk:nth-child(10n+3) md-icon,
.Theme7 .listblk:nth-child(3) md-icon,
.Theme6 .honeycombs .comb:nth-child(10n+3) .iconcontainer md-icon,
.Theme6 .honeycombs .comb:nth-child(3) .iconcontainer md-icon,
.Theme6 .listblk:nth-child(10n+3) md-icon,
.Theme6 .listblk:nth-child(3) md-icon {
    color: #B9BEF1;
}

.Theme7 .honeycombs .comb:nth-child(10n+4) .iconcontainer md-icon,
.Theme7 .honeycombs .comb:nth-child(4) .iconcontainer md-icon,
.Theme7 .listblk:nth-child(10n+4) md-icon,
.Theme7 .listblk:nth-child(4) md-icon,
.Theme6 .honeycombs .comb:nth-child(10n+4) .iconcontainer md-icon,
.Theme6 .honeycombs .comb:nth-child(4) .iconcontainer md-icon,
.Theme6 .listblk:nth-child(10n+4) md-icon,
.Theme6 .listblk:nth-child(4) md-icon {
    color: #848DB5;
}

.Theme7 .honeycombs .comb:nth-child(10n+5) .iconcontainer md-icon,
.Theme7 .honeycombs .comb:nth-child(5) .iconcontainer md-icon,
.Theme7 .listblk:nth-child(10n+5) md-icon,
.Theme7 .listblk:nth-child(5) md-icon,
.Theme6 .honeycombs .comb:nth-child(10n+5) .iconcontainer md-icon,
.Theme6 .honeycombs .comb:nth-child(5) .iconcontainer md-icon,
.Theme6 .listblk:nth-child(10n+5) md-icon,
.Theme6 .listblk:nth-child(5) md-icon {
    color: #586482;
}

.Theme7 .honeycombs .comb:nth-child(10n+6) .iconcontainer md-icon,
.Theme7 .honeycombs .comb:nth-child(6) .iconcontainer md-icon,
.Theme7 .listblk:nth-child(10n+6) md-icon,
.Theme7 .listblk:nth-child(6) md-icon,
.Theme6 .honeycombs .comb:nth-child(10n+6) .iconcontainer md-icon,
.Theme6 .honeycombs .comb:nth-child(6) .iconcontainer md-icon,
.Theme6 .listblk:nth-child(10n+6) md-icon,
.Theme6 .listblk:nth-child(6) md-icon {
    color: #798596;
}

.Theme7 .honeycombs .comb:nth-child(10n+7) .iconcontainer md-icon,
.Theme7 .honeycombs .comb:nth-child(7) .iconcontainer md-icon,
.Theme7 .listblk:nth-child(10n+7) md-icon,
.Theme7 .listblk:nth-child(7) md-icon,
.Theme6 .honeycombs .comb:nth-child(10n+7) .iconcontainer md-icon,
.Theme6 .honeycombs .comb:nth-child(7) .iconcontainer md-icon,
.Theme6 .listblk:nth-child(10n+7) md-icon,
.Theme6 .listblk:nth-child(7) md-icon {
    color: #93A0A9;
}

.Theme7 .honeycombs .comb:nth-child(10n+8) .iconcontainer md-icon,
.Theme7 .honeycombs .comb:nth-child(8) .iconcontainer md-icon,
.Theme7 .listblk:nth-child(10n+8) md-icon,
.Theme7 .listblk:nth-child(8) md-icon,
.Theme6 .honeycombs .comb:nth-child(10n+8) .iconcontainer md-icon,
.Theme6 .honeycombs .comb:nth-child(8) .iconcontainer md-icon,
.Theme6 .listblk:nth-child(10n+8) md-icon,
.Theme6 .listblk:nth-child(8) md-icon {
    color: #DC8F6B;
}

.Theme7 .honeycombs .comb:nth-child(10n+9) .iconcontainer md-icon,
.Theme7 .honeycombs .comb:nth-child(9) .iconcontainer md-icon,
.Theme7 .listblk:nth-child(10n+9) md-icon,
.Theme7 .listblk:nth-child(9) md-icon,
.Theme6 .honeycombs .comb:nth-child(10n+9) .iconcontainer md-icon,
.Theme6 .honeycombs .comb:nth-child(9) .iconcontainer md-icon,
.Theme6 .listblk:nth-child(10n+9) md-icon,
.Theme6 .listblk:nth-child(9) md-icon {
    color: #C9A9B5;
}

.Theme7 .honeycombs .comb:nth-child(10n) .iconcontainer md-icon,
.Theme6 .honeycombs .comb:nth-child(10n) .iconcontainer md-icon {
    color: #B9BEF1;
}

.Theme7 .graphicblock:nth-child(10n+1),
.Theme7 .summaryblks div.totalfile,
.Theme7 .srqrblkhstry.totalfile,
.Theme7 .myproflist:nth-child(10n+1) .iconcontainer,
.Theme6 .summaryblks div.totalfile,
.Theme6 .srqrblkhstry.totalfile,
.Theme6 .myproflist:nth-child(10n+1) .iconcontainer {
    background: #DC8F6B;
}

.Theme7 .graphicblock:nth-child(10n+2),
.Theme7 .summaryblks div.unsuccessfiles,
.Theme7 .srqrblkhstry.unsuccessfiles,
.Theme7 .myproflist:nth-child(10n+2) .iconcontainer,
.Theme6 .summaryblks div.unsuccessfiles,
.Theme6 .srqrblkhstry.unsuccessfiles,
.Theme6 .myproflist:nth-child(10n+2) .iconcontainer {
    background: #C9A9B5;
}

.Theme7 .summaryblks div.successfiles,
.Theme7 .srqrblkhstry.successfiles,
.Theme7 .myproflist:nth-child(10n+3) .iconcontainer,
.Theme6 .summaryblks div.successfiles,
.Theme6 .srqrblkhstry.successfiles,
.Theme6 .myproflist:nth-child(10n+3) .iconcontainer {
    background: #B9BEF1;
}

.Theme7 .summaryblks div.completetime,
.Theme7 .srqrblkhstry.completetime,
.Theme7 .myproflist:nth-child(10n+4) .iconcontainer,
.Theme6 .summaryblks div.completetime,
.Theme6 .srqrblkhstry.completetime,
.Theme6 .myproflist:nth-child(10n+4) .iconcontainer {
    background: #848DB5;
}

.Theme7 .myproflist:nth-child(10n+5) .iconcontainer,
.Theme6 .myproflist:nth-child(10n+5) .iconcontainer {
    background: #586482;
}

.Theme7 .myproflist:nth-child(10n+6) .iconcontainer,
.Theme6 .myproflist:nth-child(10n+6) .iconcontainer {
    background: #798596;
}

.Theme7 .myproflist:nth-child(10n+7) .iconcontainer,
.Theme6 .myproflist:nth-child(10n+7) .iconcontainer {
    background: #93A0A9;
}

.Theme7 .myproflist:nth-child(10n+8) .iconcontainer,
.Theme6 .myproflist:nth-child(10n+8) .iconcontainer {
    background: #DC8F6B;
}

.Theme7 .myproflist:nth-child(10n+9) .iconcontainer,
.Theme6 .myproflist:nth-child(10n+9) .iconcontainer {
    background: #C9A9B5;
}

.Theme7 .myproflist:nth-child(10n) .iconcontainer,
.Theme6 .myproflist:nth-child(10n) .iconcontainer {
    background: #B9BEF1;
}

.Theme6 .fc-state-down,
.Theme6 .fc-state-active,
.Theme6 .percentagecomplete .progressbar,
.Theme6 .numeric-control .ui-igedit-container .ui-icon-carat-1-s,
.Theme6 .numeric-control .ui-igedit-container .ui-icon-carat-1-n,
.Theme6 .innerbtns,
.Theme6 .ui-igcheckbox-small.ui-state-default .ui-igcheckbox-normal-on,
.Theme6 .ui-igcheckbox-normal.ui-state-default .ui-igcheckbox-normal-on,
.Theme6 .ui-igcombo-checkbox.ui-state-default .ui-igcheckbox-normal-on,
.Theme6 .processsteps a.completed:after,
.Theme6 .processsteps a.completed:before,
.Theme6 .processsteps a.current:before,
.Theme6 .processsteps a.completed span:before,
.Theme6 .treeline:after,
.Theme6 .treeline .angular-ui-tree-node:after,
.Theme6 .ReportGrouplist .active.current_blk.flist .listinner:after,
.Theme6 .filterbutton.selected,
.Theme6 .common_sub_nav ul li a.completed,
.Theme6 .spinner > div,
.Theme6 .spinner .rect3,
.Theme6 .spinner .rect5 {
    background-color: #e28a58;
}

.Theme6 .app-theme md-radio-button.md-checked .uparea,
.Theme6 .percentagecomplete .percentag,
.Theme6 .logoviewer,
.Theme6 md-toast.md-success-toast-theme .md-toast-content,
.Theme6 md-select.md-default-theme:focus:not([disabled]) .md-select-value,
.Theme6 md-select:focus:not([disabled]) .md-select-value,
.Theme6 .graphstatus.first,
.Theme6 .graphstatus.second,
.Theme6 .graphstatus.third,
.Theme6 .common_sub_nav ul li a.completed,
.Theme6 .dropinnercontainer .dropdown-menu,
.Theme6 .rs-tooltip,
.Theme6 .rs-tooltip:after,
.Theme6 .ReportGrouplist .active.current_blk.flist .listinner:after,
.Theme6 .ReportGrouplist .active.current_blk.flist .listinner:before,
.Theme6 .questionshortcuts.completed {
    border-color: #e28a58;
}

.Theme6 .numeric-control .ui-state-focus,
.Theme6 .md-input-focused md-datepicker {
    border-color: #e28a58 !important;
}

.Theme6 .app-theme md-radio-button.md-checked .uparea,
.Theme6 .login-theme md-radio-button.md-checked {
    box-shadow: 0px 6px 6px -3px rgba(244, 67, 54, 0.4), 0px 10px 14px 1px rgba(244, 67, 54, 0.2), 0px 4px 18px 3px rgba(244, 67, 54, 0.2);
    border: 4px #e28a58 solid;
}

.Theme6 .btn-trigger button i,
.Theme6 .filterbutton,
.Theme6 .common_sub_nav ul li a.active,
.Theme6 md-list-item .active {
    color: #e28a58;
}

.Theme6 .checked-circle.active {
    background-color: #e28a58;
    /*color: #fff;*/
}



/*secondary*/

.Theme6 .fc-event,
.Theme6 .chosen-container .chosen-results li.highlighted,
.Theme6 .chosen-container-multi .chosen-choices li.search-choice,
.Theme6 .common_sub_nav ul li a.current,
.Theme6 .percentagecomplete .percentag,
.Theme6 .fuelux .wizard ul li:after,
.Theme6 .fuelux .wizard ul li.complete:after,
.Theme6 .processsteps a.current span:before,
.Theme6 .questionshortcuts.currentquestion,
.Theme6 .searchtable table tbody tr td a:after,
.Theme6 .current_blk.flist .listinner:after,
.Theme6 .current_blk.flist .count,
.Theme6 .searchbutton,
.Theme6 .historytable .btn-link {
    background: #B9BFF2;
}

.Theme6 .fc-event,
.Theme6 md-toast.md-info-toast-theme .md-toast-content,
.Theme6 .panelinformation:before,
.Theme6 .listdata .item-wrap::before,
.Theme6 .listdata .item-wrap::after,
.Theme6 .questionshortcuts.currentquestion,
.Theme6 .current_blk.flist .listinner:before,
.Theme6 .current_blk.flist .listinner:after,
.Theme6 .reportblks,
.Theme6 .atnaddedass.buttoncontainer {
    border-color: #B9BFF2;
}

.Theme6 .asseactive {
    color: #B9BFF2;
}

.Theme6 .profilebanner,
.Theme6 .dashboradop,
.Theme6 .comb.configuration {
    background: rgba(226, 138, 88, 1);
    background: -moz-linear-gradient(-45deg, rgba(226, 138, 88, 1) 0%, rgba(185, 191, 242, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(226, 138, 88, 1)), color-stop(100%, rgba(185, 191, 242, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(226, 138, 88, 1) 0%, rgba(185, 191, 242, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(226, 138, 88, 1) 0%, rgba(185, 191, 242, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(226, 138, 88, 1) 0%, rgba(185, 191, 242, 1) 100%);
    background: linear-gradient(135deg, rgba(226, 138, 88, 1) 0%, rgba(185, 191, 242, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e28a58', endColorstr='#b9bff2', GradientType=1);
}

.Theme6 .ui-iggrid-pagecurrent.ui-state-active {
    background: #B9BFF2 !important;
    color: #fff !important;
}

.Theme5 md-toolbar.md-gyrusTheme-theme:not(.md-menu-toolbar) md-icon,
.Theme7 md-toolbar.md-gyrusTheme-theme:not(.md-menu-toolbar) md-icon {
    color: #f00;
    fill: #f00;
}

.Theme5 md-icon.md-gyrusTheme-theme,
.Theme7 md-icon.md-gyrusTheme-theme {
    color: #fff;
}

.Theme5 .tree-node,
.Theme7 .tree-node {
    border: 1px solid #555;
    background: #333;
    color: #fff;
    border-radius: 30px;
    font-weight: normal !important;
}

.Theme5 .tree-view-container .ui-node-content,
.Theme6 .tree-view-container .ui-node-content {
    color: #fff;
}

.Theme5 md-dialog,
.Theme7 md-dialog {
    box-shadow: 0px 7px 8px -4px rgba(255, 255, 255, 0.2), 0px 13px 19px 2px rgba(255, 255, 255, 0.14), 0px 5px 24px 4px rgba(255, 255, 255, 0.12);
}

.Theme5 .peoplename p,
.Theme7 .peoplename p,
.Theme7 .custtbl .caption,
.Theme5 .custtbl .caption {
    color: #fff !important;
}

.Theme7 .dashbaordsearch,
.Theme7 .dashboardhead,
.Theme7 md-tabs-canvas {
    background: none;
}

.Theme7 md-menu-bar button,
.Theme7 .md-toolbar-tools .md-button,
.Theme7 md-menu-item > .md-button,
.Theme7 .ui-widget-header {
    color: #fff;
}

.Theme7 md-tabs.md-gyrusTheme-theme .md-tab.md-active {
    background: rgba(77, 104, 129, 0.3);
    color: #fff;
}

.Theme7 .show_hide button,
.Theme7 md-content {
    background: #233a4f !important;
    color: #fff;
}

.Theme7 md-sidenav md-content {
    background: #162a3d !important;
}

.Theme7 .analytics .bgwhite {
    background: #283D50;
    border: none;
}

.Theme7 md-datepicker {
    border-color: rgba(255, 255, 255, 0.12) !important;
}

.Theme7 md-datepicker,
.Theme7 .numeric-control .ui-igedit-container,
.Theme7 md-input-container .custome_input,
body.Theme7 .chosen-container-multi .chosen-choices,
.Theme7 md-select.form_select .md-select-value,
.Theme7 .lf-ng-md-file-input .lf-ng-md-file-input-container {
    background: #5c758c;
}

.Theme7 .current_blk.flist .listinner,
.Theme7 md-content.md-gyrusTheme-theme,
.Theme7 .md-whiteframe-1dp,
.Theme7 md-menu-content,
.Theme7 .bglgry,
.Theme7 .analytics,
.Theme7 .myprofiles,
.Theme7 .traincon,
.Theme7 .messagecenter {
    border: none;
    background: #4C6882;
}

.Theme7 .listblk,
.Theme7 .comb {
    background: #283D50;
    border: none;
}

    .Theme7 .ui-iggrid table tbody td,
    .Theme7 .ui-iggrid .ui-iggrid-header,
    .Theme7 .ui-iggrid table th,
    .Theme7 .myproflist .title,
    .Theme7 .listblk .title,
    .Theme7 .comb .title {
        color: #ccc;
    }

    .Theme7 .configuration.comb .title,
    .Theme7 .ui-widget-header a.ui-iggrid-pagelinkcurrent,
    .Theme7 .comb .counts,
    .Theme7 .listblk .counts,
    .Theme7 .myproflist .counts {
        color: #fff;
    }

.Theme7 .msform,
.Theme7 legend,
.Theme7 fieldset,
.Theme7 .panelbox {
    background: #4C6882;
}

.Theme7 .panelcontent {
    border-top: 1px #555 solid;
}

.Theme7 .fc-state-down,
.Theme7 .fc-state-active,
.Theme7 .fc-event,
.Theme7 .percentagecomplete .progressbar,
.Theme7 .numeric-control .ui-igedit-container .ui-icon-carat-1-s,
.Theme7 .numeric-control .ui-igedit-container .ui-icon-carat-1-n,
.Theme7 .innerbtns,
.Theme7 .ui-igcheckbox-small.ui-state-default .ui-igcheckbox-normal-on,
.Theme7 .ui-igcheckbox-normal.ui-state-default .ui-igcheckbox-normal-on,
.Theme7 .ui-igcombo-checkbox.ui-state-default .ui-igcheckbox-normal-on,
.Theme7 .processsteps a.completed:after,
.Theme7 .processsteps a.completed:before,
.Theme7 .processsteps a.current:before,
.Theme7 .processsteps a.completed span:before,
.Theme7 .treeline:after,
.Theme7 .treeline .angular-ui-tree-node:after,
.Theme7 .ReportGrouplist .active.current_blk.flist .listinner:after,
.Theme7 .filterbutton.selected,
.Theme7 .common_sub_nav ul li a.completed,
.Theme7 .spinner > div,
.Theme7 .spinner .rect3,
.Theme7 .spinner .rect5 {
    background-color: #333333;
}

.Theme5 .screenbtn .material-icons,
.Theme7 .screenbtn .material-icons {
    color: #fff;
}

.Theme7 .fc-event,
.Theme7 .percentagecomplete .percentag,
.Theme7 .logoviewer,
.Theme7 md-toast.md-success-toast-theme .md-toast-content,
.Theme7 md-select.md-default-theme:focus:not([disabled]) .md-select-value,
.Theme7 md-select:focus:not([disabled]) .md-select-value,
.Theme7 .graphstatus.first,
.Theme7 .graphstatus.second,
.Theme7 .graphstatus.third,
.Theme7 .common_sub_nav ul li a.completed,
.Theme7 .dropinnercontainer .dropdown-menu,
.Theme7 .rs-tooltip,
.Theme7 .rs-tooltip:after,
.Theme7 .ReportGrouplist .active.current_blk.flist .listinner:after,
.Theme7 .ReportGrouplist .active.current_blk.flist .listinner:before,
.Theme7 .questionshortcuts.completed {
    border-color: #4C6882;
}

.Theme7 .app-theme md-radio-button.md-checked .uparea {
    border-color: #fff;
}

.Theme7 .show_hide:after,
.Theme7 .show_hide button,
.Theme7 .numeric-control .ui-state-focus,
.Theme7 .md-input-focused md-datepicker {
    border-color: #4C6882 !important;
}


/*.Theme7 .app-theme md-radio-button.md-checked .uparea,.Theme7 .login-theme md-radio-button.md-checked{box-shadow: 0px 6px 6px -3px rgba(244,67,54, 0.4), 0px 10px 14px 1px rgba(244,67,54, 0.2), 0px 4px 18px 3px rgba(244,67,54, 0.2);border:4px #F44336 solid;}*/

.Theme7 .btn-trigger button i,
.Theme7 .filterbutton,
.Theme7 .common_sub_nav ul li a.active,
.Theme7 md-list-item .active {
    color: #F44336;
}

.Theme7 md-menu-bar.md-gyrusTheme-theme md-menu.md-open > button,
.Theme7 md-menu-bar.md-gyrusTheme-theme md-menu > button:focus,
.Theme7 .ui-igedit,
.Theme7 .ui-widget .ui-igedit,
.Theme7 .ui-widget-content,
.Theme7 .ui-autocomplete,
.Theme7 .ui-menu,
.Theme7 .ui-dialog,
.Theme7 .ui-tabs,
.Theme7 .ui-tabs .ui-tabs-nav li.ui-state-active,
.Theme7 .ui-iggrid td.ui-state-focus,
.Theme7 .ui-iggrid th.ui-iggrid-rowselector-class.ui-state-focus,
.Theme7 .ui-iggrid tr.ui-state-focus,
.Theme7 .ui-igedit-dropdown,
.Theme7 .ui-iggrid-filterdd,
.Theme7 .ui-iggrid-featurechooser-dropdown-dialog,
.Theme7 .ui-widget.ui-widget-content.ui-igpivot-filterdropdown,
.Theme7 .ui-widget.ui-widget-content.ui-igpivot-metadatadropdown,
.Theme7 .ui-igedit-dropdown .ui-igedit-listitem.ui-state-default,
.Theme7 .ui-igedit-list .ui-igedit-listitem.ui-state-default,
.Theme7 .ui-iggrid-filterddlist li.ui-state-default,
.Theme7 .ui-iggrid-featurechooser-list li.ui-state-default,
.Theme7 .ui-iggrid-hiding-dropdown-list li.ui-state-default,
.Theme7 .ui-iggrid-columnmoving-dropdown-list li.ui-state-default,
.Theme7 .ui-igcombo-listitemholder li.ui-state-default,
.Theme7 .ui-igedit-input,
.Theme7 .ui-igcombo-fieldholder,
.Theme7 .ui-igcombo.ui-widget .ui-igcombo-clear.ui-unselectable,
.Theme7 .ui-igedit-cleararea,
.Theme7 .ui-igedit-cleararea.ui-state-hover,
.Theme7 .ui-igedit.ui-state-hover .ui-igedit-cleararea,
.Theme7 .ui-igedit.ui-state-focus .ui-igedit-cleararea {
    background: #233a4f;
}

.Theme7 .ui-iggrid .ui-iggrid-mergedcellstop,
.Theme7 .ui-iggrid .ui-iggrid-mergedcellstop.ui-state-highlight,
.Theme7 .ui-iggrid .ui-iggrid-mergedcell.ui-state-highlight,
.Theme7 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcellstop,
.Theme7 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcellstop.ui-state-highlight,
.Theme7 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcell.ui-state-highlight,
.Theme7 .ui-igcheckbox-small.ui-state-default,
.Theme7 .ui-igcheckbox-normal.ui-state-default,
.Theme7 .ui-igcombo-checkbox.ui-state-default,
.Theme7 .ui-icon-check-p,
.Theme7 .ui-bulletgraph-backing,
.Theme7 .ui-bulletgraph-targetvalue,
.Theme7 .ui-bulletgraph-value,
.Theme7 .ui-lineargauge-backing,
.Theme7 .ui-igtreegrid-contextrow,
.Theme7 .ui-ightmleditor,
.Theme7 .ui-iggrid .ui-iggrid-mergedcell,
.Theme7 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcell,
.Theme7 .ui-iggrid .ui-iggrid-mergedcell.ui-state-highlight {
    background-color: #233a4f;
}

    .Theme7 .ui-icon-check-p,
    .Theme7 .ui-bulletgraph-backing,
    .Theme7 .ui-bulletgraph-targetvalue,
    .Theme7 .ui-bulletgraph-value,
    .Theme7 .ui-lineargauge-backing,
    .Theme7 .ui-iggrid .ui-iggrid-mergedcellstop,
    .Theme7 .ui-iggrid .ui-iggrid-mergedcellstop.ui-state-highlight,
    .Theme7 .ui-iggrid .ui-iggrid-mergedcell.ui-state-highlight,
    .Theme7 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcellstop,
    .Theme7 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcellstop.ui-state-highlight,
    .Theme7 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcell.ui-state-highlight {
        border-color: #555 !important;
    }

    .Theme7 .ui-iggrid .ui-iggrid-footer .ui-state-default,
    .Theme7 .ui-iggrid .ui-iggrid-toolbar .ui-state-default,
    .Theme7 .ui-iggrid .ui-iggrid-addrow td,
    .Theme7 .ui-iggrid .ui-iggrid-addrow th,
    .Theme7 .ui-widget-header a,
    .Theme7 .ui-menu .ui-menu-item.ui-state-focus,
    .Theme7 .ui-menu .ui-menu-item.ui-state-hover,
    .Theme7 .ui-menu .ui-menu-item.ui-state-active,
    .Theme7 .ui-dialog .ui-state-focus .ui-dialog-title,
    .Theme7 .ui-tabs .ui-tabs-nav li.ui-state-hover a,
    .Theme7 .ui-datepicker .ui-datepicker-title,
    .Theme7 .ui-iggrid th a,
    .Theme7 .ui-iggrid th.ui-state-default a,
    .Theme7 .ui-iggrid th.ui-state-hover a,
    .Theme7 .ui-iggrid th.ui-state-active a,
    .Theme7 .ui-igedit-dropdown .ui-igedit-listitem.ui-state-hover,
    .Theme7 .ui-igedit-list .ui-igedit-listitem.ui-state-hover,
    .Theme7 .ui-igedit-list .ui-igedit-listitem.ui-state-active,
    .Theme7 .ui-iggrid-filterddlist li.ui-state-hover,
    .Theme7 .ui-iggrid-filterddlist li.ui-state-active,
    .Theme7 .ui-iggrid-filterddlistitem.ui-state-hover a,
    .Theme7 .ui-iggrid-filterddlistitem.ui-state-active a,
    .Theme7 .ui-iggrid-featurechooser-list li.ui-state-hover,
    .Theme7 .ui-iggrid-featurechooser-list li.ui-state-active,
    .Theme7 .ui-iggrid-featurechooser-list.ui-state-hover a,
    .Theme7 .ui-iggrid-featurechooser-list.ui-state-active a,
    .Theme7 .ui-iggrid-hiding-dropdown-list li.ui-state-hover,
    .Theme7 .ui-iggrid-hiding-dropdown-list li.ui-state-active,
    .Theme7 .ui-iggrid-hiding-dropdown-list.ui-state-hover a,
    .Theme7 .ui-iggrid-hiding-dropdown-list.ui-state-active a,
    .Theme7 .ui-iggrid-columnmoving-dropdown-list li.ui-state-hover,
    .Theme7 .ui-iggrid-columnmoving-dropdown-list li.ui-state-active,
    .Theme7 .ui-iggrid-columnmoving-dropdown-list.ui-state-hover a,
    .Theme7 .ui-iggrid-columnmoving-dropdown-list.ui-state-active a,
    .Theme7 .ui-igcombo-listitemholder li.ui-state-hover,
    .Theme7 .ui-igcombo-listitemholder li.ui-state-active,
    .Theme7 .ui-igcombo-listitemholder li.ui-state-hover a,
    .Theme7 .ui-igcombo-listitemholder li.ui-state-active a,
    .Theme7 .ui-igedit-dropdown .ui-igedit-listitem.ui-state-hover a,
    .Theme7 .ui-igedit-list .ui-igedit-listitem.ui-state-hover a,
    .Theme7 .ui-igedit-list .ui-igedit-listitem.ui-state-active a,
    .Theme7 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcell,
    .Theme7 .ui-iggrid .ui-iggrid-mergedcellstop,
    .Theme7 .ui-iggrid .ui-iggrid-mergedcell.ui-state-active,
    .Theme7 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcell.ui-state-active,
    .Theme7 .ui-iggrid .ui-iggrid-mergedcell.ui-state-focus,
    .Theme7 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcell.ui-state-focus,
    .Theme7 .ui-igplayer .ui-igplayer-progresslabel,
    .Theme7 .ui-igplayer .ui-igplayer-centerplaybutton-icon,
    .Theme7 .ui-igplayer-video-title,
    .Theme7 .ui-igtree a.ui-state-hover,
    .Theme7 .ui-igtree a.ui-state-active,
    .Theme7 .ui-igcombo-listitem.ui-state-hover.ui-igcombo-item-in-focus,
    .Theme7 .ui-igcombo-listitem.ui-state-active.ui-igcombo-item-in-focus,
    .Theme7 .ui-igcombo-listitem.ui-state-default.ui-igcombo-item-in-focus,
    .Theme7 .ui-funnel-slice,
    .Theme7 .ui-igdialog-header.ui-state-focus .ui-igdialog-headerimage.ui-icon {
        color: #888;
    }

.Theme7 .ui-iggrid .ui-iggrid-paging .ui-iggrid-pagedropdowncontainer,
.Theme7 .ui-iggrid .ui-iggrid-paging .ui-iggrid-pagedropdowncontainer .ui-igedit-input {
    border: none;
}

.Theme7 .ui-igedit-dropdown .ui-igedit-listitem.ui-state-default,
.Theme7 .ui-igedit-list .ui-igedit-listitem.ui-state-default,
.Theme7 .ui-iggrid-filterddlist li.ui-state-default,
.Theme7 .ui-iggrid-featurechooser-list li.ui-state-default,
.Theme7 .ui-iggrid-hiding-dropdown-list li.ui-state-default,
.Theme7 .ui-iggrid-columnmoving-dropdown-list li.ui-state-default,
.Theme7 .ui-igcombo-listitemholder li.ui-state-default,
.Theme7 .tree-view-container .ui-node-lable,
.Theme7 .ui-iggrid-pagecurrent.ui-state-active,
.Theme7 .ui-datepicker-buttonpane button,
.Theme7 .ui-datepicker .ui-datepicker-calendar a.ui-state-hover {
    color: #888 !important;
}

.Theme7 .ui-iggrid .ui-iggrid-footer .ui-state-default,
.Theme7 .ui-iggrid .ui-iggrid-toolbar .ui-state-default,
.Theme7 .ui-iggrid .ui-iggrid-addrow td,
.Theme7 .ui-iggrid .ui-iggrid-addrow th,
.Theme7 .approvaltable .ui-iggrid td.ui-iggrid-filtercell {
    background: #233a4f !important;
}

    .Theme7 .ui-widget-content,
    .Theme7 .ui-widget-header,
    .Theme7 .ui-tabs .ui-tabs-nav,
    .Theme7 .ui-tabs .ui-tabs-panel,
    .Theme7 .ui-tabs .ui-tabs-nav li.ui-state-default,
    .Theme7 .ui-datepicker thead,
    .Theme7 .ui-datepicker-buttonpane button,
    .Theme7 .ui-iggrid .ui-iggrid-content,
    .Theme7 .ui-iggrid .ui-iggrid-addrow td.ui-state-hover,
    .Theme7 .ui-igedit-dropdown,
    .Theme7 .ui-iggrid-filterdd,
    .Theme7 .ui-iggrid-featurechooser-dropdown-dialog,
    .Theme7 .ui-widget.ui-widget-content.ui-igpivot-filterdropdown,
    .Theme7 .ui-widget.ui-widget-content.ui-igpivot-metadatadropdown,
    .Theme7 .ui-igplayer-bookmark-list,
    .Theme7 .ui-igplayer-bookmark-list > li.ui-igplayer-bookmark-active-item,
    .Theme7 .ui-igcheckbox-small.ui-state-default,
    .Theme7 .ui-igcheckbox-normal.ui-state-default,
    .Theme7 .ui-igcombo-checkbox.ui-state-default,
    .Theme7 .ui-igPathFinder .ui-button::after,
    .Theme7 .ui-radialgauge-backing,
    .Theme7 .ui-ightmleditor,
    .Theme7 .ui-ightmleditor .ui-igcombo-fieldholder,
    .Theme7 .ui-ightmleditor-content iframe,
    .Theme7 .ui-ightmleditor-content textarea,
    .Theme7 .ui-ightmleditor .ui-state-default,
    .Theme7 .ui-ightmleditor .ui-widget-content .ui-state-default,
    .Theme7 .ui-ightmleditor .ui-widget-header .ui-state-default {
        border-color: rgba(170, 170, 170, 0.4);
    }

        .Theme7 .ui-dialog .ui-dialog-titlebar,
        .Theme7 .ui-sparkline-axis-x,
        .Theme7 .ui-sparkline-axis-y,
        .Theme7 .ui-ightmleditor .ui-igtoolbar-wrap .ui-igbutton.ui-state-hover,
        .Theme7 .ui-ightmleditor .ui-igtoolbar .ui-igbutton.ui-state-hover,
        .Theme7 .ui-ightmleditor .ui-igtoolbar .ui-igbutton.ui-state-hover,
        .Theme7 .ui-ightmleditor .ui-igtoolbar .ui-igbutton.ui-state-hover.ui-state-active {
            border-color: #555;
        }

.Theme7 .ui-iggrid .ui-iggrid-scrolldiv:first-child,
.Theme7 .ui-iggrid > table tr:first-child td,
.Theme7 .ui-iggrid > table > tbody tr:first-child th,
.Theme7 .ui-iggrid-responsive-vertical {
    border-top: 1px solid #999 !important;
}

.Theme7 .ui-iggrid .ui-iggrid-paging .ui-iggrid-pagedropdowncontainer .ui-igedit-container,
.Theme7 .ui-iggrid .ui-iggrid-results .ui-igedit-container,
.Theme7 .ui-iggrid .ui-iggrid-paging .ui-iggrid-pagedropdowncontainer,
.Theme7 .ui-datepicker-buttonpane button {
    border-color: #888 !important;
}

.Theme7 .reporthead:after {
    border-top-color: #333 !important;
}

.Theme7 .ui-iggrid .ui-ig-altrecord td,
.Theme7 .ui-iggrid .ui-ig-altrecord th.ui-iggrid-rowselector-class,
.Theme7 .ui-iggrid tbody .ui-ig-altrecord td.ui-state-default,
.Theme7 .ui-iggrid tbody td,
.Theme7 .ui-iggrid tbody th.ui-iggrid-rowselector-class,
.Theme7 .ui-iggrid thead .ui-iggrid-editingcell,
.Theme7 .ui-iggrid td.ui-state-highlight,
.Theme7 .ui-ig-altrecord + tr > td.ui-iggrid-childarea,
.Theme7 .ui-widget-footer,
.Theme7 .ui-iggrid tfoot td.ui-widget-content,
.Theme7 .ui-iggrid tfoot td.ui-state-default,
.Theme7 .ui-iggrid tbody .ui-iggrid-mergedcell.ui-iggrid-mergedcellsbottom,
.Theme7 .ui-lineargauge-scale,
.Theme7 .ui-igtreegrid-contextrow td,
.Theme7 .ui-igtreegrid-contextrow td:first-child,
.Theme7 .ui-igtreegrid-contextrow td:last-child,
.Theme7 .ui-ightmleditor .ui-igtoolbar {
    border-color: rgba(170, 170, 170, 0.3);
}

.Theme7 .ui-iggrid-lastpageimgdisabled:before,
.Theme7 .ui-iggrid-lastpageimg:before,
.Theme7 .ui-iggrid-nextpagelabeldisabled:after,
.Theme7 .ui-iggrid-nextpagelabel:after,
.Theme7 .ui-iggrid-lastpageimgdisabled:after,
.Theme7 .ui-iggrid-lastpageimg:after,
.Theme7 .ui-iggrid-firstpageimg:before,
.Theme7 .ui-iggrid-firstpageimgdisabled:before,
.Theme7 .ui-iggrid-prevpagelabel:after,
.Theme7 .ui-iggrid-prevpagelabeldisabled:after,
.Theme7 .ui-iggrid-firstpageimg:after,
.Theme7 .ui-iggrid-firstpageimgdisabled:after,
.Theme7 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcell,
.Theme7 .ui-iggrid .ui-iggrid-mergedcellstop,
.Theme7 .ui-iggrid .ui-iggrid-mergedcellstop,
.Theme7 .ui-iggrid .ui-iggrid-mergedcellstop.ui-state-highlight,
.Theme7 .ui-iggrid .ui-iggrid-mergedcell.ui-state-highlight,
.Theme7 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcellstop,
.Theme7 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcellstop.ui-state-highlight,
.Theme7 .ui-iggrid .ui-ig-altrecord .ui-iggrid-mergedcell.ui-state-highlight,
.Theme7 .ui-icon-check-p,
.Theme7 .ui-bulletgraph-backing,
.Theme7 .ui-bulletgraph-targetvalue,
.Theme7 .ui-lineargauge-backing {
    border-color: #aaa;
}

.Theme7 .fc-event,
.Theme7 .percentagecomplete .progressbar,
.Theme7 .numeric-control .ui-igedit-container .ui-icon-carat-1-s,
.Theme7 .numeric-control .ui-igedit-container .ui-icon-carat-1-n,
.Theme7 .innerbtns,
.Theme7 .ui-igcheckbox-small.ui-state-default .ui-igcheckbox-normal-on,
.Theme7 .ui-igcheckbox-normal.ui-state-default .ui-igcheckbox-normal-on,
.Theme7 .ui-igcombo-checkbox.ui-state-default .ui-igcheckbox-normal-on,
.Theme7 .processsteps a.completed:after,
.Theme7 .processsteps a.completed:before,
.Theme7 .processsteps a.current:before,
.Theme7 .processsteps a.completed span:before,
.Theme7 .treeline:after,
.Theme7 .treeline .angular-ui-tree-node:after,
.Theme7 .ReportGrouplist .active.current_blk.flist .listinner:after,
.Theme7 .filterbutton.selected,
.Theme7 .common_sub_nav ul li a.completed,
.Theme7 .spinner > div,
.Theme7 .spinner .rect3,
.Theme7 .spinner .rect5,
.Theme7 .current_blk.flist .listinner:after,
.Theme7 .profilebanner,
.Theme7 .dashboradop,
.Theme7 .comb.configuration {
    background: #3162b7;
}

.Theme7 .login-theme md-radio-button.md-checked {
    border-color: #3162b7;
}

.Theme5 .current_blk.flist .listinner:after,
.Theme7 .current_blk.flist .listinner:after,
.current_blk.flist .listinner:before {
    border-color: rgb(255, 152, 0);
}

.Theme7 .ui-iggrid-pagecurrent.ui-state-active {
    background: #1549A0 !important;
    color: #fff !important;
}

.Theme7 .md-toolbar-tools.header {
    background: #233a4f;
}

.Theme7 .chosen-container .chosen-results li.highlighted,
.Theme7 .chosen-container-multi .chosen-choices li.search-choice,
.Theme7 .common_sub_nav ul li a.current,
.Theme7 .percentagecomplete .percentag,
.Theme7 .fuelux .wizard ul li:after,
.Theme7 .fuelux .wizard ul li.complete:after,
.Theme7 .processsteps a.current span:before,
.Theme7 .questionshortcuts.currentquestion,
.Theme7 .searchtable table tbody tr td a:after,
.Theme7 .current_blk.flist .listinner:after,
.Theme7 .current_blk.flist .count,
.Theme7 .searchbutton,
.Theme7 .historytable .btn-link {
    background: rgb(255, 152, 0);
}

.Theme7 .fuelux .wizard ul li {
    color: #fff;
    background: #233a4f;
}

.Theme7 md-toolbar.md-gyrusTheme-theme:not(.md-menu-toolbar) {
    background: #162a3d;
}

.Theme7 .md-toolbar-tools h1,
.Theme7 .md-toolbar-tools .h1,
.Theme7 .md-toolbar-tools h2,
.Theme7 .md-toolbar-tools .h2,
.Theme7 .md-toolbar-tools h3,
.Theme7 .md-toolbar-tools .h3 {
    color: #fff;
}

.Theme7 .checked-circle.active {
    background-color: #3162b7;
    /*color: #fff;*/
}

/*============== Theme 8 ==============*/

.Theme8 .fc-state-down,
.Theme8 .fc-state-active,
.Theme8 .fc-event,
.Theme8 .percentagecomplete .progressbar,
.Theme8 .numeric-control .ui-igedit-container .ui-icon-carat-1-s,
.Theme8 .numeric-control .ui-igedit-container .ui-icon-carat-1-n,
.Theme8 .innerbtns,
.Theme8 .ui-igcheckbox-small.ui-state-default .ui-igcheckbox-normal-on,
.Theme8 .ui-igcheckbox-normal.ui-state-default .ui-igcheckbox-normal-on,
.Theme8 .ui-igcombo-checkbox.ui-state-default .ui-igcheckbox-normal-on,
.Theme8 .processsteps a.completed:after,
.Theme8 .processsteps a.completed:before,
.Theme8 .processsteps a.current:before,
.Theme8 .processsteps a.completed span:before,
.Theme8 .treeline:after,
.Theme8 .treeline .angular-ui-tree-node:after,
.Theme8 .ReportGrouplist .active.current_blk.flist .listinner:after,
.Theme8 .filterbutton.selected,
.Theme8 .common_sub_nav ul li a.completed,
.Theme8 .spinner > div,
.Theme8 .spinner .rect3,
.Theme8 .spinner .rect5 {
    background-color: #00695c;
}

.Theme8 .app-theme md-radio-button.md-checked .uparea,
.Theme8 .percentagecomplete .percentag,
.Theme8 .logoviewer,
.Theme8 md-toast.md-success-toast-theme .md-toast-content,
.Theme8 md-select.md-default-theme:focus:not([disabled]) .md-select-value,
.Theme8 md-select:focus:not([disabled]) .md-select-value,
.Theme8 .graphstatus.first,
.Theme8 .graphstatus.second,
.Theme8 .graphstatus.third,
.Theme8 .common_sub_nav ul li a.completed,
.Theme8 .dropinnercontainer .dropdown-menu,
.Theme8 .rs-tooltip,
.Theme8 .rs-tooltip:after,
.Theme8 .ReportGrouplist .active.current_blk.flist .listinner:after,
.Theme8 .ReportGrouplist .active.current_blk.flist .listinner:before,
.Theme8 .questionshortcuts.completed {
    border-color: #00695c;
}

.Theme8 .numeric-control .ui-state-focus,
.Theme8 .md-input-focused md-datepicker {
    border-color: #00695c !important;
}

.Theme8 .app-theme md-radio-button.md-checked .uparea,
.Theme8 .login-theme md-radio-button.md-checked {
    box-shadow: 0px 6px 6px -3px rgba(0, 105, 92, 0.4), 0px 10px 14px 1px rgba(0, 105, 92, 0.2), 0px 4px 18px 3px rgba(0, 105, 92, 0.2);
    border: 4px #00695c solid;
}

.Theme8 .filterbutton,
.Theme8 .common_sub_nav ul li a.active,
.Theme8 md-list-item .active {
    color: #00695c;
}

.Theme8 .hoemicon {
    color: #00695c !important;
}

.Theme8 .configuration.comb .title {
    color: #00695c;
}

.Theme8 .input-group md-icon:hover,
.Theme8 .input-group md-icon:focus {
    color: #00695c;
}

.Theme8 .md-button.md-gyrusTheme-theme.md-accent.md-fab:not([disabled]):hover,
.Theme8 .md-button.md-gyrusTheme-theme.md-accent.md-fab:not([disabled]):focus {
    background-color: #00695c;
}


/* .Theme8 .md-button.md-gyrusTheme-theme.md-warn.md-fab:not([disabled]).md-focused,
.Theme8 .md-button.md-gyrusTheme-theme.md-warn.md-raised:not([disabled]).md-focused {
  background-color: #00897b;
} */

.Theme8 .checked-circle.active {
    background-color: #00695c;
    /*color: #fff;*/
}


/*secondary*/

.Theme8 .fc-event,
.Theme8 .chosen-container .chosen-results li.highlighted,
.Theme8 .chosen-container-multi .chosen-choices li.search-choice,
.Theme8 .common_sub_nav ul li a.current,
.Theme8 .fuelux .wizard ul li:after,
.Theme8 .fuelux .wizard ul li.complete:after,
.Theme8 .processsteps a.current span:before,
.Theme8 .questionshortcuts.currentquestion,
.Theme8 .searchtable table tbody tr td a:after,
.Theme8 .current_blk.flist .listinner:after,
.Theme8 .current_blk.flist .count,
.Theme8 .searchbutton,
.Theme8 .historytable .btn-link {
    background: #546e7a;
}

.Theme8 .common_sub_nav ul li a:hover,
.Theme8 .common_sub_nav ul li a:focus {
    background-color: #00443b;
}

.Theme8 .percentagecomplete .percentag {
    background-color: #eee;
    color: #00695b;
}

.Theme8 .chosen-container .chosen-results li.highlighted {
    color: #fff;
}

.Theme8 .asseactive {
    color: #546e7a;
}

.Theme8 md-toast.md-info-toast-theme .md-toast-content,
.Theme8 .panelinformation:before,
.Theme8 .listdata .item-wrap::before,
.Theme8 .listdata .item-wrap::after,
.Theme8 .questionshortcuts.currentquestion,
.Theme8 .current_blk.flist .listinner:before,
.Theme8 .current_blk.flist .listinner:after,
.Theme8 .reportblks,
.Theme8 .atnaddedass.buttoncontainer {
    border-color: #546e7a;
}

.Theme8 .configurationwiz,
.Theme8 .profilebanner,
.Theme8 .dashboradop,
.Theme8 .comb.configuration {
    background: rgba(248, 80, 50, 1);
    background: -moz-linear-gradient(-45deg, rgba(0, 105, 92, 1) 0%, rgba(84, 110, 122, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 105, 92, 1)), color-stop(100%, rgba(84, 110, 122, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(0, 105, 92, 1) 0%, rgba(84, 110, 122, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(0, 105, 92, 1) 0%, rgba(84, 110, 122, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0, 105, 92, 1) 0%, rgba(84, 110, 122, 1) 100%);
    background: linear-gradient(135deg, rgba(0, 105, 92, 1) 0%, rgba(84, 110, 122, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#5e9eff', GradientType=1);
}

.Theme8 .ui-iggrid-pagecurrent.ui-state-active {
    background: #546e7a !important;
    color: #fff !important;
}

.Theme8 .ui-iggrid-pagecurrent:hover,
.Theme8 .ui-iggrid-pagecurrent:focus {
    background: #00695c !important;
}

.Theme8 .branding .penal-title:hover,
.Theme8 .branding .penal-title:focus,
.Theme8 .branding .panelbox .arrowcon:hover,
.Theme8 .branding .panelbox .arrowcon:focus,
.Theme8 .branding .fullscrentgl:hover,
.Theme8 .branding .fullscrentgl:focus {
    background-color: #344d58;
}


/* HTML Editor change for Theme 8 only */

.Theme8 .ui-igtoolbars-holder,
.Theme8 .ui-ightmleditor .ui-igbutton-viewsource,
.Theme8 .ui-igPathFinder {
    display: none !important;
}

.Theme8 .ui-ightmleditor-content {
    padding: 0;
}

    .Theme8 .ui-ightmleditor-content iframe,
    .Theme8 .ui-ightmleditor-content textarea {
        box-shadow: none;
        border: 0;
    }

.Theme8 .ui-ightmleditor {
    height: auto !important;
    width: calc(50% - 15px) !important;
    border: 1px solid rgba(0, 0, 0, 0.12);
}


/*============== /Theme 8 ==============*/


/*============== PickPerformance (Customer) Theme ==============*/

.Theme9 .fc-state-down,
.Theme9 .fc-state-active,
.Theme9 .fc-event,
.Theme9 .percentagecomplete .progressbar,
.Theme9 .numeric-control .ui-igedit-container .ui-icon-carat-1-s,
.Theme9 .numeric-control .ui-igedit-container .ui-icon-carat-1-n,
.Theme9 .innerbtns,
.Theme9 .ui-igcheckbox-small.ui-state-default .ui-igcheckbox-normal-on,
.Theme9 .ui-igcheckbox-normal.ui-state-default .ui-igcheckbox-normal-on,
.Theme9 .ui-igcombo-checkbox.ui-state-default .ui-igcheckbox-normal-on,
.Theme9 .processsteps a.completed:after,
.Theme9 .processsteps a.completed:before,
.Theme9 .processsteps a.current:before,
.Theme9 .processsteps a.completed span:before,
.Theme9 .treeline:after,
.Theme9 .treeline .angular-ui-tree-node:after,
.Theme9 .ReportGrouplist .active.current_blk.flist .listinner:after,
.Theme9 .filterbutton.selected,
.Theme9 .common_sub_nav ul li a.completed,
.Theme9 .spinner > div,
.Theme9 .spinner .rect3,
.Theme9 .spinner .rect5 {
    background-color: #43A2CC;
}

.Theme9 .app-theme md-radio-button.md-checked .uparea,
.Theme9 .percentagecomplete .percentag,
.Theme9 .logoviewer,
.Theme9 md-toast.md-success-toast-theme .md-toast-content,
.Theme9 md-select.md-default-theme:focus:not([disabled]) .md-select-value,
.Theme9 md-select:focus:not([disabled]) .md-select-value,
.Theme9 .graphstatus.first,
.Theme9 .graphstatus.second,
.Theme9 .graphstatus.third,
.Theme9 .common_sub_nav ul li a.completed,
.Theme9 .dropinnercontainer .dropdown-menu,
.Theme9 .rs-tooltip,
.Theme9 .rs-tooltip:after,
.Theme9 .ReportGrouplist .active.current_blk.flist .listinner:after,
.Theme9 .ReportGrouplist .active.current_blk.flist .listinner:before,
.Theme9 .questionshortcuts.completed {
    border-color: #43A2CC;
}

.Theme9 .numeric-control .ui-state-focus,
.Theme9 .md-input-focused md-datepicker {
    border-color: #43A2CC !important;
}

.Theme9 .app-theme md-radio-button.md-checked .uparea,
.Theme9 .login-theme md-radio-button.md-checked {
    box-shadow: 0px 6px 6px -3px rgba(0, 105, 92, 0.4), 0px 10px 14px 1px rgba(0, 105, 92, 0.2), 0px 4px 18px 3px rgba(0, 105, 92, 0.2);
    border: 4px #43A2CC solid;
}

.Theme9 .filterbutton,
.Theme9 .common_sub_nav ul li a.active,
.Theme9 md-list-item .active {
    color: #43A2CC;
}

.Theme9 .hoemicon {
    color: #43A2CC !important;
}

.Theme9 .configuration.comb .title {
    color: #43A2CC;
}

.Theme9 .input-group md-icon:hover,
.Theme9 .input-group md-icon:focus {
    color: #43A2CC;
}

.Theme9 .md-button.md-gyrusTheme-theme.md-accent.md-fab:not([disabled]):hover,
.Theme9 .md-button.md-gyrusTheme-theme.md-accent.md-fab:not([disabled]):focus {
    background-color: #43A2CC;
}

.Theme9 .ui-iggrid-pagecurrent:hover,
.Theme9 .ui-iggrid-pagecurrent:focus {
    background: #43A2CC !important;
}

.Theme9 md-dialog .md-toolbar-tools .md-button:hover,
.Theme9 md-dialog .md-toolbar-tools .md-button:focus,
.Theme9 md-dialog .md-toolbar-tools .md-button.md-focused {
    background-color: #1E75AD !important;
}

.Theme9 .btn-trigger button i {
    color: #43A2CC;
}


/*secondary*/

.Theme9 .fc-event,
.Theme9 .chosen-container .chosen-results li.highlighted,
.Theme9 .chosen-container-multi .chosen-choices li.search-choice,
.Theme9 .common_sub_nav ul li a.current,
.Theme9 .fuelux .wizard ul li:after,
.Theme9 .fuelux .wizard ul li.complete:after,
.Theme9 .processsteps a.current span:before,
.Theme9 .questionshortcuts.currentquestion,
.Theme9 .searchtable table tbody tr td a:after,
.Theme9 .current_blk.flist .listinner:after,
.Theme9 .current_blk.flist .count,
.Theme9 .searchbutton,
.Theme9 .historytable .btn-link {
    background: #97d6d8;
}

.Theme9 .common_sub_nav ul li a:hover,
.Theme9 .common_sub_nav ul li a:focus {
    background-color: #1e75ad;
}

.Theme9 .percentagecomplete .percentag {
    background-color: #eee;
    color: #00695b;
}

.Theme9 .chosen-container .chosen-results li.highlighted {
    color: #fff;
}

.Theme9 .asseactive {
    color: #97d6d8;
}

.Theme9 md-toast.md-info-toast-theme .md-toast-content,
.Theme9 .panelinformation:before,
.Theme9 .listdata .item-wrap::before,
.Theme9 .listdata .item-wrap::after,
.Theme9 .questionshortcuts.currentquestion,
.Theme9 .current_blk.flist .listinner:before,
.Theme9 .current_blk.flist .listinner:after,
.Theme9 .reportblks,
.Theme9 .atnaddedass.buttoncontainer {
    border-color: #97d6d8;
}

.Theme9 md-toast .md-toast-content::before {
}

.Theme9 .configurationwiz,
.Theme9 .profilebanner,
.Theme9 .dashboradop,
.Theme9 .comb.configuration {
    background: rgba(248, 80, 50, 1);
    background: -moz-linear-gradient(-45deg, #43a2cc 0%, #97d6d8 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #43a2cc), color-stop(100%, #97d6d8));
    background: -webkit-linear-gradient(-45deg, #43a2cc 0%, #97d6d8 100%);
    background: -o-linear-gradient(-45deg, #43a2cc 0%, #97d6d8 100%);
    background: -ms-linear-gradient(-45deg, #43a2cc 0%, #97d6d8 100%);
    background: linear-gradient(135deg, #43a2cc 0%, #97d6d8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#43a2cc', endColorstr='#97d6d8', GradientType=1);
}

.Theme9 .ui-iggrid-pagecurrent.ui-state-active {
    background: #97d6d8 !important;
    color: #fff !important;
}

.Theme9 .branding .penal-title:hover,
.Theme9 .branding .penal-title:focus,
.Theme9 .branding .panelbox .arrowcon:hover,
.Theme9 .branding .panelbox .arrowcon:focus,
.Theme9 .branding .fullscrentgl:hover,
.Theme9 .branding .fullscrentgl:focus {
    background-color: #69BCBF;
}

.Theme9 .dashboardhead {
    background-color: #E0F3F3;
}


/* HTML Editor change for Theme 8 only */


/*
.Theme9 .ui-igtoolbars-holder,
.Theme9 .ui-ightmleditor .ui-igbutton-viewsource,
.Theme9 .ui-igPathFinder {
  display: none !important;
}

.Theme9 .ui-ightmleditor-content {
  padding: 0;
}

.Theme9 .ui-ightmleditor-content iframe,
.Theme9 .ui-ightmleditor-content textarea {
  box-shadow: none;
  border: 0;
}

.Theme9 .ui-ightmleditor {
  height: auto !important;
  width: calc(50% - 15px) !important;
  border: 1px solid rgba(0, 0, 0, 0.12);
}

*/


/*============== /PickPerformance (Customer) Theme ==============*/

.popscreen {
    max-width: 90%;
    width: 90%;
    max-height: 90%;
    border: 2px #efefef solid;
    background: #fff url(/Content/css/boat.png) no-repeat left center;
    border-radius: 40px !important;
    padding: 20px 0px 20px 400px;
    box-sizing: border-box;
    z-index: 999;
}

.popuplist {
    width: 33.33%;
    float: left;
    padding: 15px;
    margin-top: 40px;
    position: relative;
}

    .popuplist a {
        width: 100%;
        float: left;
        padding: 20px 15px 15px;
        border: 1px solid;
        color: #888;
        min-height: 200px;
        position: relative;
    }

        .popuplist a h3,
        .popuplist a .h3 {
            color: #000;
        }

        .popuplist a span {
            width: 50px;
            height: 50px;
            display: inline-block;
            color: #fff;
            text-align: center;
            font-size: 24px;
            line-height: 50px;
            border-radius: 5px;
            position: absolute;
            top: -25px;
        }

.gradsaprator {
    width: 100%;
    height: 2px;
    float: left;
    margin: 30px 0;
    background: rgba(226, 226, 226, 0);
    background: -moz-linear-gradient(left, rgba(226, 226, 226, 0) 0%, rgba(209, 209, 209, 1) 50%, rgba(254, 254, 254, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(226, 226, 226, 0)), color-stop(50%, rgba(209, 209, 209, 1)), color-stop(100%, rgba(254, 254, 254, 0)));
    background: -webkit-linear-gradient(left, rgba(226, 226, 226, 0) 0%, rgba(209, 209, 209, 1) 50%, rgba(254, 254, 254, 0) 100%);
    background: -o-linear-gradient(left, rgba(226, 226, 226, 0) 0%, rgba(209, 209, 209, 1) 50%, rgba(254, 254, 254, 0) 100%);
    background: -ms-linear-gradient(left, rgba(226, 226, 226, 0) 0%, rgba(209, 209, 209, 1) 50%, rgba(254, 254, 254, 0) 100%);
    background: linear-gradient(to right, rgba(226, 226, 226, 0) 0%, rgba(209, 209, 209, 1) 50%, rgba(254, 254, 254, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1);
}

.completemsg {
    font-size: 36px;
    color: #82E716;
    line-height: 50px;
}

.wizardlayout {
    background: url(/Content/css/wizardbackground.svg) no-repeat center / 100%;
}

.wizardmaincon {
    background: none !important;
}

.configurationwiz {
    height: 100%;
    background: url(/Content/css/boat.png) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: 20% !important;
    padding: 0 25% 20px;
}

.msform {
    width: 100%;
    margin: 20px auto 0px;
    text-align: center;
    position: relative;
    background: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    border: solid;
    border-width: 3px 3px 0 3px;
    border-radius: 10px 10px 0 0;
}

.wizardbottom {
    background: #fff;
    margin: 0px !important;
    padding: 0 10px 10px;
    border: solid;
    border-width: 0 3px 3px 3px;
    border-radius: 0 0 10px 10px;
}

    .wizardbottom .gradsaprator {
        margin: 0 0 10px;
    }

.msform:before,
.msform:after {
    content: '';
    display: table;
    clear: both;
    width: 100%;
}

.msform fieldset {
    border: 0 none;
    border-radius: 3px;
    background: none;
    padding: 0px;
    box-sizing: border-box;
    width: 100%;
    /*stacking fieldsets above each other*/
    position: relative;
}

    .msform fieldset:not(:first-of-type) {
        display: none;
    }

.msform input,
.msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 13px;
}

.msform .action-button {
    width: 100px;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 1px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
    display: inline-block;
}

    .msform .action-button:hover,
    .msform .action-button:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
    }

.fs-title {
    font-size: 16px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
    font-weight: normal;
    width: 100%;
    float: left;
}

    .fs-title:before {
        content: '';
        display: inline-block;
        width: 11px;
        height: 11px;
        border: 3px #f7d631 solid;
        border-radius: 100%;
        vertical-align: top;
        margin-right: 15px;
    }

    .fs-title:after {
        content: '';
        display: inline-block;
        width: 11px;
        height: 11px;
        border: 3px #f7d631 solid;
        border-radius: 100%;
        vertical-align: top;
        margin-left: 15px;
    }

    .fs-title span {
        position: relative;
        z-index: 2;
        padding: 10px 0;
    }

        .fs-title span:before {
            content: '';
            width: 55%;
            height: 2px;
            background: #f7d631;
            float: left;
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
        }

        .fs-title span:after {
            content: '';
            width: 55%;
            height: 2px;
            background: #f7d631;
            float: right;
            display: inline-block;
            position: absolute;
            bottom: 0;
            right: 0;
        }

.fs-subtitle {
    font-weight: normal;
    font-size: 17px;
    color: #666;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #59B3E2;
    width: 100%;
    float: left;
}

.expressinput .control md-input-container,
.expressinput .control,
.expressinput label,
.expressinput {
    width: 100%;
    float: left;
    text-align: left;
    margin: 0;
}

    .expressinput .ui-ightmleditor {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        height: auto !important;
    }

    .expressinput.checkbox {
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .expressinput .control {
        margin-top: 10px;
        margin-bottom: 20px;
        position: relative;
    }

    .expressinput md-input-container {
        margin: 0;
    }

body .expressinput md-input-container.md-gyrusTheme-theme .md-input {
    padding: 15px !important;
}

body .expressinput .numeric-control .ui-igedit-container,
body .expressinput .lf-ng-md-file-input .lf-ng-md-file-input-container,
body .expressinput md-input-container.md-gyrusTheme-theme .md-input,
body .expressinput .control .chosen-container-multi .chosen-choices,
.expressinput .control md-select.form_select .md-select-value {
    background: #fff;
    max-width: 100%;
    height: 45px;
    border-radius: 5px;
    color: #888;
    margin: 0;
}

    body .expressinput .numeric-control .ui-igedit-container .ui-igedit-button-common {
        padding: 10px 5px;
    }

    body .expressinput .numeric-control .ui-igedit-container > div {
        line-height: 25px;
    }

body .expressinput .lf-ng-md-file-input .lf-ng-md-file-input-container {
    border: 1px solid #ccc;
    box-shadow: 0 0 0 #fff;
}


/*.anltooldata {max-height:300px;overflow:auto;}*/

.anltooldata ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
}

.anltooldata li.header-bold {
    background: #555;
    border-radius: 3px;
    text-align: center;
}

.anltooldata li {
    display: block;
    border-bottom: 1px #444 solid;
    border-top: 1px #222 solid;
    padding: 3px 0;
}

.anltooldata span {
    background: #555;
    padding: 0px 8px;
    border-radius: 6px;
    float: right;
    font-size: 10px;
}

.enrollintbl .ui-iggrid,
.ui-iggrid {
    width: 100% !important;
    max-width: 100%;
}

    .ui-iggrid:focus {
        background-color: #f5f5f5;
    }


/*
::-webkit-input-placeholder {
  font-style: italic;
}

::-moz-placeholder {
  font-style: italic;
}

:-ms-input-placeholder {
  font-style: italic;
}

:-moz-placeholder {
  font-style: italic;
}
*/


/*#progressbar {margin-bottom: 30px;overflow: hidden;counter-reset: step;}
#progressbar li {list-style-type: none;color: white;text-transform: uppercase;font-size: 9px;width: 33.33%;float: left;position: relative;}
#progressbar li:before {content: counter(step);counter-increment: step;width: 20px;line-height: 20px;display: block;font-size: 10px;color: #333;background: white;border-radius: 3px;margin: 0 auto 5px auto;}
#progressbar li:after {content: '';width: 100%;height: 2px;background: white;position: absolute;left: -50%;top: 9px;z-index: -1;}
#progressbar li:first-child:after {content: none;}
#progressbar li.active:before, #progressbar li.active:after {background: #27AE60;color: white;}*/

.analyticstop {
    text-align: center;
    padding: 10px;
}

.treeline > div > div {
    position: relative;
    z-index: 9;
}

.graphicblock {
    width: 200px;
    display: inline-block;
    padding: 20px;
    text-align: center;
    margin: 10px;
    color: #fff;
}

    .graphicblock .counts {
        font-size: 52px;
        width: 100%;
        float: left;
    }

.md-input-invalid.errordrop {
    position: absolute;
    left: 0;
    top: 100%;
    background: #555;
    color: #fff;
    padding: 15px;
    border-radius: 8px;
    width: auto;
    margin-top: 10px;
}

    .md-input-invalid.errordrop:before {
        content: '';
        display: inline-block;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #555;
        top: -10px;
        position: absolute;
    }

.comierelogo {
    width: 200px;
    height: 200px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}


/*.active .comierelogo path{fill-opacity:0;stroke-width:1;stroke-dasharray:300;stroke-dashoffset:300;animation-name: draw;animation-duration:3s;animation-iteration-count: 1;animation-fill-mode: forwards;animation-timing-function: linear;}*/

.profilesuboptions h3,
.profilesuboptions .h3,
.profilesuboptions div {
    color: #666;
    padding-left: 10px;
    width: 100%;
    float: left;
}

.profilesuboptions .iconcontainer {
    margin-left: -75px;
}

.profilesuboptions h3,
.profilesuboptions .h3 {
    margin-top: 0;
}

.profilesuboptions .myproflist {
    padding-left: 75px;
}

.expwizardbtn {
    width: 100%;
    float: left;
    text-align: center;
    border-bottom: 1px #efefef solid;
    margin-bottom: 15px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .expwizardbtn:hover,
    .expwizardbtn:focus {
        background-color: #eee;
    }

    .expwizardbtn .expwizard {
        width: 80px;
        height: 80px;
        border-radius: 100%;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

        .expwizardbtn .expwizard img {
            width: 100%;
        }

.toplogout {
    /* margin-left: 50px !important; */
}

.md-button.md-icon-button.headerwizard {
    width: 40px;
    height: 40px;
    background-color: #fff;
    margin: -2px 0 0 10px;
    display: inline-block;
    vertical-align: middle;
    /* float: right; */
    /* position: fixed;
  right: 64px;
  top: 16px;
  transition: none;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px rgba(0, 0, 0, 0.1); */
}

    .md-button.md-icon-button.headerwizard:hover,
    .md-button.md-icon-button.headerwizard:focus {
        background-color: #ddd !important;
    }

.headerwizard img {
    width: 100%;
}

.headerwizard:focus {
    background: #eee;
    border-color: transparent;
}

.coachcontrol_main {
    /* -webkit-animation-name: bounceOutUp;animation-name: bounceOutUp; */
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 101;
    padding: 10px 120px 10px 60px;
    background-image: url(/Content/img/coach-normal.png);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: 10px 50%;
    min-height: 75px;
    font-size: 13px;
    line-height: 20px;
    display: none;
}

    .coachcontrol_main::before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        min-height: 55px;
    }

.panel-coach {
    display: inline-block;
    vertical-align: middle;
    max-width: 99%;
}

.coachbtn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

    .coachbtn button {
        min-height: 30px;
        height: 30px;
        line-height: 28px;
    }

        .coachbtn button span {
            padding: 0 10px;
        }

.coachcontrol_main.bounceInDown {
    display: block;
}

.displayContent {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

coach-control .coachtgl {
    position: fixed;
    z-index: 9;
    width: 50px;
    height: 50px;
    right: 0;
    top: 74px;
    border-radius: 0;
}

.coachtgl {
    width: 50px;
    height: 50px;
    background: red;
    animation: colorchange 5s ease infinite;
    -webkit-animation: colorchange 5s ease infinite;
    position: relative;
    text-align: center;
    -transition: all ease-in-out;
    border: none;
}

.dispflex {
    display: flex;
    border: 1px rgba(0, 0, 0, 0.12) solid !important;
    height: 45px;
}

    .dispflex.bnone {
        border: none !important;
    }

    .dispflex md-checkbox {
        margin: 0px;
        padding-right: 25px;
        margin-left: 10px;
        border-right: 1px rgba(0, 0, 0, 0.12) solid;
    }

        .dispflex md-checkbox .md-label {
            margin-top: 14px;
        }

    .dispflex md-datepicker,
    .fulldate md-datepicker {
        max-width: 100%;
    }

    .dispflex .ui-igcombo-wrapper {
        width: 100% !important;
    }

        .dispflex .ui-igcombo-fieldholder,
        .dispflex .ui-igcombo-fieldholder-ltr,
        .dispflex .ui-igcombo-field,
        .dispflex .ui-igcombo-wrapper .ui-igcombo {
            box-shadow: 0 0 0 rgba(255, 255, 255, 0);
            height: 43px;
            padding-left: 5px;
        }

.dispcontent label {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.dispcontent span.data {
    height: 30px;
}

div#pageForgotPasswordApp {
    width: 100%;
    float: left;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.popupwizard button.coachtgl {
    top: 7px;
    right: 60px;
}

.bfilename {
    background: #fff;
    color: #000 !important;
    line-height: 20px !important;
    height: 20px;
    margin-left: 10px;
    margin-top: 15px;
    border-radius: 3px;
}

.filterstable tbody,
.filterstable tr,
.filterstable th,
.filterstable td {
    width: 100%;
    display: block;
    float: left;
}

body .ui-igcombo-listitemholder .ui-igcombo-listitem {
    height: 34px;
    padding: 10px;
}

body .ui-igcombo-checkbox.ui-igcheckbox-small {
    margin-top: -7.5px !important;
    vertical-align: middle;
    display: inline-block !important;
}

body .ui-igcombo-listitemtextwithcheckbox {
    margin-left: 28px;
}

#googleCaptcha > div {
    display: inline-block;
}

.ui-iggrid-scrolldiv,
md-dialog-content .ui-iggrid-scrolldiv {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    height: auto !important;
}

md-dialog .md-dialog-content {
    padding: 20px;
}

.ui-node-content li.ui-node .material-icons {
    z-index: 99;
}

.inlinepadd0 gyrus-filter .inline {
    padding-top: 0;
}

.customeGridTableUI,
.customeGridTableUI > div,
.mintablefull > div,
.mintablefull {
    /* min-width: 100%;
  max-width: 100%; */
    max-width: 726px;
}

.step-content .customeGridTableUI {
    clear: both;
    /* margin: 0 auto; */
    /* padding: 10px; */
}

.ui-iggrid-table {
    margin-bottom: 10px;
    width: 100% !important;
}

.step-content .ui-iggrid-table {
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.ui-iggrid-table .ui-igedit-input {
    text-align: left !important;
}

.ui-igcombo-field,
.ui-igedit-input,
.ui-iggrid .ui-iggrid-pager .ui-igedit-input {
    padding: 4px 8px;
    box-shadow: none;
}

.ui-iggrid .ui-iggrid-editingcell .ui-iggrid-editor,
.ui-iggrid .ui-iggrid-editingcell .ui-iggrid-editor .ui-igedit-field,
.ui-igcombo-button,
.ui-igcombo-clear {
    box-shadow: none;
}

@keyframes colorchange {
    0% {
        background: #d39b00;
    }

    50% {
        background: #FFBE03;
    }

    100% {
        background: #d39b00;
    }
}

@-webkit-keyframes colorchange
/* Safari and Chrome - necessary duplicate */
{
    0% {
        background: #d39b00;
    }

    50% {
        background: #FFBE03;
    }

    100% {
        background: #d39b00;
    }
}

.toe {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fixheight {
    min-height: 450px;
}

body img-crop canvas {
    margin: 0px !important;
    left: 0;
    top: 0px;
}

@keyframes draw {
    75% {
        stroke-dashoffset: 0;
        stroke-width: 1;
        fill-opacity: 0;
    }

    100% {
        stroke-width: 0;
        fill-opacity: 1;
    }
}

.layoutblk .md-button.md-fab.md-mini {
    line-height: 34px;
    z-index: 1;
    margin-left: 4px;
    margin-right: 4px;
}

#grdSearchList_scroll thead {
    float: none !important;
}

.ui-iggrid .ui-iggrid-footer .ui-state-default,
.ui-iggrid .ui-iggrid-toolbar .ui-state-default,
.ui-iggrid .ui-iggrid-addrow td,
.ui-iggrid .ui-iggrid-addrow th {
    /* background-color: #f5f5f5; */
    background-color: inherit;
}

.ui-iggrid .ui-iggrid-footer .ui-state-default,
.ui-iggrid .ui-iggrid-toolbar .ui-state-default {
    cursor: pointer;
}

    .ui-iggrid .ui-iggrid-footer .ui-state-default:hover,
    .ui-iggrid .ui-iggrid-footer .ui-state-default:focus,
    .ui-iggrid .ui-iggrid-footer .ui-state-focus,
    .ui-iggrid .ui-iggrid-toolbar .ui-state-default:hover,
    .ui-iggrid .ui-iggrid-toolbar .ui-state-default:focus,
    .ui-iggrid .ui-iggrid-toolbar .ui-state-focus {
        background-color: #ddd;
    }

#modaleMailDefPreview {
    width: 80%;
    max-width: 800px;
}

.inputcon.answertext {
    width: 50%;
}

    .inputcon.answertext md-input-container.form_input {
        width: 80%;
    }

.questionAnswerTable md-checkbox {
    margin-bottom: 0;
}

.enr-reason .input-column {
    width: 75%;
}

.enr-reason .fab-column {
    width: 25%;
}

.enr-reason md-select.form_select .md-select-value {
    background-color: #fff;
}

.enr-reason md-select:focus:not([disabled]) .md-select-value {
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.enr-reason .md-select-placeholder span {
    transform: none !important;
}

md-input-container.md-input-focused:not(.md-input-has-value) .enr-reason md-select.md-gyrusTheme-theme .md-select-value,
md-input-container.md-input-focused:not(.md-input-has-value) .enr-reason md-select.md-gyrusTheme-theme .md-select-value.md-select-placeholder {
    color: rgba(0, 0, 0, 0.38);
}


/*
    UI Improvements
*/

md-menu-bar {
    margin-right: 10px;
}

    md-menu-bar button {
        box-shadow: none;
        padding: 5px 10px !important;
    }

md-menu-content.md-menu-bar-menu.md-dense {
    padding: 10px 0;
}

    md-menu-content.md-menu-bar-menu.md-dense .md-button {
        box-shadow: none;
    }

md-menu-item > a.md-button {
    padding-top: 0;
}


/*** responsive */

@media (min-width:1600px) {
    .resourceblock {
        width: 10%;
    }
}

@media (max-width:1500px) {
    .comb {
        width: 23%;
    }

    .login-box {
        padding-top: 30px;
    }
}

@media (max-width:1399px) {
    .popscreen {
        padding: 20px 0px 20px 250px;
        background-size: 200px;
        background-position: 30px 30px;
    }

    .p-vlg-0 {
        padding: 0 !important;
    }

    .m-vlg-0 {
        margin: 0 !important;
    }

    .summaryblks {
        width: 25%;
    }

    .analytics {
        /*padding: 40px 0px;*/
    }

    .course-catalog-container:nth-of-type(4n+1) {
        clear: none;
    }

    .course-catalog-container:nth-of-type(3n+1) {
        clear: left;
    }
}

@media (max-width:1279px) {
    .p-lg-0 {
        padding: 0 !important;
    }

    .m-lg-0 {
        margin: 0 !important;
    }

    .course-catalog-container:nth-of-type(3n+1) {
        clear: none;
    }

    .course-catalog-container:nth-of-type(2n+1) {
        clear: left;
    }

    .sharedCourseCatalog .course-catalog-container:nth-of-type(2n+1) {
        clear: none;
    }
}

@media (max-width: 1199px) {
    .p-lg-0 {
        padding: 0 !important;
    }

    .m-lg-0 {
        margin: 0 !important;
    }
}

@media (max-width:1159px) {
    .popuplist {
        width: 100%;
    }

        .popuplist a {
            min-height: 0px;
        }

    .p-pmd-0 {
        padding: 0 !important;
    }

    .m-pmd-0 {
        margin: 0 !important;
    }

    .body .fieldsline .chosen-container-multi .chosen-choices,
    .fieldsline md-select.form_select .md-select-value {
        max-width: 170px;
    }
}

@media (max-width:1024px) {
    .input_lbl {
        width: 30%;
    }

    .inputcon.twoblk {
        width: 70%;
    }

    .body .fieldsline .chosen-container-multi .chosen-choices,
    .fieldsline md-select.form_select .md-select-value {
        max-width: 170px;
    }

    .fieldsline md-input-container.form_input.full {
        min-width: 150px;
    }

    .fieldsline .dtc {
        display: block;
        width: 100%;
        float: left;
    }

    .resourceblock {
        width: 20%;
    }
}

@media (max-width:991px) {
    .fuelux .step-content .step-pane {
        padding: 15px 0;
    }

    .configurationwiz {
        padding: 20px;
    }

    .contentarea1 {
        padding: 15px 10px 20px;
    }

    .mainoptions {
        width: 100%;
        margin-bottom: 15px;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .m-md-0 {
        margin: 0 !important;
    }

    .col-md-db {
        display: block;
    }

    .col-md-dn {
        display: none;
    }

    .chatlist {
        padding-bottom: 0px;
    }

    .profilesec {
        width: 100%;
        float: left;
    }

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

    body .chosen-container-multi .chosen-choices,
    md-select.form_select .md-select-value,
    .numeric-control .ui-igedit-container,
    md-input-container .custome_input,
    md-datepicker,
    .inputcon combo-bind-control md-select {
        width: 100%;
    }

    body .fieldsline .chosen-container-multi .chosen-choices,
    .fieldsline md-select.form_select .md-select-value,
    .fieldsline md-input-container.form_input.full {
        max-width: 100%;
    }

    body .fieldsline label {
        margin-bottom: 5px;
        padding: 0px;
        width: 100%;
        float: left;
        text-align: left;
        margin-top: 0px;
    }

    .filterstable tr,
    .filterstable td {
        display: block;
        float: left;
    }

    .filterstable tr {
        width: 50%;
        padding: 5px;
        box-sizing: border-box;
    }

    .filterstable td {
        width: 100%;
    }

    .fiterblock {
        min-height: 250px;
        margin-bottom: 10px;
        padding: 10px 15px;
    }

    .row5 {
        padding: 0px !important;
    }

        .row5:after,
        .row5:before {
            display: none;
        }

    .filtertop {
        display: block;
        height: auto;
        max-height: 500px;
    }

    .filterdialog {
        display: block;
    }

    .summaryblks {
        width: 50%;
    }
}

@media (max-width:767px) {
    .col-sm-db {
        display: block;
    }

    .sm-blk {
        display: block !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .m-sm-0 {
        margin: 0 !important;
    }

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

    .siteheader.md-toolbar-tools {
        height: auto;
        max-height: 1000px;
    }

    .gridcontainer {
        padding: 0 10px;
    }

    .pagetoolbar .md-toolbar-tools,
    .pagetoolbar,
    .pagetoolbar md-toolbar {
        display: block;
        max-height: 150px;
        height: auto;
        min-height: 0px;
    }

        .pagetoolbar .md-toolbar-tools {
            padding: 5px 15px;
        }

            .breadcrumb,
            .pagetoolbar .md-toolbar-tools h3,
            .pagetoolbar .md-toolbar-tools .h3 {
                display: inline-block;
                margin: 0px;
                vertical-align: middle;
            }

                .breadcrumb a i,
                .breadcrumb a,
                .breadcrumb span {
                    line-height: 30px;
                }

    .inputcon {
        width: 60%;
        float: left;
        padding-right: 20px;
    }

    .siteheader.header {
        padding: 0;
    }

    .processsteps a {
        font-size: 12px;
    }

    .ui-ightmleditor {
        height: auto !important;
    }

    body {
        font-size: 13px;
    }

        body md-content {
            display: block;
        }

    .fuelux .wizard ul li {
        font-size: 13px;
        line-height: 14px;
        margin: 0;
        overflow: hidden;
        padding: 10px 7px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .eamildef {
        max-height: 350px;
    }

    .resourceblock {
        width: 25%;
    }

    .comb {
        width: 48%;
    }

    .myproflist {
        width: 50%;
    }

    .globalserach {
        margin-top: 0px;
    }

    .configurationwiz {
        padding: 15px;
    }

    .popscreen {
        padding: 15px;
        background: none;
    }
}

@media (max-width:700px) {
    .contentarea {
        padding: 15px 5px 15px;
    }

    #content {
        padding: 0;
    }

    .inputcon.twoblk,
    .inputcon,
    .contro_lbl,
    .input_lbl {
        width: 100%;
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .input_lbl {
        line-height: 20px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .searchpanel,
    .searchpanel > div,
    .searchpanel search-filter-control {
        display: block !important;
        max-height: 130px;
        float: left;
        margin: 0px;
    }

    .scrollpage md-content,
    .scrollpage md-toolbar,
    .scrollpage > section {
        display: block;
    }

    .searchpanel gyrus-filter {
        display: inline-block;
        margin-right: 0px;
    }

    .fancytab md-tabs-wrapper md-prev-button {
        left: 0px;
    }

    .scheduledetail {
        position: static;
        width: 100%;
        float: left;
    }

    .fancytab md-tabs-wrapper {
        padding-left: 0px;
    }
}

@media (max-width:640px) {
    .input_lbl {
        width: 100%;
    }

    .myproflist {
        width: 100%;
    }

    #content {
        padding: 0;
    }

    .contentarea {
        padding: 15px 5px 15px;
    }

    .processsteps a {
        margin-top: 0px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
    }

    .md-button {
        min-height: 30px;
        min-width: 0px;
        line-height: 30px;
        margin: 6px 3px;
    }

    fieldset {
        padding: 10px;
    }

    legend {
        font-size: 14px;
    }

    .resourceblock {
        width: 33%;
    }
}

@media (max-width:580px) {
    .moremenu {
        display: inline-block;
    }

    .top-menu-options {
        position: relative;
    }

    .smalldropdown {
        position: absolute;
        width: 200px;
        right: 0;
        background: #fff;
        padding: 5px 0;
        box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
        display: none;
    }

    .top-menu-options:hover .smalldropdown {
        display: block;
        z-index: 25;
    }

    .smalldropdown md-menu-bar {
        width: 100%;
        border-bottom: 1px #efefef solid;
    }

    md-menu-bar .md-menu,
    md-menu-bar .md-menu button {
        width: 100%;
    }

    .smalldropdown > button.md-button.md-icon-button,
    .smalldropdown > a.md-button.md-icon-button {
        width: 33.33%;
        box-sizing: border-box;
        float: left;
        display: block;
        float: left;
        margin: 0px !important;
    }

    .fuelux .step-content .step-pane {
        padding: 15px;
    }

    md-input-container.form_input {
        width: 100%;
    }

    .resourceblock {
        width: 50%;
    }

    .courseblock {
        min-height: 450px;
    }

    .configurationwiz {
        padding: 0px;
    }
}

@media (max-width:480px) {
    .summaryblks {
        width: 100%;
        padding-bottom: 0;
    }

    .filterstable tr {
        width: 100%;
    }

    .fiterblock {
        min-height: 50px;
    }
}

@media (max-width:380px) {
    .resourceblock {
        width: 100%;
        max-width: 100%;
    }

    .comb,
    .myproflist {
        width: 94%;
        margin: 5px 3%;
    }

    .courseblock {
        min-height: 430px;
    }
}

@media (max-width:319px) {
    .col-xs-full {
        width: 100%;
        float: left;
    }

    .p-xs-0 {
        padding: 0 !important;
    }

    .m-xs-0 {
        margin: 0 !important;
    }
}

@media (max-width:199px) {
    .col-xxs-full {
        width: 100%;
        float: left;
    }

    .p-xxs-0 {
        padding: 0 !important;
    }

    .m-xxs-0 {
        margin: 0 !important;
    }
}

.questionAnswerTable .inputcon.answertext {
    width: 49%;
}

    .questionAnswerTable .inputcon.answertext md-input-container.form_input {
        width: calc(100% - 15px);
    }

    .questionAnswerTable .inputcon.answertext + .input-group-btn {
        float: right;
    }

.md-custome-tbl .questionAnswerTable td.text-center {
    text-align: center;
}

    .md-custome-tbl .questionAnswerTable td.text-center .checkbox {
        padding-top: 8px;
    }

.add-report .md-dialog-content {
    min-height: 400px;
}

md-dialog {
    max-height: 90%;
    width: 100%;
}

.md-dialog-small {
    max-width: 30%;
}

.header-logo {
    padding: 5px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .header-logo:focus {
        background: #eee;
    }

.homelink {
    margin: 0 6px;
    height: 40px;
    min-width: 0;
    line-height: 18px;
    padding: 8px;
    width: 40px;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .homelink:hover,
    .homelink:focus {
        background-color: #eee;
    }

.md-gyrusTheme-theme .md-calendar-date.md-focus .md-calendar-date-selection-indicator {
    background-color: #eee;
}

.ui-igpopover.ui-ignotify-error > .ui-widget-content {
    border-color: #cc1515;
    background-color: #cc1515;
}

.ui-igpopover.ui-ignotify-error > .ui-igpopover-arrow-left {
    border-right-color: #cc1515;
}

.ui-igpopover.ui-ignotify-error > .ui-igpopover-arrow-bottom {
    border-top-color: #cc1515;
}

.ui-icon.ui-icon-closethick.ui-igpopover-close-button {
    color: #fff;
}

.ui-igedit-input,
.ui-iggrid .ui-iggrid-pager .ui-igedit-input {
    background-color: #f5f5f5;
}

.ui-iggrid-button:hover,
.ui-iggrid-button:focus {
    color: #00695c;
}

.ui-iggrid-addrow td span:hover,
.ui-iggrid-addrow td span:focus {
    color: #00695c;
}

md-dialog .md-toolbar-tools .md-button {
    box-shadow: none;
    background-color: transparent;
}

    md-dialog .md-toolbar-tools .md-button:hover,
    md-dialog .md-toolbar-tools .md-button:focus,
    md-dialog .md-toolbar-tools .md-button.md-focused {
        background-color: #004037 !important;
    }

.tree-node .md-button.md-icon-button {
    box-shadow: none;
}

.orgWrap .treepaneldetail {
    display: none !important;
}

.jobWrap .treepaneldetail {
    display: none !important;
}

._md-datepicker-floating-label > md-datepicker .md-datepicker-button,
md-datepicker .md-datepicker-input-container .md-button.md-icon-button {
    box-shadow: none;
}

.md-button.md-gyrusTheme-theme.md-accent[disabled],
.md-button.md-gyrusTheme-theme.md-fab[disabled],
.md-button.md-gyrusTheme-theme.md-raised[disabled],
.md-button.md-gyrusTheme-theme.md-warn[disabled],
.md-button.md-gyrusTheme-theme[disabled] {
    color: rgba(0, 0, 0, 0.6);
}

#divActionOptn button {
    /* margin-top: 10px; */
}

    #divActionOptn button md-icon {
        color: inherit;
    }

md-tab-content.md-no-scroll {
    padding-bottom: 5px;
}

.no-data {
    font-size: 16px;
    font-weight: 600;
}

.md-file .lf-ng-md-file-input .lf-ng-md-file-input-container {
    border-radius: 0;
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
}

md-input-container.md-gyrusTheme-theme.search_input.md-input-focused {
    border-color: #00695c;
}

md-input-container.md-gyrusTheme-theme.md-input-invalid .md-input {
    border-color: #f00;
}

.answertext md-input-container.md-gyrusTheme-theme.md-input-invalid .md-input {
    border-color: #f00 !important;
}

md-input-container textarea.md-input {
    min-height: 120px;
}

.tree-view-container .ui-node-lable {
    display: inline-block;
    vertical-align: middle;
    padding: 3px 5px 2px;
}

    .tree-view-container .ui-node-lable:hover,
    .tree-view-container .ui-node-lable:focus {
        outline-color: #ccc !important;
        background-color: #eee !important;
    }

.search-filter {
    display: flex;
    align-items: center;
}

    .search-filter .search-label {
        flex-grow: unset;
        margin-right: 10px;
    }

    .search-filter .search-box {
    }

.md-button.md-gyrusTheme-theme.md-primary.md-fab:not([disabled]) md-icon,
.md-button.md-gyrusTheme-theme.md-primary.md-raised:not([disabled]) md-icon {
    color: inherit;
}

.dtl-view [tabindex="0"]:focus {
    background-color: #eee;
}

.viewblock:focus,
.viewblock:focus {
    background-color: #eee;
}


/* This will disable the panel animation */

md-tabs [role="tabpanel"] {
    transition: none;
    transform: none;
}


/* This will disable the `ink-bar` animation (border-bottom of selected tab) */

md-tabs md-ink-bar {
    transition: none;
}

.ui-splitbutton .ui-button.ui-splitbutton-arrow {
    width: 18px;
}

.ui-ightmleditor .ui-icon-triangle-1-s:before {
    width: 0;
    height: 0;
    margin: 0;
}

.form_input-custom {
    width: calc(50% - 15px);
    display: inline-block;
}

.flex-parent {
    width: auto;
    float: none;
}

div.jqi .jqititle {
    padding: 10px;
}

    div.jqi .jqititle h3 {
        margin: 0;
    }

div.jqi .jqibuttons button {
    padding: 8px 20px !important;
}

.jqiwarning .jqi .jqibuttons {
    background-color: #ffd0d0 !important;
}

.skill-lavel md-input-container.form_input {
    width: calc(100% - 15px);
}

.skill-lavel table {
    min-width: 50%;
}

    .skill-lavel table th {
        padding: 10px;
    }

md-select.md-gyrusTheme-theme.ng-invalid.ng-touched .md-select-value,
md-input-container.md-input-invalid md-select.md-gyrusTheme-theme .md-select-value {
    color: red !important;
    border-bottom-color: red !important;
}

    md-select.md-gyrusTheme-theme.ng-invalid.ng-touched .md-select-value span::after,
    md-input-container.md-input-invalid md-select.md-gyrusTheme-theme .md-select-value span::after {
        content: "" !important;
    }

.checked-circle {
    display: inline-block;
    vertical-align: top;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #ddd;
    padding: 6px;
    color: #999;
}

    .checked-circle.active {
        background-color: #1AB394;
        color: #fff;
    }

    .checked-circle.deactive {
        background-color: #ddd;
        color: #999;
    }

.Checked-AlignCenter {
    vertical-align: top;
    text-align: center;
}

.table-activity {
    width: 100%;
    margin-top: 15px;
}

    .table-activity th {
        text-align: left;
    }

.lbl-normal {
    line-height: normal;
}

.checkbox-lbl {
    display: inline-block;
}

.col-badge-left {
    border-right: 1px solid #ccc;
}

    .col-badge-left md-select.form_select {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 15px);
    }

.date-between-input {
    width: 172px;
}

.badge-item a,
.badge-item span {
    display: inline-block;
    vertical-align: middle;
}

.text-muted {
    color: #666;
}

.form-analytics md-input-container.form_input {
    /*width: calc(100% - 15px);*/
}

.rating-wrapper {
    padding: 15px;
}

.btn-inline {
    margin-top: 0;
    margin-bottom: 0;
}

.form-inline {
    padding: 30px;
}

    .form-inline .inline-wrap {
        display: inline-block;
        margin: 0 10px;
    }

.form-analytics md-input-container.form_input {
    max-width: 300px;
}

.analytics-section {
    background-color: transparent;
    margin-top: 0;
    padding: 0 15px 30px;
}

    .analytics-section h3 {
        margin-top: 0;
    }

    .analytics-section .plugincontainer {
        height: auto;
    }

.anltooldata table {
    width: 100%;
}

    .anltooldata table td {
        vertical-align: top;
    }

.layout-column > .flex.tab-roles {
    min-height: 50px;
}

.row-flex {
    display: flex;
}

.list-filter {
    position: relative;
}

    .list-filter .removefltr {
        top: -3px;
    }

        .list-filter .removefltr md-icon {
            width: 10px !important;
            min-height: 10px !important;
            height: 10px !important;
            min-width: 10px !important;
        }

#gridBadgeList img {
    max-height: 60px;
}

#gridBadgeList .badge-icon {
    display: block;
    margin: 0 auto;
}

#frmParameterInformation ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
    margin-top: -6px;
}

#frmParameterInformation md-datepicker .md-datepicker-input-container .md-button.md-icon-button {
    margin-top: -6px;
}

body #frmParameterInformation .expressinput md-input-container.md-gyrusTheme-theme .md-input {
    padding: 10px 15px !important;
}

.transcript-dialog .input_lbl {
    width: 40%;
}

.transcript-dialog .inputcon {
    width: 60%;
}

.transcript-dialog [class*="col-"]:nth-of-type(2n+1) {
    clear: left;
}

.transcript-dialog md-input-container.form_input {
    width: auto;
}

.email-template-panel .input_lbl {
    width: 40%;
}

.email-template-panel .inputcon {
    width: 60%;
}

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

    .center-wrap .center-iblock {
        float: none;
        display: inline-block;
        width: auto;
        white-space: normal;
        line-height: normal;
    }

        .center-wrap .center-iblock label {
            display: inline-block;
            vertical-align: middle;
            max-width: 300px;
        }

        .center-wrap .center-iblock md-input-container.form_input {
            width: 160px;
        }

    .center-wrap .numeric-control .ui-igedit-container {
        margin-bottom: 0;
    }

    .center-wrap .center-iblock .center-iblock-item {
        margin-bottom: 10px;
    }

#divTrainingOptList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    #divTrainingOptList .courseblock {
        height: 100%;
    }

@media (min-width: 200px) {
    #divTrainingOptList .col-xxs-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 480px) {
    #divTrainingOptList .col-msm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 1280px) {
    #divTrainingOptList .col-lg-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.3333%;
    }
}

@media (min-width: 1400px) {
    #divTrainingOptList .col-vlg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

md-checkbox.checkbox-right .md-container {
    left: auto;
    right: 0;
}

.licence-text {
    text-align: left;
    font-size: 12px;
}

.report-field {
    padding: 30px 30px 0;
}

div.schedulereportgrid {
    justify-content: flex-end;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 0.75;
}

md-input-container.form_input.input-con-full {
    width: auto;
}

.input-con-full .dib {
    vertical-align: middle;
}

.md-toolbar-tools.chkbox-archive md-checkbox {
    font-size: 15px;
}

.calendar-layout {
    width: 100%;
}

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

.leading-item {
    padding: 8px 10px;
    border: solid #e9e9e9;
    border-width: 0 0 1px 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 3px;
    /*background-color: #f5f5f5;*/
}

    .leading-item:last-of-type {
        border-width: 0;
    }

.leading-own {
    margin: 12px 0 0 0;
}

.leading-item.leading-title {
    font-weight: 600;
    background-color: #f5f5f5;
    padding: 5px 10px;
    font-size: 14px;
    margin-bottom: 10px;
}

    .leading-item.leading-title .leading-person {
        font-size: inherit;
    }

.leading-person {
    /*margin-bottom: 6px;*/
    font-size: 15px;
    max-width: 250px;
}

    .leading-person span {
        display: inline-block;
        vertical-align: middle;
    }

    .leading-person .leading-rank {
        min-width: 34px;
        text-align: right;
        margin-right: 10px;
    }

.leading-count {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}

    .leading-count.count-badges {
        min-width: 48px;
    }

    .leading-count.count-points {
        min-width: 70px;
    }

    .leading-count:first-of-type {
        margin-left: 0;
    }

    .leading-count md-icon,
    .leading-count span {
        display: inline-block;
        vertical-align: middle;
        /*font-size: 16px;*/
    }

    .leading-count md-icon {
        height: 18px;
        width: 18px;
        min-height: 18px;
        min-width: 18px;
        vertical-align: -35%;
        /*display: block;
        margin-bottom: 3px;*/
    }

    .leading-count span {
        text-align: right;
    }

.count-badges md-icon {
    color: #9393e4;
}

.count-points md-icon {
    color: #90c790;
}

.count-badges span {
    min-width: 25px;
}

.count-points span {
    min-width: 48px;
}

.badge-block,
.leaderboard-block,
.massagecontainer {
    float: right;
    clear: right;
}

.leading-highlight {
    /*background-color: #f5f5f5;
    box-shadow: 0 0 2px 0 rgba(0, 96, 100, 0.7);*/
    background: rgba(248, 80, 50, 1);
    background: -moz-linear-gradient(-45deg, rgba(0, 105, 92, 1) 0%, rgba(84, 110, 122, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 105, 92, 1)), color-stop(100%, rgba(84, 110, 122, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(0, 105, 92, 1) 0%, rgba(84, 110, 122, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(0, 105, 92, 1) 0%, rgba(84, 110, 122, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0, 105, 92, 1) 0%, rgba(84, 110, 122, 1) 100%);
    background: linear-gradient(135deg, rgba(0, 105, 92, 1) 0%, rgba(84, 110, 122, 1) 100%);
    color: #fff;
}

    .leading-highlight .count-badges md-icon,
    .leading-highlight .count-points md-icon {
        color: inherit;
    }

@media (max-width: 1199px) {
    .leading-person {
        max-width: 60%;
    }
}

/*
    Dashboard Flex layout :: Start
*/

/*
.dashboard-top-row {
    float: none;
    display: flex;
    flex-direction: row;
    justify-items: stretch;
}

.dashboard-second-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
*/

/*
    Dashboard Flex layout :: End
*/

.timeline-info span {
    display: inline-block;
    vertical-align: middle;
    color: #00695c;
}

.certy-preview button.md-fab i {
    line-height: 40px;
}

.certy-preview span {
    display: inline-block;
    vertical-align: middle;
}

.ActivebtnTab {
    color: #fff;
    background-color: rgb(0, 105, 92) !important;
}

.DeactivebtnTab {
    color: rgb(0, 105, 92);
}

.reportbtnTab button {
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
}

.reportbtnTab {
    margin-bottom: 20px;
}

canvas {
    max-width: 100%;
}

.role-permission-container .ui-widget-header {
    padding-right: 34px;
}

.role-permission-container div.ui-widget-header {
    z-index: 11;
    background-color: #fff;
}

.role-permission-container .ui-iggrid-scrolldiv {
    overflow: auto !important;
    /*height: 300px !important;*/
}

.gridRolePermission-table-wrap {
    overflow: auto;
}

.input-with-info md-radio-button {
    display: inline-block;
    width: auto;
}

.input-with-info .noteToolTip {
    display: inline-block;
    vertical-align: -50%;
}

.select-scroll .chosen-container-multi .chosen-choices {
    max-height: 122px;
    overflow: auto;
}

.sharedto-list .material-icons {
    line-height: 38px;
    font-size: 20px;
}

.sharedto-list span {
    display: inline-block;
    color: #fff;
}

.sharedto-list > span {
    margin-right: 10px;
}

.form_input-custom-new {
    width: calc(50% - 15px);
    display: block;
    float: left;
    margin-right: 10px;
}

.ShowDiv .input_lbl {
    width: 35% !important;
}

.ShowDiv .inputcon {
    width: 65% !important;
}

.ShowDiv md-input-container.form_input {
    width: calc(62% - 15px);
}
.noinfoCert{
    padding: 0px 15px 0px 15px;
}

.course-catalog-container .courseblock {
    min-height: 400px !important;
}

.sharedCourseCatalog .course-catalog-container:nth-of-type(4n+1) {
    clear: none !important;
}