.extrafooter{
        background: linear-gradient(154deg,#555 ,#555 ) !important;
    background-color: #0D2D3C !important;
}

.bg-info {
    background-color:#3498DB  !important;
}

.overalladmin h2 {
    
    color:#424141;
}

.greenheader  {
    background:#757575;
}
.greenheader2 {
    background:#757575;
}
.myrecentcourses h3{
     color: #122e40  !important;

}


.event-list li {
    background: #3498DB;
}


.bg-grey {
    background-color: #3498db !important;
}


.mselecter2 {
    color: #757575    !important;

}

#app-menu-inner>.panel>ul li{

   padding: 3px 15px;
    /*background:#3498db;*/
    list-style: none;
}
/*.allcourses {
    background: #12517b;
}*/

/*.navbar-nav>li>.dropdown-menu {
   
    background: #3797DA;
}*/

.yamm {
    z-index: 999;
    width: 100%;
    background-color:  #fff;
    border: none;
    -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px;
    -ms-box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    /*min-height: 72px;*/
        padding: 5px 0px;
}


body {
  background: #f3f3f3 ;
  color: #43494d;
}
#app-header {
  background: #ffffff;
}
#btn-mobile-nav {
  color: #3498db;
}
#btn-logout,
#btn-back-to-list {
  border-left: 2px solid #edf1f5;
  color: #656d78;
}
.no-touch #btn-logout:hover,
.no-touch #btn-logout:focus,
.no-touch #btn-back-to-list:hover,
.no-touch #btn-back-to-list:focus {
  background-color: #41a5e7;
  border-color: #41a5e7;
  color: #fff;
}
.no-touch #btn-logout:active,
.no-touch #btn-back-to-list:active {
  background-color: #3498db;
  border-color: #2383c4;
  color: #1d6fa5;
}
#btn-logout:active,
#btn-back-to-list:active {
  background-color: #3498db;
  border-color: #2383c4;
  color: #1d6fa5;
}
#btn-back-to-list {
  border-right: 2px solid #edf1f5;
}
#app-menubar {
  background: #354052;
}
#app-menubar .dropdown-menu.collapsing,
#app-menubar .dropdown-menu.collapse.in {
  background: #2f3949;
}
#user-info {
  border-bottom-color: #3d4a5e;
}
#user-info a {
  color: #a0abbf;
}
#user-info a:hover,
#user-info a:active,
#user-info a:focus {
  color: #fff;
}
#app-menu-inner a {
  color: #3498DB;
}
.no-touch #app-menu-inner a:hover,
.no-touch #app-menu-inner a:focus,
.no-touch #app-menu-inner a:active {
  background: #2f3949;
  color: #2f3949;
}
#app-menu-inner > .active > a {
  background: #3498db;
  color: #ffffff;
}
.no-touch #app-menu-inner > .active > a:hover,
.no-touch #app-menu-inner > .active > a:focus,
.no-touch #app-menu-inner > .active > a:active {
  background: #3498db;
}
#app-menu-inner > .active > ul {
  background: #29313f;
}
#app-menu-inner > .active > ul li a {
  color: #a0abbf;
}
.no-touch #app-menu-inner > .active > ul li a:hover,
.no-touch #app-menu-inner > .active > ul li a:focus,
.no-touch #app-menu-inner > .active > ul li a:active {
  background: #252d39;
  color: #fff;
}
#app-menu-inner > .active > ul li.active a {
  border-left-color: #3498db;
  color: #ffffff;
  pointer-events: none;
}
.no-touch #app-menu-inner > .active > ul li.active a:hover,
.no-touch #app-menu-inner > .active > ul li.active a:focus,
.no-touch #app-menu-inner > .active > ul li.active a:active {
  background: #2f3949;
  color: #fff;
}
.responsive-tabs {
  background: #fff;
}
.responsive-tabs .dropdown {
  border-bottom: 2px solid #edf1f5;
}
.responsive-tabs .dropdown > a {
  border-bottom-color: #3498db;
  color: #656d78;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 500;
}
.responsive-tabs .dropdown-menu > li > a {
  color: #656d78;
}
.no-touch .responsive-tabs .dropdown-menu > li > a:hover,
.no-touch .responsive-tabs .dropdown-menu > li > a:focus,
.no-touch .responsive-tabs .dropdown-menu > li > a:active {
  background: #ebebeb;
  color: #525962;
}
.responsive-tabs .dropdown-menu > li.active > a {
  background: #3498db;
  color: #ffffff;
}
.no-touch .responsive-tabs .dropdown-menu > li.active > a:hover,
.no-touch .responsive-tabs .dropdown-menu > li.active > a:focus,
.no-touch .responsive-tabs .dropdown-menu > li.active > a:active {
  background: #3498db;
}
.responsive-tabs.no-border .dropdown {
  border-bottom: 0 none;
}
@media (min-width: 768px) {
  .responsive-tabs .dropdown-menu > li > a {
    background: transparent;
    color: #656d78;
    color: #8c939e;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 500;
  }
  .no-touch .responsive-tabs .dropdown-menu > li > a:hover,
  .no-touch .responsive-tabs .dropdown-menu > li > a:focus,
  .no-touch .responsive-tabs .dropdown-menu > li > a:active {
    background: #fafafa;
    color: #525962;
  }
  .responsive-tabs .dropdown-menu > li.active > a {
    background: none !important;
    border-bottom-color: #f65a5b;
    color: #656d78 !important;
  }
}
#course-category-list a {
  color: #a0abbf;
}
.no-touch #course-category-list a:hover,
.no-touch #course-category-list a:focus,
.no-touch #course-category-list a:active {
  background: #2f3949;
  color: #fff;
}
#course-category-list > .active > a {
  background: #3498db;
  color: #ffffff;
}
.no-touch #course-category-list > .active > a:hover,
.no-touch #course-category-list > .active > a:focus,
.no-touch #course-category-list > .active > a:active {
  background: #3498db;
}
.btn-default {

    border: 2px solid #f65a5b;
    color: #656d78;
    background: linear-gradient(135deg, #f65a5b, #f65a5b);
    font-weight: 500;
}
.no-touch .btn-default:hover,
.no-touch .btn-default:focus {
      border-color: #f65a5b !important;
    background: linear-gradient(135deg, #ffffff, #ffffff) !important;
    color: #f65a5b !important;
}
.no-touch .btn-default:active {
  background-color: #ccd1d9;
  border-color: #b5bcc8;
}
.btn-default:active {
  background-color: #ccd1d9;
  border-color: #b5bcc8;
}
.btn-default.disabled,
.btn-default[disabled] {
  background: transparent;
  border-color: #ccd1d9;
}
.btn-primary {
 border: 2px solid #f65a5b;
       background: linear-gradient(135deg, #f65a5b, #f65a5b);
  color: #ffffff;
  font-weight: 500;
}

.no-touch .btn-primary:active {
  background-color: #3498db;
  border-color: #2383c4;
  color: #1d6fa5;
}
.btn-primary:active {
  background-color: #3498db;
  border-color: #2383c4;
  color: #1d6fa5;
}
.btn-primary.disabled,
.btn-primary[disabled] {
  background: #f65a5b;
    border-color: #f65a5b;
  color: #ffffff;
}
.btn-secondary {
  background: transparent;
  border: 2px solid #3498db;
  color: #3498db;
  font-weight: 500;
}
.learner-widget-heading {
  border-bottom: 2px solid #eee;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 10px;
  padding: 1rem;
  background-color: #3498db;
  color: #354052;
  text-align: center;
}
.no-touch .btn-secondary:hover,
.no-touch .btn-secondary:focus {
  background-color: #41a5e7;
  border-color: #41a5e7;
  color: #fff;
}
.no-touch .btn-secondary:active {
  background-color: #3498db;
  border-color: #2383c4;
  color: #1d6fa5;
}
.btn-secondary:active {
  background-color: #3498db;
  border-color: #2383c4;
  color: #1d6fa5;
}
.btn-secondary.disabled,
.btn-secondary[disabled] {
  background: transparent;
  border-color: #3498db;
}
.pagination > li > a,
.pagination > li > span {
  background: transparent;
  border: 2px solid #ccd1d9;
  color: #656d78;
  font-weight: 500;
}
.no-touch .pagination > li > a:hover,
.no-touch .pagination > li > span:hover,
.no-touch .pagination > li > a:focus,
.no-touch .pagination > li > span:focus,
.no-touch .pagination > li > a:active,
.no-touch .pagination > li > span:active {
  background-color: #d8dee6;
  border-color: #d8dee6;
  color: #525962;
}
.pagination > li.active > a,
.pagination > li.active > span {
  background: #3498db;
  border: 2px solid #3498db;
  color: #ffffff;
}
.no-touch .pagination > li.active > a:hover,
.no-touch .pagination > li.active > span:hover,
.no-touch .pagination > li.active > a:focus,
.no-touch .pagination > li.active > span:focus,
.no-touch .pagination > li.active > a:active,
.no-touch .pagination > li.active > span:active {
  background-color: #3498db;
  border-color: #3498db;
  color: #fff;
}
.form-control {
  background: #fff;
  border: 1px solid #ccd1d9;
  height: 33px;
  height: 3.3rem;
}
.input-lg,
.form-horizontal .form-group-lg .form-control {
  height: 46px;
  height: 4.6rem;
}
#app-breadcrumb {
  border-bottom: 2px solid #e7e7e7;
}
.breadcrumb > li > span {
  color: #4e515e;
}
.breadcrumb > li + li:before {
  border-left-color: #4e515e;
}
.dropdown-menu {
  /*background: #3797DA;*/
  border: 2px solid #ccd1d9;
  box-shadow: none;
}

.btn-default.temp {
    background: #025586;
}
.no-touch .dropdown-menu li > a:hover,
.no-touch .dropdown-menu li > a:focus,
.no-touch .dropdown-menu li > a:active {
  background: #ebebeb;
  color: #525962;
}
.dropdown-menu li.active > a,
.dropdown-menu li.selected > a {
  background: #f65a5b;
  color: #ffffff;
  pointer-events: none;
}
.no-touch .dropdown-menu li.active > a:hover,
.no-touch .dropdown-menu li.selected > a:hover,
.no-touch .dropdown-menu li.active > a:focus,
.no-touch .dropdown-menu li.selected > a:focus,
.no-touch .dropdown-menu li.active > a:active,
.no-touch .dropdown-menu li.selected > a:active {
  background: #3498db;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  width: 270px;
  width: 27rem;
}
.bootstrap-datetimepicker-widget td.today:before {
  border-bottom-color: #3498db;
}
.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
  background-color: #3498db;
  color: #ffffff;
}
.bootstrap-datetimepicker-widget td span.active {
  background-color: #3498db;
  color: #ffffff;
}
.separator-dark {
  background: #2f3949;
  height: 2px;
  top: -3px;
}
a {
  color: #428bca;
}
a:hover,
a:focus {
  color: #2a6496;
}
a:active,
a.active {
  color: #2a6496;
}
a:disabled,
a[disabled] {
  color: #2a6496;
}

/*Colors need to change*/
/*================================*/
/*Login popup styles*/

.orangebg{

        background: linear-gradient(135deg, #65A4F2,#4575b1);
    color: #fff;
    padding: 40px 10px;
    border-top: #2c63a9 solid 10px;
    border-bottom: #2c63a9 solid 10px;
    height: 558px;
}

.form-wrap .tabs h3 a.active span {
    padding-bottom: 4px;
    border-bottom: 1px solid #2c63a9;text-decoration:none
}


/*Home page*/

#mainmenubar>.panel>ul li{

 padding: 3px 5px;
    background: linear-gradient(to bottom,#ffffff 0%,#ffffff 100%);
    list-style: none;
}


.navbar-default{

         background: linear-gradient(154deg, #ffffff, #ffffff ) !important;
        border-radius: 0px;
    border: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}



/*.modified-home .two-columns-wide-outer {

background: linear-gradient(135deg, #65A4F2, #4575b1);

}*/

.modified-home .two-columns-wide-outer{
          background: #f3f3f3 !important;
}
.rc-ExploreButton{
        background-color: #f65a5b  !important;
    color: white !important;

}

.loginbtn{

        background:#64a2ef;
}
.btn.btn-green:hover {
    background: #0c3148;
}
.loginbtn:hover{

        background: #2e3942 !important;
        color: #fff;

}
.responsivGallery-name{
        color: #4a78b1;
}
.responsivGallery-name:hover{
    color:#2d3942;

}

.our-courses .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{

    background-color: #f65a5b !important;
    color:#fff
   
}

.our-courses {
    background: #ffffff !important;
}


.our-courses .nav-tabs{
        border-bottom: 0px solid #ddd !important;
}
#counter {
    background: linear-gradient(135deg, #64a2ef, #4d80c1);
    
}

.testimo {
   
    background: url(../../../images/headerbg.jpg) #f9dec8;
   
}
.our-courses .courses-list {
 
    position: relative;
    background: #d9e3f1;

}

.form-app-search .btn{
       
         background: #f65a5b;
    border: 1px solid #f65a5b;
  

}
a.home-column-call-to-action.cta-login:hover {

        background-color: #4a78b1;
}

.btn-redd{
        background-color: #4a78b1 !important;

}

/*.btn.btn-green {
    background: #38ac69;
}*/

.enrollnowbutton2{

    background-color:#4a78b1;
}

.borders h4 {
    color: #4a78b1;
}

.jstree-default-large .jstree-anchor:hover {
 
    
    background: #f3f3f3 !important;
  
}
.userstats h4 {
    color: #f65a5b;
}
.btn-progress {
        background: linear-gradient(135deg, #f65a5b, #f65a5b) !important;
}

.totallearnhrs {
   
    color: #122e40 ;
}

#mainmenubar li.menucurrent.panel>a{

    color:#f65a5b  !important;
    
}
.navbar-default .navbar-nav>li>a{
    color: #000 !important;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #f04441 !important;
}
/*.courselistwidget {
   
    background: #f1423f  !important;
}*/

.course-categories3 .jstree-default-large .jstree-anchor:hover{

 
        Background:#f65a5b  !important
}
.form-wrap form label[for]:after {
    background-color: #db6b05 !important;
}
.supmsg{

background: #f65a5b;
}

#page-header {
background: linear-gradient(120deg, #f3f3f3, #f3f3f3) !important;
}
.adaptiveduration p {
    color: #f65a5b !important;
}
.pagination > li.active > a, .pagination > li.active > span {
           background: #f65a5b;
    border: 1px solid #f65a5b;
    color: #fff;
}
.course-categories3 .jstree-default-large .jstree-anchor:hover{

    color:#fff !important;
        Background:#f65a5b  !important
}

.jstree-default .jstree-clicked{

    Background:#f65a5b !important
}
.userdrop ul li {
     background: linear-gradient(to bottom,#ffffff 0%,#ffffff 100%);
}
.userdrop ul li:hover a {
     color:#f04542 !important;
}
.btn.btn-green {
           background: linear-gradient(135deg, #f65a5b, #f65a5b) !important;
 
    border:none !important;
}
.chat-wrap {
  background: linear-gradient(135deg, rgb(247 91 92), rgb(247 91 92)) !important;
}
body{
     background: #f3f3f3  !important;

}
.navbar .language-bar .bootstrap-select button.btn{
    color:black !important;
}
.navbar .language-bar .bootstrap-select button.btn:hover{
    color:#f65a5b !important;
}
#app-search{
    border: 1px solid #ccd1d9 !important;
}
.ml-5{
    color:black !important;
}
#mainmenubar > .panel > ul li{
    border-bottom: 1px solid #ffffff !important;
}
.overalladmin{
    border: 2px solid #f0514e5e !important;
}

#mainmenubar .dropdown-menu li:hover > a{
    color:black !important;
}

#myNavbar .profilepic  li.menucurrent>a{
        color: #000000 !important
}
.no-touch .btn-primary:hover,
.no-touch .btn-primary:focus {
     border-color: #f65a5b !important;
    background: linear-gradient(135deg, #ffffff, #ffffff) !important;
    color: #f65a5b !important;
}
.alert-warning {
           background-image: linear-gradient(to bottom,#f1981494 0%,#f1981494 100%) !important;
    background-repeat: repeat-x ;
    border-color: #ffffff !important;
    color: white !important;
}
.newbie a{
        color: #f65a5b  !important;
}
.myprofileimg2{
        border: 1px solid #f65a5b  !important;
}
#mainmenubar .dropdown-menu{
       box-shadow: 0px 0px 5px #565656;
       padding-bottom: 0px;

}
.btn.btn-green:hover,.btn-progress:hover{
      border-color: #f65a5b !important;
    background: linear-gradient(135deg, #ffffff, #ffffff) !important;
    color: #f65a5b !important;
}
.overalladmin i{
    color: #636161 !important;
    border: 1px solid #636161 !important;
}


#myNavbar .dropdown-menu li.menucurrent>a{
        color: #000000 !important;
}


#mainmenubar .dropdown-menu li > a{
    color:#000000 !important;
}
#mainmenubar .dropdown-menu li > a:hover{
    color:#f0413e !important;
}
#adminfull a:hover{
    color: #f65a5b !important;
}
.mselecter3{
    color: #424242 !important;
}

@media (min-width: 768px){

    .adaptivebox .responsive-tabs .dropdown-menu > li.active > a {
    background: #f65a5b  !important;
    border-bottom-color: #f65a5b  !important;
    color: #ffffff !important;
}

}


.subcoursedescription{
    border-radius: 5px;
}

.more-info{
        background: #f65a5b !important;
}