.header-top-bar {
  background-color: #000000;
}

.font_footer{
    color:#1ab69d;
}

.rn-progress-parent svg.rn-back-circle path {
  stroke: #6773ec;
}



.mainmenu-nav{
    float:right;
}
#edublink-preloader{
    background-image: linear-gradient(20deg, #6469a1 0%, #0ce3c0 100%);


}
.email_users{
  font-size: 14px;
  font-weight: bold;
  color: #3b5998;
}
.image_header{
    border-radius: 50%;
    height: 45px;
    width: 45px;
    max-width: 100%;
    vertical-align: middle;
    border-style: none;
    margin-top: 23px;
    margin-right: 10px;
    cursor:pointer;
}

.image_header_dropdown{
    border-radius: 50%;
    height: 45px;
    width: 45px;
    max-width: 100%;
    margin-left: 10px;
    vertical-align: middle;
    border-style: none;
    cursor:pointer;
}

.email_header_colour{
    color:#0b2af1!important;
    font-weight: bold;
}



.mainmenu-nav .mainmenu li.has-droupdown .submenu li .email_header_colour:hover {
    color:#0b2af1!important;
    font-weight: bold;
}
.edu-breadcrumb-area {
padding: 30px 0;

}

.section-gap-equal {
    padding: 25px;
}


a.edu-btn, button.edu-btn {

    background: #0785c1;
    
}
.hidden_details{
  display:none;
}
.hidden_details_danger{
    display:none;
}
.hidden_details_success{
  display:none;
}

    /*custom msg css for Loader*/ 




    .lds-dual-ring.hidden {
        display: none;
    }

    /*Add an overlay to the entire page blocking any further presses to buttons or other elements.*/
    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0,.8);
        z-index: 999;
        opacity: 1;
        transition: all 0.5s;
    }
    
    /*Spinner Styles*/
    .lds-dual-ring {
        display: inline-block;
        width: 100%;
        height: 100%;
    }
    .lds-dual-ring:after {
        content: " ";
        display: block;
        width: 64px;
        height: 64px;
        margin: 23% auto;
        border-radius: 50%;
        border: 6px solid #fff;
        border-color: #fff transparent #fff transparent;
        animation: lds-dual-ring 1.2s linear infinite;
    }
    @keyframes lds-dual-ring {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }


    .toast{
          font-size:14px!important;
    }


    .toast-error {
        background-color: #da1309;
    }
    
    .toast-success {
      background-color: #04a104;
    }
    .toast-warning {
      background-color: #eb8714;
    }
    .toast-info {
      background-color: #f1268d;
    }

    .required_field{
        color:red;
    }


.mainmenu-nav .mainmenu li.has-droupdown:hover > .submenu {

    left: -201px;
}


/* profile pic */


.avatar-upload {
  position: relative;
  max-width: 148px;
  height: 106px;
}
  .avatar-edit {
      position: absolute;
      right: 12px;
      z-index: 1;
      top: 10px;
  }
      #imageUpload {
          display: none;
      }
      #imageUpload+ label {
              display: inline-block;
              width: 34px;
              height: 34px;
              margin-bottom: 0;
              border-radius: 100%;
              background: #FFFFFF;
              border: 1px solid transparent;
              box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
              cursor: pointer;
              font-weight: normal;
              transition: all .2s ease-in-out;
      }
         #imageUpload :hover {
                  background: #f1f1f1;
                  border-color: #d6d6d6;
              }

              #imageUpload  :after {
                  content: "\f040";
                  font-family: 'FontAwesome';
                  color: #757575;
                  position: absolute;
                  top: 10px;
                  left: 0;
                  right: 0;
                  text-align: center;
                  margin: auto;
              }
 
  .avatar-preview {
      width: 192px;
      height: 192px;
      position: relative;
      border-radius: 100%;
    
  }
  .avatar-preview > div {
          width: 60%;
          height: 60%;
          border-radius: 100%;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
      }

    
    /*custom msg css for notification*/ 
    
    
    #custom_msg-container {
      position: fixed;
      z-index: 999999;
      pointer-events: none;
      opacity: 1;
  }
  
  .custom_msg-top-right {
      top: 12px;
      right: 12px;
  }
  
  #custom_msg-container > .custom_msg-success {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
  }
  
  #custom_msg-container > .custom_msg-error {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
  }
  
  
  .custom_msg-error {
      background-color: #de0606;
  }
  .custom_msg-success {
      background-color: #04a104;
  }
  
  
  #custom_msg-container > div {
      position: relative;
      pointer-events: auto;
      overflow: hidden;
      margin: 0 0 6px;
      padding: 15px 15px 15px 50px;
      width: 300px;
      opacity:1!important;
      border-radius: 3px 3px 3px 3px;
      background-position: 15px center;
      background-repeat: no-repeat;
     font-size: 14px!important;
      box-shadow: 0 0 12px #999999;
      color: #FFFFFF;
    
  }
  
  .custom_msg-title {
      font-weight: bold;
  }
  
  .custom_msg-message {
      -ms-word-wrap: break-word;
      word-wrap: break-word;
  }

/*
  .social-share li .instagram_details {
    background-color: #ac0050;
    border-color: #ac0050;
    color: var(--color-white);
}


.social-share li .twitter_details {
  background-color:  rgb(29, 155, 240);
  border-color:  rgb(29, 155, 240);
  color: var(--color-white);
}


.social-share li .facbeook_details {
  background-color: #3b5998;
  border-color: #3b5998;
  color: var(--color-white);
}


.social-share li .linkdin_details {
  background-color: #0072b1;
  border-color: #0072b1;
  color: var(--color-white);
}

*/
.design_margin{
    margin-right: 10px;
}


element.style {
}
a.edu-btn, button.edu-btn {
    background: #0785c1;
}
#edu-btns {

        text-align: center;
        border-radius: 5px;
        display: inline-block;
        height: 30px;
        line-height: 29px;
        color: var(--edu-btn-color);
        padding: 0px 20px;
        font-weight: 500;
        transition: 0.4s;
        font-family: var(--font-secondary);
        border: 0 none;
        overflow: hidden;
        position: relative;
        z-index: 1;
 
}

@media only screen and (min-width: 767px) {
    .deskstop_logo {

        width: 100px!important;
    }
}


.edu-course-widget.widget-course-summery .content .read-more-btn {
    margin-top: 5px;
    margin-bottom: 5px;
}


.edu-course .course-hover-content .content .wishlist-btn {
 top:25px!important;
  }
  
  .color_wishlist{
                background-color:   var(--color-secondary)!important;
                font-weight: bold;;
  }
  
  .remove_input{
    border: none;
    background: none;
  }

  .required_red{
    color:red;
  }

  .no_drop{
    cursor: no-drop!important;
  }
  
  
  .icon-facebook {
    color: var(--color-facebook) !important;
}
  
  
  .icon-instagram {
    color: var(--color-instagram) !important;
      
  }
  
  
  .icon-twitter {
    color: var(--color-twitter) !important;
}
  
  .icon-linkedin2 {
    color: var(--color-linkedin) !important;
      
  }