body {
    background-color: #ebf7ec !important;
    font-family: 'roboto';
}
.bg-nav
  {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    background-color:#74cb80!important;
    width: 100%;
  }
  .navbar-expand-md .navbar-nav .nav-link
    {
        color:#fff;
      padding-left: 1rem;
      padding-right: 1rem;
    }
    .slide-img1 {
        backgournd: url('/theme/images/operator_training.jpg');
        backgound-size: cover;
        height: calc(100vh - 126);
    }
.navbar-expand-md .navbar-nav .nav-link:hover
      {
        color: red
      }
.navbar-expand-md .navbar-nav .nav-link.dropdown-toggle:hover
        {
          color: white
        }
.navbar-expand-md .navbar-nav li a.separater
          {
            border-left: 1px solid #fff;
          }
.loginform
          {
            margin: 0px auto;
            width: 300px;
          }
.formlogin .form-group .form-control
          {
              padding-left: 30px;
          }

.formlogin .form-group.label-floating label.control-label, .formlogin .form-group.label-placeholder label.control-label, .formlogin .form-group.label-static label.control-label, .formlogin .formlogin  .form-group.label-floating.is-focused label.control-label, .formlogin  .form-group.label-floating:not(.is-empty) label.control-label
          {
             
            left: 30px !important;
          }
          .form-group.label-floating.is-focused label.control-label, .formlogin  .form-group.label-floating:not(.is-empty) label.control-label{
               color:#74cb80!important;
          }
          .formlogin  i
            {
              bottom: 19px;
              position: absolute;
            }    
.loginbtn
            {
              margin-top: 10px;
              background-color: #fe573c !important;
              border-color: #fe573c !important;
              color: #fff;
              font-size: 16px !important;
              padding: 8px 0px !important;
              border-radius: 20px !important;
            }
.forgot-right
            {
              text-align: right
            }
.carousel-indicators li {
              width: 10px;
              height: 10px;
              border-radius: 50%;
            }
.carousel-indicators
              {
                bottom: 40px;
              }
.contactuform
              {
              min-width: 340px;
              max-width: 350px;
              background: rgba(251, 251, 251);
              display: inline-block;
              border-left: 1px solid #f1f1ff;
              box-shadow: 0 0 5px 2px rgba(0,0,0,.10);
              -webkit-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s;
              position: fixed;
              right: 0px;
              height: calc(100vh - 90px);
              top: 65px;
              z-index: 999;
              width: 340px !important;
              padding: 20px;
              }
.contactheadging
              {
                color: #1f60ba !important;
                font-size: 24px;
                font-weight: bold !important;
                /*position: relative;*/
                display: block
              }
.contactheadging .closebtn
              {
                position: absolute;
                right:0px;
                color: #f36801 !important;
                top:-3px;
              }


.bodycontent
          {
            margin-top:90px;
            margin-bottom: 70px;
          }
.buttoncustom
          {
            border: 1px solid #3f74a0 !important;
            color: #3f74a0;
            background: #fff
          }
.buttoncustom:hover
          {
            border: 1px solid #fe573c !important;
            background-color: #fe573c;
          }
  .name
          {
            font-weight: bold;
            font-size: 1.5rem;
            font-family: "Roboto", sans-serif;
          }
  .caption
          {
            font-weight: bold;
            font-family: "Roboto", sans-serif;
            font-size: 1.2rem;
          }
  .firstcourse, .secondcourse, .thirdcourse
          {
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
            padding: 10px;
            margin-bottom: 15px;
          }
  .firstcourse
          {
            background-color: #ecf6ff;
          }
  .secondcourse
          {
            background-color:#f6f4ff;
          }
  .thirdcourse
          {
            background-color: #ffece6;
          }
  .courseall
          {
            margin-top: 30px;
          }
  .coursecountone, .coursecounttwo, .coursecounthree
          {
            display: inline-block;
            width: 30px;
            height: 30px;
            line-height: 30px;
            border-radius: 50%;
            text-align: center;
            font-weight: bold;
            color: white;
            margin-right: 10px;
            
          }
  .coursecountone
            {
              background: #1f60ba;
            }
  .coursecounttwo
            {
              background: #5640bf;
            }
.coursecounthree
            {
              background: #f36801;
            }
.eachcoursetitle
          {
            font-weight: bold
          }
.buynowbtn
          {
            background-color: #5eb034 !important;
            border: 1px solid #5eb034 !important;
            
          }
 .courseimage
          {
            margin: 10px 0px;
          }

          .tooltip-inner{

            padding:0px;
            background-color: #fff; 
            border-radius:2px;
            max-width: 350px;
            width: 350px; 
            box-shadow: 0 0 5px 2px rgba(0,0,0,.10); 
        }
        .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
          margin-left: -3px;
          content: "";
          border-width: 0 7px 7px;
          border-bottom-color: #fff;
      }
  .imaehovetitle
        {

          background-color: #5eb034;
          color: #fff;
          padding:5px;
          text-align: left;
          width: 100%;
          text-align: left;
          box-sizing: border-box
        }
  .imagehovetxt
        {
          text-align: left;
          width: 100%;
          color: #000;
        }
  .coursedisc
        {
          margin: 10px 0px;
          color: #000
        }
  .coursebuttonwraper
        {
          margin: 10px 0px;
        }
.coursebuttonwraper .btn
        {
          box-shadow: none;
          color: #3f74a0 !important;
          font-weight: bold;
          text-transform: uppercase;
          font-size: 0.75rem;
          background: none;
          margin: 0 0px 0 -5px;
        }
        .coursebuttonwraper .btn:hover
        {
          background-color: #f36801 !important;
          color: #fff !important;
        }
.progressbarcontaier
        {
          margin: 10px;
        }
.progressbarcontaier .progress
        {
          height: .6rem;
          background-color: #edc7b4
        }
.progressbarcontaier .progress-bar
        {
          background-color: #f36801 !important;
          border: 1px solid #f36801;
          position: relative;
        }
        .progressbarcontaier .progress-status
          {
            color: #f36801 !important;
            margin-top: 10px;
          }
.footerinfo
          {
            width: 100%;
            border-top: 1px solid #ccc;
            background-color:#b5e5b9;
            height: 50px;
            position: fixed;
            bottom: 0px;
            z-index: 9;
            text-align: left;
            font-size: 12px;
            line-height: 50px;
            color:#fff;
          }
          .footerinfo footer{margin-left:15px;}
          .accordion
            {
              margin-top: 20px;
            }
          .accordion .card
            {
              border: none
            }
            .accordion .card-header
              {
                border-bottom: none
              }
          .accordion .card-header::before {
            font-family: 'FontAwesome';  
            content: "\f068";
            float: left; 
            margin-right: 10px;
        }
        .accordionseparater
          {
            margin-bottom: 10px;
            border: 1px solid #ccc
          }
          .accordion .card-title
            {
              font-weight: bold
            }
          .accordion .card-body
            {
              border-top: 1px solid #ccc
            }
        .accordion .card-header.collapsed::before {
            /* symbol for "collapsed" panels */
            content: "\f067"; 
        }
  .breadcrumbcustomize .breadcrumb
    {
      background: none;
      padding: .75rem 0rem;
      font-size: 14px;
    }        
    .breadcrumbcustomize .breadcrumb li a {
      color: #3f75a3 !important;
      font-weight: bold
  }
.btnfacility
  {
    color: #3f75a3 !important;
  }
.faciliycontainer
  {
      z-index:99999;
    box-shadow: 0 0 5px 2px rgba(0,0,0,.10);
    width: 300px;
    border: none;
    padding: 0px;
  }
.faciliytitle
    {
      border-bottom: 1px solid #ccc;
      padding: 10px 10px;
      font-weight: bold
    }
.facilityprofilepicwraper
    {
        margin: 0px auto;
        text-align: center
    }
.facilityprofilepic
    {
      display: inline-block;
      width: 75px;
      height: 75px;
      border-radius: 50%;
      background-color: #ccc;
      margin-top: 10px;
      font-size: 40px;
      text-align: center;
      line-height: 75px;
    }
.facilitynameandemail
    {
      text-align: center;
      font-size:18px;
      color: #1f60ba
    }
    .facilitynameandemail span
      {
        display: block;
        font-size: 13px;
        color: #333
      }
  .facilityaddress
      {
        font-size: 13px;
        color: #333;
        padding: 10px;
      }
      .facilityaddress span
        {
          display: block;
          margin-top: 5px;
          font-size: 14px;
          font-weight: 500
        }
  .introduction i
        {
            color: #5eb034
        }
  .introtext
        {
          font-size: 13px;
          color: #666666
        }
  .courseduration
        {
          font-size: 13px;
          color: #666666
        }
      .chapters
        {
          margin-right: 15px;
        }
        .courseduration a
          {
            color: #337ab7;
            text-decoration: none;
            margin-right: 15px;
          }
          .courseduration a:hover
            {
              text-decoration: underline;
            }
          .leftborder
            {
              border-left: 3px solid #1f60ba
            }
            audio{height:35px;border:1px solid #ccc;border-radius:3px !important;margin-right:-25px;}
 

/* Sidebar */
#sidebar-wrapper{
  z-index:1;
  position: absolute;
  width:0;
  height:100%;
  overflow-y:hidden;
  background: #5b4282;
  opacity:0.9;
	transition:all .5s;
  display:flex;
  right: 0px;
	
}

/* Main Content */
#page-content-wrapper{
  width: 100%;	
  position: absolute;
  padding:15px;
	transition:all .5s;
}

#menu-toggle{
	transition:all .3s;
	font-size:2em;
}
/* Change the width of the sidebar to display it*/
#wrapper.menuDisplayed #sidebar-wrapper{
  width:300px;
}

#wrapper.menuDisplayed #page-content-wrapper{
  padding-right:300px;
}

/* Sidebar styling */
.sidebar-nav{
  padding:0;
  list-style:none; 
	transition:all .5s;
	width:100%;
	text-align:center;
}

.sidebar-nav li{
  line-height:40px;  
	width:100%;
	transition:all .3s;
	padding:10px;
}

.sidebar-nav li a {
  display:block;
  text-decoration:none;
  color:#ddd;
}

.sidebar-nav li:hover{
  background:#846bab;
}
.rightmenu
  {
    
    display: block;
    width: 100%;
    /*overflow-y: auto;*/
    min-height:300px;
    height:auto;
  }
  .rightmenu ul
    {
      display: block;
      margin: 0px;
      padding: 0px;
    }
    .rightmenu ul li
    {
      display: block;
      margin: 0px;
      padding: 0px;
      
    }
    .rightmenu ul li a
      {
        padding: 10px 10px;
        display: block;
        border-bottom: 1px solid #f1f1f1;
        font-size: 15px;
        text-decoration: none;
        color: #000;
        border-left: 3px solid #fff;
        line-height: 30px;
      }
      .rightmenu ul li a:hover
        {
          background-color: #b4cae4;
          border-left: 3px solid #1f60ba;
        }
        .rightmenu ul li.active
        {
         background-color:#d3f7ad !important;
         border-left:3px solid #1f60ba;
        }
        .rightmenu ul li a:hover .coursetext, .rightmenu ul li a:hover .coursearrow
          {
              color: #1f60ba
          }
    .rightmenu ul li .coursecounts
        {
          display: inline-block;
          width: 30px;
          height: 30px;
        border: 1px solid #ccc;
        border-radius: 50%;
        background-color: #9bd75b;
        color: #5eb034;
        text-align: center;
        line-height: 30px;
        }
        .rightmenu ul li .coursetext
          {
            display: inline-block;
            width: 210px;
            line-height: 30px;
            padding-left: 10px;
            box-sizing: border-box
          }         
          .rightmenu ul li .coursearrow
            {
              display: inline-block;
              width: 20px;
              text-align: center;
              font-size: 23px;
            }
            .rightmenu ul li h3
              {
                font-size: 22px;
                font-weight: 500;
                height: 45px;
                line-height: 45px;
                display: block;
                padding: 0px 10px;
                border-bottom: 1px solid #f1f1f1;
                color: #1f60ba;
                clear:both;
              }
              .rightmenu ul li h3 span
                {
                  float: right;
                  color: red
                }
              .chapterscontainer
                {
                  box-shadow: 0 0 5px 2px rgba(0,0,0,.10);
                  background: #fff;
                  margin-top: 20px;
                }
              .chaperheader
                {
                  border-bottom: 1px solid #f1f1f1;
                  padding: 5px 0px;
                }
              .chaptertitletxt
                {
                  line-height: 75px;
                  color: #1f60ba;
                  font-weight: bold;
                  font-size: 32px;
                  clear:both
                }
                .chapterdiscription
                  {
                    min-height:28.8rem;
                    height:auto;
                    padding: 15px;
                  }
                 
              .chapterdiscription h3
                {
                      font-weight: bold;
                      font-size: 19px;
                      margin: 15px 0 0 0;
                }
                .chapterdiscription ul
                  {
                    display: block;
                    margin: 15px 25px;
                    padding: 0px;
                  }
                  .chapterdiscription ul li
                  {
                    
                    list-style-type: disc;
                    margin-top: 10px;
                  }
                  .chapterdiscription p
                    {
                      font-weight: 400
                    } 
                  .chapterbuttons
                    {
                      border-top: 1px solid #f1f1f1;
                      padding: 10px 15px;
                    }
                    .buttonorange
                      {
                        background-color: #f36801 !important;
                        border: 1px solid #f36801 !important;
                        color: #fff;
                        margin-left: 15px;
                      }
                      .buttonorange:hover
                      {
                        
                        color: #000 !important;
                      }
                    .rightbuttons
                      {
                        text-align: right
                      }
                    .eachcarsole
                      {
                        border: 1px solid #ccc;
                        border-radius: 2px;
                        height: 40px;
                      } 
                      .slick-slide {
                        margin: 0px 20px;
                    }
                    
                    .slick-slide img {
                        width: 100%;
                    }
                    
                    .slick-slider
                    {
                        position: relative;
                        display: block;
                        box-sizing: border-box;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                                user-select: none;
                        -webkit-touch-callout: none;
                        -khtml-user-select: none;
                        -ms-touch-action: pan-y;
                            touch-action: pan-y;
                        -webkit-tap-highlight-color: transparent;
                    }
                    
                    .slick-list
                    {
                        position: relative;
                        display: block;
                        overflow: hidden;
                        margin: 0;
                        padding: 0;
                    }
                    .slick-list:focus
                    {
                        outline: none;
                    }
                    .slick-list.dragging
                    {
                        cursor: pointer;
                        cursor: hand;
                    }
                    
                    .slick-slider .slick-track,
                    .slick-slider .slick-list
                    {
                        -webkit-transform: translate3d(0, 0, 0);
                           -moz-transform: translate3d(0, 0, 0);
                            -ms-transform: translate3d(0, 0, 0);
                             -o-transform: translate3d(0, 0, 0);
                                transform: translate3d(0, 0, 0);
                    }
                    
                    .slick-track
                    {
                        position: relative;
                        top: 0;
                        left: 0;
                        display: block;
                    }
                    .slick-track:before,
                    .slick-track:after
                    {
                        display: table;
                        content: '';
                    }
                    .slick-track:after
                    {
                        clear: both;
                    }
                    .slick-loading .slick-track
                    {
                        visibility: hidden;
                    }
                    
                    .slick-slide
                    {
                        display: none;
                        float: left;
                        height: 100%;
                        min-height: 1px;
                    }
                    [dir='rtl'] .slick-slide
                    {
                        float: right;
                    }
                    .slick-slide img
                    {
                        display: block;
                    }
                    .slick-slide.slick-loading img
                    {
                        display: none;
                    }
                    .slick-slide.dragging img
                    {
                        pointer-events: none;
                    }
                    .slick-initialized .slick-slide
                    {
                        display: block;
                    }
                    .slick-loading .slick-slide
                    {
                        visibility: hidden;
                    }
                    .slick-vertical .slick-slide
                    {
                        display: block;
                        height: auto;
                        border: 1px solid transparent;
                    }
                    .coursethumbinail{
                      background-color: #fff;
                      border: 1px solid #ddd;
                      height: 60px;
                      margin-bottom: 8px;
                      border-radius: 5px;
                      display: block;
                    }
                    .coursethumbinail:hover
                      {
                        border: 1px solid #1f60ba;
                      }
                    .corusethumbiletitle
                      {
                        display: block;
                        text-align: center;
                        font-size: 12px;
                        color: #ccc !important;
                      }
                  .operatorname
                      {
                        border-bottom: 1px solid #ccc;
                        display: inline-block;
                        padding: 7px 100px 7px 7px;
                        color: #1f60ba;
                        font-size: 14px;
                      }
                      .operatorheading
                        {
                          border-bottom: 1px solid #ccc;
                          font-weight: bold;
                          color: #1f60ba;
                          padding-top: 10px;
                          padding-bottom: 10px;
                        }
                      .operatortable
                        {
                          background-color: #fff;
                          border-bottom: 1px solid #f1f1f1;
                          padding-top: 10px;
                          padding-bottom: 10px;
                          font-size: 14px;
                        }
                        .operatortable:nth-child(odd)
                        {
                          background-color: #c3dcbf
                        }
                        .operatortable label
                          {
                            font-weight: bold;
                          }
                        .congratulationscontainer
                          {
                            padding: 20px;
                          }
                          .congratulationscontainer h1
                            {
                              margin: 20px;
                              text-align:center;
                              color: #1f60ba;
                              font-size: 2.3rem;
                              font-weight: bold
                            }
                          .congratstick
                            {
                              margin: 0px auto;
                              width: 150px;
                              height: 150px;
                              background-color: #9bd75b;
                              color: #fff;
                              border-radius: 50%;
                              line-height: 150px;
                              font-size:5rem;
                              text-align: center
                            }
                            .completedcourse
                              {
                                text-align: center;
                                font-size: 1rem;
                                margin-top: 20px;
                                font-weight: bold
                              }
                            .margintop
                              {
                                margin-top:10px;
                              }
                              .margintop ul li
                                {
                                  margin-top: 10px;
                                  font-weight: bold
                                }
                          .chapterscontainer h4
                                {
                                  color: #1f60ba;
                                  font-weight: bold;
                                  text-align: center;
                                  display: block;
                                  width: 100%;
                                  margin: 20px 0px;
                                }
                            .coursepaymentcontainer h4
                                {
                                  font-size: 18px;
                                  font-weight: bold;
                                  padding: 15px;
                                  color: #1f60ba;
                                  margin: 0px;
                                  text-align: left;
                                  border-bottom: 1px solid #f1f1f1
                                }
                                .paymentrow h5
                                  {
                                    font-size: 15px;
                                  font-weight: bold;
                                  color: #000;
                                  
                                  text-align: left;
                                  
                                  }
                              .paymentrow
                                {
                                    min-height:300px;
                                    height:auto;
                                  margin:15px;
                                  font-size: 14px;
                                }
                                .paymentrow .row{
                                  margin-top: 10px;
                                }
                                .subtotal
                                  {
                                    padding: 10px 0px;
                                    border-top: 1px solid #f1f1f1
                                  }
                                  .swal-title{
                                      font-size:22px !important;
                                      
                                  }
                                .swal-button-container{
                                    text-align:center;
                                }
                                .swal-button {
                                    background-color:#f36801 !important;
                                }
                                
  @media screen and (max-width: 768px) {
      audio{margin-right:0px;}
            .title
              {
                display: none;
              }
              .navbar-expand-md .navbar-nav li a.separater
              {
                border-left: none
              }
              .mobile-res
                {
                  margin: 10px;
                }
              .mobilealigncenter .float-right
                {
                  margin: 0px auto !important;
                  text-align: center !important;
                }
                
                  .chapterbuttons, .rightbuttons
                    {
                      text-align: center;
                    }
                  .chapterbuttons .btn
                    {
                      display: block;
                      margin-top: 10px;
                      width: 100%
                    }
                    .buttonorange
                      {
                        margin-left: 0px;
                      }
                      .operatortable .form-check
                        {
                          margin-top: 10px;
                        }
                      #contactus
                        {
                          margin-left: 15px;
                          margin-right: 15px;
                        }
            }
            .wrapper {
              width: 100%; }
            .sliderblank
              {
                min-width: 300px;
                max-width: 300px;
                position: relative
              }
            #sidebar {
              min-width: 300px;
              max-width: 300px;
              background:rgba(251, 251, 251);
              display: inline-block;
              border-left:1px solid #f1f1ff;
              box-shadow: 0 0 5px 2px rgba(0,0,0,.10);
              color: #fff;
              -webkit-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s;
              position: absolute;
              right: 0px; }
              
              #sidebar.active {
                right: -300px;}
              /*  #sidebar.active .rightmenu {*/
              /*    display:none; }*/
              /*#sidebar.active .custom-menu{*/
              /*    display:block;*/
              /*}*/
              @media (max-width: 768px) {
                .sliderblank
                  {
                    position: static;
                  }
                #sidebar {
                  
                  height: auto;
                  right: 0px;
                 }
                  #sidebar.active {
                    margin-left: 0;
                    right: -300px; }
                  #sidebar .custom-menu {
                    margin-left: -50px !important;
                    top: 10px !important; } }
              #sidebar .custom-menu {
                z-index:9999;
                display: inline-block;
                position: absolute;
                top: 0px;
                left: 0px;
                margin-left: -20px;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s; 
                  
              }
               #sidebar .custom-menu #sidebarCollapse{
                   display:block;
               }
                .custom-close{
                display: inline-block;
                position: absolute;
                top: 5px;
                right: 15px;
                margin-left: -20px;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
                }
                @media (prefers-reduced-motion: reduce) {
                  #sidebar .custom-menu {
                    -webkit-transition: none;
                    -o-transition: none;
                    transition: none; } }
                #sidebar .custom-menu .btn {
                  width: 40px;
                  height: 40px;
                  border-radius: 50%; }
                  #sidebar .custom-menu .btn.btn-primary {
                    background: #6749b9;
                    border-color: #6749b9; }
                    #sidebar .custom-menu .btn.btn-primary:hover, #sidebar .custom-menu .btn.btn-primary:focus {
                      background: #6749b9 !important;
                      border-color: #6749b9 !important; }
            
            a[data-toggle="collapse"] {
              position: relative; }
            
           
            
            @media (max-width: 991.98px) {
              #sidebarCollapse span {
                display: none; } }
            
            #content {
              width: 100%;
              padding: 0;
              min-height: 100vh;
              -webkit-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s; }
              
.image-slide01
    {
      background: url(/public/theme/images/operator_training.jpg) no-repeat;
      height: calc(100vh - 126px);
      background-size:100% 100%;
      width: 100%
    }
    
.image-slide02
    {
      background: url(/public/new_theme/images/gt-complaince.jpg) no-repeat;
      height: calc(100vh - 126px);
      background-size:100% 100%;
      width: 100%
    }
.image-slide03
    {
      background: url(/public/theme/images/deductible_coverage_package.jpg) no-repeat;
      height: calc(100vh - 126px);
      background-size:100% 100%;
      width: 100%
    }
.image-slide04
    {
      background: url(/public/theme/images/whats_new.jpg) no-repeat;
      height: calc(100vh - 126px);
      background-size:100% 100%;
      width: 100%
    }
.image-slide05
    {
      background: url(/public/theme/images/golars_tank_app.jpg) no-repeat;
      height: calc(100vh - 126px);
      background-size:100% 100%;
      width: 100%
    }