.navbar{
border-radius: 0px;
background-color: #f8f8f8;
background-image:none;
    /*margin-top: 15px;*/
}


#mainNav .navbar-collapse .navbar-sidenav {
    margin-top: 114px !important;
}
a.navbar-brand.snt-navbar-brand {
    margin-bottom: 18px !important;
}
body{
                    font-family: 'Roboto', sans-serif;
                    }

.header{
border-radius: 0px;
background-color: #f8f8f8 !important;
background-image:none;
padding-top: 15px;
padding-left: 20px;
    padding-right: 20px;
    height: 69px;
}
h1#site-name{
line-height: 1rem;
}

.header #branding h1 {
    margin: 0px;
 }

.header #branding {
    border-right: 0px solid #2f3334;
}

.navbar-sidenav ,.snt-sidenavToggler,.sidenav-second-level, .left-nav{
background-color: var(--primary-color) !important;
}

.navbar-brand, .header #branding h1{
color: var(--primary-color) !important;
}



.snt-top-nav, .user-tools, .header a{
color: #000 !important;
font-weight: 600;
}

.header #user-tools {
    /*padding: 0px;*/
    font-weight: 600;
}

.student_card{
width: 238px;
height: 155px;
border-radius: 12px;
}

.first{
background-color: #a5d17d !important;
}

.second{
background-color: #76d3c1 !important;
}

.third{
background-color: #8bc5ea !important;
}

.fourth{
background-color: #7380c9 !important;
}

.nav-link-text{
font-size: 15px;
color: #ffffff;
}

.latest_certificate{
border-radius: 15px;
background-color: #7ac943 !important;
}

.course_status{
border-radius: 12px;
background-color: #ffffff !important;
font-size: 20px;
color: #999999;
}

.course_overview{
width: 317px;
height: 337px;
border-radius: 12px;
background-color: #ffffff;
}
#login aside{
right: 0;
}

.snt-name{
margin-left: 0px;
font-size: 21px;
}

.snt-count{
font-size: 35px;
color: #000000;
}

.card-header{
font-size: 20px;
color: #808080;
}

.snt-course-status{
width: 587px;
height: 429px;
border-radius: 12px;
}

.left-nav>ul>li>a {
    color: white;
    padding-left: 18px;
    border:none;
       padding: 8px;
}


.login_bg_new {
    /*background: linear-gradient(rgba(43, 120, 199, 0.74), rgba(42, 79, 117, 0.74)),url(/static/udemy_theme/img/banner/img_banner.png) no-repeat;*/
    height: 675px;

}

#white_bg {
background-color:white;
}


#login aside form, #register aside form {
        margin-top: 25%;
        margin: 20%;
}

.access_social {
    margin-top: 45px;
    text-align:center !important;
}

/* #login aside {
width: 100% !important;
} */

#login_bg{
background:none;
width:40% !important;

}

.login-div{
width:100% !important;
}

.snt-form-contorl {
    width: 387px !important;
    height: 52px !important;
    border-radius: 12px !important;
}

.left-nav>ul>li ul{
background-color: #2a73ad !important;
color: white;
}

.NS{
     color: #457ef7;
     }
     .IP{
     color : #8bc5ea;
     }
     .CP{
     color : #2a73ad;
     }

 card, .card-panel {
    transition: box-shadow .25s !important;
    margin: 2.5rem 0 1rem !important;
    border-radius: 12px !important;
    background-color: #fff !important;
}

.snt-pop-cart{
transition: box-shadow .25s !important;
    margin: 2.5rem 0 1rem !important;
    border-radius: 12px !important;
    background-color: #2a73ad !important;
}
.admin-course-status,.admin-course-overview ,.admin-latest-course ,.admin-awaiting-course{
background-color: white;
border-radius: 12px;
color: #999999;
}

.snt-mpc{
width: 311px;
height: 148px;
background-color: #000000;
}

.snt-card-title{
    border-radius: 12px !important;
    font-size: 16px;
    color: #ffffff;
    text-align: center;

}

.header {
    color: #000;

     text-shadow:none;
     
    }
   
.box_space_new{
    width: 49% !important;;
    margin-right: 1% !important;
}
#wrap {
    /* background: url(../img/bg_left_white.gif) top left repeat-y; */
    /*background-color: #2e73ad;*/
    background-image: none;
}

body.dashboard{
/*background-color: #2e73ad !important;*/
}

.login-back {
background-color:white;
}

.popular-img{
height: 148px;
    border-radius: 12px 12px 0px 0px!important

}

.left-nav>ul>li.active>a {
    color: #fff;
    width: 198px;
    }

    .left-nav>ul>li>a:hover {
        color: black !important;
            width: 200px !important;
    }
    .left-nav>ul>li:not(.active):hover a
    #content{
    background-color: #000 !important;
}

.card.dashboard h5 {
color:black !important;
font-size: 18px;
}

.left-nav>ul>li ul li a{
color: #ffffff !important;
}

.left-nav>ul>li ul li a:hover{
color: black !important;
}

#id_email{
cursor:pointer;
}
#id_password{
cursor:pointer;
}

.login-img-text{
    opacity: 0.8;
    /*color: white;*/
    text-align: center;
    font-size: 18px;
    }

.snt-my-course{
    margin-left: -14px;
}

.snt-btn-text {
    padding: 2.1px !important;
    font-size: 10px;
    color: #ffffff !important;
}

.snt-list-view-img{
height: 150px;
    margin-top: 10px;
    margin-bottom: -10px;
    }

.snt-col-list{
margin-top: 44px;
}

.dob-snt{
/*float: inherit !important;*/
}

.snt-panel-default{
padding: 15px;
}

.snt-gender{
    justify-content: space-around;
    display: flex;
    align-items: center;
    padding-top: 25px;
}

.snt-gender-label{
display: flex;
align-items : center;
}

.snt-gender-label input[type=radio] {
    margin: 0px 14px 0;
}

.snt-gender .error-red{
    padding-left: 3px;
}

.snt-course-ov{
font-size: 20px;
color: #808080;
text-align: center;
}

.error-red, .r-color{
            color:red
        }


.left-nav>ul>li>a:hover i {
    background-image: url(/static/suit/bootstrap/img/glyphicons-halflings.png);
    opacity: 1;
}

.left-nav>ul>li>a i {
    background-image: url(/static/suit/bootstrap/img/glyphicons-halflings-white-shadow.png);
    opacity: 1;
}

.SumoSelect .select-all {
    padding: 1px 0 3px 35px !important;
    height: 26px;
    color: #392779;
}

.snt-admin-footer-branding{
width: 100% !important;
}

.admin-snt-att{
display: flex;
}

body.sidenav-toggled .left-nav a {
    width: 55px !important;
}

.navbar-nav li.active{
background-color: #5c9ab4;

}

.navbar-nav li:active{
background-color: #5c9ab4;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a{
background-color: #5c9ab4 !important;
}
:root{
    --primary-color : #103956;
    --secondary-color : #5faf42
  }
  .cmn-btn,
.cmn-btn-2,.btn-primary,.btn-success,.btn-info{
  padding: 10px 20px !important;
  font-size: 12px !important;
  font-weight: 600;
  border-radius: 6px !important;
  background: var(--secondary-color) !important;
  color: #fff !important;
  line-height: 16px;
  border: none !important;
  cursor: pointer;
}
.cmn-btn-2,.btn-primary,.btn-info:hover,.btn-info {
  background: var(--primary-color) !important;
  }
  .cmn-btn:hover,
.cmn-btn-2:hover{
  color: #fff;
}

.form-control:focus{
  box-shadow: none !important;
  -webkit-box-shadow: none !important
}

.btn.btn-warning ,.btn-danger,.btn-info{
  font-size: 12px !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  opacity: 1 !important;
  color: white;
  font-weight: 600;
}
a{
    color: var(--primary-color);
}
a:hover{
    text-decoration: none !important;
}
.pagination ul li.active a, .pagination ul li.active span{
    background: var(--primary-color);
}
table{
    color: #000;
}