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

.uif-col-xs-1, .uif-col-xs-2, .uif-col-xs-3, .uif-col-xs-4, .uif-col-xs-5, .uif-col-xs-6, .uif-col-xs-7, .uif-col-xs-8, .uif-col-xs-9, .uif-col-xs-10, .uif-col-xs-11, .uif-col-xs-12 {
    float: left
}

.uif-col-xs-12 {
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

.uif-col-xs-pull-12 {
    right: 100%
}

.uif-col-xs-pull-11 {
    right: 91.66666667%
}

.uif-col-xs-pull-10 {
    right: 83.33333333%
}

.uif-col-xs-pull-9 {
    right: 75%
}

.uif-col-xs-pull-8 {
    right: 66.66666667%
}

.uif-col-xs-pull-7 {
    right: 58.33333333%
}

.uif-col-xs-pull-6 {
    right: 50%
}

.uif-col-xs-pull-5 {
    right: 41.66666667%
}

.uif-col-xs-pull-4 {
    right: 33.33333333%
}

.uif-col-xs-pull-3 {
    right: 25%
}

.uif-col-xs-pull-2 {
    right: 16.66666667%
}

.uif-col-xs-pull-1 {
    right: 8.33333333%
}

.uif-col-xs-pull-0 {
    right: auto
}

.uif-col-xs-push-12 {
    left: 100%
}

.uif-col-xs-push-11 {
    left: 91.66666667%
}

.uif-col-xs-push-10 {
    left: 83.33333333%
}

.uif-col-xs-push-9 {
    left: 75%
}

.uif-col-xs-push-8 {
    left: 66.66666667%
}

.uif-col-xs-push-7 {
    left: 58.33333333%
}

.uif-col-xs-push-6 {
    left: 50%
}

.uif-col-xs-push-5 {
    left: 41.66666667%
}

.uif-col-xs-push-4 {
    left: 33.33333333%
}

.uif-col-xs-push-3 {
    left: 25%
}

.uif-col-xs-push-2 {
    left: 16.66666667%
}

.uif-col-xs-push-1 {
    left: 8.33333333%
}

.uif-col-xs-push-0 {
    left: auto
}

.uif-col-xs-offset-12 {
    margin-left: 100%
}

.uif-col-xs-offset-11 {
    margin-left: 91.66666667%
}

.uif-col-xs-offset-10 {
    margin-left: 83.33333333%
}

.uif-col-xs-offset-9 {
    margin-left: 75%
}

.uif-col-xs-offset-8 {
    margin-left: 66.66666667%
}

.uif-col-xs-offset-7 {
    margin-left: 58.33333333%
}

.uif-col-xs-offset-6 {
    margin-left: 50%
}

.uif-col-xs-offset-5 {
    margin-left: 41.66666667%
}

.uif-col-xs-offset-4 {
    margin-left: 33.33333333%
}

.uif-col-xs-offset-3 {
    margin-left: 25%
}

.uif-col-xs-offset-2 {
    margin-left: 16.66666667%
}

.uif-col-xs-offset-1 {
    margin-left: 8.33333333%
}

.uif-col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .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-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .uif-col-1, .uif-col-2, .uif-col-3, .uif-col-4, .uif-col-5, .uif-col-6, .uif-col-7, .uif-col-8, .uif-col-9, .uif-col-10, .uif-col-11, .uif-col-12 {
        float: left
    }

    .uif-col-12 {
        width: 100%
    }

    .uif-col-11 {
        width: 91.66666667%
    }

    .uif-col-10 {
        width: 83.33333333%
    }

    .uif-col-9 {
        width: 75%
    }

    .uif-col-8 {
        width: 66.66666667%
    }

    .uif-col-7 {
        width: 58.33333333%
    }

    .uif-col-6 {
        width: 50%
    }

    .uif-col-5 {
        width: 41.66666667%
    }

    .uif-col-4 {
        width: 33.33333333%
    }

    .uif-col-3 {
        width: 25%
    }

    .uif-col-2 {
        width: 16.66666667%
    }

    .uif-col-1 {
        width: 8.33333333%
    }

    .uif-col-pull-12 {
        right: 100%
    }

    .uif-col-pull-11 {
        right: 91.66666667%
    }

    .uif-col-pull-10 {
        right: 83.33333333%
    }

    .uif-col-pull-9 {
        right: 75%
    }

    .uif-col-pull-8 {
        right: 66.66666667%
    }

    .uif-col-pull-7 {
        right: 58.33333333%
    }

    .uif-col-pull-6 {
        right: 50%
    }

    .uif-col-pull-5 {
        right: 41.66666667%
    }

    .uif-col-pull-4 {
        right: 33.33333333%
    }

    .uif-col-pull-3 {
        right: 25%
    }

    .uif-col-pull-2 {
        right: 16.66666667%
    }

    .uif-col-pull-1 {
        right: 8.33333333%
    }

    .uif-col-pull-0 {
        right: auto
    }

    .uif-col-push-12 {
        left: 100%
    }

    .uif-col-push-11 {
        left: 91.66666667%
    }

    .uif-col-push-10 {
        left: 83.33333333%
    }

    .uif-col-push-9 {
        left: 75%
    }

    .uif-col-push-8 {
        left: 66.66666667%
    }

    .uif-col-push-7 {
        left: 58.33333333%
    }

    .uif-col-push-6 {
        left: 50%
    }

    .uif-col-push-5 {
        left: 41.66666667%
    }

    .uif-col-push-4 {
        left: 33.33333333%
    }

    .uif-col-push-3 {
        left: 25%
    }

    .uif-col-push-2 {
        left: 16.66666667%
    }

    .uif-col-push-1 {
        left: 8.33333333%
    }

    .uif-col-push-0 {
        left: auto
    }

    .uif-col-offset-12 {
        margin-left: 100%
    }

    .uif-col-offset-11 {
        margin-left: 91.66666667%
    }

    .uif-col-offset-10 {
        margin-left: 83.33333333%
    }

    .uif-col-offset-9 {
        margin-left: 75%
    }

    .uif-col-offset-8 {
        margin-left: 66.66666667%
    }

    .uif-col-offset-7 {
        margin-left: 58.33333333%
    }

    .uif-col-offset-6 {
        margin-left: 50%
    }

    .uif-col-offset-5 {
        margin-left: 41.66666667%
    }

    .uif-col-offset-4 {
        margin-left: 33.33333333%
    }

    .uif-col-offset-3 {
        margin-left: 25%
    }

    .uif-col-offset-2 {
        margin-left: 16.66666667%
    }

    .uif-col-offset-1 {
        margin-left: 8.33333333%
    }

    .uif-col-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .uif-col-lg-1, .uif-col-lg-2, .uif-col-lg-3, .uif-col-lg-4, .uif-col-lg-5, .uif-col-lg-6, .uif-col-lg-7, .uif-col-lg-8, .uif-col-lg-9, .uif-col-lg-10, .uif-col-lg-11, .uif-col-lg-12 {
        float: left
    }

    .uif-col-lg-12 {
        width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

    .uif-col-lg-pull-12 {
        right: 100%
    }

    .uif-col-lg-pull-11 {
        right: 91.66666667%
    }

    .uif-col-lg-pull-10 {
        right: 83.33333333%
    }

    .uif-col-lg-pull-9 {
        right: 75%
    }

    .uif-col-lg-pull-8 {
        right: 66.66666667%
    }

    .uif-col-lg-pull-7 {
        right: 58.33333333%
    }

    .uif-col-lg-pull-6 {
        right: 50%
    }

    .uif-col-lg-pull-5 {
        right: 41.66666667%
    }

    .uif-col-lg-pull-4 {
        right: 33.33333333%
    }

    .uif-col-lg-pull-3 {
        right: 25%
    }

    .uif-col-lg-pull-2 {
        right: 16.66666667%
    }

    .uif-col-lg-pull-1 {
        right: 8.33333333%
    }

    .uif-col-lg-pull-0 {
        right: auto
    }

    .uif-col-lg-push-12 {
        left: 100%
    }

    .uif-col-lg-push-11 {
        left: 91.66666667%
    }

    .uif-col-lg-push-10 {
        left: 83.33333333%
    }

    .uif-col-lg-push-9 {
        left: 75%
    }

    .uif-col-lg-push-8 {
        left: 66.66666667%
    }

    .uif-col-lg-push-7 {
        left: 58.33333333%
    }

    .uif-col-lg-push-6 {
        left: 50%
    }

    .uif-col-lg-push-5 {
        left: 41.66666667%
    }

    .uif-col-lg-push-4 {
        left: 33.33333333%
    }

    .uif-col-lg-push-3 {
        left: 25%
    }

    .uif-col-lg-push-2 {
        left: 16.66666667%
    }

    .uif-col-lg-push-1 {
        left: 8.33333333%
    }

    .uif-col-lg-push-0 {
        left: auto
    }

    .uif-col-lg-offset-12 {
        margin-left: 100%
    }

    .uif-col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .uif-col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .uif-col-lg-offset-9 {
        margin-left: 75%
    }

    .uif-col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .uif-col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .uif-col-lg-offset-6 {
        margin-left: 50%
    }

    .uif-col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .uif-col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .uif-col-lg-offset-3 {
        margin-left: 25%
    }

    .uif-col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .uif-col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .uif-col-lg-offset-0 {
        margin-left: 0
    }
}

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

    .uif-row:after, .uif-row:before {
        display: table;
        content: " "
    }

    .uif-row:after {
        clear: both
    }

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: -10px;
    padding: 0
}

    .row .column, .row .column-10, .row .column-20, .row .column-25, .row .column-30, .row .column-40, .row .column-50, .row .column-60, .row .column-70, .row .column-75, .row .column-80, .row .column-90 {
        margin-bottom: inherit;
        padding: 0 10px;
        -ms-flex: 1;
        flex: 1;
        margin-left: 0;
        max-width: 100%;
        width: 100%
    }

    .row .column-10 {
        max-width: 10%
    }

    .row .column-20 {
        max-width: 20%
    }

    .row .column-25 {
        max-width: 25%
    }

    .row .column-30 {
        max-width: 30%
    }

    .row .column-40 {
        max-width: 40%
    }

    .row .column-50 {
        max-width: 50%
    }

    .row .column-60 {
        max-width: 60%
    }

    .row .column-70 {
        max-width: 70%
    }

    .row .column-75 {
        max-width: 75%
    }

    .row .column-80 {
        max-width: 80%
    }

    .row .column-90 {
        max-width: 90%
    }

.primary {
    color: #227af6
}

.success {
    color: #5cb85c
}

.info {
    color: #5bc0de
}

.warning {
    color: #f0ad4e
}

.danger {
    color: #e04032
}

.no-padding {
    padding: 0 !important
}

.no-margin {
    margin: 0 !important
}

h1, h2, h3, h4, h5, h6 {
    margin: 15px auto
}

    h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
        margin-right: .4em
    }

hr {
    border-top: 1px solid #bdbdbd
}

.uif-login .main-logo {
    height: auto;
    width: auto;
    left: 5%;
    top: 5%;
    position: absolute;
    display: -ms-flexbox;
    display: flex
}

.uif-login .main-version {
    position: relative
}

.uif-login .main-logo img {
    width: 200px
}

.uif-login .main-logo p {
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 200px;
    margin: 0;
    font-style: oblique;
    font-size: 20px
}

.uif-login .login-background {
    height: 100%;
    width: 100%
}

.uif-login .imagen-background {
    width: 50%;
    position: absolute;
    height: 100%
}

.uif-login .login-background > .background {
    background-color: #0a2e78;
    width: 50%;
    height: 100%;
    float: right
}

    .uif-login .login-background > .background > .top {
        background-color: #0a2e78;
        width: 100%;
        height: 97%
    }

    .uif-login .login-background > .background > .bottom {
        background-color: #f56936;
        width: 100%;
        height: 3%
    }

.uif-login .login-wrapper {
    width: 330px;
    height: 340px;
    display: block;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: 28%;
    left: 50%;
    transform: translateX(-50%)
}

    .uif-login .login-wrapper img {
        padding: 33px 0 20px;
        margin: 0 auto
    }

    .uif-login .login-wrapper .form-wrapper {
        background: #fff;
        border-radius: 9px;
        border-bottom: 9px solid #f56936;
        padding: 30px 20px;
        box-shadow: 2px 2px 30px -1px rgba(0,0,0,.2)
    }

        .uif-login .login-wrapper .form-wrapper form {
            text-align: left
        }

    .uif-login .login-wrapper .form-group {
        margin-bottom: 20px
    }

    .uif-login .login-wrapper input {
        height: 35px;
        border-color: #dbdce0
    }

    .uif-login .login-wrapper .btn-main {
        width: 100%;
        line-height: 25px
    }

.uif-login .login-header {
    margin-bottom: 40px
}

    .uif-login .login-header > .welcome {
        color: #f56936;
        font-weight: 700;
        font-family: Roboto,sans-serif;
        font-size: 25px
    }

    .uif-login .login-header > .login {
        color: #929292;
        font-family: Roboto,sans-serif
    }

.uif-login .container-inputs {
    padding-bottom: 50px
}

.uif-login .login-icon {
    background: #fff;
    border-right: 0 solid #fff;
    color: #f56936
}

.uif-login .forgot-password {
    font-family: Roboto,sans-serif;
    margin: 3px;
    float: right;
    cursor: pointer
}

    .uif-login .forgot-password a {
        color: #929292 !important;
        font-size: 13px;
        text-decoration: underline
    }

        .uif-login .forgot-password a:hover {
            color: #929292 !important
        }

.uif-login .main-logo-company {
    font-family: Roboto,sans-serif;
    height: auto;
    width: auto;
    right: 5%;
    bottom: 5%;
    position: absolute;
    text-align: center
}

    .uif-login .main-logo-company img {
        width: 120px
    }

    .uif-login .main-logo-company .description {
        color: #fff;
        text-align: center;
        font-size: 14px
    }

        .uif-login .main-logo-company .description p {
            margin: 0 !important
        }

html {
    font-size: 62.5%
}

body, html {
    height: 100%
}

body {
    font-family: Source Sans Pro,sans-serif;
    font-size: 14px;
    color: #363940;
    background: #f5f5f5;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    overflow: hidden
}

.main-content {
    padding-bottom: 80px
}

    .main-content > .uif-row {
        margin: 0;
        padding: 0;
        display: -ms-flexbox;
        display: flex
    }

@media (min-width:992px) {
    .nav-medium, nav {
        position: fixed !important;
        z-index: 201;
        height: 100%;
        width: 250px;
        left: 0 !important;
        overflow: hidden
    }
}

.uif-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1000
}

nav {
    z-index: 201;
    position: absolute;
    width: 250px;
    left: -250px;
    height: 100%
}

    nav .logo {
        background: #09427c;
        width: 100%;
        height: 53px;
        display: block;
        padding: 0;
        text-align: center;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        nav .logo img {
            width: 130px
        }

.page {
    overflow: hidden;
    height: 100%;
    margin-left: 0
}

    .page header {
        width: 100%
    }

    .page .main-container {
        padding: 10px;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden
    }

.page-expanded {
    margin-left: 0
}

@media (min-width:992px) {
    .page {
        margin-left: 250px
    }
}

header {
    background-color: #09427c;
    padding-left: 15px;
    padding-right: 15px;
    height: 53px;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    z-index: 200
}

    header .breadcrumb-wrapper {
        -ms-flex: 4;
        flex: 4
    }

    header .notifications {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1;
        flex: 1;
        width: 250px !important;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center
    }

    header .btn-toggle-main-menu {
        float: left;
        line-height: 2.3em;
        margin-right: 1em;
        color: #fff;
        font-size: 18px
    }

        header .btn-toggle-main-menu:hover, header .btn-toggle-main-menu:visited {
            color: #fff
        }

    header .global-header-notification-button {
        background: #fff;
        width: 34px;
        height: 34px;
        border-radius: 17px;
        border: 1px solid;
        text-align: center;
        line-height: 2em;
        margin-right: .5em;
        margin-top: .5em;
        padding: 0;
        font-size: inherit;
        box-shadow: 2px 2px 10px -4px rgba(0,0,0,.3);
        color: #09427c
    }

        header .global-header-notification-button:hover {
            background: #09427c;
            color: #fff
        }

        header .global-header-notification-button.marked {
            color: #8c8c8c;
            background: #f3f3f3
        }

            header .global-header-notification-button.marked:hover {
                color: #09427c;
                background: #f3f3f3
            }

    header .header-buttons {
        padding: 10px 0
    }

        header .header-buttons .btn {
            margin-left: 5px
        }

            header .header-buttons .btn:first-child {
                margin-left: 0
            }

    header .notification-counter {
        font-size: .563em;
        width: 2em;
        height: 2em;
        border-radius: 1em;
        position: absolute !important;
        right: 1px;
        top: 5px;
        background-color: #e64b0e;
        color: #fff;
        line-height: 2em;
        display: block !important
    }

.main-title {
    line-height: 37px;
    color: #fff;
    padding: 0 10px;
    /*max-height: 37px;*/
    border-bottom: 1px solid #e3e0e0;
    padding: 0;
    margin: 0
}

    .main-title.row {
        padding-bottom: 0
    }

    .main-title > div {
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        margin: 0;
        -ms-flex-pack: start;
        justify-content: flex-start;
        background: #365380
    }

        .main-title > div .date {
            padding-right: 15px
        }

        .main-title > div > .btn {
            background: #6084bc;
            border: 0
        }

        .main-title > div select {
            background-color: inherit;
            height: 36px;
            border: 0 !important;
            width: 100% !important;
            padding: 0 15px
        }

            .main-title > div select option {
                color: #e8e8e8
            }

        .main-title > div.even {
            background: #456aa4
        }

        .main-title > div:first-child {
            padding-left: 15px;
            -ms-flex-pack: start;
            justify-content: flex-start;
            font-size: 1.25em
        }

        .main-title > div:last-child {
            padding-right: 0
        }

        .main-title > div .important {
            padding: 0 15px;
            background: #6084bc
        }

    .main-title i {
        color: #fff;
        margin-right: .5em;
        line-height: 37px
    }

    .main-title input {
        height: 37px;
        border: 0;
        background: inherit;
        width: 100% !important;
        padding: 0 15px;
        color: #fff;
        background-color: transparent
    }

    .main-title .btn-search.input-group-addon {
        padding: 0;
        background-color: transparent
    }

    .main-title input::-webkit-input-placeholder {
        color: #fff
    }

    .main-title input:-moz-placeholder, .main-title input::-moz-placeholder {
        color: #fff
    }

    .main-title input:-ms-input-placeholder {
        color: #fff
    }

    .main-title input:focus, .main-title select:focus {
        /*outline: none !important;*/
        color: #ffffff;
        background-color: #8f9937;
    }

    .main-title .form-control[disabled], .main-title .form-control[readonly], .main-title fieldset[disabled] .form-control {
        background: inherit
    }

    .main-title .uif-inputsearch-group {
        padding: 0 !important;
        width: 100%
    }

        .main-title .uif-inputsearch-group input {
            outline: none !important;
            box-shadow: none;
            transition: none
        }

        .main-title .uif-inputsearch-group .input-group-addon {
            height: 37px;
            background: inherit;
            border: 0;
        }

            .main-title .uif-inputsearch-group .input-group-addon i {
                margin: 0;
                line-height: normal
            }

    .main-title .btn {
        height: 37px;
        vertical-align: initial;
    }

    .main-title .btn-default {
        height: 40px;
        width: 36px;
        vertical-align: initial
    }

    .main-title .btn i {
        margin: 0;
        line-height: normal
    }

.loader {
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    background-color: #e6e6e6;
    width: 100%;
    height: 100%
}

    .loader .spinner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

footer {
    background: #fff;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #eee;
    width: 100%;
    padding: 15px;
    height: auto !important;
    min-height: 70px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    footer button {
        min-width: 140px;
        margin-left: 10px
    }

        footer button i {
            margin-right: .25em
        }

.login-background {
    width: 100%;
    position: absolute
}

.login-wrapper {
    width: 325px;
    height: 300px;
    display: block;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: 7%;
    left: 50%;
    transform: translateX(-50%)
}

    .login-wrapper img {
        padding: 33px 0 20px;
        margin: 0 auto
    }

    .login-wrapper .form-wrapper {
        background: #e3e6eb;
        border-radius: 2px;
        padding: 30px 20px;
        box-shadow: 2px 2px 30px -1px rgba(0,0,0,.2)
    }

        .login-wrapper .form-wrapper form {
            text-align: left
        }

    .login-wrapper .form-group {
        margin-bottom: 20px
    }

    .login-wrapper input {
        height: 36px;
        border-color: #dbdce0
    }

    .login-wrapper .btn-main {
        width: 100%;
        line-height: 25px
    }

.notifications-dropdown {
    padding: 0;
    transform: translate(-60%)
}

    .notifications-dropdown li {
        background: #f1f5f8;
        background: linear-gradient(180deg,#f1f5f8 0,#f3f4f6);
        border-bottom: 1px solid #ddd
    }

        .notifications-dropdown li a {
            line-height: 2.5;
            min-width: 230px;
            font-weight: 700
        }

            .notifications-dropdown li a i {
                float: right;
                line-height: 3.2em;
                font-size: .8em;
                color: #e2490d
            }

            .notifications-dropdown li a.see-all {
                line-height: 1.8em;
                color: #fff;
                background: #989eac;
                text-align: center
            }

                .notifications-dropdown li a.see-all:hover {
                    background: #989eac
                }

        .notifications-dropdown li.readed, .notifications-dropdown li.readed a:hover {
            background: #fff
        }

            .notifications-dropdown li.readed a, .notifications-dropdown li.readed a:hover a {
                font-weight: 400
            }

                .notifications-dropdown li.readed a:hover a i, .notifications-dropdown li.readed a i {
                    color: #c6cdd7
                }

        .notifications-dropdown li:last-child {
            border-bottom: none
        }

.pending-process-dropdown {
    transform: translateX(-70%);
    padding: 0
}

    .pending-process-dropdown li {
        display: -ms-flexbox;
        display: flex;
        min-height: 60px;
        min-width: 300px
    }

        .pending-process-dropdown li a:hover {
            background: transparent
        }

        .pending-process-dropdown li .process {
            width: 90%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

            .pending-process-dropdown li .process .date {
                font-weight: 400;
                font-size: .7em
            }

            .pending-process-dropdown li .process .process-name {
                line-height: 14px;
                font-weight: 700
            }

        .pending-process-dropdown li .delete {
            width: 10%;
            text-align: center;
            padding: 0;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            margin-right: 10px
        }

        .pending-process-dropdown li:hover {
            background: #f1f5f8
        }

            .pending-process-dropdown li:hover .delete {
                color: #e04032
            }

.dropdown-menu {
    z-index: 1100
}

nav {
    background-color: #fff;
    transition: width .2s
}

.clearFilterMenu {
    display: none
}

.clearFilterMenu, .searchFilterMenu {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #ccc
}

.filter-menu input::-ms-clear {
    display: none
}

.searchClass {
    border-radius: 0;
    height: 36px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    display: block;
    width: 100%
}

.main-menu {
    background: #fff;
    font-size: 1em;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10em
}

    .main-menu > li a {
        transition: color;
        transition-duration: .3s;
        position: relative;
        height: 46px;
        display: block;
        text-decoration: none;
        color: #363940;
        line-height: 46px;
        padding-left: 1em
    }

        .main-menu > li a .icon-circle {
            font-size: 9px;
            padding-right: 10px;
            padding-top: 18px
        }

        .main-menu > li a .filter-menu {
            padding: 18px 10px 10px
        }

        .main-menu > li a .drop-icon {
            float: right;
            line-height: 46px;
            margin-right: 1em
        }

        .main-menu > li a .menu-icon {
            margin-right: 1em
        }

        .main-menu > li a:hover {
            color: #4c91ff
        }

    .main-menu > li ul {
        display: none;
        list-style: none;
        margin: 0;
        padding: 0
    }

        .main-menu > li ul > li a {
            margin-left: 0;
            color: #999ea9;
            margin-left: 10px
        }

    .main-menu li.active ul {
        display: block
    }

    .main-menu li.active > a {
        font-weight: 700;
        color: #4c91ff
    }

    .main-menu > li ul > li ul > li a {
        margin-left: 20px
    }

.main-menu-closed, .scroll-closed {
    width: 0;
    overflow: hidden
}

header .breadcrumb {
    background-color: transparent;
    margin: 0;
    height: 50px;
    line-height: 50px;
    font-size: 1em;
    line-height: 2em
}

    header .breadcrumb a {
        color: #fff
    }

    header .breadcrumb > li + li:before {
        padding: 0 2px
    }

    header .breadcrumb > .active {
        color: #fff
    }

.uif-tab {
    list-style: none;
    border-bottom: 1px solid #ddd;
    padding-left: 0;
    overflow: hidden
}

    .uif-tab > li {
        float: left;
        margin-bottom: -1px;
        position: relative;
        display: block
    }

        .uif-tab > li.active {
            text-decoration: none;
            background: #e7e8ed
        }

        .uif-tab > li > a {
            position: relative;
            display: block;
            padding: 15px;
            margin-right: 2px;
            border: 1px solid transparent;
            text-decoration: none
        }

        .uif-tab > li a:active, .uif-tab > li a:hover, .uif-tab > li a:visited {
            background: #e7e8ed;
            text-decoration: none
        }

.tab-content {
    margin-top: 10px
}

.btn {
    border-radius: 1px;
    border: none;
    line-height: 26px;
    border: 1px solid;
    overflow: hidden;
}

.btn-default {
    border-color: #d5d6db;
    background: #f0f1f5;
    background: linear-gradient(180deg,#f0f1f5 0,#e3e4e8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f1f5",endColorstr="#e3e4e8",GradientType=0)
}

    .btn-default, .btn-default .caret, .btn-default i {
        color: #09427c
    }

.btn-primary {
    color: #fff;
    border-color: #023465;
    background: #184d7f;
    background: linear-gradient(180deg,#184d7f 0,#0c4072);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#184d7f",endColorstr="#0c4072",GradientType=0)
}

    .btn-primary:hover {
        background: #06294c
    }

.btn-success {
    color: #fff;
    background: #0db08c;
    background: linear-gradient(180deg,#0db08c 0,#00a37f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0db08c",endColorstr="#00a37f",GradientType=0);
    border: 1px solid
}

    .btn-success:hover {
        background: #449d44;
        border: 1px solid
    }

.btn-danger {
    background: #d94249;
    background: linear-gradient(180deg,#d94249 0,#cc353c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d94249",endColorstr="#cc353c",GradientType=0);
    border: 1px solid
}

    .btn-danger:hover {
        background: #c22b1d;
        border: 1px solid
    }

.btn-warning {
    border: 0;
    color: #b15e54;
    background: #ffd36c;
    background: linear-gradient(180deg,#ffd36c 0,#eebd3c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd36c",endColorstr="#eebd3c",GradientType=0)
}

    .btn-warning:hover {
        color: #904a42;
        background: #ffd119
    }

.field-required:before {
    content: "*";
    margin-right: 4px;
    font-size: 1.3em;
    font-weight: 700;
    color: #ff3a25;
    line-height: 1em
}

.form {
    padding-top: 15px;
    padding-bottom: 10px
}

    .form .row, .main-container .row {
        padding-bottom: 8px
    }

    .form .icon-title, .main-container .icon-title {
        font-size: 14px;
        vertical-align: top;
        float: right
    }

    .form .form-group, .main-container .form-group {
        margin-bottom: 20px
    }

    .form .form-control, .main-container .form-control {
        border-radius: 0;
        float: none;
        transition: none;
        box-shadow: none
    }

    .form .fa, .form i, .main-container .fa, .main-container i {
        color: #227af6
    }

    .form label, .main-container label {
        font-weight: 400
    }

    .form .input-group-addon, .main-container .input-group-addon {
        border: 1px solid #dcdde1
    }

    .form .form-control, .form input[type=password], .form input[type=text], .form select, .main-container .form-control, .main-container input[type=password], .main-container input[type=text], .main-container select {
        height: 28px
    }

    .form select, .main-container select {
        padding: 0 5px
    }

    .form .input-group-addon, .main-container .input-group-addon {
        height: 28px
    }

        .form .input-group-addon .fa, .main-container .input-group-addon .fa {
            display: initial
        }

    .form .uif-autocomplete-group .input-group-addon, .main-container .uif-autocomplete-group .input-group-addon {
        top: 2px
    }

    .form .btn-group-vertical > .btn, .form .btn-group > .btn, .main-container .btn-group-vertical > .btn, .main-container .btn-group > .btn {
        height: 28px
    }

    .form .btn, .main-container .btn {
        height: 28px;
        line-height: 1em
    }

    .form input[type=password], .form input[type=search], .form input[type=text], .form select, .form textarea, .main-container input[type=password], .main-container input[type=search], .main-container input[type=text], .main-container select, .main-container textarea {
        width: 100%;
        height: 28px;
        border-radius: 0;
        border: 1px solid #dcdde1;
        background: #fff;
        padding: 1px;
        color: #4d5462;
        padding: 0 .5em
    }

    .form textarea, .main-container textarea {
        height: auto;
        resize: none
    }

        .form input[type=password]:disabled, .form input[type=search]:disabled, .form input[type=text]:disabled, .form select:disabled, .form textarea:disabled, .main-container input[type=password]:disabled, .main-container input[type=search]:disabled, .main-container input[type=text]:disabled, .main-container select:disabled, .main-container textarea:disabled {
            background: #ededed
        }

    .form .without-label, .main-container .without-label {
        margin-top: 21px
    }

    .form .input-with-buttons, .main-container .input-with-buttons {
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

        .form .input-with-buttons input[type=password], .form .input-with-buttons input[type=text], .main-container .input-with-buttons input[type=password], .main-container .input-with-buttons input[type=text] {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            color: #4d5462
        }

        .form .input-with-buttons .btn, .main-container .input-with-buttons .btn {
            border-radius: 0;
            height: 28px
        }

            .form .input-with-buttons .btn i, .main-container .input-with-buttons .btn i {
                font-size: 1em
            }

        .form .input-with-buttons div.uif-select, .main-container .input-with-buttons div.uif-select {
            width: 85% !important
        }

    .form .form-footer, .main-container .form-footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 30px
    }

        .form .form-footer .btn, .main-container .form-footer .btn {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            line-height: 26px;
            margin-right: 5px;
            height: auto
        }

            .form .form-footer .btn i, .main-container .form-footer .btn i {
                margin-right: .5em
            }

            .form .form-footer .btn:last-child, .main-container .form-footer .btn:last-child {
                margin-right: 0
            }

.panel-table {
    background: #f6f6f6
}

    .panel-table .scrolling {
        overflow-x: auto
    }

    .panel-table .panel-heading {
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
        overflow: hidden;
        padding: 10px 5px
    }

        .panel-table .panel-heading .panel-title {
            color: #09427c;
            font-size: 24px;
            font-weight: 700;
            border-bottom: 1px solid #09427c;
            margin-bottom: 10px;
            padding-bottom: 6px
        }

        .panel-table .panel-heading .panel-actions {
            float: right
        }

            .panel-table .panel-heading .panel-actions .btn {
                line-height: 14px;
                margin-left: 5px
            }

    .panel-table tfoot {
        display: table-header-group
    }

        .panel-table tfoot input {
            padding: 0 !important
        }

    .panel-table thead {
        color: #333;
        font-size: 14px;
        border: 1px solid #999;
        border-bottom: 3px solid #999
    }

        .panel-table thead th {
            text-align: center
        }

    .panel-table tbody tr {
        background: #f2f3f7;
        color: #333;
        font-size: 14px
    }

        .panel-table tbody tr td {
            border: 0;
            border-bottom: 1px solid #fff
        }

    .panel-table .btn {
        color: #09427c;
        border-color: #ddd;
        background: linear-gradient(180deg,#ececec,#d6d6d6)
    }

    .panel-table .table-hover > tbody > tr:hover, .panel-table .table > tbody > tr.active > td, .panel-table .table > tbody > tr.active > th, .panel-table .table > tbody > tr > td.active, .panel-table .table > tbody > tr > th.active, .panel-table .table > tfoot > tr.active > td, .panel-table .table > tfoot > tr.active > th, .panel-table .table > tfoot > tr > td.active, .panel-table .table > tfoot > tr > th.active, .panel-table .table > thead > tr.active > td, .panel-table .table > thead > tr.active > th, .panel-table .table > thead > tr > td.active, .panel-table .table > thead > tr > th.active {
        background: #e0eefb
    }

    .panel-table td.justified-right {
        text-align: right
    }

    .panel-table .div-button-multiple, .panel-table .div-button-single {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .panel-table .th-actions {
        width: 150px !important
    }

    .panel-table .row-selected {
        background: #e0eefb;
        font-weight: bolder
    }

    .panel-table .span-transparentBoolean {
        background: transparent;
        color: #09427c !important;
        font-size: 0;
        font-family: Arial,sans-serif
    }

    .panel-table .tfilter {
        margin-top: 10px
    }

    .panel-table .tfooter {
        padding-top: 8px;
        border: 0 solid;
        padding-bottom: 5px;
        border-bottom: 1px solid #e6e6e6;
        background: #e6edf7;
        max-width: 100%;
        margin: 0 auto
    }

    .panel-table .btn-table {
        background: #fff;
        color: #09427c;
        border-radius: 50%;
        font-size: 14px;
        width: 32px;
        height: 32px
    }

        .panel-table .btn-table span {
            color: #09427c !important
        }

    .panel-table .pagination > li:first-child > a, .panel-table .pagination > li:first-child > span {
        margin-left: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .panel-table .pagination > li:last-child > a, .panel-table .pagination > li:last-child > span {
        margin-left: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .panel-table .pagination {
        background: #fafafa;
        color: #999;
        font-size: 13px
    }

    .panel-table input, .panel-table select {
        border-radius: 0;
        font-size: 13px
    }

    .panel-table .dataTables_filter {
        text-align: left !important
    }

    .panel-table input[type=search] {
        height: 30px;
        margin: 0 !important
    }

    .panel-table table.dataTable thead th {
        position: relative;
        background-image: none !important
    }

        .panel-table table.dataTable thead th.sorting:after, .panel-table table.dataTable thead th.sorting_asc:after, .panel-table table.dataTable thead th.sorting_desc:after {
            content: ""
        }

        .panel-table table.dataTable thead th.sorting_asc {
            content: "";
            box-shadow: inset 0 3px 0 0 rgba(0,0,0,.6)
        }

        .panel-table table.dataTable thead th.sorting_desc {
            content: "";
            box-shadow: inset 0 -3px 0 0 rgba(0,0,0,.6)
        }

    .panel-table .processing {
        z-index: 99;
        background: hsla(0,0%,100%,.8);
        position: absolute;
        display: none;
        width: 100%
    }

        .panel-table .processing .processing_content {
            position: absolute;
            display: block;
            text-align: center;
            width: 100%;
            top: 50%;
            left: 0;
            font-size: 15px;
            color: rgba(0,0,0,.6);
            transform: translateY(-52%);
            transition: all .3s cubic-bezier(.25,.46,.45,.94)
        }

.field-validation-error {
    padding: 0 .2em;
    background: #ff3a25;
    color: #fff1d6;
    font-size: .8em;
    display: -ms-flexbox;
    display: flex
}

.input-with-buttons .field-validation-error {
    position: absolute;
    top: 28px;
    left: 0;
    width: 100%
}

.compact-layout .input-with-buttons .field-validation-error {
    top: 28px
}

.uif-datepicker-group .input-group-addon {
    border-radius: 0;
    border-left: 0;
    cursor: pointer;
    height: 28px;
}

.bootstrap-timepicker {
    position: relative
}

    .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
        left: auto;
        right: 0
    }

        .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
            left: auto;
            right: 12px
        }

        .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
            left: auto;
            right: 13px
        }

    .bootstrap-timepicker .input-group-addon {
        cursor: pointer
    }

        .bootstrap-timepicker .input-group-addon i {
            display: inline-block;
            width: 16px;
            height: 16px
        }

.bootstrap-timepicker-widget.dropdown-menu {
    padding: 4px
}

    .bootstrap-timepicker-widget.dropdown-menu.open {
        display: inline-block
    }

    .bootstrap-timepicker-widget.dropdown-menu:before {
        border-bottom: 7px solid rgba(0,0,0,.2);
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: "";
        display: inline-block;
        position: absolute
    }

    .bootstrap-timepicker-widget.dropdown-menu:after {
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        content: "";
        display: inline-block;
        position: absolute
    }

.bootstrap-timepicker-widget.timepicker-orient-left:before {
    left: 6px
}

.bootstrap-timepicker-widget.timepicker-orient-left:after {
    left: 7px
}

.bootstrap-timepicker-widget.timepicker-orient-right:before {
    right: 6px
}

.bootstrap-timepicker-widget.timepicker-orient-right:after {
    right: 7px
}

.bootstrap-timepicker-widget.timepicker-orient-top:before {
    top: -7px
}

.bootstrap-timepicker-widget.timepicker-orient-top:after {
    top: -6px
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input {
    border-radius: 4px
}

.bootstrap-timepicker-widget table {
    width: 100%;
    margin: 0
}

    .bootstrap-timepicker-widget table td {
        text-align: center;
        height: 30px;
        margin: 0;
        padding: 2px
    }

        .bootstrap-timepicker-widget table td:not(.separator) {
            min-width: 30px
        }

        .bootstrap-timepicker-widget table td span {
            width: 100%
        }

        .bootstrap-timepicker-widget table td a {
            border: 1px solid transparent;
            width: 100%;
            display: inline-block;
            margin: 0;
            padding: 8px 0;
            outline: 0;
            color: #333
        }

            .bootstrap-timepicker-widget table td a:hover {
                text-decoration: none;
                background-color: #eee;
                border-radius: 4px;
                border-color: #ddd
            }

            .bootstrap-timepicker-widget table td a i {
                margin-top: 2px;
                font-size: 18px
            }

        .bootstrap-timepicker-widget table td input {
            width: 25px;
            margin: 0;
            text-align: center
        }

.bootstrap-timepicker-widget .modal-content {
    padding: 4px
}

@media (min-width:767px) {
    .bootstrap-timepicker-widget.modal {
        width: 200px;
        margin-left: -100px
    }
}

@media (max-width:767px) {
    .bootstrap-timepicker, .bootstrap-timepicker .dropdown-menu {
        width: 100%
    }
}

.uif-timepicker-group .input-group-addon {
    border-radius: 0;
    border-left: 0;
    cursor: pointer;
    width: 35%
}

.uif-autocomplete-group .input-group-addon {
    display: -ms-flexbox;
    display: flex;
    border-radius: 0;
    border-left: 0;
    -ms-flex-align: center;
    align-items: center
}

.twitter-typeahead {
    float: left;
    width: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.typeahead:focus {
    border: 1px solid #4c91ff
}

.tt-hint {
    color: #999;
    border-radius: 0
}

.tt-dropdown-menu {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0 0 0 0;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    margin-top: 0;
    padding: 8px 0;
    width: 100%;
    max-height: 150px;
    overflow-y: auto
}

.tt-suggestion {
    font-size: 14px;
    line-height: 24px;
    padding: 3px 20px
}

    .tt-suggestion.tt-cursor {
        background-color: #4c91ff;
        color: #fff
    }

    .tt-suggestion p {
        margin: 0
    }

.input-group .twitter-typeahead .form-control:not(:first-child):not(:last-child) {
    border-radius: 0 0 0 0
}

.uif-inputsearch-group {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

    .uif-inputsearch-group .input-group-addon {
        width: 35px;
        border-radius: 0;
        border-left: 0
    }

[type=checkbox]:checked, [type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px
}

    [type=checkbox]:checked + [type=hidden] + label, [type=checkbox]:checked + label, [type=checkbox]:not(:checked) + [type=hidden] + label, [type=checkbox]:not(:checked) + label {
        position: relative;
        padding-left: 25px;
        cursor: pointer
    }

        [type=checkbox]:checked + [type=hidden] + label:before, [type=checkbox]:checked + label:before, [type=checkbox]:not(:checked) + [type=hidden] + label:before, [type=checkbox]:not(:checked) + label:before {
            font-family: FontAwesome;
            content: "\F096";
            position: absolute;
            left: 0;
            top: 2px;
            font-size: 18px;
            line-height: .8;
            transition: all .2s
        }

        [type=checkbox]:checked + [type=hidden] + label:after, [type=checkbox]:checked + label:after, [type=checkbox]:not(:checked) + [type=hidden] + label:after, [type=checkbox]:not(:checked) + label:after {
            font-family: FontAwesome;
            content: "\F14A";
            position: absolute;
            top: 2px;
            left: 0;
            font-size: 17px;
            line-height: .8;
            color: #227af6;
            transition: all .2s
        }

        [type=checkbox]:not(:checked) + [type=hidden] + label:after, [type=checkbox]:not(:checked) + label:after {
            opacity: 0
        }

        [type=checkbox]:checked + [type=hidden] + label:after, [type=checkbox]:checked + label:after {
            opacity: 1
        }

[type=checkbox]:disabled:checked + [type=hidden] + label:before, [type=checkbox]:disabled:checked + label:before, [type=checkbox]:disabled:not(:checked) + [type=hidden] + label:before, [type=checkbox]:disabled:not(:checked) + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

[type=checkbox]:disabled:checked + [type=hidden] + label:after, [type=checkbox]:disabled:checked + label:after {
    color: #999
}

[type=checkbox]:disabled + label {
    color: #aaa
}

button.multiselect {
    background: #fff;
    font-weight: 100;
    height: auto !important;
    white-space: normal
}

    button.multiselect:hover {
        background: #f6f6f6
    }

.open > .dropdown-toggle.btn-default.multiselect {
    color: #333;
    background-color: #fff;
    border-color: #adadad
}

button.multiselect-clear-filter, input.multiselect-search {
    height: 40px
}

.multiselect-container {
    z-index: 500 !important;
    width: 100%
}

    .multiselect-container .filter .input-group {
        display: -ms-flexbox;
        display: flex
    }

        .multiselect-container .filter .input-group span {
            display: block;
            height: 30px;
            width: 30px
        }

            .multiselect-container .filter .input-group input, .multiselect-container .filter .input-group span button {
                height: 30px
            }

        .multiselect-container .filter .input-group .input-group-addon {
            padding: 6px 5px
        }

        .multiselect-container .filter .input-group .btn {
            padding: 2px 6px
        }

    .multiselect-container label {
        font-size: 13px
    }

.uif-inline-pc {
    border-radius: 0
}

    .uif-inline-pc .btn-cancel, .uif-inline-pc .btn-next, .uif-inline-pc .btn-previous {
        margin-right: 5px
    }

.uif-select {
    width: 100% !important
}

    .uif-select .btn-default {
        border-radius: 0;
        border: 1px solid #dcdde1;
        background: #fff;
        padding-left: 1px;
        padding-right: 27px;
        color: #09427c !important
    }

    .uif-select .dropdown-menu {
        z-index: 400;
        min-width: 100% !important
    }

    .uif-select .btn.disabled {
        opacity: 1 !important;
        background: #ededed !important
    }

.uif-panel-pc .content {
    background-color: #fff
}

.modal-backdrop {
    z-index: 1099
}

.modal {
    z-index: 1100
}

.modal-content {
    /*border-radius: 0 !important*/
}

.modal-header {
    padding: 21px 28px 17px;
    border-bottom-left-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem;
    border-bottom: 1px solid #09427c;
    color: #09427c
}

    .modal-header, .modal-header h4 {
        line-height: 1.28571429em;
        font-weight: 700
    }

        .modal-header h4 {
            margin: 0
        }

.modal-footer {
    border-top: 1px solid #09427c;
    border-bottom-left-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem;
    background: #f2f3f7;
    text-align: end;
    padding: 15px
}

.modal-body .card-list {
    margin: 0
}

.modal .form {
    padding: 0
}

.modal input[type=password], .modal input[type=search], .modal input[type=text], .modal select, .modal textarea {
    width: 100%
}

@media (min-width:1200px) {
    .modal-xl {
        width: 1140px
    }
}

@media (min-width:1200px) {
    .modal-md {
        width: 600px
    }
}

@media (min-width:1200px) {
    .modal-sm {
        width: 400px
    }
}

.uif-listview {
    border: 1px solid #ddd
}

    .uif-listview .content-filter {
        border-bottom: 1px solid #ddd
    }

        .uif-listview .content-filter .input-search {
            color: #363940;
            border: none;
            background-color: transparent
        }

        .uif-listview .content-filter input:focus::-webkit-input-placeholder {
            color: #4c91ff
        }

        .uif-listview .content-filter input::-ms-clear {
            display: none
        }

        .uif-listview .content-filter input:focus {
            color: #4c91ff
        }

        .uif-listview .content-filter .btn-search-listview {
            border: none;
            background-color: transparent
        }

            .uif-listview .content-filter .btn-search-listview i {
                color: #8e969c
            }

        .uif-listview .content-filter:hover {
            border: 1px solid #4c91ff
        }

            .uif-listview .content-filter:hover .fa-times-circle:hover, .uif-listview .content-filter:hover i.fa-search {
                color: #4c91ff
            }

            .uif-listview .content-filter:hover input::-webkit-input-placeholder {
                color: #4c91ff
            }

    .uif-listview .empty {
        color: #363940;
        background-color: #f2f4f8;
        text-align: center;
        padding: 20px
    }

    .uif-listview .form {
        padding: 10px
    }

    .uif-listview .add-section {
        display: -ms-flexbox;
        display: flex;
        background: #e7e8ed;
        height: 50px;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 10px;
        border-bottom: 1px solid #ddd;
        position: relative
    }

        .uif-listview .add-section .title {
            -ms-flex: 1;
            flex: 1;
            font-weight: 700
        }

        .uif-listview .add-section .add-button {
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%);
            color: #fff;
            width: 30px;
            height: 30px;
            border-radius: 15px;
            background: #cacfd4;
            cursor: pointer;
            border: none
        }

            .uif-listview .add-section .add-button div {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-line-pack: center;
                align-content: center;
                -ms-flex-pack: center;
                justify-content: center
            }

                .uif-listview .add-section .add-button div i {
                    color: #fff
                }

            .uif-listview .add-section .add-button:hover {
                background: #999
            }

    .uif-listview .toolbar .btn {
        margin-right: 5px
    }

    .uif-listview .item-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #f2f4f8;
        font-size: .9em
    }

        .uif-listview .item-list .content {
            overflow: hidden;
            display: block;
            background: #e6ecf7
        }

            .uif-listview .item-list .content div.loader {
                display: table
            }

                .uif-listview .item-list .content div.loader i {
                    display: table-cell;
                    vertical-align: middle;
                    text-align: center
                }

            .uif-listview .item-list .content .item {
                padding: 7px 10px;
                border-bottom: 1px solid #fff;
                border-left: 2px solid #f2f4f8;
                min-height: 62px;
                background: #f2f3f7
            }

                .uif-listview .item-list .content .item .columns {
                    display: -ms-flexbox;
                    display: flex
                }

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .uif-listview .item-list .content .item .columns .drag-icon-wrapper {
        -ms-flex: 0;
        flex: 0;
        margin-right: 20px;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .uif-listview .item-list .content .item .columns .drag-icon-wrapper {
        -ms-flex: 0;
        flex: 0;
        margin-right: 10px;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer
    }
}

.uif-listview .item-list .content .item .columns .template {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

    .uif-listview .item-list .content .item .columns .template > div {
        -ms-flex: 1;
        flex: 1;
        min-height: 16px;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        overflow: hidden
    }

.row .uif-listview .item-list .content .item .column-10, .row .uif-listview .item-list .content .item .column-20, .row .uif-listview .item-list .content .item .column-25, .row .uif-listview .item-list .content .item .column-30, .row .uif-listview .item-list .content .item .column-40, .row .uif-listview .item-list .content .item .column-50, .row .uif-listview .item-list .content .item .column-60, .row .uif-listview .item-list .content .item .column-70, .row .uif-listview .item-list .content .item .column-75, .row .uif-listview .item-list .content .item .column-80, .row .uif-listview .item-list .content .item .column-90, .uif-listview .item-list .content .item .column, .uif-listview .item-list .content .item .row .column-10, .uif-listview .item-list .content .item .row .column-20, .uif-listview .item-list .content .item .row .column-25, .uif-listview .item-list .content .item .row .column-30, .uif-listview .item-list .content .item .row .column-40, .uif-listview .item-list .content .item .row .column-50, .uif-listview .item-list .content .item .row .column-60, .uif-listview .item-list .content .item .row .column-70, .uif-listview .item-list .content .item .row .column-75, .uif-listview .item-list .content .item .row .column-80, .uif-listview .item-list .content .item .row .column-90 {
    width: auto;
    max-width: 100%;
    display: inline-block
}

.uif-listview .item-list .content .item .number {
    color: #09427c;
    font-weight: 700;
    font-size: 1.075em;
    display: inline-block
}

.uif-listview .item-list .content .item .buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px
}

.uif-listview .item-list .content .item .card-button {
    color: #8e969c;
    border: none;
    min-width: 30px;
    height: 30px;
    border-radius: 15px;
    position: relative;
    background: #fff;
    cursor: pointer;
    display: inline-block
}

    .uif-listview .item-list .content .item .card-button i {
        position: absolute;
        color: #929ba3;
        left: 50%;
        top: 50%;
        font-size: 14px;
        transform: translate(-50%,-50%)
    }

    .uif-listview .item-list .content .item .card-button:last-child {
        margin-left: 5px
    }

    .uif-listview .item-list .content .item .card-button:hover {
        background: #929ba3
    }

        .uif-listview .item-list .content .item .card-button:hover i {
            color: #fff
        }

.uif-listview .item-list .content .item.active, .uif-listview .item-list .content .item.selected, .uif-listview .item-list .content .item:hover {
    background: #e0eefb;
    border-left: 2px solid #4c91ff
}

.uif-listview .item-list .content .item.editing {
    background: #fff;
    border-left: 2px solid #4c91ff
}

.uif-listview .item-list .footer {
    background: #565f70;
    color: #fff;
    font-weight: 700;
    height: 40px;
    line-height: 40px
}

.uif-listview .item-list .disable-option {
    opacity: .5;
    pointer-events: none
}

.uif-summary {
    padding-bottom: 15px
}

    .uif-summary .title {
        font-size: 1em;
        font-weight: 700;
        margin-bottom: 5px;
        line-height: normal;
        background: initial;
        color: initial;
        padding: initial;
        max-height: none
    }

    .uif-summary .items {
        margin: 0 -15px;
        background: #e1e2e6;
        border-bottom: 1px solid #d3d4d8;
        border-top: 1px solid #d3d4d8;
        display: -ms-flexbox;
        display: flex;
        height: 56px;
        padding: 0 15px
    }

        .uif-summary .items .item {
            -ms-flex: 1;
            flex: 1;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            text-align: left;
            color: #6c6f76;
            font-size: 1em;
            padding: 0 5px
        }

            .uif-summary .items .item div {
                font-weight: 300;
                line-height: 1.2em
            }

                .uif-summary .items .item div div:last-child {
                    margin-top: 3px;
                    color: #2a2e3a;
                    font-weight: 700;
                    font-size: 1.1em
                }

            .uif-summary .items .item.primary {
                background-color: #f5f6fb;
                border-left: 1px solid #d3d4d8;
                border-right: 1px solid #d3d4d8
            }

                .uif-summary .items .item.primary div {
                    text-align: left;
                    margin: 0 auto;
                    font-weight: 700
                }

                    .uif-summary .items .item.primary div div:last-child {
                        color: #09427c
                    }

.uif-right-bar {
    background: #fff;
    border: 1px solid #dbdde0;
    /*margin-top: 5px;*/
}

    .uif-right-bar .right-bar-title {
        background: #e7e9ed;
        height: 50px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        color: #227af6;
        padding-left: 14px;
        border-bottom: 1px solid #dbdde0
    }

        .uif-right-bar .right-bar-title i {
            margin-right: 8px
        }

    .uif-right-bar ul {
        border: 0;
        list-style: none;
        padding: 0;
        margin: 0
    }

        .uif-right-bar ul li {
            padding: 20px 10px;
            border-bottom: 1px solid #e4e6e8
        }

            .uif-right-bar ul li a {
                color: #292e38;
                font-weight: 700;
                position: static;
                margin-left: 4px;
                cursor: pointer
            }

                .uif-right-bar ul li a strong {
                    font-weight: 700;
                    width: 100%;
                    display: block
                }

                .uif-right-bar ul li a:hover {
                    color: #e64924;
                    text-decoration: none
                }

                    .uif-right-bar ul li a:hover span {
                        color: #e64924
                    }

            .uif-right-bar ul li p {
                margin-left: 16px;
                margin-bottom: 0
            }

            .uif-right-bar ul li.selected {
                box-shadow: 0 0 15px #227af6;
                background: #fff
            }

            .uif-right-bar ul li:before {
                content: "\2022   ";
                color: #e64924;
                font-size: 1.6em
            }

.wizard {
    margin-top: 15px;
    position: relative;
    display: block;
    width: 100%
}

    .wizard a {
        outline: 0
    }

    .wizard ul, .wizard ul > li {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .wizard > .content > .title, .wizard > .steps .current-info {
        display: none
    }

    .wizard > .steps {
        position: relative;
        overflow: hidden;
        height: 46px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        *zoom: 1;
        z-index: 4
    }

        .wizard > .steps > ul {
            position: relative;
            width: 4000px;
            padding: 0;
            margin: 0;
            overflow: hidden;
            list-style: none outside none
        }

            .wizard > .steps > ul > li {
                position: relative;
                display: inline-block;
                margin: 0;
                padding: 0
            }

        .wizard > .steps .number {
            float: left;
            display: inline-block;
            min-width: 10px;
            padding: 3px 6px;
            font-size: 12px;
            font-weight: 700;
            line-height: 1;
            color: #999;
            text-align: center;
            white-space: nowrap;
            background-color: #ecf0f1;
            border-radius: 10px;
            margin-right: 10px;
            margin-top: 15px
        }

            .wizard > .steps .number:before {
                position: absolute;
                top: -1px;
                right: -14px;
                display: block;
                z-index: 2;
                border: 24px solid transparent;
                border-right: 0;
                border-left: 14px solid #e5e5e5;
                content: " "
            }

            .wizard > .steps .number:after {
                position: absolute;
                top: -1px;
                right: -15px;
                display: block;
                z-index: 1;
                border: 24px solid transparent;
                border-right: 0;
                border-left: 14px solid #ddd;
                content: " "
            }

        .wizard > .steps a, .wizard > .steps a:active, .wizard > .steps a:hover {
            display: inline-block;
            width: auto;
            margin: 0;
            padding: 0 20px 0 30px;
            font-size: 16px;
            height: 46px;
            line-height: 46px;
            color: #999;
            background: #e5e5e5;
            cursor: default;
            text-decoration: none
        }

            .wizard > .steps a:first-child {
                border-top-left-radius: 3px;
                border-bottom-left-radius: 3px
            }

        .wizard > .steps .disabled a, .wizard > .steps .disabled a:active, .wizard > .steps .disabled a:hover {
            background: #e5e5e5;
            color: #999;
            cursor: default
        }

        .wizard > .steps .disabled .number {
            background-color: #999;
            color: #ecf0f1
        }

        .wizard > .steps .current a, .wizard > .steps .current a:active, .wizard > .steps .current a:hover {
            background: #0c5bac;
            color: #ecf0f1;
            cursor: default
        }

        .wizard > .steps .current .number:after, .wizard > .steps .current .number:before {
            border-left-color: #0c5bac
        }

        .wizard > .steps .done a, .wizard > .steps .done a:active, .wizard > .steps .done a:hover {
            background: #2e8ef0;
            color: #ecf0f1;
            cursor: pointer
        }

        .wizard > .steps .done .number:before {
            border-left-color: #2e8ef0
        }

        .wizard > .steps .done .number:after {
            border-left-color: #3498db
        }

        .wizard > .steps .error a, .wizard > .steps .error a:active, .wizard > .steps .error a:hover {
            background: #e74c3c;
            color: #ecf0f1
        }

        .wizard > .steps .error .number:after, .wizard > .steps .error .number:before {
            border-left-color: #e74c3c
        }

    .wizard > .content {
        position: relative;
        display: block;
        padding: 0;
        border-width: 0;
        border-bottom-style: solid;
        border-color: #e5e5e5;
        min-height: 100px;
        height: auto;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

        .wizard > .content > .body {
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            min-height: 100%;
            padding: 20px 15px 15px
        }

    .wizard > .actions {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 5;
        float: right;
        padding-right: 15px;
        padding-left: 15px;
        height: 46px;
        vertical-align: middle;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

        .wizard > .actions > ul {
            display: inline-block;
            text-align: right
        }

            .wizard > .actions > ul > li {
                float: left;
                padding: 8px 2px
            }

        .wizard > .actions a {
            display: inline-block;
            padding: 5px 10px;
            font-size: 12px;
            line-height: 1.5;
            margin-bottom: 0;
            font-weight: 400;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 3px;
            color: #333;
            background-color: #fff;
            border-color: #ccc;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none
        }

            .wizard > .actions a:focus {
                outline: thin dotted #333;
                outline: 5px auto -webkit-focus-ring-color;
                outline-offset: -2px
            }

            .wizard > .actions a:focus, .wizard > .actions a:hover {
                color: #333;
                text-decoration: none
            }

            .wizard > .actions a:active {
                background-image: none;
                outline: 0;
                box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
            }

            .wizard > .actions a:active, .wizard > .actions a:focus, .wizard > .actions a:hover {
                color: #333;
                background-color: #ebebeb;
                border-color: #adadad
            }

        .wizard > .actions .disabled a, .wizard > .actions .disabled a:active, .wizard > .actions .disabled a:hover {
            pointer-events: none;
            cursor: not-allowed;
            opacity: .65;
            background-color: #fff;
            border-color: #ccc;
            filter: alpha(opacity=65);
            box-shadow: none
        }

    .wizard.vertical > .steps {
        display: inline;
        float: left;
        width: 30%
    }

        .wizard.vertical > .steps > ul > li {
            float: none;
            width: 100%
        }

    .wizard.vertical > .content {
        display: inline;
        float: left;
        margin: 0 2.5% .5em;
        width: 65%
    }

    .wizard.vertical > .actions {
        display: inline;
        float: right;
        margin: 0 2.5%;
        width: 95%
    }

        .wizard.vertical > .actions > ul > li {
            margin: 0 0 0 1em
        }

.data-list {
    border: 1px solid
}

    .data-list .col {
        border-right: 1px solid;
        -ms-flex: 1;
        flex: 1
    }

    .data-list .data-list-head {
        display: -ms-flexbox;
        display: flex;
        padding-right: 17px
    }

    .data-list .data-list-body {
        height: 50px;
        overflow-y: scroll
    }

        .data-list .data-list-body .row {
            margin: 0;
            padding: 0;
            display: -ms-flexbox;
            display: flex;
            width: 100%
        }

            .data-list .data-list-body .row .col {
                -ms-flex: 1;
                flex: 1
            }

.loader.loader.main-loader {
    z-index: 1999;
    transition: opacity .3s ease-in-out
}

    .loader.loader.main-loader.showLoader {
        opacity: 1
    }

    .loader.loader.main-loader.hideLoader {
        opacity: 0
    }

.uif-dropdown {
    z-index: 800;
    position: fixed;
    background: #fff;
    box-shadow: 1px 1px 10px -1px rgba(86,86,86,.5);
    margin-top: 2px;
    padding: 10px;
    overflow-y: auto;
    overflow-x: hidden
}

    .uif-dropdown .form {
        margin: 0;
        padding: 0
    }

.uif-dropdown-back {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.uif-dropdown-component {
    display: none
}

.uif-visible {
    display: block
}

.react-bs-table-container .react-bs-table-search-form {
    margin-bottom: 0
}

.react-bs-table table {
    margin-bottom: 0;
    table-layout: fixed
}

    .react-bs-table table td, .react-bs-table table th {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

.react-bs-table {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 5px 10px
}

.react-bs-table-pagination {
    margin: 10px
}

.react-bs-table-tool-bar {
    margin: 10px 10px 0
}

.react-bs-container-header {
    overflow: hidden;
    width: 100%
}

.react-bs-container-body {
    overflow: auto;
    width: 100%
}

.table-bordered {
    border: 0
}

    .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border-bottom-width: 2px
    }

    .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th {
        border-top-width: 2px;
        border-bottom-width: 0
    }

        .table-bordered > tbody > tr > td:first-child, .table-bordered > tbody > tr > th:first-child, .table-bordered > tfoot > tr > td:first-child, .table-bordered > tfoot > tr > th:first-child, .table-bordered > thead > tr > td:first-child, .table-bordered > thead > tr > th:first-child {
            border-left-width: 0
        }

        .table-bordered > tbody > tr > td:last-child, .table-bordered > tbody > tr > th:last-child, .table-bordered > tfoot > tr > td:last-child, .table-bordered > tfoot > tr > th:last-child, .table-bordered > thead > tr > td:last-child, .table-bordered > thead > tr > th:last-child {
            border-right-width: 0
        }

    .table-bordered > thead > tr:first-child > td, .table-bordered > thead > tr:first-child > th {
        border-top-width: 0
    }

    .table-bordered > tfoot > tr:last-child > td, .table-bordered > tfoot > tr:last-child > th {
        border-bottom-width: 0
    }

.react-bs-table .react-bs-container-header > table > thead > tr > th {
    vertical-align: middle
}

    .react-bs-table .react-bs-container-header > table > thead > tr > th .filter {
        font-weight: 400
    }

        .react-bs-table .react-bs-container-header > table > thead > tr > th .filter::-webkit-input-placeholder, .react-bs-table .react-bs-container-header > table > thead > tr > th .number-filter-input::-webkit-input-placeholder, .react-bs-table .react-bs-container-header > table > thead > tr > th .select-filter.placeholder-selected, .react-bs-table .react-bs-container-header > table > thead > tr > th .select-filter option[value=""] {
            color: #d3d3d3;
            font-style: italic
        }

            .react-bs-table .react-bs-container-header > table > thead > tr > th .select-filter.placeholder-selected option:not([value=""]) {
                color: initial;
                font-style: normal
            }

    .react-bs-table .react-bs-container-header > table > thead > tr > th .date-filter, .react-bs-table .react-bs-container-header > table > thead > tr > th .number-filter {
        display: -ms-flexbox;
        display: flex
    }

    .react-bs-table .react-bs-container-header > table > thead > tr > th .date-filter-input, .react-bs-table .react-bs-container-header > table > thead > tr > th .number-filter-input {
        margin-left: 5px;
        float: left;
        width: calc(100% - 67px - 5px)
    }

    .react-bs-table .react-bs-container-header > table > thead > tr > th .date-filter-comparator, .react-bs-table .react-bs-container-header > table > thead > tr > th .number-filter-comparator {
        width: 67px;
        float: left
    }

.react-bs-table .react-bs-container-header .sort-column {
    cursor: pointer
}

.react-bs-container .textarea-save-btn {
    position: absolute;
    z-index: 100;
    right: 0;
    top: -21px
}

.react-bs-table-no-data {
    text-align: center
}

.animated {
    animation-fill-mode: both
}

    .animated.bounceIn, .animated.bounceOut {
        animation-duration: .75s
    }

    .animated.shake {
        animation-duration: .3s
    }

@keyframes shake {
    0%,to {
        transform: translateZ(0)
    }

    10%,50%,90% {
        transform: translate3d(-10px,0,0)
    }

    30%,70% {
        transform: translate3d(10px,0,0)
    }
}

.shake {
    animation-name: shake
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    animation-name: bounceOut
}

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

    .toast-message a, .toast-message label {
        color: #fff
    }

        .toast-message a:hover {
            color: #ccc;
            text-decoration: none
        }

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80)
}

.toast-top-center, .toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-close-button:focus, .toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-bottom-center, .toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999
}

    #toast-container * {
        box-sizing: border-box
    }

    #toast-container > div {
        position: relative;
        overflow: hidden;
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 300px;
        border-radius: 3px;
        background-position: 15px;
        background-repeat: no-repeat;
        box-shadow: 0 0 12px #999;
        color: #fff;
        opacity: .8;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        filter: alpha(opacity=80)
    }

    #toast-container > :hover {
        box-shadow: 0 0 12px #000;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: alpha(opacity=100);
        cursor: pointer
    }

    #toast-container > .toast-info {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important
    }

    #toast-container > .toast-error {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important
    }

    #toast-container > .toast-success {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important
    }

    #toast-container > .toast-warning {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important
    }

    #toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
        width: 300px;
        margin: auto
    }

    #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
        width: 96%;
        margin: auto
    }

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

@media (max-width:240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media (min-width:241px) and (max-width:480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media (min-width:481px) and (max-width:768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

.steps-title > div {
    display: -ms-flexbox;
    display: flex;
    font-size: 1.25em
}

    .steps-title > div > div {
        padding: .5em .1em .5em 0;
        -ms-flex: 1;
        flex: 1;
        cursor: pointer;
        color: #c3c3c3
    }

        .steps-title > div > div, .steps-title > div > div .number {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

            .steps-title > div > div .number {
                width: 30px;
                height: 30px;
                border-radius: 15px;
                text-align: center;
                margin: .5em;
                color: #f5f5f5;
                background: #c3c3c3;
                -ms-flex-pack: center;
                justify-content: center
            }

            .steps-title > div > div .line {
                height: 1px;
                background: #c3c3c3;
                -ms-flex: 1;
                flex: 1;
                margin-left: 5px
            }

            .steps-title > div > div.active {
                color: #09427c
            }

                .steps-title > div > div.active .number {
                    background: #09427c;
                    color: #f5f5f5
                }

                .steps-title > div > div.active .line {
                    background: #09427c
                }