﻿

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin: 0px !important;
}

h6 {
    font-size: 20px;
    color: #484646;
    font-weight: 600;
}

body {
    font-family: Open Sans;
    /*font-family:"Segoe UI";*/
    background: #ededed;
    width: 100%;
}

.nav li a {
    font-size: 14px;
    font-weight: normal !important;
}

.afterheader {
    margin-left: 0px !important;
    margin-right: 0px !important;
    height: 60px;
}

.breadcrumb {
    background-color: transparent;
    padding: 7px;
    margin-top: 3px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 600;
}

label {
    font-weight: 600;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 5px;
    padding-right: 5px;
}

#form .form-group .col-md-8 {
    margin-bottom: 10px;
}

.btn-info {
    color: #fff;
    background-color: #23b7e5 !important;
    border-color: #36bee9 !important;
}

.form-control {
    font-size: 14px;
}

.card-body {
    padding-top: 10px;
}
/*New work*/
.padding-0 {
    padding:0px;
}


.mar-tohead {
    margin-top: 61px;
}
.padding-all-10 {
    padding: 10px;
    width: 100%;
    background-color: #d9f5fe4f !important;
}
.display_nonev1 {
    display: none;
}
.width-full {
    width:100%;
}
.pad-top-20 {
    padding-top:20px;
}
.pad-top-10 {
    padding-top:10px;
}
.mar-top {
    margin-top:-30px;
}
.display-cont1 {
    display:contents;
}
/*New work*/
.btn {
    font-size: 12px;
    border-radius: 9px;
    font-weight: 600;
    text-transform: uppercase;
    webkit-box-shadow: 0px 11px 15px 0px rgba(103,104,171,0.2);
    -moz-box-shadow: 0px 11px 15px 0px rgba(103,104,171,0.2);
    box-shadow: 0px 11px 15px 0px rgba(103,104,171,0.2);
    transition: all 0.3s ease;
    padding: 7px 20px !important
}

.btn-primary {
    color: #fff;
    background-color: #07b0e6 !important;
    border-color: #07b0e6 !important;
}

.btn-default {
    background-color: rgba(206, 206, 206, 0.7);
}

.btn-dark-blue {
    background-color: #0066a1 !important;
    border-color: #0066a1 !important;
    color: #fff !important;
}

.btn-dark-blue {
    background-color: #0066a1 !important;
    border-color: #0066a1 !important;
}

    .btn-dark-blue:hover {
        color: #fff;
        background-color: #2bb3de;
        border-color: #1eb2e0;
    }

.btn-primary:hover {
    color: #fff;
    background-color: #3cc3ed !important;
    border-color: #23b7e5 !important;
}

.box-footer {
    border-top: 1px solid rgba(225, 225, 225, 0.62);
    min-height: 55px;
    padding-top: 10px;
}

.mandatory {
    color: red;
    padding-left: 10px;
    font-size: 15px;
}

.errorMessage {
    font-size: 14px;
    margin-bottom: 0px;
    display: none;
}

    .errorMessage .box-body {
        padding: 10px;
    }

/*.nav-sub:before {
    width: 2px;
    bottom: 0;
    background: rgba(59,70,72,.5);
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
}
.nav-sub > li::before {
    left: 2px;
    right: 12px;
    top: 15px;
    width: 15px;
    content: ' ';
    position: absolute;
    display: inline-block;
    border: 1px solid rgba(59,70,72,.5);
}*/
.navside .nav li li a {
    padding-left: 2rem !important;
}

.active > .nav-sub {
    background: #223242;
}

.navside .nav li li a .nav-text {
    padding: 8px;
}

@media (min-width: 992px) {
    .app-aside, .app-aside {
        top: 64px !important;
        position: relative !important;
    }

        .app-aside:not(.hide) ~ .app-content {
            margin-left: 0px !important;
        }

    .app-footer:not(.hide) ~ .app-body {
        margin-left: 0rem !important;
    }
}

.dark-white, .white {
    background-color: #07b0e6 !important;
    /*background: #23b7e5 !important;*/
    /*background-image: url('../../images/header_bg.jpg') !important;*/
    background-repeat: repeat-y !important;
    background-position: center center !important;
    background-size: 100% auto !important;
    height: 60px !important;
    webkit-box-shadow: 0px 11px 15px 0px rgba(103,104,171,0.2);
    -moz-box-shadow: 0px 11px 15px 0px rgba(103,104,171,0.2);
    box-shadow: 0px 11px 15px 0px rgba(103,104,171,0.2);
    transition: all 0.3s ease;
}

.dark-gray, .gray {
    background-color: #c1c1c1;
    /*background: #23b7e5 !important;*/
    /*background-image: url('../../images/header_bg.jpg') !important;*/
    background-repeat: repeat-y !important;
    background-position: center center !important;
    background-size: 100% auto !important;
    height: 60px !important;
}

.navbar-brand > span {
    display: inline-block;
    line-height: .8;
    margin-left: 28px;
    font-size: 33px;
    margin-top: 22px;
}

.nav-active-primary .nav > li.active > a {
    color: rgba(255, 255, 255, .87) !important;
    border-left: 3px solid #45c203 !important;
    background-color: transparent !important;
}

.profileimage {
    height: 48px;
}

.text-success {
    color: #369e00 !important
}

p {
    margin-bottom: 3px;
}

.profileUsername {
    text-transform: uppercase;
    font-weight: 600;
    font-style: italic;
}

.leftnav {
    margin-top: 0px;
}

.table > thead > tr > th {
    padding: 10px 16px !important;
    background: #2fc7f72e !important;
    color: #3f3f3f !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    font-family: Open Sans !important;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th {
    padding-left: 8px;
    padding-right: 8px;
    border-color: rgba(199, 199, 199, 0.43) !important;
    font-size: 13px;
    border: 1px solid;
    font-family: Open Sans !important;
}

.table-bordered, .table > thead > tr > th {
    border-color: rgba(35, 35, 35, 0.11) !important;
    border: 1px solid;
}

input:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(134, 88, 233, 0.48), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(134, 88, 233, 0.48), 0 0 8px rgba(102,175,233,.6);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border-color: #8658e9 !important;
}

select.form-control:not([size]):not([multiple]) {
    height: auto;
    padding: 6px !important;
}

.input-group-addon {
    padding: 0.4rem 0.75rem !important;
}

.box-body, .box-footer, .box-header {
    padding: 10px;
}

label {
    text-transform: capitalize;
    font-size: 13px;
    color: #585353;
}

.detailsPanel label {
    text-transform: none !important;
}

.radio-inline {
    float: left;
    padding-right: 14px;
}

.navtopright li a {
    font-weight: normal;
    font-size: 13px;
    /*padding: 0px 8px !important;*/
    color: #FFF !important;
    font-family: Montserrat, sans-serif;
}

    .navtopright li a i {
        color: #FFF;
    }

.numbering-box {
    background: #584fba !important;
    color: #fff;
    display: inline-block;
    border-radius: 15px;
    text-align: center;
    margin-left: 8px;
    padding: 3px 8px;
    font-size: 10px;
}

.nav-active-primary .nav-link.active {
    background-color: #0066a1 !important
}

.b-primary {
    border-color: #0066a1 !important
}

.p-a {
    padding: 7px !important;
}

.box-header1 {
    padding: 10px !important;
}

    .box-header1 h6 {
        color: #fff !important;
    }

    .box-header1 .primary {
        background-color: #5b6ce6;
    }

.info {
    background-color: #576ee6 !important;
}

.boxInner .box-body {
    padding: 0px !important;
}

.tblAccount > thead > tr > th {
    background: #9f3d3d !important;
}

.tblContact > thead > tr > th {
    background: #e57323 !important
}

.tblTask > thead > tr > th {
    background: #6f6e67 !important
}

.tblDocument > thead > tr > th {
    background: #5d5698 !important
}

.nav-icon {
    font-size: 19px !important;
}

.box-header {
    border-bottom: 1px solid #e1e1e1;
    border-top: 2px solid #dcdbdb;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.navside .nav li {
    border-bottom: 1px solid rgba(255, 254, 254, 0.13);
    float: left;
}

.nav-sub li {
    border-bottom: 1px solid rgba(255, 254, 254, 0.00) !important;
}


.alert {
    border-radius: 0;
    border: 0;
    padding: 10px 3em 8px 15px;
    position: relative
}

    .alert .alert-link {
        text-decoration: underline;
        font-weight: normal
    }

        .alert .alert-link:hover {
            text-decoration: underline
        }

    .alert .close {
        text-shadow: none;
        opacity: .3;
        position: absolute;
        left: auto;
        right: 20px;
        top: 25px
    }

    .alert button.close {
        padding: 1px;
        border-radius: 20px;
        -webkit-transition: all, 0.3s;
        transition: all, 0.3s
    }

        .alert button.close > span:not(.sr-only) {
            display: block;
            width: 1em;
            height: 1em;
            line-height: .8em
        }

        .alert button.close:hover {
            opacity: .55
        }

        .alert button.close:active {
            opacity: .3
        }

.alert-primary {
    background-color: transparent;
    border-color: transparent;
    color: #000;
    border-left: 5px solid #6daae0;
}

    .alert-primary .close, .alert-primary .alert-link {
        color: #000
    }

.alert-info {
    background-color: transparent;
    border-color: transparent;
    color: #000;
    border-left: 5px solid #5ec2dd;
}

    .alert-info .close, .alert-info .alert-link {
        color: #000
    }

.alert-success {
    background-color: transparent;
    border-color: transparent;
    color: #000;
    border-left: 5px solid #a5ce78;
}

    .alert-success .close, .alert-success .alert-link {
        color: #000
    }

.alert-warning {
    background-color: transparent;
    border-color: transparent;
    color: #000;
    border-left: 5px solid #edb25b;
}

    .alert-warning .close, .alert-warning .alert-link {
        color: #000
    }

.alert-danger {
    background-color: transparent;
    border-color: transparent;
    color: #000;
    border-left: 5px solid #f87961;
}

    .alert-danger .close, .alert-danger .alert-link {
        color: #000
    }

.alert-mint {
    background-color: transparent;
    border-color: transparent;
    color: #000;
    border-left: 5px solid #60ccaf;
}

    .alert-mint .close, .alert-mint .alert-link {
        color: #000
    }

.alert-purple {
    background-color: transparent;
    border-color: transparent;
    color: #000;
    border-left: 5px solid #a1709b;
}

    .alert-purple .close, .alert-purple .alert-link {
        color: #000
    }

.alert-pink {
    background-color: transparent;
    border-color: transparent;
    color: #000;
    border-left: 5px solid #e488af;
}

    .alert-pink .close, .alert-pink .alert-link {
        color: #000
    }

.alert-dark {
    background-color: transparent;
    border-color: transparent;
    color: #000;
    border-left: 5px solid #4d5257;
}

    .alert-dark .close, .alert-dark .alert-link {
        color: #000
    }

.alert-wrap {
    margin: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    -webkit-transition: max-height .7s linear;
    transition: max-height .7s linear
}

    .alert-wrap > .alert {
        margin: 0;
        box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
        border-radius: 0;
        text-align: left
    }

        .alert-wrap > .alert > .media {
            margin: 0
        }

            .alert-wrap > .alert > .media > .media-body {
                min-width: 150px;
                width: auto;
                vertical-align: middle
            }

#page-alert > .alert-wrap > .alert {
    box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.04)
}

.alert-wrap.in {
    max-height: 500px;
    -webkit-transition: max-height 1s linear;
    transition: max-height 1s linear
}

.floating-container .animated.alert-wrap {
    overflow: visible
}

    .floating-container .animated.alert-wrap > .alert {
        border-radius: 2px
    }

.alert h4 {
    margin-top: 2px;
}

.alert-message, .alert-title {
    font-size: .9em;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-right: 25px
}

.alert-title {
    font-size: 1.12em
}

    .alert-title:empty {
        display: none
    }

.alert-primary .alert-icon {
    background-color: #9bc5ea;
    color: #fff
}

.alert-info .alert-icon {
    background-color: #5ec2dd;
    color: #fff
}

.alert-success .alert-icon {
    background-color: #a5ce78;
    color: #fff
}

.alert-warning .alert-icon {
    background-color: #edb25b;
    color: #fff
}

.alert-danger .alert-icon {
    background-color: #faa393;
    color: #fff
}

.alert-mint .alert-icon {
    background-color: #60ccaf;
    color: #fff
}

.alert-purple .alert-icon {
    background-color: #bf9dba;
    color: #fff
}

.alert-pink .alert-icon {
    background-color: #ecadc8;
    color: #fff
}

.alert-dark .alert-icon {
    background-color: #85898c;
    color: #fff
}

#floating-top-right {
    position: fixed;
    text-align: right;
    top: 7px;
    right: 7px;
    left: 7px;
    z-index: 15
}

    #floating-top-right .alert-wrap {
        display: inline-block;
        clear: right;
        float: right;
        margin-bottom: 5px;
        position: relative;
        opacity: .96;
        z-index: 990
    }

        #floating-top-right .alert-wrap:hover {
            opacity: 1
        }

@media (min-width:768px) {
    #floating-top-right {
        left: auto;
        max-width: 727px
    }
}

@media (min-width:992px) {
    #floating-top-right {
        left: auto;
        max-width: 50%
    }
}

@media (min-width:1200px) {
    #floating-top-right {
        left: auto;
        max-width: 35%
    }
}
/*!	Animate.css - http://daneden.me/animate - Licensed under the MIT license - http://opensource.org/licenses/MIT -	Copyright (c) 2014 Daniel Eden	*/
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.jellyIn {
    -webkit-animation: jellyIn .7s linear both;
    animation: jellyIn .7s linear both
}
/*! Generated with Bounce.js. Edit at http://goo.gl/whUyiv */
@-webkit-keyframes jellyIn {
    0% {
        -webkit-transform: matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    4.761905% {
        -webkit-transform: matrix3d(.82739, 0, 0, 0, 0, .86975, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.82739, 0, 0, 0, 0, .86975, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    9.52381% {
        -webkit-transform: matrix3d(.94685, 0, 0, 0, 0, 1.03237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.94685, 0, 0, 0, 0, 1.03237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    14.285714% {
        -webkit-transform: matrix3d(1.02254, 0, 0, 0, 0, 1.09127, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.02254, 0, 0, 0, 0, 1.09127, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    19.047619% {
        -webkit-transform: matrix3d(1.05171, 0, 0, 0, 0, 1.06355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05171, 0, 0, 0, 0, 1.06355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    23.809524% {
        -webkit-transform: matrix3d(1.04857, 0, 0, 0, 0, 1.01093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.04857, 0, 0, 0, 0, 1.01093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    28.571429% {
        -webkit-transform: matrix3d(1.03082, 0, 0, 0, 0, .97867, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.03082, 0, 0, 0, 0, .97867, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    33.333333% {
        -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, .97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01191, 0, 0, 0, 0, .97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    38.095238% {
        -webkit-transform: matrix3d(.99876, 0, 0, 0, 0, .98966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99876, 0, 0, 0, 0, .98966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    42.857143% {
        -webkit-transform: matrix3d(.9928, 0, 0, 0, 0, 1.00257, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.9928, 0, 0, 0, 0, 1.00257, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    47.619048% {
        -webkit-transform: matrix3d(.99231, 0, 0, 0, 0, 1.00725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99231, 0, 0, 0, 0, 1.00725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    52.380952% {
        -webkit-transform: matrix3d(.99465, 0, 0, 0, 0, 1.00505, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99465, 0, 0, 0, 0, 1.00505, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    57.142857% {
        -webkit-transform: matrix3d(.99757, 0, 0, 0, 0, 1.00087, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99757, 0, 0, 0, 0, 1.00087, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    61.904762% {
        -webkit-transform: matrix3d(.9998, 0, 0, 0, 0, .99831, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.9998, 0, 0, 0, 0, .99831, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    66.666667% {
        -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, .99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00095, 0, 0, 0, 0, .99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    71.428571% {
        -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, .99918, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00119, 0, 0, 0, 0, .99918, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    76.190476% {
        -webkit-transform: matrix3d(1.00091, 0, 0, 0, 0, 1.0002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00091, 0, 0, 0, 0, 1.0002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    80.952381% {
        -webkit-transform: matrix3d(1.00047, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00047, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    85.714286% {
        -webkit-transform: matrix3d(1.0001, 0, 0, 0, 0, 1.0004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.0001, 0, 0, 0, 0, 1.0004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    90.47619% {
        -webkit-transform: matrix3d(.99989, 0, 0, 0, 0, 1.00007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99989, 0, 0, 0, 0, 1.00007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    95.238095% {
        -webkit-transform: matrix3d(.99982, 0, 0, 0, 0, .99987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99982, 0, 0, 0, 0, .99987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

@keyframes jellyIn {
    0% {
        -webkit-transform: matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    4.761905% {
        -webkit-transform: matrix3d(.82739, 0, 0, 0, 0, .86975, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.82739, 0, 0, 0, 0, .86975, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    9.52381% {
        -webkit-transform: matrix3d(.94685, 0, 0, 0, 0, 1.03237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.94685, 0, 0, 0, 0, 1.03237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    14.285714% {
        -webkit-transform: matrix3d(1.02254, 0, 0, 0, 0, 1.09127, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.02254, 0, 0, 0, 0, 1.09127, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    19.047619% {
        -webkit-transform: matrix3d(1.05171, 0, 0, 0, 0, 1.06355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05171, 0, 0, 0, 0, 1.06355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    23.809524% {
        -webkit-transform: matrix3d(1.04857, 0, 0, 0, 0, 1.01093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.04857, 0, 0, 0, 0, 1.01093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    28.571429% {
        -webkit-transform: matrix3d(1.03082, 0, 0, 0, 0, .97867, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.03082, 0, 0, 0, 0, .97867, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    33.333333% {
        -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, .97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01191, 0, 0, 0, 0, .97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    38.095238% {
        -webkit-transform: matrix3d(.99876, 0, 0, 0, 0, .98966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99876, 0, 0, 0, 0, .98966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    42.857143% {
        -webkit-transform: matrix3d(.9928, 0, 0, 0, 0, 1.00257, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.9928, 0, 0, 0, 0, 1.00257, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    47.619048% {
        -webkit-transform: matrix3d(.99231, 0, 0, 0, 0, 1.00725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99231, 0, 0, 0, 0, 1.00725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    52.380952% {
        -webkit-transform: matrix3d(.99465, 0, 0, 0, 0, 1.00505, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99465, 0, 0, 0, 0, 1.00505, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    57.142857% {
        -webkit-transform: matrix3d(.99757, 0, 0, 0, 0, 1.00087, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99757, 0, 0, 0, 0, 1.00087, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    61.904762% {
        -webkit-transform: matrix3d(.9998, 0, 0, 0, 0, .99831, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.9998, 0, 0, 0, 0, .99831, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    66.666667% {
        -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, .99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00095, 0, 0, 0, 0, .99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    71.428571% {
        -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, .99918, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00119, 0, 0, 0, 0, .99918, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    76.190476% {
        -webkit-transform: matrix3d(1.00091, 0, 0, 0, 0, 1.0002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00091, 0, 0, 0, 0, 1.0002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    80.952381% {
        -webkit-transform: matrix3d(1.00047, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00047, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    85.714286% {
        -webkit-transform: matrix3d(1.0001, 0, 0, 0, 0, 1.0004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.0001, 0, 0, 0, 0, 1.0004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    90.47619% {
        -webkit-transform: matrix3d(.99989, 0, 0, 0, 0, 1.00007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99989, 0, 0, 0, 0, 1.00007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    95.238095% {
        -webkit-transform: matrix3d(.99982, 0, 0, 0, 0, .99987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99982, 0, 0, 0, 0, .99987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

#alert_placeholder {
    float: left;
    position: fixed;
    z-index: 10000;
}

.alert-success {
    background-color: #27c24c;
    border-color: rgba(0,0,0,.1);
    color: #fff;
}

    .alert-success hr {
        border-top-color: rgba(0,0,0,.1);
    }

    .alert-success .alert-link {
        color: #e6e6e6;
    }

.alert-info {
    background-color: #23b7e5;
    border-color: rgba(0,0,0,.1);
    color: #fff;
}

    .alert-info hr {
        border-top-color: rgba(0,0,0,.1);
    }

    .alert-info .alert-link {
        color: #e6e6e6;
    }

.alert-warning {
    background-color: #ff902b;
    border-color: rgba(0,0,0,.1);
    color: #fff;
}

    .alert-warning hr {
        border-top-color: rgba(0,0,0,.1);
    }

    .alert-warning .alert-link {
        color: #e6e6e6;
    }

.alert-danger {
    background-color: #f05050;
    border-color: rgba(0,0,0,.1);
    color: #fff;
}

    .alert-danger hr {
        border-top-color: rgba(0,0,0,.1);
    }

    .alert-danger .alert-link {
        color: #e6e6e6;
    }

.hide-scroll {
    margin-bottom: 100px !important;
}

.btn-sm {
    padding: 3px 6px !important;
    font-size: 12px !important;
}

.list-group-gap .list-group-item {
    height: auto !important;
    border-top: 0px !important;
    border-radius: 0px !important;
    margin-bottom: 0px;
}

#lstTopNotification {
    border-top: 1px solid #e1e1e1;
}

.navbar .up {
    margin: 0 0em !important;
}

.loginbody {
    background: url('/Content/images/bg.png') no-repeat center top;
    background-size: cover;
    font-family: "Segoe UI" !important;
}

@media only screen and (max-width: 600px) {
    .loginbody {
        background: none;
        background-color: #fff;
    }

    .login-leftsec {
        display: none;
    }

    .loginRight {
        padding-left: 0px !important;
    }

    .navside, .navside .nav {
        margin-top: 64px !important;
        height: 100%;
        overflow-y: scroll;
    }

    .profileUsername {
        color: #fff !important;
    }

    .leftnav {
        margin-top: -66px !important;
        background-color: #0066a1 !important;
        padding-top: 11px;
        color: #fff !important;
        height: 100vh;
        overflow-y: scroll;
    }

    .nav > li > a .nav-text {
        padding-top: 7px !important;
    }

    .nav-caret {
        margin-top: 0px;
    }

    .nav-icon {
        margin-right: 0px !important;
    }

        .nav-icon i {
            float: left;
            margin-top: 12px;
            width: 30px;
        }

    .nav > li > a .nav-text {
        float: left;
        font-size: 16px;
        padding-left: 15px;
    }

    .navside .nav li li a .nav-text {
        padding: 5px !important;
        padding-top: 8px !important;
    }
}

@media (min-width: 992px) {
    .folded, .folded .scroll {
        width: 100% !important;
        background: transparent !important;
        height: 30px;
        color: #fff;
        display: inline-grid;
    }
}

.folded.nav-dropdown .nav > li > ul .nav-text {
    text-align: left !important;
    padding-left: 10px !important;
}

.user-panel {
    padding-top: 10px !important;
    background: #07b0e6;
    padding-bottom: 10px !important;
    margin-top: 0px !important;
}

.info-box {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.bg-pink {
    background-color: #E91E63 !important;
    color: #fff;
}

.info-box .icon {
    display: inline-block;
    text-align: center;
    /*background-color: rgba(0, 0, 0, 0.12);*/
    background-color: rgb(0, 72, 95);
    /*width: 80px;*/
    width: 30%;
}

    .info-box .icon i {
        color: #fff;
        font-size: 50px;
        line-height: 80px;
    }

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.info-box .content {
    display: inline-block;
    padding: 7px 10px;
    text-align: center;
    width: 70%;
}

    .info-box .content .text {
        /*font-size: 13px;
        margin-top: 11px;*/
        font-weight: 600;
        font-size: 13px;
        margin-top: 3px;
        color: #555;
    }

.bg-pink .content .text, .bg-pink .content .number {
    color: #fff !important;
}

.info-box .content .number {
    font-weight: normal;
    /*font-size: 26px;*/
    font-size: 34px;
    margin-top: -4px;
    color: #555;
}

.bg-pink .content .text, .bg-pink .content .number {
    color: #fff !important;
}

.bg-cyan {
    background-color: #00BCD4 !important;
    color: #fff;
}

    .bg-cyan .content .text, .bg-cyan .content .number {
        color: #fff !important;
    }

.bg-light-green {
    background-color: #8BC34A !important;
    color: #fff;
    /*background-color: #fff;
    color: #fff;*/
    border: 2px solid #8BC34A !important;
}

    .bg-light-green .content .text, .bg-light-green .content .number {
        color: #fff !important;
        /*color: #058815 !important;*/
        text-align: center;
    }

.bg-orange {
    background-color: #FF9800 !important;
    color: #fff;
}

    .bg-orange .content .text, .bg-orange .content .number {
        color: #fff !important;
    }

.card .body {
    font-size: 14px;
    color: #555;
    padding: 9px;
}

.card .header .header-dropdown {
    position: absolute;
    top: 13px;
    right: 15px;
    list-style: none;
}

.m-r-0 {
    margin-right: 0px;
}

.card .header h2 {
    margin: 0;
    font-size: 18px;
    font-weight: normal;
    color: #111;
}

.card .header {
    color: #555;
    padding: 14px 20px;
    position: relative;
    border-bottom: 1px solid rgba(204, 204, 204, 0.35);
}

.card .bg-red h2, .card .bg-red small, .card .bg-red .material-icons, .card .bg-pink h2, .card .bg-pink small, .card .bg-pink .material-icons, .card .bg-purple h2, .card .bg-purple small, .card .bg-purple .material-icons, .card .bg-deep-purple h2, .card .bg-deep-purple small, .card .bg-deep-purple .material-icons, .card .bg-indigo h2, .card .bg-indigo small, .card .bg-indigo .material-icons, .card .bg-blue h2, .card .bg-blue small, .card .bg-blue .material-icons, .card .bg-light-blue h2, .card .bg-light-blue small, .card .bg-light-blue .material-icons, .card .bg-cyan h2, .card .bg-cyan small, .card .bg-cyan .material-icons, .card .bg-teal h2, .card .bg-teal small, .card .bg-teal .material-icons, .card .bg-green h2, .card .bg-green small, .card .bg-green .material-icons, .card .bg-light-green h2, .card .bg-light-green small, .card .bg-light-green .material-icons, .card .bg-lime h2, .card .bg-lime small, .card .bg-lime .material-icons, .card .bg-yellow h2, .card .bg-yellow small, .card .bg-yellow .material-icons, .card .bg-amber h2, .card .bg-amber small, .card .bg-amber .material-icons, .card .bg-orange h2, .card .bg-orange small, .card .bg-orange .material-icons, .card .bg-deep-orange h2, .card .bg-deep-orange small, .card .bg-deep-orange .material-icons, .card .bg-brown h2, .card .bg-brown small, .card .bg-brown .material-icons, .card .bg-grey h2, .card .bg-grey small, .card .bg-grey .material-icons, .card .bg-blue-grey h2, .card .bg-blue-grey small, .card .bg-blue-grey .material-icons, .card .bg-black h2, .card .bg-black small, .card .bg-black .material-icons {
    color: #fff !important;
}

.btn-transparent {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #c71717;
    font-weight: 600;
    border: 0px;
}

.label-danger {
    background-color: #e91e63 !important;
    padding: 5px !important;
}

.btn-transparent:hover {
    background-color: #c71717 !important;
    color: #fff;
}

.card {
    border-color: rgba(120, 130, 140, 0.3) !important;
}

.app-body {
    padding-top: 55px !important;
}

.k-header {
    background-color: transparent !important;
}

.k-timepicker .k-state-default > .k-select {
    background: #e1e1e1 !important;
}

.modal {
    z-index: 5000 !important;
}

.KendoComboBox {
    width: 100% !important;
}

.KendoTextBox {
    width: 100% !important;
}

.form-control.k-widget {
    padding: 0 !important;
}

.k-combobox-clearable .k-input {
    height: 2.050em !important;
}

.modal-backdrop {
    z-index: 0 !important;
}

.b-info {
    border-color: #07b0e6 !important;
}

.btn-white {
    background-color: #fff !important;
}

.btnNoRadius {
    border-radius: 0px !important;
}

.b-default {
    border-color: #bbbbbb !important;
}

.media-tooltip + .tooltip .tooltip-inner {
    font-size: 14px;
    font-weight: 700;
    color: rgb( 37, 207, 187 );
    border-width: 1px;
    border-color: rgb( 37, 207, 187 );
    border-style: solid;
    background-color: rgb( 219, 242, 239 );
    padding: 10px;
    border-radius: 0;
}

.media-tooltip + .tooltip > .tooltip-arrow {
    display: none;
}

.media-tooltip + .tooltip .tooltip-inner:after, .media-tooltip + .tooltip .tooltip-inner:before {
    bottom: 89%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.media-tooltip + .tooltip .tooltip-inner:after {
    border-color: rgba(219, 242, 239, 0);
    border-bottom-color: #dbf2ef;
    border-width: 10px;
    margin-left: -10px;
}

.media-tooltip + .tooltip .tooltip-inner:before {
    border-color: rgba(37, 207, 187, 0);
    border-bottom-color: #25cfbb;
    border-width: 11px;
    margin-left: -11px;
}

.purple {
    background-color: #7b1fa0 !important;
    color: #fff !important;
}

.light-blue {
    background-color: #455a64 !important;
    color: #fff !important;
}

.red {
    background-color: #c0392b !important;
}

.deepgreen {
    background-color: #16a085 !important;
    color: #fff !important;
}

.orange {
    background-color: #f39c12 !important;
    color: #fff !important;
}

.yellow {
    background-color: #f1c40f !important;
    color: #fff !important;
}

.form-danger {
    border-color: #da0000 !important;
}

.k-dropdown-wrap .k-input {
    border-bottom: 1px solid #c5c5c5 !important;
}

.dropdown-header {
    border-width: 0 0 1px 0;
    text-transform: uppercase;
    width: 600px !important;
}

.ItemAction .dropdown-menu {
    left: -200px !important;
}

    .ItemAction .dropdown-menu .dropdown-item div {
        padding: 3px 20px;
    }

    .ItemAction .dropdown-menu .dropdown-item {
        padding: 0px !important;
    }

.btn-round {
    border-radius: 68px !important;
    padding: 1px 5px;
    font-size: 15px !important;
}

.text-draft {
    color: #879697;
    font-weight: 600;
}

.text-uppercase {
    text-transform: uppercase;
}

.btnItemToggle {
    font-weight: 600;
    border: 1px solid #000;
}

.select2popup {
    width: 650px;
    height: 200px;
}

.bigdrop {
    width: 800px;
}

    .bigdrop ul li p {
        margin-bottom: 5px;
    }

.select2-container {
    margin-top: 15px;
    margin-left: 5px;
}

.page-header-title-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    font-size: 22px;
    color: #fff;
    -webkit-box-shadow: 0 2px 12px -3px rgba(0,0,0,0.5);
    box-shadow: 0 2px 12px -3px rgba(0,0,0,0.5);
    margin-right: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bg-c-blue {
    background: #4099ff;
}

#lstTopNotification li {
    cursor: pointer;
    font-size: 13px;
    clear: both;
}

    #lstTopNotification li:hover {
        background-color: rgba(225, 225, 225, 0.39) !important;
    }

.scrollable {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
}

.lblHeightlight {
    font-weight: bold;
}

.unreadRecord {
    background-color: #07b0e630 !important;
}

.readRecord {
    background-color: #fff !important;
}

@media screen and (max-device-width: 650px) {
    .navside .nav li {
        float: none !important;
    }

    .navside ul {
        border-bottom: 1px solid transparent !important;
    }

    .navbar-item .material-icons {
        color: #fff !important;
    }

    .app-aside {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    #renewButton {
        width: 30px;
    }

    .hidesmallScreen {
        display: none
    }
}

.modal-content .modal-header {
    padding: 10px;
    padding-bottom: 7px;
    padding-top: 16px;
    background-color: #0066a1;
    color: #fff;
}

.modal-header .close {
    color: #fff !important;
}

.modal-title {
    line-height: 0.5 !important;
    font-size: 17px !important;
}

.pad_top {
    padding-top: 20px;
}
.mar_tv1 {
    margin-top: 15px;
}
.k-grid-header th.k-header .k-icon {
    position: absolute !important;
}
.k-filter::before {
    content: "\e129" !important;
}

.k-header > .k-grid-filter, .k-header > .k-header-column-menu {
    margin: -5px 8px !important;
}
.k-pager-nav span.k-icon.k-i-seek-e, .k-pager-nav span.k-icon.k-i-arrow-e, .k-pager-nav span.k-icon.k-i-arrow-w,
.k-pager-nav span.k-icon.k-i-seek-w,
.k-numeric-wrap .k-i-arrow-s,
.k-numeric-wrap .k-i-arrow-n {
    color: transparent !important;
}
    .k-pager-nav .k-i-seek-e:before, .k-pager-nav .k-i-arrow-e:before, .k-pager-nav .k-i-arrow-w:before,
    .k-pager-nav .k-i-seek-w:before,
    .k-numeric-wrap .k-i-arrow-s:before,
    .k-numeric-wrap .k-i-arrow-n:before {
        color: black !important;
    }
.k-filter-menu {
    padding: .5em 1em !important;
}
.k-state-default > .k-select {
    border-color: #c5c5c5;
    background: #e5e5e5;
}
.k-pager-numbers li, .k-pager-input{
    list-style:none;
}