body{
    background-color: #f3f7fb !important;
    color: #2d3881;
}

.be-user-nav > li.dropdown > a img {
    max-width: 32px;
    max-height: 32px;
    border-radius: 50%;
}
.be-left-sidebar{
    background-color: #fff;
}
.be-left-sidebar .sidebar-elements>li>a{
}

.be-left-sidebar .left-sidebar-content {
    padding-top: 60px;
    padding-left: 20px;
}

.dashboard-widget > .card{
    margin-bottom: 10px;
}
.dashboard-widget > .card > .card-header-divider{
    margin: 0px !important;
    padding-left: 20px;
    padding-right: 10px;
    font-size: 1rem;
    color: #2d3881d9;
    font-weight: 600;
}



.dashboard-widget > .card:hover{
    border: 1px solid #bfc7d0;
    margin: -1px -1px 9px -1px;

}
.dashboard-widget > .card > .card-body > h1{
    font-weight: 700;
    font-size: 3.9rem;
}
.dashboard-widget > .card > .card-body > a > button{
    border-radius: 5px;
    font-size: .85rem;
    font-weight: 600;
}

.dashboard-widget > .card:hover > .card-body > a > button{
    color: #fff;
    box-shadow: 0 1px 0 rgba(0,0,0,0.1);
    background-color: #4285f4;
    border-color: #4285f4;
}

.dashboard-widget:nth-of-type(1){
    padding-left: 15px;
}
.dashboard-widget:nth-of-type(4){
    padding-right: 15px;
}
.dashboard-widget:nth-last-of-type{
    padding-right: 15px;
}

.topnavbar{
    height:52px;
}

.topnavbar > nav{
    padding-top: 10px;
    padding-bottom: 10px;
}
.nav-link {
    padding: 10px 1rem;
}

.summary{
    font-size: 1rem;
    font-weight: 400;
}

.sidebar-elements > li > a > span.icons{
    padding-right:10px;
    font-size: 1.5rem;
}


.be-navbar-header{
    font-size: 1.2rem;
    font-weight: 500;
}
.be-toggle-left-sidebar{
    color: #2d3881;
    text-decoration: none;
}

.has-error .help-block,.has-error .file-preview,.has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #FF393F;
}

.has-error .control-label,.has-success .control-label{
    color: #292727;
}

.has-success .form-control{
    border-width: 1.5px;
    border-color: #367CFF;
    opacity:1;

}

.has-error .form-control{
    background-color:#fff2f2 ;
    border-width: 1.5px;
    border-color: #ff8285;

}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

#alertpos{
    color:#bdc0c7 ;
    padding-top: 13px;
}

.has-success .form-control:focus{
    box-shadow:none;
    border-color:#367CFF;
}

.has-error .form-control:focus{
    box-shadow:none;
    border-color: #2d3881;
}


.form-control:focus{
    border-color:#292727;
    box-shadow: none;
    border-width: 1.5px;
}

/*#msg{*/
    /*padding-top: 15px;*/
    /*float:left ;*/
    /*color: red ;*/
/*}*/

label{
    font-size:1.1rem ;
    color:#292727;
    padding-top:6px ;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif ;


}

/*.test + .tooltip > .tooltip-inner {*/
    /*background-color: #73AD21;*/
    /*color: #FFFFFF;*/
    /*border: 1px solid red;*/
    /*padding: 15px;*/
    /*font-size: 20px;*/
/*}*/

/*.test + .tooltip.right > .tooltip-arrow {*/
    /*border-right: 5px solid black;*/
/*}*/


/*@avinash*/
/*for programme module*/
.form-control {
    border-width: 1px;
    border-top-color: #bdc0c7;
    box-shadow: none;
    padding: 10px 12px;
    font-size: 1rem;
    transition: none;
    height: 3rem ;
}

.btn-file{
    background-color: #367CFF;
    opacity:0.7;
}

.btn-file:hover{
    background-color: #367CFF;

}

.fileinput-cancel-button:hover{
    background-color: #2C3881;
    opacity:0.5;
}



.table .progress-dtls {
    padding: 0rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.progress {
    height: 16px;
    box-shadow: none;
    BORDER-RADIUS: 10PX;
}
.noHover {
    pointer-events: none;
}
.topnav-round {
    float: right;
    font-weight: 500;
    padding: 20px;
    margin-left: 20px;
    height: 60px;
    border-radius: 32px;
    box-shadow: 0 16px 99px 0 rgba(57, 73, 171, 0.04);
    background-color: var(--white);
}
.topnav-avatar {
    float: right;
    width: 60px;
    height: 55px;
    margin-left: 20px;
    border-radius: 32px;
    box-shadow: 0 16px 99px 0 rgba(57, 73, 171, 0.04);
    background-color: var(--white);
}
.top-nav-logo {
    padding-top: 6px;
    width: 144px;
    height: 32px;
    margin-left: 25px;
}
.nav-head {
    height: 37px;
}
.img-avatar {
    margin-top: 3px;
    margin-bottom: 3px;
    height: 28px;
    margin-right: 20px;
    margin-left: 21px;
}
.add-margin {
    margin-left: 21px;
    font-weight: 500;
    font-size: 12px;
    color: #2c3881;
    padding-top: 8px;
}
.img-margin {
    margin-left: 9px;
}
.img-nav {
    margin-top: 3px;
    margin-bottom: 3px;
    height: 26px;
}
.img-nav-expanded {

    margin-bottom: 6px;
    height: 32px;
}
.nav-sec {
    margin-top: 37px;
    height: 32px;
    background-color: #fff;
    z-index: 1029;
}
.nav-sec > .navbar-default {    
    background-color: #fff;
}

.body-header {
    height: 16px;
    opacity: 0.5;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-align: left;
}
/*.be-content {*/
/*    background-image: linear-gradient(to bottom, rgba(57,73,171,0.05), rgba(79,146,247,0.05));*/
/*}*/
.navbar-default {
    align-content: center;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
    background-color: #eaecf4;
}
/*.nav-tabs {*/
/*    height: 18px;*/
/*    padding-bottom: 5px;*/
/*    background-color: #eaecf4;*/
/*}*/
.active {
    border-bottom: 3px;
}
.top-nav-margin {
    margin-bottom: 10px;
}
.cool-link {
    display: inline-block;
    color: #367cff;
    text-decoration: none;
}
.cool-link::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #367cff;
    transition: width .3s;
}
.cool-link:hover::after {
    width: 100%;
/ / transition: width .3 s;
}
.dropdown:hover > .dropdown-menu {
    display: block;
}
.dropdown > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
.dropdown-menu > .dropdown-item:hover {
    background-color: #f3f7fb;
    color: #4285f4;
}
.be-content {
    padding-top: 43px;
}
.breadcrumb-item {
    opacity: 0.75;
    font-size: 12px;
    font-weight: 700;
    color: #0c57d3;
    font-style: normal !important;

}

.breadcrumb{
    padding-left: 16px;
}
.custom-menu {
    /*background-color: white !important;*/
    border-radius: 8px;
    background-color: white;
}
.be-left-sidebar {
    background-color: #f5f5f5;
    width: 230px;
    left: 0;
    position: absolute;
    border-right: 1px solid #e3e3e3;
}
.be-left-sidebar {
    background-color: white;
    width: 230px;
    left: 0;
    position: absolute;
    /*border-radius: 8px;*/
    /* border-right: 1px solid #e3e3e3; */
}
.be-left-sidebar:before {
    content: "";
    position: fixed;
    z-index: -1;
    width: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #f3f7fb;
    border-right: 0px solid #e3e3e3;
}
.be-left-sidebar .sidebar-elements > li.active > a {
    padding-left: 20px;
    font-weight: 500;
    color: grey;
}
.be-left-sidebar .sidebar-elements > li.open > ul, .be-left-sidebar .sidebar-elements > li.open > ul .nav-items .content > ul {
    display: block;
    /*border-radius: 8px;*/
}
.be-left-sidebar .left-sidebar-content {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 60px;
    padding-left:20px;
}
.nav-link {
    padding: 8px 15px 8px 49px;
    color: dimgray;
    font-size: 13px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: inherit;
    font-weight: 500;
}
.custom-header {
    /*background-color: white !important;*/
    border-radius: 8px;
    background-color: #f3f7fb;
    margin-top: 3px;
    margin-right: 3px;
    margin-left: 3px;
}
.footer{
    font-family: sans-serif;
    width: 220px;
    margin-top: 30px;
    height: 12px;
    opacity: 0.5;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #2c3881;
}
.left-sidebar-wrapper{
    background-image: linear-gradient(to bottom, rgba(57,73,171,0.05), rgba(79,146,247,0.05));
}
.be-left-sidebar{
    border-right: none;
}
body{
    background-image: linear-gradient(to bottom, rgba(57,73,171,0.05), rgba(79,146,247,0.05));
}
.breadcrumb>.active {
    color: #2c3881;
}
.be-user-nav{
    z-index: 1031;
}
.slick-dots{
    color: yellow;
}
.slick-dots > li button{
    color: yellow;
}
.be-top-header .navbar-nav>li.dropdown .dropdown-menu{
    margin-top: 2px;
    margin-left: 20px;
}
.slick-dots li button::before{
    color: #4989ff;
    opacity: .3;
}
#slick-slide-control1:hover{
    opacity: .5;
}
.bread-link{
    opacity: .8;
}
.navbar{
    min-height: 31px;
}

.be-user-nav>li.dropdown .dropdown-menu .user-info .user-position:after {
    top: 17px;
}

.user-position{
    padding-top: 10px;
}

.sibling-fade { visibility: hidden; }
/* Prevents :hover from triggering in the gaps between items */

.sibling-fade > * { visibility: visible; }
/* Brings the child items back in, even though the parent is `hidden` */

.sibling-fade > * { transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms; }
/* Makes the fades smooth with a slight delay to prevent jumps as the mouse moves between items */

.sibling-fade:hover > * { opacity: 0.4; }
/* Fade out all items when the parent is hovered */

.sibling-fade > *:hover { opacity: 1; transition-delay: 0ms, 0ms; }
/* Fade in the currently hovered item */

.sibling-fade {
    display: flex;
    flex-wrap: wrap;
}

.sibling-fade > * {
    flex: auto;
    text-align: center;
    color: #f05555;
    text-decoration: none;
}

/**/

.sibling-fade1 { visibility: hidden; }
/* Prevents :hover from triggering in the gaps between items */

.sibling-fade1 > * { visibility: visible; }
/* Brings the child items back in, even though the parent is `hidden` */

.sibling-fade1 > * { transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms; }
/* Makes the fades smooth with a slight delay to prevent jumps as the mouse moves between items */

.sibling-fade1:hover > * { opacity: 0.4; }
/* Fade out all items when the parent is hovered */

.sibling-fade1 > *:hover { opacity: 1; transition-delay: 0ms, 0ms; }
/* Fade in the currently hovered item */

.sibling-fade1 {
    display: flex;
    flex-wrap: wrap;
}

.sibling-fade1 > * {
    flex: auto;
    text-align: center;
    color: #f05555;
    text-decoration: none;
}

/**/
.container {
    justify-content:flex-end;
}

.be-left-sidebar .sidebar-elements>li ul li.active>a {
    color: #4285f4;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 8px;
    margin-bottom: 10px;
}

.dashboard-img{
    padding: 5px;
    width: 48px;
    height: 48px;
}
.dashboard-widget-home{
    padding: 8px;
    border-radius: 8px;
}

.dashboard-widget-home > .card:hover{
    border: 1px solid #367cff;
    margin: -1px -1px -1px -1px;
}

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

.hasDatepicker{
    height:3rem;
}

.stock-details-view{
    border: 3px solid #000000;
}

.btn-danger{
    opacity: .8;
}

.btn-danger:hover{
    opacity: 1;
}

.table-br-color th, .table-br-color td {
    border: 1px solid #8fb2d6;
}

.btn-programme-modal {
    text-align: left;
}

form div.required label.control-label:after {
    content:" * ";
    color:red;

}
.side-nav-module-name{
    padding-left: 25px;
    padding-top:  18px;
    border-radius: 8px;
}
.be-left-sidebar .sidebar-elements > li.active > a {
    color: #4284f4;
    /*background-color: #4284f4;*/
    background: rgba(66,132,244,.08);
}

/*@avinash*/