.t-col,
.t-container {
    padding-left: 15px;
    padding-right: 15px;
}

.Dropdown ul,
.btngroup,
.sidebar-menu,
ul.mtree li {
    list-style: none;
}

.AddBtnImg,
.AddBtnImgwh,
.BookBtnImg,
.BtnImg,
.Dropdown,
.Nav_bar,
.Overlay,
.close_mnu,
.font_awsm,
.login-submit,
.menu_tog,
.notification,
.sidemenu {
    cursor: pointer;
}

.t-col,
.t-col-inner,
.t-container,
.t-container-inner,
.t-region,
.t-row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

    .t-col-inner::after,
    .t-col::after,
    .t-container-inner::after,
    .t-container::after,
    .t-region::after,
    .t-row::after {
        clear: both;
        content: "";
        display: block;
    }

.t-container,
.t-region,
.t-row {
    clear: both;
}

    .t-container .t-container {
        max-width: 100%;
        width: auto;
    }

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

    .t-offset-0,
    .t-row > .t-row {
        margin-left: 0;
    }

    .t-row > .t-row {
        margin-right: 0;
    }

.t-col {
    float: left;
    min-height: 1px;
}

.t-col-1 {
    width: 8.33333%;
}

.t-col-2 {
    width: 16.6667%;
}

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

.t-col-4 {
    width: 33.3333%;
}

.t-col-5 {
    width: 41.6667%;
}

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

.t-col-7 {
    width: 58.3333%;
}

.t-col-8 {
    width: 66.6667%;
}

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

.t-col-10 {
    width: 83.3333%;
}

.t-col-11 {
    width: 91.6667%;
}

.t-col-12 {
    clear: both;
    float: none;
    width: 100%;
}

.t-pull-0,
.t-push-0 {
    left: 0;
}

.t-offset-1 {
    margin-left: 8.33333%;
}

.t-push-1 {
    left: 8.33333%;
}

.t-pull-1 {
    left: -8.33333%;
}

.t-offset-2 {
    margin-left: 16.6667%;
}

.t-push-2 {
    left: 16.6667%;
}

.t-pull-2 {
    left: -16.6667%;
}

.t-offset-3 {
    margin-left: 25%;
}

.t-push-3 {
    left: 25%;
}

.t-pull-3 {
    left: -25%;
}

.t-offset-4 {
    margin-left: 33.3333%;
}

.t-push-4 {
    left: 33.3333%;
}

.t-pull-4 {
    left: -33.3333%;
}

.t-offset-5 {
    margin-left: 41.6667%;
}

.t-push-5 {
    left: 41.6667%;
}

.t-pull-5 {
    left: -41.6667%;
}

.t-offset-6 {
    margin-left: 50%;
}

.t-push-6 {
    left: 50%;
}

.t-pull-6 {
    left: -50%;
}

.t-offset-7 {
    margin-left: 58.3333%;
}

.t-push-7 {
    left: 58.3333%;
}

.t-pull-7 {
    left: -58.3333%;
}

.t-offset-8 {
    margin-left: 66.6667%;
}

.t-push-8 {
    left: 66.6667%;
}

.t-pull-8 {
    left: -66.6667%;
}

.t-offset-9 {
    margin-left: 75%;
}

.t-push-9 {
    left: 75%;
}

.t-pull-9 {
    left: -75%;
}

.t-offset-10 {
    margin-left: 83.3333%;
}

.t-push-10 {
    left: 83.3333%;
}

.t-pull-10 {
    left: -83.3333%;
}

.t-offset-11 {
    margin-left: 91.6667%;
}

.t-push-11 {
    left: 91.6667%;
}

.t-pull-11 {
    left: -91.6667%;
}

.t-show-grid {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

.Nav_bar,
.t-container .t-show-grid {
    position: absolute;
}

.t-show-grid .t-col,
.t-show-grid .t-container,
.t-show-grid .t-row {
    height: 100%;
}

    .t-show-grid .t-col span {
        background: rgba(3, 148, 23, .05);
        display: block;
        height: 100%;
    }

.t-container-static {
    width: 960px;
}

.t-container-narrow {
    max-width: 720px;
}

.t-container-normal {
    max-width: 960px;
}

.t-container-wide {
    max-width: 1280px;
}

.t-container-fullwidth {
    max-width: 100%;
}

@media only screen and (max-width:360px) {
    .t-container {
        max-width: 360px;
    }

    .t-container-static {
        max-width: none;
    }

    .t-container-fixed {
        width: 360px;
    }

    .t-container-fullwidth {
        max-width: 100%;
    }

    .t-hidden-xs,
    .t-visible-lg,
    .t-visible-md,
    .t-visible-sm,
    .t-visible-xl {
        display: none !important;
    }

    .t-col-xs-1 {
        width: 8.33333%;
    }

    .t-col-xs-2 {
        width: 16.6667%;
    }

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

    .t-col-xs-4 {
        width: 33.3333%;
    }

    .t-col-xs-5 {
        width: 41.6667%;
    }

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

    .t-col-xs-7 {
        width: 58.3333%;
    }

    .t-col-xs-8 {
        width: 66.6667%;
    }

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

    .t-col-xs-10 {
        width: 83.3333%;
    }

    .t-col-xs-11 {
        width: 91.6667%;
    }

    .t-col-xs-12 {
        width: 100%;
    }

    .t-offset-xs-0 {
        margin-left: 0;
    }

    .t-pull-xs-0,
    .t-push-xs-0 {
        left: 0;
    }

    .t-offset-xs-1 {
        margin-left: 8.33333%;
    }

    .t-push-xs-1 {
        left: 8.33333%;
    }

    .t-pull-xs-1 {
        left: -8.33333%;
    }

    .t-offset-xs-2 {
        margin-left: 16.6667%;
    }

    .t-push-xs-2 {
        left: 16.6667%;
    }

    .t-pull-xs-2 {
        left: -16.6667%;
    }

    .t-offset-xs-3 {
        margin-left: 25%;
    }

    .t-push-xs-3 {
        left: 25%;
    }

    .t-pull-xs-3 {
        left: -25%;
    }

    .t-offset-xs-4 {
        margin-left: 33.3333%;
    }

    .t-push-xs-4 {
        left: 33.3333%;
    }

    .t-pull-xs-4 {
        left: -33.3333%;
    }

    .t-offset-xs-5 {
        margin-left: 41.6667%;
    }

    .t-push-xs-5 {
        left: 41.6667%;
    }

    .t-pull-xs-5 {
        left: -41.6667%;
    }

    .t-offset-xs-6 {
        margin-left: 50%;
    }

    .t-push-xs-6 {
        left: 50%;
    }

    .t-pull-xs-6 {
        left: -50%;
    }

    .t-offset-xs-7 {
        margin-left: 58.3333%;
    }

    .t-push-xs-7 {
        left: 58.3333%;
    }

    .t-pull-xs-7 {
        left: -58.3333%;
    }

    .t-offset-xs-8 {
        margin-left: 66.6667%;
    }

    .t-push-xs-8 {
        left: 66.6667%;
    }

    .t-pull-xs-8 {
        left: -66.6667%;
    }

    .t-offset-xs-9 {
        margin-left: 75%;
    }

    .t-push-xs-9 {
        left: 75%;
    }

    .t-pull-xs-9 {
        left: -75%;
    }

    .t-offset-xs-10 {
        margin-left: 83.3333%;
    }

    .t-push-xs-10 {
        left: 83.3333%;
    }

    .t-pull-xs-10 {
        left: -83.3333%;
    }

    .t-offset-xs-11 {
        margin-left: 91.6667%;
    }

    .t-push-xs-11 {
        left: 91.6667%;
    }

    .t-pull-xs-11 {
        left: -91.6667%;
    }
}

@media only screen and (min-width:361px) and (max-width:768px) {
    .t-container {
        max-width: 768px;
    }

    .t-container-static {
        max-width: none;
    }

    .t-container-fixed {
        width: 720px;
    }

    .t-container-narrow {
        max-width: 720px;
    }

    .t-container-fullwidth {
        max-width: 100%;
    }

    .t-hidden-sm,
    .t-visible-lg,
    .t-visible-md,
    .t-visible-xl,
    .t-visible-xs {
        display: none !important;
    }

    .t-col-sm-1 {
        width: 8.33333%;
    }

    .t-col-sm-2 {
        width: 16.6667%;
    }

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

    .t-col-sm-4 {
        width: 33.3333%;
    }

    .t-col-sm-5 {
        width: 41.6667%;
    }

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

    .t-col-sm-7 {
        width: 58.3333%;
    }

    .t-col-sm-8 {
        width: 66.6667%;
    }

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

    .t-col-sm-10 {
        width: 83.3333%;
    }

    .t-col-sm-11 {
        width: 91.6667%;
    }

    .t-col-sm-12 {
        width: 100%;
    }

    .t-offset-sm-0 {
        margin-left: 0;
    }

    .t-pull-sm-0,
    .t-push-sm-0 {
        left: 0;
    }

    .t-offset-sm-1 {
        margin-left: 8.33333%;
    }

    .t-push-sm-1 {
        left: 8.33333%;
    }

    .t-pull-sm-1 {
        left: -8.33333%;
    }

    .t-offset-sm-2 {
        margin-left: 16.6667%;
    }

    .t-push-sm-2 {
        left: 16.6667%;
    }

    .t-pull-sm-2 {
        left: -16.6667%;
    }

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

    .t-push-sm-3 {
        left: 25%;
    }

    .t-pull-sm-3 {
        left: -25%;
    }

    .t-offset-sm-4 {
        margin-left: 33.3333%;
    }

    .t-push-sm-4 {
        left: 33.3333%;
    }

    .t-pull-sm-4 {
        left: -33.3333%;
    }

    .t-offset-sm-5 {
        margin-left: 41.6667%;
    }

    .t-push-sm-5 {
        left: 41.6667%;
    }

    .t-pull-sm-5 {
        left: -41.6667%;
    }

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

    .t-push-sm-6 {
        left: 50%;
    }

    .t-pull-sm-6 {
        left: -50%;
    }

    .t-offset-sm-7 {
        margin-left: 58.3333%;
    }

    .t-push-sm-7 {
        left: 58.3333%;
    }

    .t-pull-sm-7 {
        left: -58.3333%;
    }

    .t-offset-sm-8 {
        margin-left: 66.6667%;
    }

    .t-push-sm-8 {
        left: 66.6667%;
    }

    .t-pull-sm-8 {
        left: -66.6667%;
    }

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

    .t-push-sm-9 {
        left: 75%;
    }

    .t-pull-sm-9 {
        left: -75%;
    }

    .t-offset-sm-10 {
        margin-left: 83.3333%;
    }

    .t-push-sm-10 {
        left: 83.3333%;
    }

    .t-pull-sm-10 {
        left: -83.3333%;
    }

    .t-offset-sm-11 {
        margin-left: 91.6667%;
    }

    .t-push-sm-11 {
        left: 91.6667%;
    }

    .t-pull-sm-11 {
        left: -91.6667%;
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .sidebar {
        position: fixed;
        width: 12.6667%;
    }

    .menu {
        width: 87.3333%;
    }

    .t-container {
        max-width: 1024px;
    }

    .t-container-static {
        max-width: none;
    }

    .t-container-fixed {
        width: 960px;
    }

    .t-container-narrow {
        max-width: 720px;
    }

    .t-container-normal {
        max-width: 960px;
    }

    .t-container-fullwidth {
        max-width: 100%;
    }

    .t-hidden-md,
    .t-visible-lg,
    .t-visible-sm,
    .t-visible-xl,
    .t-visible-xs {
        display: none !important;
    }

    .t-col-md-1 {
        width: 8.33333%;
    }

    .t-col-md-2 {
        /*width: 16.6667%;*/
        width: 12.6667%;
    }

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

    .t-col-md-4 {
        width: 33.3333%;
    }

    .t-col-md-5 {
        width: 41.6667%;
    }

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

    .t-col-md-7 {
        width: 58.3333%;
    }

    .t-col-md-8 {
        width: 66.6667%;
    }

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

    .t-col-md-10 {
        /*width: 83.3333%;*/
        width: 87.3333%;
    }

    .t-col-md-11 {
        width: 91.6667%;
    }

    .t-col-md-12 {
        width: 100%;
    }

    .t-offset-md-0 {
        margin-left: 0;
    }

    .t-pull-md-0,
    .t-push-md-0 {
        left: 0;
    }

    .t-offset-md-1 {
        margin-left: 8.33333%;
    }

    .t-push-md-1 {
        left: 8.33333%;
    }

    .t-pull-md-1 {
        left: -8.33333%;
    }

    .t-offset-md-2 {
        margin-left: 16.6667%;
    }

    .t-push-md-2 {
        left: 16.6667%;
    }

    .t-pull-md-2 {
        left: -16.6667%;
    }

    .t-offset-md-3 {
        margin-left: 25%;
    }

    .t-push-md-3 {
        left: 25%;
    }

    .t-pull-md-3 {
        left: -25%;
    }

    .t-offset-md-4 {
        margin-left: 33.3333%;
    }

    .t-push-md-4 {
        left: 33.3333%;
    }

    .t-pull-md-4 {
        left: -33.3333%;
    }

    .t-offset-md-5 {
        margin-left: 41.6667%;
    }

    .t-push-md-5 {
        left: 41.6667%;
    }

    .t-pull-md-5 {
        left: -41.6667%;
    }

    .t-offset-md-6 {
        margin-left: 50%;
    }

    .t-push-md-6 {
        left: 50%;
    }

    .t-pull-md-6 {
        left: -50%;
    }

    .t-offset-md-7 {
        margin-left: 58.3333%;
    }

    .t-push-md-7 {
        left: 58.3333%;
    }

    .t-pull-md-7 {
        left: -58.3333%;
    }

    .t-offset-md-8 {
        margin-left: 66.6667%;
    }

    .t-push-md-8 {
        left: 66.6667%;
    }

    .t-pull-md-8 {
        left: -66.6667%;
    }

    .t-offset-md-9 {
        margin-left: 75%;
    }

    .t-push-md-9 {
        left: 75%;
    }

    .t-pull-md-9 {
        left: -75%;
    }

    .t-offset-md-10 {
        margin-left: 83.3333%;
    }

    .t-push-md-10 {
        left: 83.3333%;
    }

    .t-pull-md-10 {
        left: -83.3333%;
    }

    .t-offset-md-11 {
        margin-left: 91.6667%;
    }

    .t-push-md-11 {
        left: 91.6667%;
    }

    .t-pull-md-11 {
        left: -91.6667%;
    }
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
    .t-container {
        max-width: 1200px;
    }

    .t-container-static {
        max-width: none;
    }

    .t-container-fixed {
        width: 1200px;
    }

    .t-container-narrow {
        max-width: 720px;
    }

    .t-container-normal {
        max-width: 960px;
    }

    .t-container-wide {
        max-width: 1280px;
    }

    .t-container-fullwidth {
        max-width: 100%;
    }

    .t-hidden-lg,
    .t-visible-md,
    .t-visible-sm,
    .t-visible-xl,
    .t-visible-xs {
        display: none !important;
    }

    .t-col-lg-1 {
        width: 8.33333%;
    }

    .t-col-lg-2 {
        width: 16.6667%;
    }

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

    .t-col-lg-4 {
        width: 33.3333%;
    }

    .t-col-lg-5 {
        width: 41.6667%;
    }

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

    .t-col-lg-7 {
        width: 58.3333%;
    }

    .t-col-lg-8 {
        width: 66.6667%;
    }

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

    .t-col-lg-10 {
        width: 83.3333%;
    }

    .t-col-lg-11 {
        width: 91.6667%;
    }

    .t-col-lg-12 {
        width: 100%;
    }

    .t-offset-lg-0 {
        margin-left: 0;
    }

    .t-pull-lg-0,
    .t-push-lg-0 {
        left: 0;
    }

    .t-offset-lg-1 {
        margin-left: 8.33333%;
    }

    .t-push-lg-1 {
        left: 8.33333%;
    }

    .t-pull-lg-1 {
        left: -8.33333%;
    }

    .t-offset-lg-2 {
        margin-left: 16.6667%;
    }

    .t-push-lg-2 {
        left: 16.6667%;
    }

    .t-pull-lg-2 {
        left: -16.6667%;
    }

    .t-offset-lg-3 {
        margin-left: 25%;
    }

    .t-push-lg-3 {
        left: 25%;
    }

    .t-pull-lg-3 {
        left: -25%;
    }

    .t-offset-lg-4 {
        margin-left: 33.3333%;
    }

    .t-push-lg-4 {
        left: 33.3333%;
    }

    .t-pull-lg-4 {
        left: -33.3333%;
    }

    .t-offset-lg-5 {
        margin-left: 41.6667%;
    }

    .t-push-lg-5 {
        left: 41.6667%;
    }

    .t-pull-lg-5 {
        left: -41.6667%;
    }

    .t-offset-lg-6 {
        margin-left: 50%;
    }

    .t-push-lg-6 {
        left: 50%;
    }

    .t-pull-lg-6 {
        left: -50%;
    }

    .t-offset-lg-7 {
        margin-left: 58.3333%;
    }

    .t-push-lg-7 {
        left: 58.3333%;
    }

    .t-pull-lg-7 {
        left: -58.3333%;
    }

    .t-offset-lg-8 {
        margin-left: 66.6667%;
    }

    .t-push-lg-8 {
        left: 66.6667%;
    }

    .t-pull-lg-8 {
        left: -66.6667%;
    }

    .t-offset-lg-9 {
        margin-left: 75%;
    }

    .t-push-lg-9 {
        left: 75%;
    }

    .t-pull-lg-9 {
        left: -75%;
    }

    .t-offset-lg-10 {
        margin-left: 83.3333%;
    }

    .t-push-lg-10 {
        left: 83.3333%;
    }

    .t-pull-lg-10 {
        left: -83.3333%;
    }

    .t-offset-lg-11 {
        margin-left: 91.6667%;
    }

    .t-push-lg-11 {
        left: 91.6667%;
    }

    .t-pull-lg-11 {
        left: -91.6667%;
    }
}

@media only screen and (min-width:1281px) {
    .sidebar {
        width: 16.6667%;
    }

    .menu {
        width: 83.3333%;
    }

    .t-container {
        max-width: 1280px;
    }

    .t-container-static {
        max-width: none;
    }

    .t-container-fixed {
        width: 1280px;
    }

    .t-container-narrow {
        max-width: 720px;
    }

    .t-container-normal {
        max-width: 960px;
    }

    .t-container-wide {
        max-width: 1280px;
    }

    .t-container-fullwidth {
        max-width: 100%;
    }

    .t-hidden-xl,
    .t-visible-lg,
    .t-visible-md,
    .t-visible-sm,
    .t-visible-xs {
        display: none !important;
    }

    .t-col-xl-1 {
        width: 8.33333%;
    }

    .t-col-xl-2 {
        width: 16.6667%;
    }

    .t-col-xl-3 {
        width: 25%;
    }

    .t-col-xl-4 {
        width: 33.3333%;
    }

    .t-col-xl-5 {
        width: 41.6667%;
    }

    .t-col-xl-6 {
        width: 50%;
    }

    .t-col-xl-7 {
        width: 58.3333%;
    }

    .t-col-xl-8 {
        width: 66.6667%;
    }

    .t-col-xl-9 {
        width: 75%;
    }

    .t-col-xl-10 {
        width: 83.3333%;
    }

    .t-col-xl-11 {
        width: 91.6667%;
    }

    .t-col-xl-12 {
        width: 100%;
    }

    .t-offset-xl-0 {
        margin-left: 0;
    }

    .t-pull-xl-0,
    .t-push-xl-0 {
        left: 0;
    }

    .t-offset-xl-1 {
        margin-left: 8.33333%;
    }

    .t-push-xl-1 {
        left: 8.33333%;
    }

    .t-pull-xl-1 {
        left: -8.33333%;
    }

    .t-offset-xl-2 {
        margin-left: 16.6667%;
    }

    .t-push-xl-2 {
        left: 16.6667%;
    }

    .t-pull-xl-2 {
        left: -16.6667%;
    }

    .t-offset-xl-3 {
        margin-left: 25%;
    }

    .t-push-xl-3 {
        left: 25%;
    }

    .t-pull-xl-3 {
        left: -25%;
    }

    .t-offset-xl-4 {
        margin-left: 33.3333%;
    }

    .t-push-xl-4 {
        left: 33.3333%;
    }

    .t-pull-xl-4 {
        left: -33.3333%;
    }

    .t-offset-xl-5 {
        margin-left: 41.6667%;
    }

    .t-push-xl-5 {
        left: 41.6667%;
    }

    .t-pull-xl-5 {
        left: -41.6667%;
    }

    .t-offset-xl-6 {
        margin-left: 50%;
    }

    .t-push-xl-6 {
        left: 50%;
    }

    .t-pull-xl-6 {
        left: -50%;
    }

    .t-offset-xl-7 {
        margin-left: 58.3333%;
    }

    .t-push-xl-7 {
        left: 58.3333%;
    }

    .t-pull-xl-7 {
        left: -58.3333%;
    }

    .t-offset-xl-8 {
        margin-left: 66.6667%;
    }

    .t-push-xl-8 {
        left: 66.6667%;
    }

    .t-pull-xl-8 {
        left: -66.6667%;
    }

    .t-offset-xl-9 {
        margin-left: 75%;
    }

    .t-push-xl-9 {
        left: 75%;
    }

    .t-pull-xl-9 {
        left: -75%;
    }

    .t-offset-xl-10 {
        margin-left: 83.3333%;
    }

    .t-push-xl-10 {
        left: 83.3333%;
    }

    .t-pull-xl-10 {
        left: -83.3333%;
    }

    .t-offset-xl-11 {
        margin-left: 91.6667%;
    }

    .t-push-xl-11 {
        left: 91.6667%;
    }

    .t-pull-xl-11 {
        left: -91.6667%;
    }
}

@font-face {
    font-family: LatoRegular;
    src: url(../Font/LatoRegular.ttf);
}

.clearfix:after,
.cnt_area-status:after {
    font-size: 0;
    content: " ";
    height: 0;
    visibility: hidden;
    clear: both;
}

.btn > a,
.mydatagrid a,
.plusSyb,
.sidebar-menu a,
.table_title a {
    text-decoration: none;
}

.MasterHeading,
.MinHeight4row {
    min-height: 30px !important;
}

.btn > a,
.page_title,
.uppercase {
    text-transform: uppercase;
}

.BtnWidgetCnrInner,
.BtnWidgetHeadCnrInner {
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%;
    padding: 0px 5px 0px 76px;
}

body {
    margin: 0;
    padding: 0;
    background-color: #fff;
}

body,
div,
input,
p,
select,
span,
table,
td {
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
}

.header2 {
    background-color: #415386;
    color: #fff;
}

.TimepickerWidget {
    padding: 3px 10px !important;
}

.cnt_area-status {
    max-width: 900px;
    margin: 15px auto;
    clear: both;
    float: none;
    padding: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .cnt_area-status:after {
        display: block;
    }

.cnt_area {
    max-width: 870px;
    margin: 20px auto;
}

.cnt_areaLarge {
    max-width: 950px;
    margin: 20px auto;
}

.cnt_area-sm {
    max-width: 600px;
    margin: 20px auto;
}

/*.login-panel {
  background: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, .41);
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, .41);
  margin: 7% auto;
  max-width: 420px;
  padding: 10px 0;
  font-family: Verdana, Geneva, sans-serif
}*/
.login-panel {
    background: rgba(31, 31, 31, 0.84);
    border-radius: 10px;
    /* border: 1px solid #212123; */
    -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, .41);
    box-shadow: 5px 5px 14px rgb(29, 30, 31);
    margin: 7% auto;
    max-width: 420px;
    padding: 10px 0 30px 0;
    font-family: Verdana, Geneva, sans-serif;
}

.font_awsm,
.table_title {
    font-family: Arial, FontAwesome;
}

.login-panel input[type=text],
.login-panel select,
.login-password,
.login-username {
    background: #f5f5f5;
    border: 2px solid #efefef;
    margin: 5px 0;
    padding: 7px;
    width: calc(100% - 14px);
    border-radius: 2px;
    display: block;
    font-family: Arial, FontAwesome;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.login-submit:hover {
    color: #232222;
}

.login-submit {
    border: 0;
    margin: 5px 0;
    padding: 5px 20px;
    border-radius: 2px;
}

.login-panel-head {
    border-bottom: 1px solid #1fa3ea;
    color: #7d7b7b;
    font-size: 22px;
    margin-bottom: 10px;
    padding: 0 10px;
    text-align: center;
}

/*.loginMsg {
  background-color: #ffa9a9;
  padding: 3px 20px;
  font-size: 15px;
  -webkit-transition: all .8s ease;
  transition: all .8s ease;
  color: #582626;
  font-weight: 500
}*/
.loginMsg {
    background: linear-gradient(to bottom,#e48c87 36%, #bf6159 41%, #de817b 100%);
    /* background-color: #9e5a5a; */
    padding: 3px 20px;
    font-size: 15px;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    color: #efebeb;
    font-weight: 500;
}

.Close,
.Close1,
.Overlay {
    -webkit-transition: all 1s ease;
}

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

.boxdes,
.brand-logo,
.copy_right p,
.form_hint,
.page_title,
.text-center,
.tool {
    text-align: center;
}

.sidebar-menu {
    padding: 15px;
}

    .sidebar-menu a {
        color: #fff;
        text-shadow: 1px 1px 1px #005165;
    }

.sidebar li {
    padding-top: 3px;
}

.brand-logo {
    color: #fff;
    font-size: 34px;
    padding: 5px 15px;
    border-bottom: 1px solid #d3a226;
    margin: 10px auto 0;
    font-weight: 700;
    text-shadow: 1px 1px 1px #000;
}

    .brand-logo img {
        max-width: 100%;
    }

.menu {
    padding: 8px;
}

.font_awsm {
    background: 0 0;
    border: 0;
}

.loginLabel {
    font-size: 13px;
    margin-left: 5px;
}

.login-panel-footer {
    font-size: 14px;
    margin-top: 10px;
    padding: 0 10px;
}

    .login-panel-footer > div {
        padding: 5px 0;
    }

        .login-panel-footer > div a {
            color: #f4ed3c;
        }

            .login-panel-footer > div a:hover {
                color: #8a8636;
            }

.Nav_bar {
    top: 40%;
    z-index: 10;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    padding: 5px 35px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    right: -87px;
    border-radius: 5px 5px 0 0;
}

.Overlay {
    position: fixed;
    top: 95px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    visibility: hidden;
    opacity: 0;
}

.Dropdown,
.Dropdown > ul > li {
    position: relative;
}

.Overlay_act {
    visibility: visible !important;
    opacity: 1 !important;
}

.sidebar-menu-cnr_act {
    -webkit-transform: translate(0) !important;
    transform: translate(0) !important;
}

.Dropdown ul {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all .5s cubic-bezier(.79, .14, .15, .86);
    transition: all .5s cubic-bezier(.79, .14, .15, .86);
    padding-left: 15px;
    border-left: 1px solid #fff;
}

.Error_msg,
.success_msg {
    -webkit-transition: all .8s ease;
    margin: 10px 0;
}

.snmn_act {
    max-height: 1000px !important;
}

li.Dropdown .Dropdown > span {
    color: #b0ff88;
    display: block;
    font-weight: 700;
}

li.Dropdown span {
    color: #fff;
    display: block;
    font-weight: 700;
    font-size: 12px;
    text-shadow: 1px 1px 1px #005165;
}

.close:after,
.open:after {
    font-family: FontAwesome;
    top: 4px;
    font-size: 10px;
    position: relative;
    float: right;
}

.input-box select,
.inputbox select,
.inputwrap input[type=password],
.inputwrap input[type=text],
.inputwrap select,
.inputwrap textarea,
.pnlHeader,
.popUpCaption {
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
}

.close:after {
    content: "\f078";
}

.open:after {
    content: "\f077";
}

.Dropdown > ul > li {
    font-size: 12px;
}

.srch_btn,
.srch_btn-8,
.srch_btn0,
.srch_btn1,
.srch_btn2,
.srch_btn3,
.srch_btn4,
.srch_btn5 {
    position: absolute;
    top: 3px;
}

.Dropdown > ul > .Dropdown > ul > li {
    font-size: 12px;
}

.input-box input[type=password],
.input-box input[type=text],
.input-box textarea,
.input-box_W_Srh input[type=password],
.input-box_W_Srh input[type=text],
.input-box_W_Srh select,
.inputbox input[type=password],
.inputbox input[type=text],
.inputbox textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 5px;
    border-radius: 2px;
    border: 1px solid #b6bec1;
    font-size: 13px;
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
}

input:disabled-,
textarea:disabled {
    background: -webkit-linear-gradient(top, #fffefb 0, #f3f2ec 100%);
    background-color: #f5f5ef;
    border: 1px solid #e0e0e0 !important;
}

.inputwrap input[type=password],
.inputwrap input[type=text],
.inputwrap textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 5px;
    border-radius: 2px;
    border: 1px solid #dedede;
    font-size: 13px;
}

.input-box select,
.inputbox select,
.inputwrap select {
    width: 100%;
    padding: 2px 5px;
    font-size: 13px;
}

.input-box select,
.inputbox select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #dedede;
}

.input-box select,
.inputwrap select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #adadad;
}

.boxdes,
.label {
    font-size: 12px;
    font-weight: 700;
}

input:not([type]):disabled,
input[type=emaili]:disabled,
input[type=numberi]:disabled,
input[type=passwordi]:disabled,
input[type=searchi]:disabled,
input[type=teli]:disabled,
input[type=texti]:disabled,
select:disabled,
textarea:disabled {
    border: 1px solid #b6bec1;
    background-color: #d3d3d3 !important;
}

.srch_btn {
    right: 8px;
}

.srch_btn0 {
    right: 12px;
}

.srch_btn3 {
    right: 48px;
}

.srch_btn5 {
    right: 40px;
}

.srch_btn1 {
    right: 20px;
}

.srch_btn2 {
    right: 30px;
}

.srch_btn4 {
    right: 28px;
}

.srch_btn-8 {
    right: -8px;
}

.srch_btn input,
.srch_btn input:hover,
.srch_btn1 input,
.srch_btn1 input:hover,
.srch_btn2 input,
.srch_btn2 input:hover {
    outline: 0;
}

    .srch_btn input:focus,
    .srch_btn1 input:focus,
    .srch_btn2 input:focus {
        border: 1px solid #7d9fd5;
        -webkit-box-shadow: 0 0 2px #a6c7ff;
        box-shadow: 0 0 2px #a6c7ff;
    }

.input-box_W_Srh {
    padding-right: 30px;
}

.label {
    padding: 5px 0;
}

.boxdes {
    background: #ffb800;
    color: #422f00;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #c1ad79;
}

.wd120 {
    width: 120px;
}

.wd150 {
    width: 150px;
}

.Error_msg {
    display: block;
    padding: 10px;
    background: #f1c0c0;
    color: #fff;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}

.success_msg,
.success_msg1 {
    padding: 10px 0;
    background: #c3f1c0;
    color: #096d03;
}

.success_msg {
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}

.success_msg1 {
    margin: 1px 0;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}

.Popup,
.Popuplg_12 {
    -webkit-transition: all 1s ease 0s;
}

.form_hint::after,
.tool::after {
    content: "";
    margin-top: -5px;
    border-style: solid;
    border-color: transparent #000 transparent transparent;
}

.input-box:hover .form_hint,
.inputbox:hover .form_hint,
.inputwrap:hover .form_hint {
    visibility: visible;
}

.form_hint,
.tool {
    visibility: hidden;
    background-color: #000;
    color: #fff;
    border-radius: 6px;
    padding: 5px 0;
    z-index: 1;
    position: absolute;
}

.form_hint {
    width: 160px;
    bottom: 128%;
    left: 0;
    font-size: 11px;
}

    .form_hint::after {
        position: absolute;
        top: 88%;
        right: 90%;
        border-width: 8px;
    }

.tool {
    width: 120px;
    top: -5px;
    left: 110%;
}

    .tool::after {
        position: absolute;
        top: 50%;
        right: 100%;
        border-width: 5px;
    }

.validate {
    position: absolute;
    right: 0;
    top: 16px;
    color: red;
}

.valid-star,
.validate-star {
    top: 7px;
    color: red;
    position: absolute;
}

.validate-star {
    right: 0;
    width: 7px;
}

.Popup,
.Popuplg,
.RateTbl,
.RateTbl input {
    width: 100%;
}

.valid-star {
    right: 15px;
}

.valid-alert {
    position: absolute;
}

.inputwrap {
    padding-right: 25px;
}

.input-box {
    padding-right: 15px;
}

.input-box_W_Search {
    padding-right: 28px;
}

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

.padding-5-0-0-16 {
    padding: 5px 0 0 16px;
}

.grid-massage {
    background-image: linear-gradient(to right, #607D8B, #9E9E9E);
    padding-left: 21px;
    /* border: 1px solid #155971; */
    color: #ffffff;
}

.login-panel .label {
    font-size: 12px;
    padding: 12px 0;
    color: #fff;
}

hr.line {
    border-bottom: 1px solid rgba(66, 139, 202, .35);
    margin-top: 20px;
    border-top: 0;
}

.login-panel .aspNetDisabled {
    color: #c3c3c3 !important;
    text-transform: uppercase;
    background: #fff !important;
}

.input_Error,
.input_Error5 {
    color: red;
    font-size: smaller;
}

.input_Error {
    padding: 10px 15px;
    margin: 10px 0;
}

.input_Error5 {
    padding: 3px 0;
    margin: 1px 0;
}

.page_title {
    padding: 2px;
    font-size: 18px;
}

.Dropdown .Dropdown ul.snmn_act li:before {
    content: "_";
    position: absolute;
    left: -15px;
    top: -1px;
    color: #f3ed3b;
}

.Overlay_popup,
.Overlay_popup1,
.TimepickerWidgetPicker:before,
.form_hint1::after,
.hintOnGrid span:after,
.profPopupArrow {
    content: "";
}

.modalPopupPage,
.modalPopupPageSm {
    padding: 5px;
    top: 10% !important;
    position: fixed !important;
}

.Dropdown .Dropdown ul.snmn_act {
    border-left: 1px solid #f3ed3b;
}

.modalBackground {
    background-color: Gray;
    opacity: .7;
}

.Popup,
.Popuplg,
.Popuplg_12,
.bgWhite,
.modalPopupPage,
.modalPopupPage2,
.modalPopupPageLG,
.modalPopupPageSm {
    background: #fff;
}

.modalPopupPage {
    left: 20% !important;
    right: 20% !important;
}

.modalPopupPageSm {
    left: 25% !important;
    right: 25% !important;
}

.modalPopupPageXL,
.modalPopupPageXLg {
    padding: 5px;
    left: 5% !important;
    right: 5% !important;
    background: #fff;
}

.modalPopupPageXLg {
    top: 1% !important;
    position: fixed !important;
}

.modalPopupPageXL {
    top: 10% !important;
    position: fixed !important;
}

.modalPopupPage1,
.modalPopupPage2 {
    right: 20% !important;
    top: 5% !important;
    padding: 5px;
    position: fixed !important;
    left: 20% !important;
}

.modalPopupPageLG {
    padding: 5px;
    left: 10% !important;
    right: 10% !important;
    top: 10% !important;
    position: fixed !important;
}

.pnlHeader {
    font-size: 12px;
    font-weight: 700;
    padding: 8px 2px 5px;
    vertical-align: middle;
}

.popUpCaption {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding-left: 10px;
    vertical-align: middle;
}

.status_table {
    color: #6f6f6f;
    width: 100%;
}

.footer {
    padding: 0 !important;
}

.copy_right p {
    margin: 0;
}

.copy_right {
    padding: 10px 0 !important;
    font-size: 12px;
}

.GridViewStyle-noborder {
    border: none;
}

    .GridViewStyle-noborder td,
    .GridViewStyle-noborder-chk {
        font-family: "Segoe UI", Arial, Helvetica, sans-serif;
        color: #000;
        font-size: 12px;
        font-weight: 700;
    }

.GridViewStyle {
    background-color: #fff;
    margin: 5px 0 10px;
    border: 1.5px solid #a1dcf2;
    border-collapse: separate !important;
    font: 12px 'Segoe UI', Arial, Helvetica, sans-serif;
    color: #000;
    border-radius: 8px;
    overflow: hidden;
}

.StaticHeader,
table.MydataDtlsGrid {
    border-collapse: collapse;
}

.grid-footer,
.legend,
.listBosTitle,
.noof-rec span,
.pager span,
.selectedrow,
.table_title,
.txtheader {
    font-weight: 700;
}

.GridViewStyle td {
    padding: 2px;
    border: 1px solid #a1dcf2;
}

.popup_cnr {
    padding: 20px 0;
}

.Popup,
.Popuplg_12 {
    visibility: hidden;
    opacity: 0;
    padding: 3px;
}

.responsive_table {
    max-width: 100%;
    overflow: auto;
}

.Popup,
.Popuplg,
.Popuplg_12 {
    position: fixed;
    top: 10%;
    border-radius: 3px;
    margin: 0 auto;
    z-index: 10000;
}

.Popup {
    left: 0;
    right: 0;
    max-width: 500px;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.Popuplg_12 {
    left: 10px;
    right: 10px;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.Overlay_popup,
.Overlay_popup1,
.Popuplg {
    right: 0;
    visibility: hidden;
    opacity: 0;
    left: 0;
}

.Overlay_popup,
.Popuplg {
    -webkit-transition: all 1s ease 0s;
}

.RateTbl td {
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.Popuplg {
    max-width: 800px;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    padding: 3px;
}

.Overlay_popup,
.Overlay_popup1 {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    bottom: 0;
}

.Popup-Btn_cnr {
    margin: 25px 0;
}

.popup_body {
    padding: 10px;
}

.Popup-Btn_cnr input {
    margin: 0 5px;
    padding: 2px 28px;
}

.Overlay_popup {
    z-index: 9999;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.Overlay_popup1,
.overlay {
    -webkit-transition: all 1s ease 0s;
}

.Overlay_popup1 {
    z-index: 100002;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.Close,
.Close1,
.CloseAndOpenPerant {
    font-family: Arial, FontAwesome;
    padding: 0;
    position: absolute;
    top: 9px;
    right: 7px;
    width: 16px;
    height: 16px;
    text-align: center;
    font-size: 13px;
    background: 0 0;
    cursor: pointer;
}

.Close,
.Close1 {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    border-radius: 26px;
    color: #fff;
}

.CloseAndOpenPerant {
    color: #fbfbfb;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    border-radius: 26px;
    border: 2px solid;
}

.popup_head {
    padding: 5px 15px;
}

.Active_popup {
    visibility: visible !important;
    opacity: 1 !important;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .32);
    box-shadow: 0 0 8px rgba(0, 0, 0, .32);
}

.login_cnr {
    background: #fff;
    border-radius: 10px;
    margin: 5% auto;
    max-width: 480px;
    padding: 15px 0;
}

.LoginPanel {
    bottom: 0;
    left: 0;
    position: fixed !important;
    right: 0;
    top: 0;
}

.validationStar-position {
    right: 20px;
    top: 4px;
}

.txtbutton-position {
    right: 29px;
    top: -2px;
}

.txtbutton-position-search {
    right: 29px;
    bottom: 0;
}

.txtbutton-position-search1 {
    right: 0;
    bottom: 0;
}

.txtbutton-position-search2 {
    right: 23px;
    bottom: 0;
}

.txtbutton-position-search3 {
    right: 31px;
    bottom: 0;
}

.txtbutton-position-search4 {
    right: 57px;
    bottom: 0;
}

.txtbutton-position-search5 {
    right: 33px;
    bottom: 0;
}

.txtbutton-position-search6 {
    right: 13px;
    bottom: 0;
}

.txtbutton-position-search7 {
    right: 26px;
    bottom: 0;
}

.txtbutton-position-search8 {
    right: 10px;
    bottom: 0;
}

.txtbutton-position-search9 {
    right: 20px;
    bottom: 0;
}

.txtbutton-position-search10 {
    right: 10px;
    bottom: 0;
}

.txtbutton-position-search11 {
    right: 16px;
    bottom: 0;
}

.txtbutton-position-search12 {
    right: -3px;
    bottom: 0;
}

.txtbutton-position-search13 {
    right: 80px;
    bottom: 0;
}

.txtbutton-position-search14 {
    right: 40px;
    bottom: 0;
}

.txtbutton-position-search15 {
    right: 45px;
    bottom: 0;
}

.imgbtnwd {
    width: 20px;
}

.validationalert-position {
    right: 5px;
    top: 0;
}

.errorbtn-position {
    right: 2px;
    top: 0;
}

.Username1 {
    background: url(../../images/Icons/user.png) left center no-repeat rgba(0, 0, 0, 0) !important;
    padding-left: 20px !important;
}

.select_box {
    width: 100%;
    z-index: 100011;
}

.login_footer {
    background: #e0eaff;
    padding: 10px;
}

.line {
    border-color: rgba(204, 204, 204, .11);
    margin: 20px auto 0;
}

.rcRefreshImage {
    margin-left: 6px;
}

.border-blue {
    border-color: #428bca !important;
}

.RadMenu .rmGroup,
.RadMenu .rmMultiColumn,
.RadMenu .rmRootGroup,
.RadMenu_Default .rmRootGroup {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.responsive-table,
.responsive-table2 {
    -webkit-box-sizing: border-box;
    width: 100%;
}

.rmRootScrollGroup {
    width: 100% !important;
}

.user-profile {
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    color: #000;
    opacity: 0;
    padding: 5px;
    right: -13px;
    text-align: left;
    top: 30px;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    visibility: hidden;
    width: 290px;
    z-index: 99999;
    background: #fff;
}

.Updateloader,
.btn,
.header,
.loader {
    text-align: center;
}

.UserOpttooltips > input {
    border: 1px solid transparent;
}

.active-profile {
    visibility: visible;
    opacity: 1;
}

.btn {
    background: #f5f5f5;
    color: #fff;
    margin: 5px auto;
    padding: 7px;
    border-radius: 3px;
}

.pro-pic {
    height: 100px;
    margin-top: 5px;
    overflow: hidden;
    width: 90%;
}

.btn > a {
    color: #515151;
}

.gray-font-color {
    color: #a9a9a9;
}

.profPopupArrow {
    border-bottom: 8px solid #fff;
    border-left: 8px solid rgba(60, 128, 168, 0);
    border-right: 8px solid transparent;
    bottom: 0;
    height: 0;
    position: absolute;
    right: 31px;
    top: -8px;
    width: 0;
}

.responsive-table,
.responsive-table2 {
    border: 1px solid #ccc;
}

.overflowy-auto {
    overflow-y: auto;
}

.riTextBox {
    width: 100%;
}

.capt img {
    height: auto !important;
    width: 90% !important;
}

.lab {
    padding: 3px 0;
}

.tdStatusBorder span {
    display: block;
    margin: 3px 5px;
}

.responsive-table {
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.responsive-table2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fieldset,
.lblText {
    -webkit-box-sizing: border-box;
}

.responsive-table1 {
    overflow-x: auto;
    width: 100%;
    overflow-y: hidden;
}

.wizard-window {
    left: 0 !important;
    margin: 0 auto;
    max-width: 400px;
    right: 0 !important;
    top: 10% !important;
    width: 100% !important;
    z-index: 9999 !important;
}

.img-upldr-cnr {
    width: 120px;
    margin: 5px auto;
}

.menu_tog {
    background: 0 center rgba(0, 0, 0, 0);
    border: 1px solid #428bca;
    border-radius: 2px;
    float: right;
    margin: 10px 30px;
    padding: 0;
}

.overlay {
    background: rgba(0, 0, 0, .9);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.notification,
.sidemenu {
    background: #428bca;
    color: #fff;
    padding: 4px 0;
    position: absolute;
    top: 44%;
    width: 125px;
    z-index: 99999;
    text-align: center;
}

.notification {
    left: -75px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.footer-text span > span {
    float: left;
    margin: 0 1px;
}

.sidemenu {
    right: -74px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.menu_tog span {
    background: #428ecb;
    display: block;
    height: 2px;
    margin: 5px;
    width: 20px;
}

.close_mnu {
    background: 0 center #eb0707;
    border-radius: 2px;
    float: right;
    height: 14px;
    margin: 10px 0;
    padding: 0;
    position: relative;
    width: 14px;
    z-index: 9999;
}

.clnr_ctrl input[type=image],
.clnr_ctrl input[type=text],
.fieldset,
.inputbox,
.scrollbar {
    float: left;
}

.close_mnu span {
    background: #f7f7f7;
    bottom: 0;
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
    top: 4px;
    margin: 1px;
}

.popup-custom,
.popup-custom1 {
    left: 0 !important;
    margin: 0 auto;
    overflow: auto;
    right: 0;
    z-index: 99999 !important;
    width: 100% !important;
}

.close_mnu > span:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close_mnu > span:last-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.demo-container .lab {
    min-height: 18px;
}

.aprvl textarea {
    height: 25px !important;
}

.popup-custom {
    top: 10% !important;
}

.popup-custom1 {
    top: 30% !important;
    position: fixed !important;
}

.rm_btn {
    right: -14%;
    top: 65%;
}

.RadAsyncUpload.RadUpload.RadUpload_Default {
    position: relative;
    right: 5px;
}

.imgbtns {
    position: relative;
    top: 2px;
}

.wngsign {
    bottom: 0;
    right: 0;
    top: 0;
}

.wngsignxmark {
    bottom: 0;
    right: -3px;
    top: 2px;
}

.comment_wrap {
    padding-right: 27px;
    position: relative;
    right: 4px;
}

.comment_wrap2 {
    padding-right: 20px;
    position: relative;
    right: 11px;
}

.TelerikModalOverlay,
.fixedheader,
.footer-text {
    position: fixed !important;
}

.TelerikModalOverlay {
    width: 100% !important;
    height: 100% !important;
}

.fixedheader {
    left: 15px;
    right: 15px;
    top: 0;
    z-index: 999;
}

.footer-text {
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
}

#middle {
    margin: 75px 1px 41px 0;
}

#RadAjaxLoadingPanel1 .raDiv > img {
    left: 47% !important;
    top: 33% !important;
}

.full-width {
    max-width: 100% !important;
    padding: 0 !important;
}

.RadWindow {
    z-index: 100000 !important;
}

.RadAjax_Default .raDiv {
    background: 0 center rgba(0, 0, 0, 0) !important;
}

/*.fieldset {
  border: 1px solid #828282;
  border-radius: 5px;
  padding: 10px 0;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}*/

/*.legend {
  background: #f8f8f8;
  left: 10px;
  padding: 0;
  position: absolute;
  top: -9px;
  color: orange!important;
  font-size: 12px
}*/

.fieldset, fieldset {
    border: 3px solid #799dab;
    border-radius: 0px;
    padding: 15px 0 10px 0;
    margin-top: 10px;
    background-image: linear-gradient(to right, #abbdc34f,#60777f26);
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    border-top-style: hidden;
    border-left-style: hidden;
    border-bottom-style: solid;
    border-right-style: hidden;
    box-shadow: 5px 5px 5px #d2d2d2;
}

.legend, legend {
    background: #467a8e;
    left: 10px;
    padding: 2px 8px;
    position: absolute;
    top: -9px;
    color: white !important;
    font-size: 12px;
    font-weight: 700;
}

.popup-custom-3,
.popup-custom-4 {
    top: 10% !important;
    z-index: 99999 !important;
    margin: 0 auto;
    overflow: hidden;
}

.fieldsetborder {
    border: 1px solid;
    padding: 10px 0 10px 30px !important;
    border-radius: 5px;
}

.rmrk_wrap {
    padding-right: 75px;
    position: relative;
    right: -45px;
}

.border-radius-4px {
    border-radius: 4px;
}

.flpopup {
    width: 90% !important;
}

.button-fl-wid,
.button-fl-wid input,
.popup-custom-3,
.popup-custom-4 {
    width: 100% !important;
}

.border-0 {
    border: 0 !important;
}

.pad3onllab .lab {
    padding: 2px 3px !important;
}

.border-0-on-hover1:focus,
.border-0-on-hover1:hover {
    border-color: #d0d0d0 !important;
}

.popup-custom-3 {
    left: 0 !important;
    right: 0;
    max-width: 300px;
}

.popup-custom-4 {
    max-width: 980px;
}

.demo-container .lab textarea {
    height: 14px !important;
    padding: 0 !important;
    overflow-y: hidden;
}

.popup-close {
    position: absolute;
    right: -13px;
    top: -30px;
}

.top20 {
    top: 20% !important;
}

.txtbutton-position-history {
    right: 5px;
    top: 0;
}

.valid-alert1 {
    position: relative;
    left: 2px;
    top: 3px;
}

.button-fl-wid {
    margin: 5px auto;
}

.fnt-siz-95em {
    font-size: .95em;
}

.chckbxmand {
    width: 118px;
}

.border1-in td {
    border: 1px solid #428bca;
}

.btnMode1 input {
    padding: 0;
    width: calc(100% - 4px);
}

.btnMode1 {
    width: 100%;
}

.rfsh_btn {
    top: -29px;
    right: -1px;
}

.refresh_btn {
    top: 6px;
    right: 0;
    z-index: 99;
}

.pad_adjst_input {
    padding: 0 4px !important;
}

.refresh_btn1 {
    top: -11px;
    right: -9px;
    z-index: 99;
}

.rgMasterTable .rgRow > td > input {
    display: block;
}

.FullWidthPopup {
    max-width: 95% !important;
    margin: 0 auto;
    max-height: 80% !important;
}

.responsive-table .RadGrid {
    border: 0 !important;
}

.comment_wrap1 {
    padding-right: 27px;
    position: relative;
    padding-left: 23px;
}

.Updateloader,
.loader {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .5);
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    z-index: 99999;
}

.loader-dct {
    visibility: hidden !important;
    opacity: 0 !important;
}

.svg-loader {
    margin-top: 21%;
}

    .svg-loader path,
    .svg-loader rect {
        fill: red;
    }

.mydatagrid {
    width: 80%;
    min-width: 80%;
}

.header {
    font-family: Arial;
    border: 0 transparent;
    height: 30px;
    font-size: 12px;
}

.pager,
.row-alt,
.rows,
.rows1,
.selectedrow {
    font-family: Arial;
    text-align: left;
}

#wrapper,
.form_hint1,
.listBosTitle,
.listBoxBtn {
    text-align: center;
}

.row-alt,
.rows,
.rows1 {
    font-size: 12px;
    min-height: 25px;
    border-color: #c7c7c7;
}

.selectedrow {
    background-color: #ff8000;
    color: #fff;
}

.mydatagrid a {
    background-color: Transparent;
    padding: 5px;
    color: #000;
    font-size: 12px;
}

.pager {
    color: #fff;
    height: 30px;
}

    .pager a {
        padding: 2px 5px;
        border-radius: 3px;
    }

    .pager span {
        padding: 0 5px;
        border-radius: 3px;
    }

.img-file-up1,
.img-file-up2 {
    border: 5px solid #fff;
    text-align: center;
}

.mydatagrid td,
.mydatagrid th {
    padding: 5px;
}

.img-file-up {
    width: 200px;
    height: 140px;
    background: #f1f1f1;
    margin: 24px auto;
}

.img-file-up-150 {
    width: 150px;
    height: 130px;
    background: #f1f1f1;
    overflow: hidden;
}

.fnt-siz-11px {
    font-size: 11px;
}

.img-file-up1 {
    width: 100%;
    min-height: 131px;
    background: #f9f9f9;
    margin: 24px auto;
    -webkit-box-shadow: 0 0 5px #00047;
    box-shadow: 0 0 5px #00047;
}

.img-file-up2 {
    width: 25%;
    float: left;
    margin-top: 8px;
    -webkit-box-shadow: 0 0 5px #00047;
    box-shadow: 0 0 5px #00047;
}

.img-file-up img,
.img-file-up1 img {
    max-width: 100%;
    max-height: 100%;
}

.clnr_ctrl input[type=text] {
    width: 85%;
}

.clnr_ctrl input[type=image] {
    width: 10%;
    position: relative;
    left: 2px;
    top: 5px;
}

.Calendar_grid {
    position: absolute;
    z-index: 99;
    background: #fff;
}

.ajax__calendar,
.cmfv {
    z-index: 999;
}

.cmfv {
    position: absolute;
    right: 0;
    left: 0;
    top: 35px;
    background: #e4e4e4;
    border: 1px solid;
}

.table_title {
    background: #ccc;
    padding: 5px;
    font-size: 12px;
}

.plusSyb {
    color: green;
    margin-right: 5px;
    font-size: 15px;
    font-family: Arial, FontAwesome;
}

.edit_btnImg,
.refresh_btnImg {
    padding: 8px !important;
    top: 11px;
    margin: 0 5px;
    position: relative;
}

.ChpwdCndSMnu,
.disc textarea {
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
}

.table_title a {
    color: #000;
}

.Edit_btn {
    background: url(../../images/edit.png) no-repeat;
    border: 0;
    background-size: 100%;
    width: 16px;
}

.Del_btn,
.edit_btnImg,
.refresh_btnImg {
    border: 0;
    background-color: transparent;
    background-size: 100%;
    width: 16px;
    background-repeat: no-repeat;
}

.Del_btn {
    background-image: url(../../images/Delete25.png);
}

.refresh_btnImg {
    background-image: url(../../images/refresh.svg);
}

.edit_btnImg {
    background-image: url(../../images/editimg.svg);
}

.warningsign {
    vertical-align: bottom;
}

.valid-alert {
    right: 0;
    top: 3px;
}

.disc textarea {
    width: 100% !important;
    height: 70px !important;
}

.lblText {
    border: 1px solid #adadad;
    border-radius: 2px;
    min-height: 25px;
    font-size: 14px;
    padding-top: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 6px;
}

.AddBtn,
.inputbox {
    -webkit-box-sizing: border-box;
}

.inputbox {
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    padding-right: 15px;
}

.form_hint1 {
    visibility: hidden;
    width: 160px;
    background-color: #000;
    color: #fff;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 128%;
    left: 0;
    font-size: 11px;
}

    .form_hint1::after {
        position: absolute;
        top: 88%;
        right: 90%;
        margin-top: -5px;
        border-width: 8px;
        border-style: solid;
        border-color: transparent #000 transparent transparent;
    }

.input-box:hover .form_hint1,
.inputbox:hover .form_hint1,
.inputwrap:hover .form_hint1 {
    visibility: visible;
}

.inputbox input[type=checkboxi] {
    margin: 0 6px 0 0;
    position: relative;
    top: 1px;
}

.popup_cnr .responsive_table {
    max-height: 56vh;
}

label {
    font-size: 12px;
}

.modalPopupPageRML {
    padding: 5px;
    left: 20% !important;
    right: 20% !important;
    top: 1% !important;
    position: fixed !important;
    background: #fff;
}

.BoxWid {
    -webkit-box-shadow: 1px 1px 11px 0 rgba(0, 0, 0, .35);
    box-shadow: 1px 1px 11px 0 rgba(0, 0, 0, .35);
    border-radius: 5px;
    margin: 15% auto;
    max-width: 50%;
}

.scrollbar {
    margin-left: 12px;
    overflow-y: scroll;
}

.force-overflow {
    min-height: 450px;
}

#wrapper {
    margin: auto;
}

#style-1::-webkit-scrollbar,
#style-2::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5;
}

#style-10::-webkit-scrollbar,
#style-11::-webkit-scrollbar,
#style-4::-webkit-scrollbar,
#style-5::-webkit-scrollbar,
#style-6::-webkit-scrollbar,
#style-7::-webkit-scrollbar,
#style-8::-webkit-scrollbar,
#style-9::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5;
}

#style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

#style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

#style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #d62929;
}

#style-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

#style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5;
}

#style-3::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5;
}

#style-3::-webkit-scrollbar-thumb {
    background-color: #000;
}

#style-4::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5;
}

#style-4::-webkit-scrollbar-thumb {
    background-color: #000;
    border: 2px solid #555;
}

#style-5::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5;
}

#style-5::-webkit-scrollbar-thumb {
    background-color: #0ae;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
}

#style-6::-webkit-scrollbar-thumb {
    border-radius: 3px;
}

#style-7::-webkit-scrollbar-track {
    border-radius: 10px;
}

#style-7::-webkit-scrollbar-thumb {
    border-radius: 10px;
}

#style-8::-webkit-scrollbar-track {
    border: 1px solid #000;
    background-color: #f5f5f5;
}

#style-8::-webkit-scrollbar-thumb {
    background-color: #000;
}

#style-9::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5;
}

#style-9::-webkit-scrollbar-thumb {
    background-color: #f90;
    background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}

#style-10::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, right top, from(#96a6bf), to(#63738c));
    background: linear-gradient(left, #96a6bf, #63738c);
    -webkit-box-shadow: inset 0 0 1px 1px #5c6670;
    box-shadow: inset 0 0 1px 1px #5c6670;
}

#style-10::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #eee;
    -webkit-box-shadow: 0 0 1px 1px #bbb, inset 0 0 7px rgba(0, 0, 0, .3);
    box-shadow: 0 0 1px 1px #bbb, inset 0 0 7px rgba(0, 0, 0, .3);
}

#style-10::-webkit-scrollbar-thumb:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#8391a6), to(#536175));
    background: linear-gradient(left, #8391a6, #536175);
}

#style-11::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgba(0, 0, 0, .1);
    border: 1px solid #ccc;
}

#style-11::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(#e4e4e4));
    background: linear-gradient(left, #fff, #e4e4e4);
    border: 1px solid #aaa;
}

    #style-11::-webkit-scrollbar-thumb:hover {
        background: #fff;
    }

    #style-11::-webkit-scrollbar-thumb:active {
        background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#22add4), to(#1e98ba));
        background: linear-gradient(left, #22add4, #1e98ba);
    }

.rdbtn3 .reqSymbol,
.reqSymbol {
    width: 10px;
    height: 10px;
    background: url(../../images/alert.svg) no-repeat;
    position: absolute;
    display: block;
}

.rdbtn3 .reqSymbol {
    right: 76px;
    top: 11px;
}

.reqSymbol {
    right: 0;
    top: 8px;
}

.calender_icon {
    position: absolute;
    right: 15px;
    top: 5px;
    z-index: 999;
}

.GridHeaderFreez,
.coveragesContainer div table th {
    top: expression(this.offsetParent.scrollTop);
    position: relative;
}

.calender_icon input {
    width: 13px;
}

.listBoxBtn {
    padding: 3px;
}

.listBosTitle {
    padding: 10px 0;
    font-size: 15px;
    color: #1c4d98;
}

.datealignment {
    position: ABSOLUTE;
    margin-top: -21px;
    PADDING-LEFT: 131px;
}

.failure_msg {
    padding: 10px 0;
    margin: 10px 0;
    background: red;
    color: #fff;
}

.dspBlc {
    display: block;
}

.grid-header {
    color: #ff0;
    font-size: 13px !important;
    height: 30px;
    background: -webkit-linear-gradient(90deg, #272216 0, #565339 100%);
    background-color: #000;
}

.grid-row,
.grid-row a {
    background-color: #e6e6cb;
    font-size: 13px;
    color: #000 !important;
}

.grid-row-alt,
.grid-row-alt a {
    background-color: #fffff3;
    font-size: 13px;
    color: #000 !important;
}

.grid-footer {
    color: #ff0;
    background: -webkit-linear-gradient(90deg, #272216 0, #565339 100%);
}

    .grid-footer a {
        color: #fff !important;
        padding: 0 7px;
        background: -webkit-linear-gradient(top, rgba(76, 76, 76, 1) 0, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
    }

    .grid-footer span {
        padding: 0 7px;
        background: -webkit-linear-gradient(top, rgba(76, 76, 76, 1) 0, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 90%, rgba(19, 19, 19, 1) 100%);
    }

.popup-mult-grid-scroll {
    overflow-y: scroll;
    position: relative;
    max-height: 340px;
}

.grid-footer a:hover {
    color: #ff0 !important;
}

.noof-rec span {
    position: static;
    background: #504a1c;
    padding: 5px 30px;
    color: #fff;
    border-radius: 5px 5px 0 0;
    min-width: 0;
}

.GridHeaderFreez {
    z-index: 10;
}

.coveragesContainer div {
    overflow: auto;
    height: 380px;
    position: relative;
    margin: 0 auto;
}

    .coveragesContainer div table tbody {
        overflow: visible;
    }

.AddBtn {
    right: 20px;
    top: 8px;
    width: 30px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99;
}

.AddBtnImg,
.BookBtnImg {
    -webkit-box-sizing: border-box;
    -o-border-image: initial;
    z-index: 99;
    border-image: initial;
    background-repeat: no-repeat;
    width: 100%;
}

.AddBtnImg {
    background-color: transparent;
    background-image: url(../../images/add.svg);
    background-size: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 0;
    border-style: initial;
    border-color: initial;
    height: 20px;
}

.AddBtnImgwh,
.BookBtnImg {
    background-color: transparent !important;
    background-size: 100% !important;
    height: 20px;
    outline: 0;
}

.BookBtnImg {
    background-image: url(../../images/textBook.svg) !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 !important;
}

.AddBtnImgwh,
.EditBtnImg {
    -webkit-box-sizing: border-box;
    width: 100%;
    z-index: 99;
    -o-border-image: initial;
    border-image: initial;
    background-repeat: no-repeat;
}

.AddBtnImgwh {
    background-image: url(../../images/addwh.svg) !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 !important;
}

.EditBtnImg {
    background-color: transparent;
    background-image: url(../../images/pencil-striped-symbol-for-interface-edit-buttons.svg);
    background-size: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 0;
    border-style: initial;
    border-color: initial;
    -o-border-image: initial;
    height: 35px;
}

.BtnImg,
.chboxgrp {
    -webkit-box-sizing: border-box;
}

.stlabel {
    padding: 0;
}

.stbxrow {
    padding: 0px 5px;
}

.displaynon,
.nohint .form_hint {
    display: none;
}

.reqSymbol1 {
    width: 10px;
    height: 10px;
    background: url(../../images/alert.svg) no-repeat;
    display: block;
    position: absolute;
    right: -35px;
    top: 8px;
}

.test {
    border: 1px solid red;
    background-color: #faebd7;
}

.txtheader {
    background: #007e9e;
    color: #fff;
    font-size: 20px;
    padding: 5px 0;
    margin-bottom: 10px;
}

.clearbtn {
    top: 4px;
    right: 4px;
    width: 20px;
    z-index: 1;
}

.labelRight {
    text-align: right;
    padding-right: 5px;
}

.padding-5 {
    padding: 5px !important;
}

.lstbxFrame {
    border: 1px solid #ccc;
    border-radius: 2px;
}

.numbox > div {
    height: auto !important;
}

.hintOnGrid span {
    position: absolute;
    background: #000;
    padding: 4px 10px;
    border-radius: 5px;
    color: #fff;
    bottom: 35px;
}

    .hintOnGrid span:after {
        width: 20px;
        height: 11px;
        background: #000;
        position: absolute;
        bottom: -5px;
        -webkit-transform: rotatez(26deg);
        transform: rotatez(26deg);
    }

.height175px {
    min-height: 175px;
}

.label2,
.sndLineLabel {
    padding: 0 !important;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
}

input:focus:not(.TopButtonsinput[type=submit]),
select:focus:not(.TopButtonsinput[type=submit]) {
    outline: #00c9ff solid 1px;
}

.ChpwdCndSMnu {
    padding-left: 5px;
}

    .ChpwdCndSMnu > span {
        display: block;
        padding-left: 20px;
        position: relative;
        margin: 5px 0;
    }

        .ChpwdCndSMnu > span:before {
            position: absolute;
            left: 0;
            top: 6px;
            z-index: 99;
            content: "\f0a4";
            font-family: FontAwesome;
            font-size: 12px;
            color: rgba(0, 0, 0, .8);
        }

.ui-front.ui-menu,
.ui-widget .ui-widget {
    font-size: 12px !important;
}

input:-webkit-autofill,
input:-webkit-autofill:focus input:-webkit-autofill,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 100px #f5f5f5 inset;
    box-shadow: 0 0 0 100px #f5f5f5 inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}

.BtnImg {
    border: none;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    width: 15px;
    outline: 0;
}

.btnUpload {
    background-image: url(../../images/upload.svg);
}

.btnDownload {
    background-image: url(../../images/download.svg);
}

tr.rows td {
    color: inherit !important;
    text-decoration: none !important;
}

.NoCursr td:nth-child(2) {
    cursor: default !important;
}

.Modal {
    position: fixed;
    background: rgba(0, 0, 0, .57);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

.LoaderBg {
    background-image: url(/Images/loader.svg);
    height: 30px;
    width: 30px;
    margin: 21% auto;
    background-size: 100%;
    background-repeat: no-repeat;
}

.TopButtons input[type=submit] {
    color: #fff;
    background-color: #165a71;
    /* background-image: linear-gradient(to bottom, #1f83a2 38%,#1b7190 26%, #1f82a2,#2292b7); */
    border: 0px solid#cacaca;
    border-radius: 25px;
    width: 40px;
    height: 31px;
    margin: 0 2px;
    cursor: pointer;
    font-weight: 500;
    box-shadow: 1px 0px 3px #c4e6ff;
    text-shadow: 1px 1px 2px #0007d;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}

.custom-combobox,
.custom-combobox1 {
    display: inline-block !important;
    width: 100% !important;
}

.TopButtons input[type=submit]:hover {
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.custom-combobox {
    position: relative !important;
}

.custom-combobox-toggle {
    position: absolute !important;
    bottom: 0 !important;
    margin-left: -1px !important;
    padding: 0 !important;
}

    .custom-combobox-toggle:hover {
        text-decoration: none !important;
    }

.custom-combobox-input {
    margin: 0 !important;
    padding: 5px 10px 4px !important;
}

.custom-combobox1 {
    position: relative !important;
}

.custom-combobox1-toggle {
    position: absolute !important;
    bottom: 0 !important;
    margin-left: -1px !important;
    padding: 0 !important;
}

.custom-combobox1-input {
    margin: 0 !important;
    padding: 5px 10px !important;
}

.ui-widget .ui-widget {
    color: #000 !important;
    font-weight: 400 !important;
    background: #fff !important;
    border-radius: 2px;
    border: 1px solid #adadad;
}

.ui-state-default .ui-icon {
    background-image: url(../../images/down-arrow.svg) !important;
    background-size: 50% !important;
    background-position: center !important;
}

.custom-combobox a,
.custom-combobox1 a {
    height: 24px !important;
}

span.custom-combobox input,
span.custom-combobox1 input {
    width: calc(100% - 50px) !important;
}

.height_auto {
    height: auto !important;
}

.bgcolor-div {
    background-color: #dff9ff;
    padding: 5px 0;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .3);
}

.ui-tooltip {
    display: none !important;
}

.main button:not(.Edit_btn):not(.Del_btn),
.main input[type=button]:not(.Edit_btn):not(.Del_btn),
.main input[type=file]::-webkit-file-upload-button,
.main input[type=reset],
.main input[type=submit]:not(.login-submit):not(.AddBtnImg) {
    border-radius: 2px;
    padding: 2px 6px 3px;
}

::-webkit-input-placeholder {
    color: #ccc;
    font-style: italic;
}

::-moz-placeholder {
    color: #ccc;
    font-style: italic;
}

:-ms-input-placeholder {
    color: #ccc;
    font-style: italic;
}

:-moz-placeholder {
    color: #ccc;
    font-style: italic;
}

.txtbutton-position-searchImgBtn {
    right: 10px;
    top: 5px;
    width: 17px;
}

.txtbutton-position-searchImgBtn1 {
    right: 30px;
    top: 5px;
    width: 17px;
}

.alignSymbol .reqSymbol {
    right: -5px;
}

span.Datalabel {
    color: #7b7b7b;
}

table.MydataDtlsGrid tr:nth-child(even) {
    background: #f1f1f1;
}

table.MydataDtlsGrid tr:nth-child(odd) {
    background: #fff;
}

.btnPopupClose {
    margin: 8px;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.chboxgrp input[type=checkbox],
.chboxgrp input[type=radio] {
    position: relative;
    top: 2px;
}

.chboxgrp > table {
    float: right;
    width: 100%;
    clear: both;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
}

.chboxgrp {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    top: -3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.RateRowSingle,
.RateRowSingle1,
.label-3 {
    -webkit-box-sizing: border-box;
}

.chboxgrp ul {
    padding: 0;
    margin: 0;
    text-align: right;
}

    .chboxgrp ul li {
        display: inline-block;
        margin: 0 5px;
    }

.datetimepicker {
    margin-top: 30px;
}

.FixedSizeTextarea {
    width: 100% !important;
    height: 50px !important;
}

.StaticHeader {
    margin: 0 auto;
    table-layout: fixed;
    word-break: break-word;
}

    .StaticHeader > thead tr {
        display: block;
        position: relative;
        padding-right: 17px;
        font-family: Arial;
        border: 0 transparent;
        text-align: center;
        font-size: 12px;
        color: #fff;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1e3169), to(#6273a0));
        background: linear-gradient(to top, #1e3169 0, #6273a0 100%);
    }

    .StaticHeader > tbody {
        display: block;
        overflow-y: scroll;
        width: 100%;
    }

.max-height-300px tbody {
    max-height: 150px;
}

.max-height-400px tbody {
    max-height: 400px;
}

.max-height-350px tbody {
    max-height: 350px;
}

.StaticHeader > thead th {
    padding: 5px 0;
}

.autocomplete_highlightedListItem,
.autocomplete_listItem {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 1px;
}

.responsive-grid {
    width: 100%;
    overflow: auto;
}

.report-main {
    width: 1150px;
    text-align: center;
    margin: auto;
    border: 5px solid #deddda;
}

.autocomplete_completionListElement {
    margin: 0 !important;
    background-color: #ccc;
    color: windowtext;
    border: double buttonshadow;
    border-width: 1px;
    overflow: auto;
    height: 200px;
    text-align: left;
    list-style-type: none;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.autocomplete_highlightedListItem {
    background-color: #ff9;
    color: #000;
}

.autocomplete_listItem {
    background-color: #ccc;
    color: windowtext;
}

.label-3 {
    position: relative;
    border: 1px solid #ccc;
    padding: 3px 0;
    min-width: 12px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    min-height: 24px;
    border-radius: 2px;
}

.PopupXxl {
    position: fixed;
    background: #fff;
    top: 2%;
    left: 0;
    right: 0;
    border-radius: 3px;
    width: 100%;
    max-width: 95%;
    margin: 0 auto;
    z-index: 10000;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    visibility: hidden;
    opacity: 0;
    padding: 3px;
}

.IframeRDLC {
    width: 100% !important;
    height: 680px;
}

.btngroup li {
    display: inline-block;
}

.RowItem,
.gvHeader,
.open:after {
    display: none;
}

.btngroup {
    margin: 3px 0 0;
    padding: 0;
}

.BtnViewHistory {
    background: url(../../images/search.svg) !important;
}

.BtnViewBalnce {
    background: url(../../images/wallet.svg) !important;
}

.BtnViewTxn {
    background: url(../../images/list.svg) !important;
}

.BtnViewBalnce,
.BtnViewHistory,
.BtnViewTxn {
    background-size: 100% !important;
    border: 1px solid transparent !important;
    background-repeat: no-repeat !important;
    width: 20px;
    cursor: pointer;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin: 6px 2px;
    padding: 0 5px !important;
}

.minH300px {
    min-height: 300px !important;
}

.table.dataTable tbody th,
table.dataTable tbody td,
table.dataTable thead td,
table.dataTable thead th {
    padding: 4px 3px !important;
}

span > .paginate_button {
    color: #fff !important;
    border: 1px solid#1b7a9c !important;
    font-weight: 500;
    background-image: linear-gradient(to bottom, #e8e7e7 38%,#d0d0d0 26%, #e8e7e7,#ffffff);
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2b2b2b), to(#a09999)) !important; */
    /* background: linear-gradient(#2b2b2b 0, #a09999 100%) !important; */
    border-radius: 5px;
}

    span > .paginate_button.current {
        background: linear-gradient(to bottom,#237e9e 36%, #10546d 41%, #2a8fb1 100%) !important;
    }

    .paginate_button.current:hover, span > .paginate_button:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2b2b2b), to(#a09999)) !important;
        background: linear-gradient(to bottom,#04a3ea 36%, #1c859a 41%, #3db4f3 100%) !important;
    }

.paginate_button.next,
.paginate_button.previous {
    background: 0 0;
    font-size: 12px;
}

.dataTables_filter {
    margin: 5px;
}

.TimepickerWidgetPicker {
    position: absolute;
    z-index: 99;
    top: 100%;
    background: #fff;
    left: 0;
    width: 200px;
    border: 1px solid #ccc;
    padding: 15px 0;
    -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .2);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

    .TimepickerWidgetPicker:before {
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 10px solid #afafaf;
        position: absolute;
        left: 0;
        top: -11px;
    }

.TimepickerWidgetPickerAct {
    opacity: 1 !important;
    visibility: visible !important;
}

.Dwonload_btn {
    width: 30px !important;
    height: 20px !important;
}

.RateRowSingle {
    width: 33.3%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.RateRowSingle1 {
    width: 25%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.MasterHeadingSingle1 {
    width: 50%;
    float: left;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.MasterHeadingSingle {
    width: 33.3%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.RateRowSingle .input-box,
.RateRowSingle1 .input-box {
    padding: 0;
}

.gvAltRow td,
.gvHeader th,
.gvRow td {
    padding: 3px;
    border: 1px solid #bbb;
}

.SubHeadingSingle {
    min-height: 27px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.MainHeading {
    margin-top: 55px;
}

.MainHeading1 {
    margin-top: 29px;
}

.gvHeader th {
    background-color: #dec;
    color: maroon;
}

.BtnGroupLink td {
    border: none;
}

ul.multiselect-container {
    max-height: 300px;
    overflow: auto;
}

.PopupReport,
.multiselect,
.overflow-hidden,
.overflow-y-hidden {
    overflow: hidden;
}

.dropdown-menu > li > a {
    padding: 3px 0 !important;
}

.btn .caret {
    margin-right: 0;
    position: absolute;
    right: 6px;
    top: 10px;
    border-top: 7px solid;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
}

.btn-group {
    width: 100%;
}

.multiselect {
    width: 100%;
    text-align: left !important;
}

.BtnWidgetCnr,
.NoOfRecords,
.radiobtn25per td,
table.gvRow tbody tr:nth-child(2) td,
table.gvRow tbody tr:nth-child(3) td {
    text-align: center;
}

.dropdown-menu {
    right: 0;
}

.MasterHeadingSingle .label,
.MasterHeadingSingle1 .label,
.RateRowSingle .label,
.RateRowSingle1 .label {
    padding-left: 5px;
}

.radiobtn25per td {
    width: 25%;
}

.multiselect-native-select .form_hint,
.multiselect-native-select .reqSymbol {
    right: -15px;
}

.multiselect-clear-filter {
    margin-top: 0;
    height: 34px;
}

.RatBlack .label,
.RatYellow .label {
    padding: 13px 0 !important;
}

.RatYellow {
    background: #ffea6c;
}

.padding-0-25-0-16-a {
    padding: 0;
}

.TreeView a {
    font-size: 12px !important;
}

.context-menu-item-inner {
    padding: 5px 30px !important;
    background: -webkit-gradient(linear, left bottom, left top, from(#ece9e9), to(#e8dede)) !important;
    background: linear-gradient(0deg, #ece9e9, #e8dede) !important;
}

.jstreeActive {
    background: #028eb2 !important;
    color: #fff !important;
}

.CncyLabel td,
.EnLabel td {
    text-align: left;
    background: #ccc !important;
    font-weight: 500;
}

/*.BtnWidgetCnr {
    width: 130px;
    background: -webkit-gradient(linear, left top, left bottom, from(#3cc7eb), to(#051519));
    background: linear-gradient(#3cc7eb, #051519);
    margin: 0 auto;
    height: 130px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 4px solid #fff;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    color: #fff;
    cursor: pointer;
    -webkit-box-shadow: 0 0 6px #000;
    box-shadow: 0 0 6px #000;
}*/
/*.BtnWidgetCnr {
    width: 130px;
    background: radial-gradient(circle at 65% 15%, white 1px, #02c1ff 3%, #0d2b35 60%, #38cfff 100%);
    margin: 0 auto;
    height: 130px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 4px solid #ffffff;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    color: #fff;
    cursor: pointer;
    -webkit-box-shadow: 0 0 6px #000;
    box-shadow: 5px 5px 10px #464646;
}*/
.BtnWidgetCnr {
    /*background: #fff;*/
    margin: 0 auto;
    border-radius: 10px;
    height: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ffffff;
    /* border-style: outset; */
    -ms-flex-pack: distribute;
    justify-content: space-around;
    color: #fff;
    cursor: pointer;
    -webkit-box-shadow: 0 0 6px #000;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.26);
}

.BtnWidgetImg {
    width: 50px;
    /* background: radial-gradient(circle at 65% 15%, white 1px, #02c1ff 3%, #0d2b35 60%, #38cfff 100%); */
    background-color: #1b5b71;
    height: 50px;
    border-radius: 50%;
    padding: 10px;
    /* border: 1px solid #fff; */
    position: absolute;
    left: 20px;
    top: 4px;
}

.bg-1 {
    background-color: #607D8B;
    border: 1px solid #556d79;
    background-image: linear-gradient(to right, #91b1c1,#4a606a);
}

.bg-2 {
    background-color: #408443;
    border: 1px solid #2d6130;
    background-image: linear-gradient(to right, #5aa95e,#38733b);
}

.bg-3 {
    background-color: #bd6c52;
    border: 1px solid #96523c;
    background-image: linear-gradient(to right, #de886d,#9c553f);
}

.bg-4 {
    background-color: #0079b3;
    border: 1px solid #005c92;
    background-image: linear-gradient(to right, #0591d4,#0d5e8e);
}

.bgc-1 {
    background-color: #4a606b;
    background: radial-gradient(circle at 65% 15%, white 1px, #87a6b5 3%, #4d636d 60%, #8dadbd 100%);
}

.bgc-2 {
    background-color: #38733b;
    background: radial-gradient(circle at 65% 15%, white 1px, #59a65c 3%, #336736 60%, #59a65c 100%);
}

.bgc-3 {
    background-color: #9c553f;
    background: radial-gradient(circle at 65% 15%, white 1px, #db856b 3%, #884a38 60%, #db866b 100%);
}

.bgc-4 {
    background-color: #0d5f8e;
    background: radial-gradient(circle at 65% 15%, white 1px, rgb(25, 143, 209) 3%, rgb(11, 79, 119) 60%, rgb(25, 143, 210) 100%);
}

.BtnWidgetImg img {
    width: 100%;
    /* display: none; */
    height: 35px;
    width: 35px;
    padding: 5px 12px 5px 8px;
}

.BtnWidgetLabel {
    font-size: 13px;
    font-weight: 500;
}

.NoOfRecords,
.NoRec,
.page_title,
.txtHead {
    font-weight: 700;
}

.BtnWidgetHeadCnr {
    margin: 0 auto;
    height: 150px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    color: #028eb2;
}

.BtnWidgetHeadImg {
    width: 50px;
}

    .BtnWidgetHeadImg img {
        width: 100%;
    }

.BtnWidgetHeadLabel {
    font-size: 30px;
    text-shadow: 1px 1px 1px #1a5665;
}

.BtnWidgetCnrOuter {
    background: #fff;
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .25);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .25);
    padding: 15px 0;
    border-radius: 5px;
}

.QuickIconsOuter {
    width: 100%;
    float: left;
    padding: 25px 0;
}

.BtnWidget5Clm {
    width: 20%;
    float: left;
}

.ReportIframe,
.StaticHeader input[type=text] {
    width: 100%;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc {
    background: 0 0 !important;
}

.ui-widget-content {
    background: #fff !important;
}

/*.ForgotPass a {
  font-size: 13px;
  position: relative;
  top: 6px;
  text-decoration: underline
}*/
.ForgotPass a {
    position: relative;
    top: 6px;
    color: #00BCD4;
    font-weight: 500;
    font-size: 12px;
    text-decoration: none;
}

.custom-combobox a,
.custom-combobox a:hover {
    text-decoration: none !important;
}

.PopupReport {
    position: fixed;
    background: #fff;
    top: 2%;
    left: 0;
    right: 0;
    border-radius: 3px;
    width: 100%;
    max-width: 95%;
    margin: 0 auto;
    z-index: 10000;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    visibility: hidden;
    opacity: 0;
    padding: 3px;
    bottom: 20px;
}

.checkboxTxtPad-R15 label {
    padding-right: 15px;
    font-weight: 700;
}

.checkboxTxtPad-L15 label {
    padding: 0 10px 0 5px;
}

.checkboxTxtPad-L15 td {
    padding-left: 30px;
}

.custom-combobox a {
    background: url(../../Images/down-arrow.svg) 0 5px no-repeat #fff;
    background-size: 50% !important;
    background-position: center !important;
    height: 23px !important;
    width: 18px;
    border: 1px solid #dedede;
}

.withultiselect .custom-combobox a,
.withultiselect .ui-widget {
    height: 26px !important;
}

.custom-combobox a:after {
    color: #ababab;
    position: relative;
    top: 2px;
    left: 9px;
    font-size: 10px;
}

span.custom-combobox input {
    width: calc(100% - 25px) !important;
}

.btn-group > .btn:first-child {
    margin: 1px 0;
}

.ui-widget button {
    font-size: .85em !important;
}

.main button {
    padding: 4px 6px 3px;
}

.NoOfRecords {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(241, 249, 255, 0)), color-stop(50%, rgba(235, 247, 255, .97)), to(rgba(241, 249, 255, 0)));
    background: linear-gradient(to right, rgba(241, 249, 255, 0) 0, rgba(235, 247, 255, .97) 50%, rgba(241, 249, 255, 0) 100%);
    font-size: 14px;
    color: #466f8a;
    text-shadow: 1px 1px 1px #fff;
}

.image-responsive,
.t-image-responsive {
    width: 100%;
    height: auto;
}

.text_align_right {
    text-align: right;
}

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

.pos_abs {
    position: absolute;
}

.pos-rel,
.pos_rel {
    position: relative;
}

.pos_rel {
    bottom: 0;
}

.full_width {
    width: 100%;
}

.padding-right-30px {
    padding-right: 30px;
}

.padding_0 {
    padding: 0 !important;
}

.margin_0 {
    margin: 0 auto !important;
}

.padding-25-0 {
    padding: 25px 0;
}

.border_0 {
    border: 0;
}

.image-responsive {
    margin: 0 auto;
}

.t-hidden {
    display: none;
}

.margin-25-0 {
    margin: 25px 0;
}

.margin-left-20 {
    margin-left: 20px;
}

.t-img-responsive {
    max-width: 100%;
    height: auto;
}

.t-margin-auto {
    margin: 0 auto;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.t-clearfix::after,
.t-clearfix::before {
    content: " ";
    display: table;
}

.t-clearfix::after {
    clear: both;
}

.mt-20 {
    margin-top: 20px !important;
}

.margin-0-auto {
    margin: 0 auto !important;
}

.margin-5-0 {
    margin: 5px 0;
}

.margin-3-0-0-0 {
    margin: 3px 0 0;
}

.margin-27-0 {
    margin: 27px 0;
}

.margin-1-0 {
    margin: 1px 0;
}

.margin-10-0 {
    margin: 10px 0;
}

.margin-6-0-0-0 {
    margin: 6px 0 0;
}

.margin-8-0-0-0 {
    margin: 8px 0 0;
}

.margin-10-0-0-0 {
    margin: 10px 0 0;
}

.margin-20-0-0-0 {
    margin: 20px 0 0;
}

.margin-20-0 {
    margin: 20px 0;
}

.margin-10-2 {
    margin: 10px 2px;
}

.margin-5 {
    margin: 5px;
}

.margin-0-5 {
    margin: 0 5px;
}

.margin-0-2 {
    margin: 0 2px;
}

.margin-15-0 {
    margin: 15px 0;
}

.margin-0-0-15-0 {
    margin: 0 0 15px;
}

.margin-15-0-0 {
    margin: 15px 0 0;
}

.margin-30-0-0 {
    margin: 30px 0 0;
}

.margin-22-0-0 {
    margin: 22px 0 0;
}

.margin-27-0-0 {
    margin: 27px 0 0;
}

.margin-0-10 {
    margin: 0 10px;
}

.marging-right-5 {
    margin-right: 5px;
}

.marging-bottom-15 {
    margin-bottom: 15px;
}

.padding-10-15 {
    padding: 10px 15px;
}

.padding-0-5 {
    padding: 0 5px !important;
}

.padding-6-0-0-0 {
    padding: 6px 0 0 !important;
}

.padding-0-30 {
    padding: 0 30px !important;
}

.padding-30-0 {
    padding: 30px 0 !important;
}

.padding-0-20 {
    padding: 0 20px !important;
}

.padding-0-11 {
    padding: 0 11px !important;
}

.padding-0-25-0-16 {
    padding: 0 0 0 16px;
}

.padding-0 {
    padding: 0 !important;
}

.padding-right-0-12-0-3 {
    padding: 0 12px 0 3px !important;
}

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

.padding-right-8 {
    padding-right: 8px;
}

.padding-right-10im {
    padding-right: 10px !important;
}

.padding-left-50 {
    padding-left: 50px;
}

.padding-left-25 {
    padding-left: 25px;
}

.padding-left-24 {
    padding-left: 24px;
}

.padding-left-20 {
    padding-left: 20px;
}

.padding-left-18 {
    padding-left: 18px;
}

.padding-left-12 {
    padding-left: 12px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-left-7 {
    padding-left: 7px;
}

.padding-right-18 {
    padding-right: 18px;
}

.padding-right-25 {
    padding-right: 25px;
}

.padding-right-20 {
    padding-right: 20px;
}

.padding-right-15-im {
    padding-left: 0 !important;
    padding-right: 15px !important;
}

.padding-left-0-right-10 {
    padding-left: 0;
    padding-right: 10px;
}

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

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

.padding-right-5-im {
    padding-left: 0 !important;
    padding-right: 5px !important;
}

.padding-left-5-im {
    padding-right: 0 !important;
    padding-left: 5px !important;
}

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

.padding-left-0-0-0-5,
.padding-left-0-5-0-0,
.padding-left-5 {
    padding-left: 5px !important;
}

.padding-right-40 {
    padding-right: 40px !important;
}

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

.padding-2 {
    padding: 2px;
}

.padding-0-1 {
    padding: 0 1px !important;
}

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

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

.padding-left-2 {
    padding-left: 2px !important;
}

.padding-left-4 {
    padding-left: 4px;
}

.padding-left-30 {
    padding-left: 30px;
}

.padding-left-34 {
    padding-left: 34px;
}

.padding-right-30 {
    padding-right: 30px;
}

.padding-right-45 {
    padding-right: 45px !important;
}

.padding-right-35 {
    padding-right: 35px;
}

.padding-right-60 {
    padding-right: 60px;
}

.padding-right-75 {
    padding-right: 75px;
}

.padding-right-90 {
    padding-right: 90px;
}

.padding-right-86 {
    padding-right: 86px;
}

.padding-right-55 {
    padding-right: 55px;
}

.padding-right-50 {
    padding-right: 50px;
}

.padding-top-4 {
    padding-top: 4px;
}

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

.pos-abs {
    position: absolute;
}

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

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

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.border-1 {
    border: 1px solid #ccc;
}

.min-height-30 {
    min-height: 30px !important;
}

.min-height-35 {
    min-height: 35px !important;
}

.min-height-27 {
    min-height: 27px !important;
}

.min-height-50 {
    min-height: 50px !important;
}

.min-height-40 {
    min-height: 40px !important;
}

.min-height-150 {
    min-height: 150px !important;
}

.min-height-237 {
    min-height: 237px !important;
}

.min-height-390 {
    min-height: 390px !important;
}

.min-height-352 {
    min-height: 352px !important;
}

.min-height-420 {
    min-height: 420px !important;
}

.min-height-500 {
    min-height: 500px !important;
}

.font-gray {
    color: #a9a9a9;
}

.txtHead,
.txtSub {
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .59);
}

.padding-20-0 {
    padding: 20px 0;
}

.padding-5-0 {
    padding: 5px 0;
}

.padding-15-0-5-0 {
    padding: 15px 0 5px;
}

.maxwid-620px {
    max-width: 620px;
}

.overflow-visible {
    overflow: visible !important;
}

.right-22px {
    right: 22px;
}

.padding-0-45px-0-15px {
    padding: 0 45px 0 15px;
}

.border-clr-blc {
    border-color: #000;
}

.border-clr-trans {
    border-color: transparent;
}

.border-clr-gray {
    border-color: #a6a6a6;
}

.padding-10px-0 {
    padding: 10px 0 !important;
}

.padding-0px-41px-5px-15px {
    padding: 0 41px 5px 15px;
}

.padding-0-25 {
    padding: 0 25px !important;
}

.border-1-trans {
    border: 1px solid transparent;
}

.padding-30px-0px-90px-0px {
    padding: 30px 0 90px;
}

.width25 {
    width: 25% !important;
}

.txtHead {
    background-color: #0ca7c7;
    padding: 5px 0;
    font-size: 14px;
}

.txtSub {
    background: rgba(58, 204, 234, 1);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(58, 204, 234, 1)), to(rgba(47, 165, 189, 1)));
    background: linear-gradient(to bottom, rgba(58, 204, 234, 1) 0, rgba(47, 165, 189, 1) 100%);
    padding: 7px 0;
    font-size: 15px;
}

.chatBox1,
.chatBox2 {
    font-size: 13px;
    margin: 2px 0;
}

.chatBox1 {
    text-align: left;
    background-color: #ffee9f;
    padding: 10px 15px !important;
    border-radius: 5px;
    border: 1px solid #ddde61;
}

.chatBox1-Date {
    background-color: #ebff97;
    display: inline-block;
    padding: 3px 6px;
    border-radius: 5px;
    border: 1px solid #d5e68b;
    color: #657d00;
}

.chatBox2 {
    text-align: right;
    background-color: #dff7b7;
    padding: 10px 15px !important;
    border-radius: 5px;
    border: 1px solid #cae2a1;
}

.chatBox2-Date {
    background-color: #ffd57b;
    display: inline-block;
    padding: 3px 6px;
    border-radius: 5px;
    border: 1px solid #eac167;
    color: #845e0d;
}

.NoRec {
    background: #c7e3ea;
    font-size: 13px;
    padding: 4px;
    text-shadow: 1px 1px 2px rgba(6, 55, 68, .5);
    letter-spacing: .155em;
}

@media (min-width:1025px) {
    .align-15,
    .align-20,
    .align1,
    .align10,
    .align10-BK,
    .align13,
    .align21,
    .align24,
    .align9,
    .push-r-5px-xl,
    .right-2-xl-lg {
        position: relative;
    }

    .width-xl-1-10po5per {
        width: 10.5%;
    }

    .width-xl-11-88po5per {
        width: 88.5%;
    }

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

    .padding-left-33 {
        padding-left: 33px;
    }

    .padding-left-8px-xl-lg {
        padding-left: 8px;
    }

    .padding-left-10px-xl-lg {
        padding-left: 10px !important;
    }

    .padding-left-8per-xl-lg {
        padding-left: 8%;
    }

    .padding-left-16-lg-xl {
        padding-left: 16px;
    }

    .padding-left-13-lg-xl {
        padding-left: 13px;
    }

    .padding-left-11-lg-xl {
        padding-left: 11px;
    }

    .padding-left-13-right-0-lg-xl {
        padding-left: 13px;
        padding-right: 0;
    }

    .padding-left-2dot5per-xl {
        padding-left: 2.5%;
    }

    .padding-left-5dot6per-xl {
        padding-left: 5.6%;
    }

    .padding-left-6dot4per-xl {
        padding-left: 6.4%;
    }

    .padding-left-6dot2per-xl {
        padding-left: 6.2%;
    }

    .padding-l5px-r10px-xl {
        padding-left: 5px;
        padding-right: 10px;
    }

    .align1 {
        right: 14px;
        padding-right: 2px;
    }

    .align9 {
        padding-right: 28px;
        right: 2px;
    }

    .align10 {
        padding-right: 25px;
        right: 5px;
    }

    .align24 {
        padding-right: 23px;
        right: 7px;
    }

    .align10-BK {
        padding-right: 25px;
        right: -1.3%;
    }

    .align-15 {
        right: 5px;
        padding-right: 10px;
    }

    .align13 {
        padding-right: 20px;
        right: 10px;
    }

    .align15 {
        padding-left: 2%;
    }

    .align-16 {
        padding-left: 5.3%;
        padding-right: 1.5%;
    }

    .align-17 {
        padding-right: 10px;
        right: 3px;
    }

    .align-18 {
        padding-right: 10px;
        right: 7px;
    }

    .align-20 {
        right: 2%;
    }

    .align21,
    .align22 {
        right: 8px;
    }

    .align21 {
        padding-right: 8px;
    }

    .align22,
    .align23 {
        padding-right: 6px;
    }

    .align23 {
        right: 4px;
    }

    .padding-0-xl-lg {
        padding: 0 !important;
    }

    .padding-left-11dot8per-xl-lg {
        padding-left: 11.8%;
    }

    .padding-left-25per-xl-lg {
        padding-left: 25%;
    }

    .padding-left-27-xl-lg {
        padding-left: 27px;
    }

    .left-3px {
        left: -3px;
    }

    .padding-left-22px-lg-xl {
        padding-left: 22px;
    }

    .padding-left-26px-lg-xl {
        padding-left: 26px;
    }

    .padding-left-24px-lg-xl {
        padding-left: 24px;
    }

    .padding-left-23px-lg-xl {
        padding-left: 23px;
    }

    .padding-left-5per-lg-xl {
        padding-left: 5%;
    }

    .padding-left-20px-xl-lg {
        padding-left: 20px;
    }

    .padding-left-5per-xl-lg {
        padding-left: 5.2%;
    }

    .padding-left-3Per-xl-lg {
        padding-left: 3.4%;
    }

    .padding-left-3dot8Per-xl-lg {
        padding-left: 3.8%;
    }

    .padding-left-4Per-xl-lg {
        padding-left: 4%;
    }

    .padding-left-31px-lg-xl {
        padding-left: 31px;
    }

    .padding-left-6per-lg-xl {
        padding-left: 6.3%;
    }

    .padding-left-2per-lg-xl {
        padding-left: 2.3%;
    }

    .padding-left-1n8per-lg-xl {
        padding-left: 1.8%;
    }

    .padding-left-3per-lg-xl {
        padding-left: 3%;
    }

    .padding-left-30px-lg-xl {
        padding-left: 30px;
    }

    .padding-left-28px-lg-xl {
        padding-left: 28px;
    }

    .padding-left-10-lg-xl,
    .padding-left-12-lg-xl {
        padding-left: 10px !important;
    }

    .padding-left-25-lg-xl {
        padding-left: 25px;
    }

    .padding-left-24-lg-xl {
        padding-left: 24px;
    }

    .padding-left-2p-lg-xl {
        padding-left: 2.4%;
    }

    .padding-left-3pdot1-lg-xl {
        padding-left: 3.1%;
    }

    .padding-left-2dot1p-lg-xl {
        padding-left: 2.1%;
    }

    .padding-left-9per-lg-xl {
        padding-left: 9%;
    }

    .margin-40-0-md-lg {
        margin: 40px 0;
    }

    .push-r-5px-xl {
        right: 5px;
    }

    .padding-left-5-xl {
        padding-left: 5px !important;
    }

    .padding-left-50 {
        padding-left: 50px !important;
    }

    .pull-r-4px-xl {
        left: 4px;
    }

    .margin-67-0-md-lg {
        margin: 67px 0;
    }

    .margin-37-0-md-lg {
        margin: 37px 0;
    }

    .margin-27px-0px-xl-lg {
        margin: 27px 0;
    }

    .margin-20px-0px-xl-lg {
        margin: 20px 0;
    }

    .margin-8px-0px-xl-lg {
        margin: 8px 0;
    }

    .margin-15px-0px-xl-lg {
        margin: 15px 0;
    }

    .padding-left-18-lg-xl {
        padding-left: 18px;
    }

    .padding-left-20-lg-xl {
        padding-left: 20px;
    }

    .right-2-xl-lg {
        right: 2px;
    }

    .padding-right-5-lg-xl {
        padding-right: 5px;
    }

    .padding-right-15-xl-lg {
        padding-right: 15px !important;
    }
}

@media (max-width:1024px) {
    .padding-0-xs-sm-md {
        padding: 0;
    }

    .cnt_area-status {
        max-width: 700px;
    }

    .align-20 {
        position: relative;
        left: 1.2%;
    }

    .align-15,
    .align-16 {
        padding-right: 15px;
    }

    .align10,
    .align9 {
        padding-right: 30px;
        position: relative;
        right: 0;
    }

    .align10-BK {
        padding-right: 8px;
        position: relative;
        right: 1.5%;
    }

    .margin-40-0-md-lg {
        margin: 10px 0;
    }

    .margin-67-0-md-lg {
        margin: 67px 0;
    }
}

@media (min-width:769px) {
    .Nav_bar,
    .Overlay,
    .mobilemenu {
        display: none;
    }

    .sidebar-menu-cnr {
        height: calc(100% - 100px);
        width: 94%;
    }

    .sidebar {
        height: 100%;
    }

    .margin-30-0-sm-md-lg {
        margin: 30px 0;
    }

    .margin-17-0-sm-md-lg {
        margin: 17px 0;
    }

    .pad_0_md_ld_xl {
        padding: 0 !important;
    }

    .overflowy-auto-md-lg-xl {
        overflow-y: auto;
    }

    .right-22px-md-lg-xl {
        right: 22px;
    }
}

@media (max-width:768px) {
    .left-sidebar .auto-window-height,
    .right-sidebar,
    .right-sidebar .auto-window-height {
        max-height: 100% !important;
    }

    .brand-logo {
        padding-right: 100px;
    }

    .Nav_bar {
        display: block;
    }

    .sidebar-menu-cnr {
        height: calc(100% - 95px);
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .8);
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
        -webkit-transform: translate(-100%);
        transform: translate(-100%);
        max-width: 290px;
    }

    108 {
        background: #000;
    }

    .left-sidebar,
    .right-sidebar {
        max-width: 270px;
        background: #fff;
        bottom: 0;
        padding-top: 50px;
        top: 0;
    }

    .rsp_sb {
        height: 100%;
        overflow: auto;
    }

    .right-22px-md-lg-xl {
        right: 0;
    }

    .margin-30-0-sm-md-lg {
        margin: 0;
    }

    .auto-window-height-middle {
        height: 100% !important;
    }

    .overflowy-auto-md-lg-xl {
        overflow-y: visible;
    }

    .mobilemenu {
        opacity: 0;
        visibility: hidden;
    }

    .mobilemenu_active {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .right-sidebar {
        position: fixed !important;
        right: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all 1s ease 0s;
        transition: all 1s ease 0s;
        z-index: 99999;
    }

    .left-sidebar {
        left: 0;
        max-height: 100%;
        position: fixed;
        z-index: 100000;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all 1s ease 0s;
        transition: all 1s ease 0s;
        padding-left: 15px;
        padding-right: 15px;
    }

    .acitve_sidebar {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
    }

    .close_mnu_cnr {
        position: absolute;
        right: 15px;
        top: 0;
    }

    .gapt_r {
        margin-top: 25px;
    }

    .navbar-brand {
        height: auto !important;
        padding: 0 !important;
        width: 165px;
    }

    .nav-custom ul {
        float: none;
        margin-top: 20px;
    }
}

@media (min-width:361px) {
    .text-right-sm-md-lg-xl {
        text-align: right;
    }

    .drpdwn-cnr-res-pad,
    .drpdwn-cnr-res-pad1 {
        padding: 0 !important;
    }

    .padding-penetrate-ondiv > div:nth-child(2n) {
        padding: 0 35px 0 0 !important;
    }

    .padding-penetrate-ondiv > div:nth-child(2n+1) {
        padding: 0 15px 0 0 !important;
    }
}

@media (min-width:1281px) {
    .text-right-lg-xl,
    .text-xl-lg-R-md-L {
        text-align: right;
    }

    .padding-xl0-lg0-md-L8 {
        padding: 0;
    }

    .padding-left-5per-lg-2dot5per-xl {
        padding-left: 2.5%;
    }

    .align-21 {
        padding-left: 5.5%;
    }

    .align14 {
        padding-left: 4%;
    }

    .align6 {
        padding-left: 2.6%;
    }

    .align7 {
        padding-left: 5.2%;
    }

    .align-12 {
        padding: 0 !important;
        position: relative;
        right: 5px;
    }

    .align5,
    .right-2-xl-lg {
        right: 2px;
    }

    .align-11 {
        padding-left: 39px;
    }

    .margin-62px-0px-xl-lg {
        margin: 62px 0;
    }

    .align-5-lg-xl {
        width: 10%;
    }

    .align-6-lg-xl {
        width: 90%;
        padding-left: 5px !important;
    }

    .align-7-lg-xl {
        width: 13%;
    }

    .align-8-lg-xl {
        width: 87%;
        padding-left: 3px !important;
    }

    .padding-left-5-im-lg-xl {
        padding-right: 0 !important;
        padding-left: 5px !important;
    }

    .padding-right-5-im-lg-xl {
        padding-left: 0 !important;
        padding-right: 5px !important;
    }

    .align5,
    .padding-right-0-lg-xl {
        padding-right: 0 !important;
    }

    .padding-left-15-lg-xl {
        padding-left: 14px;
    }

    .left-15-xl-lg {
        left: 15px;
    }

    .padding-left-3-lg-xl {
        padding-left: 3px;
    }

    .left-5-xl-lg {
        left: 5px;
    }

    .align4 {
        padding-left: 5px;
    }

    .margin-top-lg-85-xl-55 {
        margin-top: 55px;
    }

    .min-height-27-40px {
        min-height: 27px !important;
    }

    .padding-left-0-lg-xl {
        padding-left: 0 !important;
    }

    .padding-left-lg-17-xl-20 {
        padding-left: 20px;
    }

    .align5 {
        padding-left: 0 !important;
    }

    .align2,
    .align3,
    .alignmob1 {
        right: 7px;
        position: relative;
    }

    .align3 {
        padding-right: 50px;
    }

    .align2 {
        padding-right: 24px;
    }

    .alignmob1 {
        padding: 0 !important;
    }

    .padding-xl-22-sm-18-md-17-lg-0-xl-0 {
        padding: 0;
    }

    .left-xs-0-sm-7-md-2-lg-11-xl-11 {
        position: relative;
        left: 11px;
    }

    .padding-right-10-lg-xl {
        padding-right: 10px;
    }

    .left-15-xl {
        left: 15px;
    }

    .left-57-xl {
        left: 57px;
    }

    .padding-right-57px-xl {
        padding-left: 0 !important;
        padding-right: 57px !important;
    }

    .left-md-4-lg-5-xl-15 {
        left: 15px;
    }

    .right-5-xl-lg {
        right: 5px;
    }

    .left-1-xl-lg {
        left: 1px;
    }

    .right-7-xl-lg {
        right: 7px;
    }
}

@media (min-width:1025px) and (max-width:1280px) {
    .align-12,
    .align2,
    .align3,
    .alignmob1 {
        position: relative;
    }

    .text-right-lg-xl,
    .text-xl-lg-R-md-L {
        text-align: right;
    }

    .padding-xl0-lg0-md-L8 {
        padding: 0;
    }

    .padding-left-5per-lg-2dot5per-xl {
        padding-left: 5%;
    }

    .align-21 {
        padding-left: 3.8%;
    }

    .align6 {
        padding-left: 2.1%;
    }

    .align7 {
        padding-left: 4.8%;
    }

    .align14 {
        padding-left: 3.4%;
    }

    .align-12 {
        padding: 0 0 0 5% !important;
        right: 5px;
    }

    .align-11 {
        padding-left: 33px;
    }

    .margin-62px-0px-xl-lg {
        margin: 62px 0;
    }

    .align-5-lg-xl {
        width: 10%;
    }

    .align-6-lg-xl {
        width: 90%;
        padding-left: 5px !important;
    }

    .align-7-lg-xl {
        width: 13%;
    }

    .align-8-lg-xl {
        width: 87%;
        padding-left: 3px !important;
    }

    .padding-left-5-im-lg-xl {
        padding-right: 0 !important;
        padding-left: 5px !important;
    }

    .padding-right-5-im-lg-xl {
        padding-left: 0 !important;
        padding-right: 5px !important;
    }

    .align5,
    .padding-right-0-lg-xl {
        padding-right: 0 !important;
    }

    .padding-left-15-lg-xl {
        padding-left: 14px;
    }

    .left-15-xl-lg {
        left: 15px;
    }

    .left-1-xl-lg {
        left: 1px;
    }

    .padding-left-3-lg-xl {
        padding-left: 3px;
    }

    .align5,
    .padding-left-0-lg-xl {
        padding-left: 0 !important;
    }

    .align5 {
        right: 3px;
    }

    .right-2-xl-lg {
        right: 2px;
    }

    .align2,
    .align3,
    .right-7-xl-lg {
        right: 7px;
    }

    .left-5-xl-lg {
        left: 5px;
    }

    .margin-top-lg-85-xl-55 {
        margin-top: 85px;
    }

    .min-height-27-40px {
        min-height: 40px !important;
    }

    .padding-left-lg-17-xl-20 {
        padding-left: 17px;
    }

    .align4 {
        padding-left: 5px;
    }

    .align3 {
        padding-right: 50px;
    }

    .align2 {
        padding-right: 24px;
    }

    .right-5-xl-lg {
        right: 5px;
    }

    .alignmob1 {
        right: 7px;
        padding: 0 !important;
    }

    .padding-right-57px-xl {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .padding-0-lg,
    .padding-xl-22-sm-18-md-17-lg-0-xl-0 {
        padding: 0;
    }

    .left-xs-0-sm-7-md-2-lg-11-xl-11 {
        position: relative;
        left: 11px;
    }

    .padding-right-10-lg-xl {
        padding-right: 10px;
    }

    .left-md-4-lg-5-xl-15 {
        left: 5px;
    }
}

@media (min-width:769px) and (max-width:1024px) {
    .align2,
    .align3,
    .alignmob1 {
        position: relative;
    }

    .width-xl-1-10po5per {
        width: 12.9%;
    }

    .width-xl-11-88po5per {
        width: 85.9%;
    }

    .padding-left-8dot6-md {
        padding-left: 8.6%;
    }

    .padding-xl0-lg0-md-L8 {
        padding-left: 8px;
    }

    .padding-left-md-0 {
        padding-left: 0;
    }

    .padding-left-md-7px {
        padding-left: 7px;
    }

    .padding-right-md-0 {
        padding-right: 0;
    }

    .padding-right-md-10 {
        padding-right: 10px;
    }

    .padding-left-5-im-lg-xl,
    .padding-right-5-im-lg-xl {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .text-xl-lg-R-md-L {
        text-align: left;
    }

    .min-height-27-40px {
        min-height: 27px !important;
    }

    .align-21 {
        padding-left: 4.9%;
    }

    .align5,
    .alignmob1,
    .padding-right-57px-xl {
        padding-left: 0 !important;
    }

    .align5 {
        padding-right: 5px !important;
        right: 0;
    }

    .align3 {
        padding-right: 57px;
        right: 0;
    }

    .align2 {
        padding-right: 30px;
    }

    .alignmob1 {
        padding-right: 5px !important;
    }

    .padding-right-57px-xl {
        padding-right: 0 !important;
    }

    .padding-xl-22-sm-18-md-17-lg-0-xl-0 {
        padding: 0 17px 0 0;
    }

    .left-xs-0-sm-7-md-2-lg-11-xl-11 {
        position: relative;
        left: 2px;
    }

    .left-md-4-lg-5-xl-15 {
        left: 4px;
    }

    .padding-0-md {
        padding: 0;
    }

    .padding-left-5per-md {
        padding-left: 5%;
    }
}

@media (min-width:361px) and (max-width:768px) {
    .padding-left-5-im-lg-xl,
    .padding-right-5-im-lg-xl {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .align2,
    .align3,
    .alignmob1 {
        position: relative;
    }

    .min-height-27-40px {
        min-height: 27px !important;
    }

    .align-21 {
        padding-left: 4.9%;
    }

    .align5,
    .alignmob1,
    .padding-right-57px-xl {
        padding-left: 0 !important;
    }

    .align5 {
        padding-right: 5px !important;
        right: 0;
    }

    .align3 {
        padding-right: 57px;
        right: 0;
    }

    .align2 {
        padding-right: 30px;
    }

    .alignmob1 {
        padding-right: 5px !important;
    }

    .padding-right-57px-xl {
        padding-right: 0 !important;
    }

    .padding-xl-22-sm-18-md-17-lg-0-xl-0 {
        padding: 0 18px 0 0;
    }

    .left-xs-0-sm-7-md-2-lg-11-xl-11 {
        position: relative;
        left: 7px;
    }
}

@media (max-width:360px) {
    .padding-left-5-im-lg-xl,
    .padding-right-5-im-lg-xl {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .align5,
    .alignmob1,
    .padding-left-5-im-lg-xl,
    .padding-right-57px-xl {
        padding-left: 0 !important;
    }

    .align2,
    .align3,
    .alignmob1 {
        position: relative;
    }

    .min-height-27-40px {
        min-height: 27px !important;
    }

    .align5 {
        padding-right: 5px !important;
        right: 0;
    }

    .align3 {
        padding-right: 57px;
        right: 7px;
    }

    .align2 {
        padding-right: 30px;
    }

    .alignmob1 {
        padding-right: 5px !important;
    }

    .padding-right-57px-xl {
        padding-right: 0 !important;
    }

    .padding-xl-22-sm-18-md-17-lg-0-xl-0 {
        padding: 0 22px 0 0;
    }

    .left-xs-0-sm-7-md-2-lg-11-xl-11 {
        position: relative;
        left: 0;
    }

    .text-right-sm-md-lg-xl {
        text-align: left;
    }

    .drpdwn-cnr-res-pad {
        padding: 0 35px 0 6px !important;
    }

    .drpdwn-cnr-res-pad1 {
        padding: 6px !important;
    }
}

/*.login-bg {
        background: url(../../Images/bgBlue.svg), #10b1e2;
  background: url(../../Images/bg.png), #10b1e2;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(62, 203, 239, .95)), to(rgba(7, 91, 111, .95))) fixed, url(../../Images/bg.png) fixed;
}*/
.login-bg {
    /*background: linear-gradient(rgba(62, 203, 239, 0.13) 0, rgba(63, 81, 181, 0.42) 100%) fixed, url(../../Images/bg-1.jpg) fixed;*/
    background: linear-gradient(rgba(62, 203, 239, 0.18) 0, rgba(19, 84, 107, 0.48) 100%) fixed, url(../../Images/bg-1.jpg) fixed;
}

.login-submit {
    color: #fff;
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2dd7f3), to(#1e80b3));
  background: linear-gradient(to bottom, #2dd7f3 0, #1e80b3 100%)*/
    background: linear-gradient(to bottom,#04a3ea 36%, #1c859a 41%, #3db4f3 100%);
}

.menu {
    /*background: #028eb1*/ background-image: linear-gradient(to right, #136a8c, #29a5cd,#065671);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .44);
}

.sidebar {
    /*background: #028eb1*/
    position: fixed;
    /*width: 16.6667%;*/
    /*background-image: linear-gradient(to top right, #146b8d 34%, #29a5cd,#28a2c9);*/
    background: linear-gradient(rgb(21, 87, 111) 0, rgba(19, 84, 107, 0.48) 100%) fixed, url(../../Images/sideMenu.jpg);
    box-shadow: 3px 3px 9px rgba(0, 0, 0, .44);
}

.menu {
    border-bottom: 4px solid #e4b225;
    position: fixed;
    /*width: 83.3333%;*/
    z-index: 1;
}

.activemnu a {
    color: #21ff00 !important;
}

/*.TopButtons input[type=submit] {
  background: #ff7d7d;
  color: #fff
}*/

.TopButtons input[type=submit]:hover {
    color: #177295;
    background-image: linear-gradient(to bottom, #e8e7e7 38%,#d0d0d0 26%, #e8e7e7,#ffffff);
}

table.dataTable tbody tr {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dad2c5), to(#fbf4e9));
    background: linear-gradient(to top, #e6e6e6 0, #ffffff 100%);
}

    table.dataTable tbody tr:nth-child(even) {
        background: linear-gradient(to top, #abccd6 0, #b3d2dc 100%);
    }

        table.dataTable tbody tr:nth-child(even):hover {
            /*background: linear-gradient(to top, #8fabab 0, #9eb5b5 100%);*/
            background: #afd1dc;
        }

.gvRow td,
.rows {
    color: #504f4f;
}

    .row-alt:hover,
    .rows1:hover,
    .rows:hover {
        /*background-color: #e2dcd3;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e2cead), to(#fff4e0));
        background: linear-gradient(to top, #e2cead 0, #fff4e0 100%);*/
        background: #ffffff;
        /*background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dad2c5), to(#fbf4e9));    
        background: linear-gradient(to top, #acacac 0, #e1e4e5);*/
        color: #0c0000 !Important;
        font-weight: 500;
    }

.gvAltRow td,
.row-alt {
    background-color: #f7f7f7;
    color: #504f4f;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dde4de), to(#f7f7f7));
    background: linear-gradient(to top, #dde4de 0, #f7f7f7 100%);
}

.header,
table.gvRow tbody tr:nth-child(2) td,
table.gvRow tbody tr:nth-child(3) td {
    color: #fff;
    background: -webkit-gradient(linear-gradient(rgb(31, 131, 162) 38%, rgb(29, 123, 156) 26%, rgb(31, 130, 162), rgb(34, 146, 183)));
    /*background: linear-gradient(to top, #1e3169 0, #6273a0 100%);*/
    /*background: linear-gradient(to bottom,#237e9e 36%, #166988 41%, #00b9f5 100%);*/
    background-image: linear-gradient(rgb(31, 131, 162) 38%, rgb(29, 123, 156) 26%, rgb(31, 130, 162), rgb(34, 146, 183));
    padding: 2px 10px !important;
}

.pager a,
.pager a:hover {
    color: #fff !important;
    border: 1px solid #635227;
}

.pager {
    background-color: transparent;
}

    .pager a {
        background-color: #3f3f3f;
        color: #000 !important;
        border: 1px solid#1b7a9c !important;
        font-weight: 500;
        background-image: linear-gradient(to bottom, #e8e7e7 38%,#d0d0d0 26%, #e8e7e7,#ffffff);
        /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2b2b2b), to(#a09999)) !important; */
        /* background: linear-gradient(#2b2b2b 0, #a09999 100%) !important; */
        border-radius: 0px;
    }

        .pager a:hover {
            background-color: #615f37;
            color: #fff;
            background-color: #6d590f;
            border: 1px solid #155d77;
            background: linear-gradient(to bottom,#237e9e 36%, #10546d 41%, #2a8fb1 100%) !important;
            border-radius: 0px;
        }

    .pager span {
        color: #fff;
        background-color: #6d590f;
        border: 1px solid #635227;
        color: #fff;
        background-color: #6d590f;
        border: 1px solid #155d77;
        background: linear-gradient(to bottom,#237e9e 36%, #10546d 41%, #2a8fb1 100%) !important;
        border-radius: 0px;
    }

.main button:not(.Edit_btn):not(.Del_btn):not(.multiselect),
.main input[type=button]:not(.Edit_btn):not(.Del_btn),
.main input[type=file]::-webkit-file-upload-button,
.main input[type=reset],
.main input[type=submit]:not(.login-submit):not(.AddBtnImg):not(.EditBtnImg) {
    color: #fff;
    background-image: linear-gradient(to bottom, #1f83a2 38%,#1b7190 26%, #1f82a2,#2292b7);
    border: 1px solid#1f82a2;
    border-radius: 3px;
    padding: 2px 8px;
    cursor: pointer;
    font-weight: 500;
    box-shadow: 1px 1px 6px #000000b3;
    text-shadow: 1px 1px 2px #0007d;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}

    .main button:not(.multiselect):hover,
    .main input[type=button]:hover,
    .main input[type=file]::-webkit-file-upload-button,
    .main input[type=reset]:hover,
    .main input[type=submit]:hover:not(.login-submit):not(.AddBtnImg):not(.EditBtnImg) {
        color: #fff;
        background-image: linear-gradient(to bottom, #22a5ce 38%,#2490b7 26%, #2ab6e2,#59d0f7);
    }

    .main button:disabled,
    .main input[type=button]:disabled,
    .main input[type=file]:disabled::-webkit-file-upload-button,
    .main input[type=reset]:disabled,
    .main input[type=submit]:disabled:not(.EditBtnImg) {
        color: #6a7071 !important;
        background: #84aab3 !important;
        border: 1px solid #a5a5a5 !important;
    }

.copy_right p,
.font_awsm,
.footer,
.loginLabel {
    color: #fff;
}

.main input[type=submit]:focus:not(.login-submit):not(.AddBtnImg):not(.EditBtnImg) {
    -webkit-box-shadow: 0 0 10px #719ece;
    box-shadow: 0 0 10px #719ece;
}

.copy_right {
    border-top: 2px solid #efa410;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
}

.footer {
    background-image: linear-gradient(to right, #146b8d, #06222b,#065671);
    bottom: 0px;
    position: fixed;
}

#style-6::-webkit-scrollbar-track {
    background-color: #028eb1;
}

#style-6::-webkit-scrollbar-thumb {
    background-color: #003552;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}

.login-panel-footer {
    color: #f1f1f1;
    background: #0585a5;
}

.log-footer {
    color: #f1f1f1;
    background: #0a3c658f;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.page_title {
    color: #fff;
    background-image: linear-gradient(to right, #136988 0%,#29a5cd 1%,#13698a 3%,#29a5cd 50%,#156c8d 96%,#27a0c7 99%,#0f5873 100% );
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .44);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .44);
    text-shadow: 1px 1px 5px rgba(43, 43, 43, .43);
}

.cnt_area-status {
    background: #84aab3;
    border: 1px solid #e8e8d9;
}

.stbxrow {
    background-color: #e6ebec;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .05);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .05);
    border: 1px solid #83a9b2;
}

.Close:hover {
    color: #fff;
    background: red;
}

.pnlHeader,
.popup_head {
    background-image: linear-gradient(to right, #136988 0%,#29a5cd 1%,#13698a 3%,#29a5cd 50%,#156c8d 96%,#27a0c7 99%,#0f5873 100% );
    color: #fff;
    font-weight: 700;
}

.pnlHeader {
    color: #fff;
}

.Req {
    border: 1px solid red !important;
}

.ReqRed {
    border-color: rgba(255, 92, 92, .5) !important;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(253, 0, 0, .06), 0 0 1px 0 rgba(255, 0, 0, .4) !important;
    box-shadow: inset 0 0 10px 0 rgba(253, 0, 0, .06), 0 0 1px 0 rgba(255, 0, 0, .4) !important;
}

.noofrecords {
    text-align: center;
    font-weight: 600;
    color: #8a8a8a;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(220, 250, 255, 0)), color-stop(50%, rgba(220, 250, 255, .99)), to(rgba(220, 250, 255, 0)));
    background: linear-gradient(to right, rgba(220, 250, 255, 0) 0, rgba(220, 250, 255, .99) 50%, rgba(220, 250, 255, 0) 100%);
}

ul.mtree,
ul.mtree ul,
ul.mtree.bubba ul {
    margin-left: 0;
}

    ul.mtree.bubba ul li,
    ul.mtree.skinny li,
    ul.mtree.transit ul > li {
        font-size: .5em;
    }

a {
    text-decoration: none;
}

ul.mtree {
    padding: 0 5px 0 0;
}

    ul.mtree ul {
        padding-left: 10px;
    }

    ul.mtree a {
        cursor: pointer;
        display: block;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    ul.mtree.bubba li.mtree-node > a:after {
        content: '›';
        margin-left: .5em;
        font-weight: 400;
    }

    ul.mtree.bubba li.mtree-node > a {
        font-weight: 700;
        text-transform: upperCase;
    }

    ul.mtree.bubba > li {
        border-bottom: 1px solid #ddd;
    }

        ul.mtree.bubba > li:last-child {
            border-bottom: none;
        }

    ul.mtree.bubba li:last-child > a {
        border: none;
    }

    ul.mtree.bubba li > a:hover,
    ul.mtree.bubba > li.mtree-open > a {
        background: #ddd;
    }

    ul.mtree.bubba li.mtree-active > a {
        background: #ffc000;
        color: #fff;
    }

    ul.mtree.bubba a {
        padding: 7px 0 7px 1em;
    }

    ul.mtree.bubba li li > a {
        padding-left: 2em;
    }

    ul.mtree.bubba li li li > a {
        padding-left: 3em;
    }

    ul.mtree.bubba li li li li > a {
        padding-left: 4em;
    }

    ul.mtree.bubba li li li li li > a {
        padding-left: 5em;
    }

    ul.mtree.skinny a {
        padding: 0 18px;
        color: #555;
    }

        ul.mtree.skinny a:hover {
            text-decoration: underline;
        }

    ul.mtree.skinny li.mtree-node:before {
        float: left;
        margin-left: .5em;
        zoom: .8;
        margin-top: .1em;
        color: #777;
    }

    ul.mtree.skinny li.mtree-open:before {
        content: '-';
    }

    ul.mtree.skinny li.mtree-closed:before {
        content: '+';
    }

    ul.mtree.skinny ul > li:first-child {
        margin-top: .1em;
    }

    ul.mtree.jet li:first-child,
    ul.mtree.transit ul > li:first-child {
        margin-top: 1px;
    }

    ul.mtree.skinny ul > li:last-child {
        margin-bottom: .3em;
    }

    ul.mtree.skinny ul a {
        color: #666;
    }

    ul.mtree.transit ul {
        margin-left: 0;
        padding: 0 0 0 10px;
    }

    ul.mtree.transit li.mtree-node {
        position: relative;
    }

        ul.mtree.transit li.mtree-node > a:before {
            color: #000;
            font-weight: 400;
            position: absolute;
            right: 2px;
        }

    ul.mtree.transit li.mtree-open > a:before {
        content: '-';
    }

    ul.mtree.transit li.mtree-closed > a:before {
        content: '+';
    }

    ul.mtree.transit li.mtree-active > a,
    ul.mtree.transit li > a:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffce23), to(#c19127));
        background: linear-gradient(to bottom, #ffce23 0, #c19127 100%);
        color: #fff;
    }

    ul.mtree.transit li.mtree-node > ul > li:last-child {
        margin-bottom: .5em;
        padding-bottom: .5em;
    }

    ul.mtree.transit li.mtree-node:last-child > ul > li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    ul.mtree.transit a {
        padding: 2px 0 2px .8em;
        color: #ccc;
    }

    ul.mtree.transit li li li > a,
    ul.mtree.transit li li > a {
        padding-left: 0;
    }

    ul.mtree.transit li li li li > a {
        padding-left: 3.2em;
    }

    ul.mtree.transit li li li li li > a {
        padding-left: 4em;
    }

    ul.mtree.jet ul {
        margin-left: 0;
    }

    ul.mtree.jet li {
        margin-bottom: 1px;
    }

        ul.mtree.jet li:last-child {
            margin-bottom: 0;
        }

        ul.mtree.jet li.mtree-active a {
            background: #e3e3e3;
        }

        ul.mtree.jet li.mtree-active li:last-child > a {
            border-radius: 0 0 3px 3px;
        }

        ul.mtree.jet li.mtree-active > a {
            background: #008cba;
            color: #fff;
            border-radius: 3px 3px 0 0;
        }

        ul.mtree.jet li > a:hover {
            background: #ffc000;
            color: #fff;
        }

    ul.mtree.jet a {
        padding: 5px 0 5px 1em;
    }

    ul.mtree.jet li li > a {
        padding-left: 2em;
    }

    ul.mtree.jet li li li > a {
        padding-left: 3em;
    }

    ul.mtree.jet li li li li > a {
        padding-left: 4em;
    }

    ul.mtree.jet li li li li li > a {
        padding-left: 5em;
    }

    ul.mtree.nix {
        background: 0 0;
    }

        ul.mtree.nix a {
            display: inline;
        }

        ul.mtree.nix ul {
            margin-left: 1em;
        }

            ul.mtree.nix ul > li {
                list-style-position: inside;
            }

        ul.mtree.nix li {
            list-style: disc;
        }

.mtree-demo .mtree {
    background: #eee;
    margin: 20px auto;
    max-width: 320px;
    border-radius: 3px;
}

.mtree-skin-selector {
    text-align: center;
    background: #eee;
    padding: 10px 0 15px;
}

    .mtree-skin-selector li {
        display: inline-block;
        float: none;
    }

    .mtree-skin-selector button {
        padding: 5px 10px;
        margin-bottom: 1px;
        background: #bbb;
    }

        .mtree-skin-selector button:hover {
            background: #999;
        }

        .mtree-skin-selector button.active {
            background: #999;
            font-weight: 700;
        }

        .mtree-skin-selector button.csl.active {
            background: #ffc000;
        }

.rsp_sb ul li a {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ececec), to(#ababab));
    background: linear-gradient(to bottom, #ececec 0, #ababab 100%);
    font-weight: 700;
    padding: 3px 0 3px 5px !important;
    border-radius: 3px;
    font-size: 12px;
    color: #11233a !important;
    text-shadow: 1px 1px 1px #ddf3ff;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
}

.searchingrid {
    text-align: right;
    padding: .3em 1em;
}

.RecNo {
    text-align: center;
    font-weight: 600;
    color: #4e8453;
    text-shadow: 1px 1px 2px #969696;
    padding: .3em 0 0;
}


/**/
.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
}


.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner > .item {
        position: relative;
        display: none;
        -webkit-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left;
    }

        .carousel-inner > .item > a > img,
        .carousel-inner > .item > img {
            line-height: 1;
        }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

        .carousel-inner > .item.active.right,
        .carousel-inner > .item.next {
            left: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }

        .carousel-inner > .item.active.left,
        .carousel-inner > .item.prev {
            left: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }

            .carousel-inner > .item.active,
            .carousel-inner > .item.next.left,
            .carousel-inner > .item.prev.right {
                left: 0;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

    .carousel-inner > .next.left,
    .carousel-inner > .prev.right {
        left: 0;
    }

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}


.carousel-control {
    position: absolute;
    top: 0;
    bottom: 30px;
    left: 15px;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: .5;
}



    .carousel-control.right {
        right: 40px;
        left: auto;
    }

    .carousel-control:focus,
    .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: .9;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 20px;
        height: 20px;
        font-family: serif;
        line-height: 1;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    position: absolute;
    bottom: 30px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000\9;
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.glyphicon-chevron-left {
    background-image: url(../../Images/Left-arrow.svg);
}

.glyphicon-chevron-right {
    background-image: url(../../Images/Right-arrow.svg);
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }
}

.carousel {
    padding: 10px 0px;
}

/********************************VSP********************************/

.text-overFlow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.filter {
    border: 3px solid #799dab;
    border-radius: 0px;
    padding: 15px 0 10px 0;
    background-image: linear-gradient(to right, #abbdc34f,#60777f26);
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    border-top-style: hidden;
    border-left-style: hidden;
    border-bottom-style: solid;
    border-right-style: hidden;
    box-shadow: 5px 5px 5px #d2d2d2;
}

.posFixed {
    position: fixed;
}

.Sidebar-menuList {
    height: 80vh;
    overflow-y: scroll;
    padding: 0px 0px 0px 10px;
}

#style-69::-webkit-scrollbar {
    width: 6px;
}

#style-69::-webkit-scrollbar-thumb {
    border-radius: 15px;
    max-height: 50px !important;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: #156d8f;
}

#style-69::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    border-radius: 10px;
    background-color: #156d8f;
    border-right: 2px solid#2594ba;
    border-left: 2px solid#2594ba;
}

#mainContent {
    padding-top: 55px;
    padding-bottom: 40px;
}

#btnHome {
    background-image: linear-gradient(to bottom, #1f83a2 38%,#1b7190 26%, #1f82a2,#2292b7);
    /* background-color: #d3a226; */
    padding: 5px 7px;
    border: 1px solid#cacaca;
    border-radius: 50%;
}

.welcomeHome {
    background-color: #124d63d9;
    padding: 4px;
    border-radius: 20px;
    box-shadow: 1px 0px 3px #c4e6ff;
}

.filter-2 {
    background-image: linear-gradient(to right, #cfcfcf 0%,#ffffff 1%,#dedede 3%,#e2e2e2 50%,#e4e4e4 96%,#e1e1e1 99%,#c7c7c7 100% );
    border-bottom: 3px solid#a2a2a2;
    border-top: 3px solid#a2a2a2;
    padding: 5px 0px 0px 0px;
    box-shadow: 5px 5px 5px #d2d2d2;
}

.footerSM {
}

.btngroup input[type=button]:not(.Edit_btn):not(.Del_btn), .main input[type=file]::-webkit-file-upload-button, .main input[type=reset], .main input[type=submit]:not(.login-submit):not(.AddBtnImg):not(.EditBtnImg) {
    box-shadow: none !important;
}

/**
 * Modals ($modals)
 */

/* 1. Ensure this sits above everything when visible */

.modal-overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 0%, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
}








.modal-header {
    position: relative;
    background-color: #2083a3;
    box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
    border-bottom: 1px solid #e8e8e8;
    padding: 4px 30px;
    color: #fff;
}

.modal-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
    color: #aaa;
    background-color: #ad2b2b !important;
    margin: 5px;
    border: 0;
}

    .modal-close:hover {
        color: #777;
    }

.modal-heading {
    font-size: 1.125em;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.modal-content > *:first-child {
    margin-top: 0;
}

.modal-content > *:last-child {
    margin-bottom: 0;
}

.modal-content {
    border-radius: 0px;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: auto;
    overflow-y: scroll;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform .3s ease-out;
        -moz-transition: -moz-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-dialog {
    position: relative;
    z-index: 1050;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: .5;
        filter: alpha(opacity=50);
    }

.modal-header {
    min-height: 16.428571429px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.428571429;
}

.modal-body {
    position: relative;
    padding: 20px;
}

.modal-footer {
    padding: 19px 20px 20px;
    margin-top: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer:before,
    .modal-footer:after {
        display: table;
        content: " ";
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer:before,
    .modal-footer:after {
        display: table;
        content: " ";
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

@media screen and (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
}

table.dataTable tbody .header {
    background: linear-gradient(to bottom right,#4e9cb5, #155971, #47879c) !important;
}


.CountSet {
    border: 1px solid #c7c1c1;
    background-color: #dbdbdb;
    border-radius: 10px;
    padding: 0px;
    box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.55);
    margin-bottom: 3px;
}

    .CountSet .CountSetDate td {
        width: 200px;
        text-align: center;
        color: #fff;
        border-radius: 10px !important;
        font-size: 12px !important;
        background-color: #145870;
    }

    .CountSet .Count {
        background-color: #e4b225;
        border-radius: 10px;
        font-size: 14px !important;
        font-weight: bold;
        text-align: center;
        padding: 0px 2px 3px;
    }

    .CountSet .Volume {
        background-color: transparent;
        font-size: 14px !important;
        font-weight: 600;
        text-align: center;
    }

.UserConrolwidget .BtnWidgetCnr {
    height: 35px;
    border-radius: 25px;
}

.UserConrolwidget .BtnWidgetImg {
    width: 15px;
    /* background: radial-gradient(circle at 65% 15%, white 1px, #02c1ff 3%, #0d2b35 60%, #38cfff 100%); */
    /* background-color: #0e5671; */
    height: 15px;
    border-radius: 50%;
    padding: 10px;
    border: 1px solid #f8f8f8;
    position: absolute;
    left: 15px;
    top: 0px;
    box-shadow: -4px 1px 10px rgba(0, 0, 0, 0.65);
}

    .UserConrolwidget .BtnWidgetImg img {
        width: 100%;
        /* display: none; */
        height: 15px;
        width: 15px;
        padding: 0px 6px 5px 1px;
    }

.UserConrolwidget .BtnWidgetCnrInner, .UserConrolwidget .BtnWidgetHeadCnrInner {
    align-self: normal;
    display: inline-block;
    width: 100%;
    text-align: right;
    padding: 3px 10px;
}

.UserConrolwidget .QuickIconsOuter {
    width: 100%;
    float: left;
    padding: 0px 0 8px;
    margin-bottom: 5px;
    border-bottom: 2px solid #eaeaea;
}

.wt-label {
    margin-top: -10px;
}

.DateSelect {
    background-color: #bfbfbf;
    border-radius: 10px;
    padding: 5px 10px;
    margin-bottom: 4px;
}

.tab-col-bg-1 {
    background-color: #e2e2e2 !important;
}

.tab-col-bg-2 {
    background-color: #d2e4f3 !important;
}

.tab-col-bg-3 {
    background-color: #f9eaef !important;
}

.tab-col-bg-4 {
    background-color: #f2f9ee !important;
}

.tab-col-bg-5 {
    background-color: #fdf2db !important;
}

.btn-Remittance {
    border: 0px solid#145870 !important;
    border-radius: 20px 0px 0px 20px !important;
    padding: 0px 5px 0px 30px !important;
    margin: 3px 0px;
    font-size: 12px;
    width: inherit;
    white-space: initial;
    width: 100%;
    height: 35px;
    background: url(../../Images/clickBtn.png)left 2px top 3px no-repeat rgb(18, 118, 176) !important;
}

    .btn-Remittance:hover {
        background: url(../../Images/clickBtn.png)left 2px top 3px no-repeat rgb(40, 162, 201) !important;
    }
/*.btnIcon {
    background: url(https://i.stack.imgur.com/jDCI4.png) left 3px top 12px no-repeat rgba(86, 61, 124, 0);
    background: url(../../Images/clickBtn.png)left 3px top 6px no-repeat rgb(18, 118, 176);
    position: absolute;
    color: #fff;
    width: 35px;
    height: 35px;
    left: -18px;
    margin-top: 2px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: -4px -1px 10px rgba(0, 0, 0, 0.28);
}*/

.tableView table .hder td {
    background-image: linear-gradient(to right, rgba(0, 185, 245, 0),rgba(0, 185, 245, 0)) !important;
    border: 1px solid rgba(20, 108, 142, 0.34901960784313724);
}

.tableView table .hder {
    background-image: linear-gradient(to right, #0591d4,#0d5e8e) !important;
}

.Head-2 {
    width: 150px;
    background-image: linear-gradient(to right, #0d5d8e,#0f5d8e) !important;
}

.tableView table td {
    border-left: none !important;
    border-right: none !important;
    text-align: center !important;
}

.tableView {
    border: 0px !important;
}
/*.responsive-table tbody tr td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}
.responsive-table tbody .hder td  {
     overflow: visible;
    white-space: normal;
}*/

.head-1 > td {
    position: sticky;
    top: 0px;
    background-color: #1888ca;
}

.head-2 > td {
    position: sticky;
    top: 37px;
    background-color: #1888ca;
}
.head-3 > td {
    position: sticky;
    top: 21px;
    background-color: #1888ca;
}


.curName {   
     background-image: linear-gradient(to right, #0591d4,#155871);
    color: #fff;
    font-size: 12px;
    border-radius: 0px;
    border-bottom: 2px solid #e4b225;
}

.bankName {
    background-image: linear-gradient(to right, #e4b225,#e4b225);
    color: #145870;
    font-size: 12px;
    border-radius: 12px 12px 0px 0px;
}

.fctxt {
    background-image: linear-gradient(to right, #157ebb,#175971, #157ebb);
    color: #ffffff;
    font-size: 12px;
    border-radius: 0px 0px 0px 12px;
}

.lctxt {
    background-image: linear-gradient(to right, #157ebb,#175971, #157ebb);
    color: #ffffff;
    font-size: 12px;    
    border-radius: 0px 0px 12px 0px;
}

.LcVal {
    background-color: #e5efe6;
    font-size: 12px;
    border-radius: 5px;
    border: 1px solid #9dd4a3;
}

.fcVal {    
    background-color: #fdeded;
    font-size: 12px;
    border-radius: 5px;
    border: 1px solid #f1b3b3;
}


.card {
    border: 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

    .card:hover {
        border: 0;
        box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.28), 0 3px 4px 0px rgba(0, 0, 0, 0.24), 0 1px 5px 4px rgba(0, 0, 0, 0.05);
    }

.overflowScrollHover {
    overflow: hidden;
}

    .overflowScrollHover:hover {
        overflow-y: scroll;
    }

.nobar::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.bg-5 {
    border: 1px solid #f5eb05;
    background-color: rgb(66, 64, 1);
    background-image: linear-gradient(to right, rgb(222, 217, 70), rgb(99, 96, 0));
}


.bgc-5 {
    background-color: #FCEA03; 
    background: radial-gradient(circle at 65% 15%, white 1px, #bbb45b 3%, #847a4d 60%, #cabc45 100%);

}

.col-lb-4{
    width:20%;
}
.inputwrapDrop{
    width:225px;
}
  .BtnWidgetCnr:hover {
        -webkit-box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 1);
        box-shadow: 6px 6px 20px rgba(0, 0, 0, 1);
        -webkit-transition: 1s ease-out all;
        transition: 1s ease-out all;
     
    }