@media only screen and (min-width: 320px) and (max-width: 768px) and (orientation : portrait)
          {

            header.navbar-light div#navbar-nav .btn_settings_on ,.btn_settings_off .usermenu{
             margin-top: 4px;
           }
           header.navbar-light div#navbar-nav div.total-point span.counter {
             position: absolute;
             width: 0px;
             padding-right: 18px;
             margin-top: -15px;
           }

           header.navbar-light div#navbar-nav div.total-point span.counter-txt {
             position: absolute;
             margin-top: -6px;
           }

           header.navbar-light div#navbar-nav i.search-cancel{
             font-size: 20px!important;
             margin-right: -3px;
             position: absolute;
           }
           body.userloggedinas div#navbar-nav i.search-cancel{
            margin-right: 26px !important;
           }
           header.navbar-light div#navbar-nav div.check-switchrole, .btn_settings_on, .btn_settings_off{
             margin-top: -52px !important;
           }
          header.navbar-light div#navbar-nav .btn_search_on {
            top: -2px !important;
            left: 17px;
          }
          header.navbar-light div#navbar-nav .form-inline .form-control {
            /* width: 309px; */
            /* position: absolute; */
          }
          header.navbar-light div#navbar-nav div.btn_search_on div#results {
            top: -16px !important;
            left: 0px !important;
            width: 100% !important;
          }
          header.navbar-light div#navbar-nav div.settings {
           display: none !important;
         }
         header.navbar-light div#navbar-nav div.navbars span{
          color:#000;
        }
        body:not(.format-paradiso) header.navbar-light {
          max-height: 71px;
          padding: 0 !important;
        }
        header.navbar-light div#navbar-nav a.dropdown-toggle {
          display: none;
        }
        header.navbar-light div#navbar-nav  .navbar-brand.has-logo {
         padding-top: 0px !important;
         padding-bottom: 7px !important;
         margin-top: -48px !important;
         margin-left: 50px !important;
       }

       header.navbar-light div#navbar-nav div.btn_settings_on, div.btn_settings_off {
        padding-left: 10px;
    padding-right: 21px !important;
      }
      .user_points{
        margin-right: 41px;
        display: inline-flex;
        margin-top: -7px;
      }

      header.navbar-light div#navbar-nav .user_points i {
        font-size: 19px !important;
        margin-left: 11px;  
      }
      header.navbar-light div#navbar-nav .men-search-phx{
        /* left: 250px !important;
        top: 4px !important;
        display: none; */
      }
      header.navbar-light div#navbar-nav .margin-top-new {
        margin-top: -34px !important;
        width: 94% !important;
      }
      header div.search-nabvar div#results {
        top: -29px;
        left: 21px;
        width: 100%;
      }
        header.navbar.navbar-full div#navbar-nav div.options-header .total-point {
            border-left: 0;
            margin-left: 0;
        }
      }
      @media only screen and (min-width: 320px) and (max-width: 768px) and (orientation : landscape)
      {

        header.navbar-light div#navbar-nav .btn_settings_on ,.btn_settings_off .usermenu{
         margin-top: 1px;
       }

       header.navbar-light div#navbar-nav i.search-cancel{
        font-size: 20px!important;
      }
      header.navbar-light div#navbar-nav .margin-top-new {
       margin-top: -34px !important;
      }
      header.navbar-light div#navbar-nav .form-inline .form-control {
       /* width: 545px;
       position: absolute;
       top: -2px; */
      }
      body.userloggedinas div#navbar-nav .form-inline .form-control{
       width: 583px;
      }
      header.navbar-light div#navbar-nav div.btn_search_on .form-inline .form-control {
       top: -15px;
      }

      }

      @media only screen and (min-width: 810px) and (max-width: 850px)
      {
        header.navbar-light div#navbar-nav .margin-top-new {
         margin-top: 1px !important;
       }
       header.navbar-light div#navbar-nav .form-inline .form-control {
        /* width: 587px; */
        /* position: absolute; */
      }

      }
      @media (max-width: 768px){
        .icon_text_left_nav {
          width: 100% !important;
          height: 15px;
          font-size: 14px;
          font-weight: 500;
          line-height: 1.5;
          color: #484b5a;
          text-align: center;
          margin-right: unset !important;
          display: none !important;
        }

        #nav-drawer .list-group-item :first-child {
          text-align: left !important;
        }
        .caret_right_nav {
          display: none !important;
        }
        #nav-drawer .logo_responsive img {
          width: 80px;
          /* height: 62px; */
        }
        .navbar-brand {
          text-align: left;
          margin-left: 40px;
        }
        div#nav-drawer #sidebar ul li {
          border: none !important;
        }
        div#nav-drawer span.menu-title {
          width: 170px;
          margin-left: -180px;
          text-align: left;
        }
        div#nav-drawer .fa.fa-sort-desc {
          display: block !important;
          margin-left: -20px;
          margin-top: -8px;
        }
        #sidebar .dropdown.nav-item .accordion-toggle::after {
          display: none;
        }
        #sidebar .media-left i {
          margin-left: -20px;
        }
       #page-local-paradiso_coursewizard-createcourse .card-box.card-wizard .contentlabel {
           display: flex;
           justify-content: space-between;
        }
       #page-local-learningpaths-edit .content-shadow .contentlabel {
           display: flex;
           justify-content: space-between;
        }
        body.format-paradiso .course-content .tab-content {
            padding-top: 40px;
        }
        body.format-paradiso .btn-lw-courses.callajax {
            width: 110px;
        }
        body.format-paradiso .progress_bar_percent:before {
            right: 148px!important;
        }
          header.navbar.navbar-full div#navbar-nav div.options-header .total-point {
            border-left: 0;
            margin-left: 0;
        }
          #page-admin-tool-lp-plan .modal.moodle-has-zindex #self-rating {
                width: 400px;
            }
          #page-site-index aside.block.block_currentcourses .current-courses .generaltable thead tr th:nth-child(3), #page-my-index aside.block.block_currentcourses .current-courses .generaltable thead tr th:nth-child(3), #page-site-index aside.block.block_currentcourses .current-courses .generaltable thead tr th:nth-child(4), #page-my-index aside.block.block_currentcourses .current-courses .generaltable thead tr th:nth-child(4){
              width: 25% !important;
          }
          #page-site-index aside.block.block_currentcourses .current-courses .generaltable tr td:nth-child(3), #page-my-index aside.block.block_currentcourses .current-courses .generaltable tr td:nth-child(3), #page-site-index aside.block.block_currentcourses .current-courses .generaltable tr td:nth-child(4), #page-my-index aside.block.block_currentcourses .current-courses .generaltable tr td:nth-child(4){
              width: 24% !important;
          }
          #page-mod-quiz-attempt.format-topics #page-content div#region-main-box,
          #page-mod-quiz-review.format-topics #page-content div#region-main-box {
              display: flex;
              flex-flow: column-reverse;
              width: 100%;
          }
          #page-mod-quiz-attempt #page-content div#region-main-box form#responseform .que .content .formulation .ablock .answer > div label > div,
          #page-mod-quiz-review #page-content div#region-main-box form#responseform .que .content .formulation .ablock .answer > div label > div,
          #page-mod-quiz-attempt #page-content div#region-main-box form.questionflagsaveform .que .content .formulation .ablock .answer > div label > div,
          #page-mod-quiz-review #page-content div#region-main-box form.questionflagsaveform .que .content .formulation .ablock .answer > div label > div {
              flex-direction: column;
          }
          
      }

      @media only screen and (max-width: 768px) and (min-height: 1024px) and (orientation: portrait){

        header.navbar-light div#navbar-nav div.check-switchrole, .btn_settings_on, .btn_settings_off{
         margin-top: 0px !important;
       }
       header.navbar-light div#navbar-nav div.btn_settings_on span.avatar.current {
        margin-top: 11px;
      }
      .userloggedinas .usermenu .userbutton .avatars .avatar.current {
        bottom: 15px;
      }
      header.navbar-light div#navbar-nav .btn_search_on .form-inline .form-control {
        width: 711px;
        margin-top: 6px;
      }
      header.navbar-light div#navbar-nav .form-inline .form-control {
       /* width: 716px !important;
       position: absolute;
       margin-top: -18px; */
      }
      #page-course-index-category #appendalltags {
        margin-left: 20px;
    }
  #page-course-index-category .filter-button {
    margin-left: 1rem;
    }
  #page-course-index-category .dropdowntagicon {
      right: 12px;
    }
    #page-course-index-category .coursecatbtn_grp .btn.btn-primary.dropdown-toggle {
      margin-left: -5rem;
  }

  #page-course-index-category .search_img_content {
    width: 90px;
    height: 70px;
  }
  #page-course-index-category .search_course_name {
    width: 90px;
    font-size: 12px;
  }
  #page-course-index-category .search_course_catename {
    padding: 0px !important;
  }

      #page-site-index #region-main.has-blocks {
          width: 100% !important;
      }
      #page-site-index [data-region="blocks-column"] {
          width: 100% !important;
      }

      }
    
      @media only screen and (min-width: 1024px) and (min-height: 768px){
        .total-point.check-switchrole.h-100.pr-0 {
          margin-top: 2px !important;
        }
        #page-course-index-category .course_search {
          width: 280px;
        }
        #page-course-index-category .coursesearch_icon {
          left: 280px;
        }
        #page-course-index-category .filter-button {
          margin-left: 0rem;
        }
        #page-course-index-category .btn-group.coursecatbtn_grp {
          margin-left: -5rem;
        }
        #page-course-index-category .search_img_content {
          width: 100px;
        }
        header.navbar-light div#navbar-nav div.check-switchrole {
          padding-right: 0px!important;
        }
        body#page-my-index div.settings-menu a#add-block {
          top: 0px;
          min-width: 120px !important;
        }
        body#page-my-index div.siwitch_content .txt_switch {
          min-width: 200px !important;
        }
        #page-my-index.editing div.elements_breadcrumb div.singlebutton button {
          top: 0px;
      }
      body:not(#page-local-people-index) button[type="submit"], body:not(#page-admin-report-customsqlparadiso-index) button[type="submit"] {
        min-width: 200px;
      }
      body#page-my-index div.siwitch_content .checkbox.checbox-switch {
        top: 0px;
      }
      }
      body#page-login-index div.content-form, body#page-login-index div.forgetpass {
        justify-content: unset !important;
      }

      @media only screen and (min-width: 1024px) and (min-height: 1366px) and (orientation: portrait){
        header.navbar-light div#navbar-nav .mobile-search{
          display: none !important;
        }
      }
      @media only screen and (min-width: 320px) and (max-width: 1023px) and (orientation : landscape)
      {
        header.navbar-light div#navbar-nav .btn_search_on {
          top: -2px; 
        }  

        header.navbar-light div#navbar-nav div.check-switchrole nav.navbar {
          display: none !important;
        }
        header.navbar-light a.btn_settings {
          display: none !important;
        }
        

        header.navbar-light div#navbar-nav div.check-switchrole, .btn_settings_on, .btn_settings_off{
         margin-top: 0px;
       }    

       header.navbar-light div#navbar-nav  .navbar-brand.has-logo {
         padding-top: 0px !important;
         padding-bottom: 7px !important;
         margin-top: -48px !important;
         margin-left: 50px !important;
       }

      header.navbar-light span.boton_settings_off span.avatar.current{
        margin-top: 7px;
      }
      header.navbar-light div#navbar-nav div.total-point span.counter {
       position: absolute;
       width: 0px;
       padding-right: 16px;
       margin-top: -15px;
      }

      header.navbar-light div#navbar-nav div.total-point span.counter-txt {
       position: absolute;
       margin-top: -6px;
      }
      .userloggedinas .usermenu .userbutton .avatars .avatar.current {
        bottom: 24px;
        right: 0px;
      }
 
      .user_points {
        margin-right: 22px;
        display: inline-flex;
        margin-top: -5px;
      }

      .user_points{
        display: inline-flex;
      }

      header.navbar-light div#navbar-nav .user_points i {
        margin-left: 5px;
      }
      header.navbar-light div#navbar-nav .men-search-phx{
        /* left: 250px !important;
        top: 4px !important;
        display: none !important; */
      }
          
            header div.search-nabvar div#results {
              top: -29px;
              left: 21px;
              width: 100%;
            }
            #sidebar {
              margin-left: 0;
              height: 200px;
              margin-top: -11px;
            }
          }
          @media (max-width: 1030px){
            header.navbar-light div#navbar-nav div.margin-top-new .search_lg{
              display: none;
            }
            header.navbar-light div#navbar-nav div.navbars span{
              color:#000 !important;
            }
            
           header.navbar-light div#navbar-nav .search-cancel{
             display: none;
             font-size: 20px;
           }
           header.navbar-light div#navbar-nav .check-switchrole.cont-mycourse{
             display: none !important;
           }
           header.navbar-light div#navbar-nav .check-switchrole.mycourse_icon{
             display: none !important;
           }
         }

         @media only screen and (min-width: 568px) and (max-height: 320px) and (orientation : landscape)
         {
          header.navbar-light div#navbar-nav div.check-switchrole, .btn_settings_on, .btn_settings_off{
           margin-top: -48px !important;
         }
         header.navbar-light div#navbar-nav .boton_settings_off .usermenu {
          margin-top: -26px !important;
         }
         body.userloggedinas div#navbar-nav .form-inline .form-control {
          width: 513px !important;
          top: 1px !important;
        }
         header.navbar-light div#navbar-nav .form-inline .form-control {
          /* width: 472px;
          top: 1px; */
        }
        header.navbar-light div#navbar-nav div.total-point span.counter {
          padding-right: 1px !important;
        }
        header.navbar-light div#navbar-nav div.btn_search_on .form-inline .form-control {
         top: 0px !important;
        }
      }
      @media only screen and (min-width: 320px) and (max-width: 767px) and (orientation : portrait)
      {

       body#page-login-index .float-right.content-login.h-100 {
        width: 100%;
      }
      div.newacoount
      {
        padding-bottom: 20px;
      }

      .float-right.content-login{
        padding-top: 60px;
      }
      div#login_center div.content-login {
       padding-top: 0;
       width: 28rem !important;
      } 
      body#page-login-index div.content-login button[type="submit"] {
        min-width: 146px;
        height: 33px !important;
      }
      body#page-login-index .float-right.content-login.h-100 {
        margin-right: -5px !important;
        padding-top: 0px !important;
      }
      body#page-login-index div.input-group.input-icon {
        width: 100% !important;
      }
          body#page-login-index div.forgetpass {
        margin-left: 14px !important;
        justify-content: unset !important;
      }

      body#page-login-index #login_center .card {
        width: auto;
      }
      body#page-login-index div.content-login .center-items_log .card {
        padding-top: 0px;
      }

      body#page-login-index div#login_center div#content-form{
       width: 94% !important;
      }

       body#page-login-index  div.content-login {
       width: 94% !important;
      }
      body#page-login-index a#passwordunmask {
       top: 5px;
      }
       body#page-login-index div.card-block {
          padding: 0px 20px;
      }
      
  #page-course-index-category .course_add_new {
    padding-right: 10%;
}
      #page-course-index-category #appendalltags {
        margin-left: 0rem !important;
    }
    #page-course-index-category .coursecatbtn_grp {
        margin-left: 7rem;
    }
    #page-course-index-category .cardcoursescontent .card-header-image .progress {
      width: 80% !important;
      margin-left: 0rem !important;
    }
    #page-course-index-category .cardcoursescontent .card-header-image .numperclass {
           display: flex;
    justify-content: flex-end; 
  }
  #page-course-index-category .cardcoursescontent .listview .card-header-image {
    max-height: 123px !important;
  }

  #page-course-index-category .course_search {
    width: 100% !important;
    margin-left: 0rem !important;
}
  #page-course-index-category .coursesearch_icon {
    right: 20px;
  }
  #page-course-index-category .dropdowntagicon {
    right: 27px;
  }

#page-course-index-category .filter-button {
    margin-bottom: 1rem !important;
    padding-right: 6%;
    left: unset !important;
}
#page-course-index-category .course_add_new {
    padding-right: 10%;
    margin-bottom: 1rem;
}
#page-course-index-category .vl {
  display: none;
}
#page-course-index-category .search_img_content {
  width: 100% !important;
  height: 100% !important;
}
#page-course-index-category .course_search_popup_data {
  margin-left: 1rem;
}
#page-course-index-category .dropdownmenutags {
 width: 320px;  
}

/*  Paresh*/
   header.navbar-light div#navbar-nav .boton_settings_off .usermenu {
    padding-left: 10px !important;
    margin-top: -3px;
   }
   body.has-region-side-pre-admin header.navbar-light div#navbar-nav .boton_settings_off .usermenu {
    margin-top: -29px !important;
   }
   body#page-login-index div.content-login button {
   font-size: 12px !important;
   }

   #page-course-index-category .cardcoursescontent div.content-card {
    margin-bottom: 10px !important;
}
#page-course-index .cardcoursescontent .listview, #page-course-index-category .cardcoursescontent .listview {
    min-height: 90px!important;
}

}
      @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait){
       body#page-login-index .float-right.content-login.h-100 {
        margin-right: 105px;
      }
      body#page-login-index div.loginfooter {
        max-width: none !important;    
      }
      .user_points {
        margin-right: 21px;
            display: flex;
      }    
      #page-course-index-category .course_add_new {
          padding-right: 13%;
      }
        #course-category-listings .plms-category-listing .category-bulk-actions.bulk-actions .form-40 {
            width: 36%!important;
        } 
          #course-category-listings .plms-category-listing .category-bulk-actions.bulk-actions select.moveselect {
            width: 74%!important;
        }
      }
 @media only screen and (max-width: 1024px) and (min-width: 768px) {  
        aside.block_badges .card-block .card-text.content ul.badges {
          padding-left: 20px;
        }
    } 

      @media only screen and (min-width: 1024px) and (max-width: 1366px) {
        header.navbar-light a.btn_settings {
          margin-top: 17px;
        }
      }

      @media only screen and (min-width: 1024px) and (max-width: 1365px) {
       header.navbar-light div#navbar-nav .check-switchrole.mycourse_icon{
         display: none !important;
       }

      header.navbar-light div#navbar-nav .role-switcher a.dropdown-toggle > div {
        font-size: 12px !important;
      }
      .user_points {
        margin-right: 0px;
      }
      header.navbar-light div.margin-top-new .add-btn{
       width: 62px!important;
      }
      button.dropdown-toggle span.text_men_course {
       font-size: 12px !important;
      } 
      header.navbar-light div#navbar-nav .form-inline .form-control {
       /* height: 34px !important; */
      }
/*    Paresh*/
    header.navbar-light div#navbar-nav .form-group {
    width: 227px !important;
}
          
      header.navbar-light div#navbar-nav .btn_search_on i.men-search-phx {
       /* top: 3px; */
      }
      header.navbar-light div#navbar-nav a.btn_settings i {
       font-size: 20px !important;
      }
      header.navbar-light div#navbar-nav .user_points i {
       font-size: 20px !important;
      }
      body:not(.format-paradiso) header.navbar-light {
        max-height: 71px;
        padding: 8px 20.5px 8px 0px !important;
      }
      }

      @media only screen and (min-width: 320px) and (max-height: 568px) and (orientation : portrait)
      {
        header.navbar-light div#navbar-nav .form-inline .form-control {
          /* width: 268px; */
        }
        #page-course-view-topics .section .activity .actions {
          right: 100px !important;
        }
        body#page-my-index div.settings-menu a#add-block {
          top: 0px !important;
          min-width: 120px !important;
          left: 0px !important;
      }
      #page-my-index.editing div.elements_breadcrumb div.singlebutton button {
        top: 0px;
      }
      }
      @media only screen and (min-width: 320px) and (max-width: 568px) and (orientation : portrait)
      {
       #page-login-index .col-xs-12.col-md-12.col-lg-12.newacoount.text-center.m-t-2 {
               padding-left: 0 !important;
               padding-right: 0 !important;
      }
      body#page-login-index .float-right.content-login.h-100 {
        height: 486px !important;
      }
      body#page-login-index a#passwordunmask {
        margin-left: 231px !important;
      }
      body#page-login-index div.content-login button[type="submit"] {
        min-width: 120px !important;
          height: 36px !important;
      }
          div#login_center div.content-login {
    width: 92% !important;
}
          body#page-login-index input#username, body#page-login-index input#password {
    height: 36px !important;
}
          #page-login-index #login_center .card {
    background-color: transparent !important;
}
    #page-course-view-topics #page-content {
      overflow-x: auto;
    }
    #page-course-view-topics .align-tr-br.show {
      left: -80px !important;
    }
    #page-course-view-topics div.settings-menu div.section-right h2.course-name {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
      }
      @media only screen and (min-width: 320px) and (max-width: 568px) and (orientation : landscape)
      {
        body#page-login-index input#username, body#page-login-index input#password {
          height: 30px!important;
        }
        #page-login-index .col-xs-12.col-md-12.col-lg-12.newacoount.text-center.m-t-2 {
          margin-top: -2px!important;
        }
        body#page-login-index .float-right.content-login.h-100 {
          height: 486px !important;
        }
        body#page-login-index a#passwordunmask {
          margin-left: 316px !important;
        }
        body#page-login-index div.content-login button[type="submit"] {
          min-width: 119px !important;
          font-size: 9px !important;
        }
      }
      @media (max-width: 767px) {
        body#page-site-index .slide1image, body#page-site-index .slide2image, body#page-site-index .slide3image {
          position: relative;
        }
          body#page-site-index .carousel-indicators {
          bottom: -40px !important;
         }
           body#page-site-index .block_course_records .course_records_list .coursebox.span3 .course_image {
           height: 112px;
         }
          body#page-site-index .block_course_records .course_records_list .coursebox .coursedetails {
           margin-top: 30px;
         }
          body#page-site-index .slide1image, body#page-site-index .slide2image, body#page-site-index .slide3image {
           height: 270px;
         }
          #page-site-index .block_course_records .course_records_list .coursebox.span3{
           min-height: 255px !important;
         }
          #page-site-index  .block_paradiso_recommendation .card {
           max-height: 255px !important;
         }
          aside.block.block_courses_statistics .element-groups div.course-name a {
             font-size: 13px;
             line-height: 1.38;
         }
          #page-site-index .block_paradiso_recommendation .card-img-top {
           height: 120px !important;
         }
          .markettiles .market-tile .marketcontent {
           height: 120px !important;
          }
          .block_paradiso_recommendation .course_name {
           margin-top: 0px !important;
         }

          .block_courses_statistics .element-groups .perfect-padding{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row;
            flex-flow: row;
        }
        .block_courses_statistics .element-groups .perfect-padding .cont-students {
            text-align: right;
            margin-right: 20px;
        }
          .form-group.row.fitem.femptylabel {
           position: unset !important;
         }
          #page-site-index aside.block_statistics .card-block .card-text.content, #page-my-index aside.block_statistics .card-block .card-text.content {
          padding-top: 40px !important;
          padding-bottom: 20px !important;
         }
          #page-course-view-topics #content_customnav #sidebar {
          margin-top: -17px !important;
         }

      #page-blocks-iomad_company_admin-company_competency_frameworks_form .mform fieldset.collapsible legend {
          font-size: 12px;
          padding: 5px 15px;
      }
      #page-blocks-iomad_company_admin-company_competency_frameworks_form .mform fieldset.collapsible legend a.fheader{
        font-size: 12px;
      }
      #page-blocks-iomad_company_admin-company_competency_templates_form .mform fieldset.collapsible div.fcontainer.clearfix .companytemplatetable.addremovetable tr {
        display: flex;
        justify-content: space-between;
        flex-flow: column;
      }
    #page-blocks-iomad_company_admin-company_competency_templates_form .mform fieldset.collapsible div.fcontainer.clearfix .companytemplatetable.addremovetable tr td#potentialcell {
    text-align: left;
      }
    aside.block_paradiso_lpd nav {
           left: 35%;
       } 
    aside.block_paradiso_lpd div.card-text {
          height: 235px!important;
      }
    body.format-paradiso.editing .course-content ul.topics li ul.section li.activity[id^="module"] .editing_move {
           left: 0 !important;
       }
    body#page-user-profile div.user-panel div.tab-content #tab-4 .search-filter-wrap .search-box-wrap .search-course-box {
       width: 100%; 
       float: left;
       margin-top: 10px;
      }
    body#page-user-profile div.user-panel div.tab-content #tab-4 .search-filter-wrap .search-box-wrap .men-search-phx {
       top: 15px;
      }
    body#page-user-profile .select2-container {
        width: 100%!important;
      }
    #page-message-index .message-app .footer-container .emoji_send {
    right: 31px;
    top: 2px;
     }
          #page-mod-quiz-attempt.format-paradiso.path-mod-quiz #page-content div#region-main-box #course_content #linkmaincontent aside#mod_quiz_navblock .card-text.content .qn_buttons .pagination-no, #page-mod-quiz-review.format-paradiso #page-content div#region-main-box #course_content #linkmaincontent aside#mod_quiz_navblock .card-text.content .qn_buttons .pagination-no {
            width: 70%;
        }

        body.format-paradiso#page-mod-feedback-show_entries .course-content .tab-content form.dataformatselector .form-inline.text-xs-right {
            flex-flow: column;
            align-items: flex-start;
        }
          body.format-paradiso#page-mod-feedback-show_entries .course-content .tab-content form.dataformatselector .form-inline.text-xs-right select#downloadtype_adownload {
            width: 100%!important;
            margin: 0;
            margin-bottom: 10px;
            min-width: unset;
        }
     aside.block_badges .card-text.content ul.badges li {
            width: 50% !important;
            max-width: unset!important;
        }
    aside.block_badges .card-text.content ul.badges li .badge-image {
            width: 92px !important;
        } 
    #page-local-reports-report_schedule-index .schedule_report_charcount {
            padding-left: 15px;
     }
     div#content_customnav div#nav-drawer #sidebar ul.list-unstyled>.list-group-item-action{
      padding-left: 28px;
      padding-right: 0;
     }
     .helpdesk .help_button{
      padding: 0;
     }
     #page-blocks-customnavigation-more .custom-navigation-two .form-group.search {
      min-width: 250px;
      }
        body[class*="company"] .slimScrollDiv .tenant-indication .companyindication ul li a span.menu-title{
            display: none;
        }
    }
    @media screen and (max-width: 320px) {
        body#page-login-index div.content-login button {
          font-size: 11px !important;
          }
        body#page-login-index .content-inner {
             padding-right: 0 !important;
            padding-left: 0 !important;
        }
        body#page-login-index div.newacoount{
           padding-right: 0 !important;
            padding-left: 0 !important; 
        }
    }


    /*Team Block Dashboard Responsive */
@media (max-height: 823px){
  aside.block ul.pagination li.page-item {
    /* margin-right: -11px!important; */
  }  
}

@media only screen and (min-width: 768px) and (max-height: 1024px) and (orientation : portrait)
{
   aside.block_paradiso_team .team_align .check-content {
    position: relative !important;
    width: 12% !important;
   }  
   body#page-my-index div.settings-menu a#add-block {
    top: 0px !important;
    }
    #page-my-index.editing div.elements_breadcrumb div.singlebutton button {
      top: 0px !important;
    }
  }



@media screen and (max-width: 767px) {
  body#page-user-profile .total-external-credit{
    float: unset;
    cursor: default;
  }

  body#page-user-profile .main-external-credit {
    margin-top: 25px;
  }
  
  body#page-user-profile div.user-panel .filtered-courses.externalcertificate {
      display: block !important;
  }

  body#page-user-profile div.user-panel .filtered-courses.externalcertificate .external-credit.mb-3 {
    max-width: 600px;
    overflow: auto;
  }
  body#page-login-forgot_password #id_searchbyemail{
/*      top: 30px;*/
/*      position: relative;*/
  }
  body#page-login-forgot_password #id_searchbyusername{
/*      top: 30px;*/
/*      position: relative;*/
  }
  #page-course-view-topics #page-content {
    overflow-x: auto;
  }
  #page-course-view-topics .align-tr-br.show {
    left: -80px !important;
  }
  #page-course-view-topics div.settings-menu div.section-right h2.course-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  #page-course-view-topics .section .activity .actions {
    right: 0;
  }
    #page-course-view-topics .section .activity .activityinstance {
    padding-right: 0 !important;
  }
    #page-course-view-topics .section .activity .mod-indent-outer {
    padding-left: .3rem;
   }
    #page-course-view-topics .course-content ul.section {
    margin-bottom: 15px;
  }
    header#navbar-paradiso nav.navbar.navbar-default.role-switcher {
    padding: 0 !important;
  }
    body.format-paradiso #participantsform .no-overflow {
    overflow: scroll !important;
  }
    #page-course-view-topics div.settings-menu {
    height: auto;
    display: grid;
    justify-content: unset;
}
    body.format-topics ul.topics li.activity div.activityinstance span.instancename {
    width: 120px;
}
    #page-admin-tool-lp-plan table.generaltable thead tr th:first-child {
    width: auto;
}
    #page-admin-tool-lp-plan .plan-competencies {
    overflow-x: scroll;
    width: 100%; 
   }
    #page-admin-tool-lp-plan button#self_rating {
    float: left !important;
    margin: 15px 0;
   }
    #page-admin-tool-lp-plan .plan-summary dl.plan-box{
        display: block;
        padding: 20px;
    }
    #page-admin-tool-lp-plan .plan-summary dl.plan-box .item {
    padding: 20px 0;
    border-bottom: 1px solid #d5d5d5;
    border-right: 0;
   }
    #page-admin-tool-lp-plan .plan-summary dl.plan-box .item:first-child {
    padding-top: 0 !important;
   }
    #page-admin-tool-lp-plan .plan-summary dl.plan-box .item:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0;
   }
    #page-admin-tool-lp-plan .modal.moodle-has-zindex #self-rating {
    width: 100%;
    min-width: 400px;
    }
    #page-admin-tool-lp-plan div.modal.show.moodle-has-zindex {
    justify-content: center;
    }
    #page-mod-quiz-attempt.format-paradiso.path-mod-quiz #page-content div#region-main-box #course_content #linkmaincontent aside#mod_quiz_navblock .card-text.content .othernav, #page-mod-quiz-review.format-paradiso #page-content div#region-main-box #course_content #linkmaincontent aside#mod_quiz_navblock .card-text.content .othernav {
    position: relative;
    top: 0;
    align-items: flex-start;
    flex-flow: column;
    width: 100%;
    height: unset;
    }
    #page-mod-quiz-attempt .course-content .tab-content{
        padding-top: 40px !important;
    }
    body#page-mod-quiz-attempt.format-paradiso form#responseform {
    padding-top: 30px;
    }
    #page-mod-quiz-attempt #page-content div#region-main-box form#responseform .que.truefalse .content .formulation .ablock .answer>div, #page-mod-quiz-review #page-content div#region-main-box form#responseform .que.truefalse .content .formulation .ablock .answer>div, #page-mod-quiz-attempt #page-content div#region-main-box form.questionflagsaveform .que.truefalse .content .formulation .ablock .answer>div, #page-mod-quiz-review #page-content div#region-main-box form.questionflagsaveform .que.truefalse .content .formulation .ablock .answer>div {
    width: 65%!important;
    }
    #page-mod-quiz-attempt #page-content div#region-main-box form#responseform .que .content .formulation .ablock .answer>div, #page-mod-quiz-review #page-content div#region-main-box form#responseform .que .content .formulation .ablock .answer>div, #page-mod-quiz-attempt #page-content div#region-main-box form.questionflagsaveform .que .content .formulation .ablock .answer>div, #page-mod-quiz-review #page-content div#region-main-box form.questionflagsaveform .que .content .formulation .ablock .answer>div {
    width: 100%;
    }
    #page-mod-quiz-attempt .slick-slider .slick-slide {
    justify-content: space-between;
    }
    #page-mod-quiz-attempt.format-paradiso.path-mod-quiz #page-content div#region-main-box #course_content #linkmaincontent aside#mod_quiz_navblock .card-text.content .othernav a.endtestlink.aalink, #page-mod-quiz-review.format-paradiso #page-content div#region-main-box #course_content #linkmaincontent aside#mod_quiz_navblock .card-text.content .othernav a.endtestlink.aalink {
    margin-left: 15px;
    }
    #page-mod-quiz-attempt #page-content div#region-main-box form#responseform .que, #page-mod-quiz-review #page-content div#region-main-box form#responseform .que, #page-mod-quiz-attempt #page-content div#region-main-box form.questionflagsaveform .que, #page-mod-quiz-review #page-content div#region-main-box form.questionflagsaveform .que {
    margin: 1rem 15px 0 1rem!important;
   }
    #page-mod-hsuforum-view div#discussionsview div#hsuforum-menu .forumsearch {
	 float: left;
	 margin: 10px 0;
   }
    #page-mod-hsuforum-view div#discussionsview .mod-hsuforum-posts-container article.hsuforum-thread .hsuforum-thread-title,#page-mod-hsuforum-view div#discussionsview .mod-hsuforum-posts-container article.hsuforum-thread .hsuforum-thread-title h4{
           text-align: center; 
    }
    aside.block_get_report .card-text.content .get_reportdisp nav ul.pagination li.page-item{
        margin-right: 0 !important;
    }
    aside.block.block_upcoming_trainings .card-title, aside.block.block_upcoming_trainings div.block-controls {
      position: unset !important;
    }
    aside.block.block_upcoming_trainings .filter-session {
        margin-right: 10px;
        padding-right: 0;
    }
    aside.block.block_upcoming_trainings .upcoming-training .generaltable {
        min-width: 750px;
    }
    header.navbar-light div#navbar-nav div.check-switchrole.workspace_dropdown,header.navbar-light div#navbar-nav .btn_settings_on{
        margin-top: unset !important;
        padding: 0 !important;
    }
     header.navbar-light div#navbar-nav{
        flex-wrap: nowrap!important;
    }
    header.navbar-light div#navbar-nav .workspace_dropdown button.dropdown-toggle span.big-letter {
    width: 30px;
    height: 30px;
    }
    header.navbar-light div#navbar-nav .workspace_dropdown button.dropdown-toggle span.name {
    font-size: 12px!important;
    }
    header.navbar-light div#navbar-nav .workspace_dropdown button.dropdown-toggle {
    margin: 0!important;
    }
    header.navbar-light div#navbar-nav div.options-header div.add_playlist_btn .add-btn{
    margin: 0!important;  
    width: 58px!important;
    padding: 3.5px 1.8px 3.5px 2px!important;
    font-size: 12px;
    }
    header.navbar-light div#navbar-nav div.options-header div.add_playlist_btn .add-btn i{
    font-size: 12px;
    }
    section.has-blocks aside.block ul.pagination li.page-item {
    margin-right: -11px;
    }
    section.has-blocks .block_team .team-icon.right {
    top: -66px!important;
    }
    #course_content .img_content .course-bg-title {
    font-size: 22px!important;
    }
    body.format-paradiso form#chooserform .alloptions .option {
    width: 48%;
    }
    body.format-paradiso form#chooserform .typesummary {
    width: 226%!important;
    }
    body.format-paradiso form#chooserform .alloptions .option:nth-child(3) .typesummary, body.format-paradiso form#chooserform .alloptions .option:nth-child(5) .typesummary, body.format-paradiso form#chooserform .alloptions .option:nth-child(7) .typesummary {
    left: -9%!important;
   }
    body.format-paradiso form#chooserform .alloptions .option:nth-child(3) .typesummary:before, body.format-paradiso form#chooserform .alloptions .option:nth-child(5) .typesummary:before, body.format-paradiso form#chooserform .alloptions .option:nth-child(7) .typesummary:before {
    left: 6%!important;
}
    body.format-paradiso form#chooserform .alloptions .option:nth-child(2) .typesummary, body.format-paradiso form#chooserform .alloptions .option:nth-child(4) .typesummary, body.format-paradiso form#chooserform .alloptions .option:nth-child(6) .typesummary {
    left: -114%!important;
   }
    body.format-paradiso form#chooserform .alloptions .option:nth-child(2) .typesummary:before, body.format-paradiso form#chooserform .alloptions .option:nth-child(4) .typesummary:before, body.format-paradiso form#chooserform .alloptions .option:nth-child(6) .typesummary:before {
    left: 54%!important;
    }
    body.path-question.path-question-type form.mform div[data-groupname="updatebuttonar"], body.path-question.path-question-type form.mform div[data-groupname="buttonar"] {
    width: 100%!important;
    text-align: center!important;
    }
    body.path-question.path-question-type form.mform div[data-groupname="updatebuttonar"] div.felement[data-fieldtype="group"] {
    text-align: center;
    }
     body.path-question.path-question-type form.mform div[data-groupname="buttonar"] div.felement[data-fieldtype="group"] {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    justify-content: center;
	}
    body.format-paradiso .modal.show .modal-dialog {
    width: 100% !important;
    }
	body#page-user-profile .search-credit {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-flow: column;
    gap: 10px;
}
    body#page-user-profile .search-radio-excredit ul.dropdown-menu-filter.multi-level{
        right: 30px;
}
    body#page-contentbank div#h5pcontent_popup1 .modal-dialog {
    height: unset;
    }
    body#page-contentbank div#h5pcontent_popup1 div.modal-body.h5pcontentbody {
    max-height: unset!important;
    min-height: unset;
    }
    body#page-contentbank div#h5pcontent_popup1 div.modal-body.h5pcontentbody .container .row{
    flex-wrap: nowrap;
    }
    body#page-contentbank div#h5pcontent_popup1 div.modal-body.h5pcontentbody .container .main_box_shadow {
    width: auto !important;
    flex-wrap: nowrap;
    min-width: 160px;
    }
    body#page-contentbank div#h5pcontent_popup1 div.modal-body.h5pcontentbody .container .main_box_shadow div#v-pills-tab {
    width: auto !important;
    }
    body#page-contentbank div#h5pcontent_popup1 div.modal-body.h5pcontentbody .container .main_box_shadow div#v-pills-tabContent .grouph5pdata .row {
    flex-wrap: wrap;
    }
    body#page-contentbank div#h5pcontent_popup1 div.modal-body.h5pcontentbody .container .main_box_shadow div#v-pills-tab .list-group-item {
    font-size: 12px;
    }
    body#page-contentbank div#h5pcontent_popup1 div.modal-body.h5pcontentbody .container .main_box_shadow div#v-pills-tabContent .grouph5pdata .content-list {
    min-width: 142px;
    }
    body#page-contentbank div#h5pcontent_popup1 div.modal-body.h5pcontentbody .container .main_box_shadow div#v-pills-tabContent .grouph5pdata .content-list .dropdown-item.h5pcontentname {
    height: 125px;
    }
    body#page-contentbank div#h5pcontent_popup1 div.modal-body.h5pcontentbody .container .main_box_shadow div#v-pills-tabContent .grouph5pdata .content-list .dropdown-item.h5pcontentname p {
    font-size: 12px;
    }

    body#page-contentbank div#h5pcontent_popup1 .modal-header .title-search .search_content input#contenttype_search {
        width: 100% !important;
    min-width: 70% !important;
    }
    body#page-contentbank .content-bank-container .cb-toolbar-container {
    flex-wrap: wrap;
    gap: 10px;
    }
    body.path-contentbank .part-2 .view-part {
    width: 100%;
    margin-top: 20px;
    min-height: auto;
    }
    body#page-contentbank div.content-bank-container div#navigation-filters .modal-dialog {
    width: 95%;
    }
    body.path-contentbank .part-1 {
    border-right: 0;
    }
    body.path-contentbank .part-1 .add-thumbnail {
    width: 100%;
    padding: 15px;
    }
    .custome_theme.check-switchrole{
        display: none;
	}
    body#page-user-profile .search-credit {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-flow: column;
    gap: 10px;
}
    body#page-user-profile .search-radio-excredit ul.dropdown-menu-filter.multi-level{
        right: 30px;
    }

    body.format-paradiso div.course-content div.img-des .header-overview {
    gap: 10px;
    align-items: flex-start;
    flex-flow: column;
    }
    body.format-paradiso div.course-content div.img-des .header-overview .header-progress {
    margin-bottom: 10px;
    width: 100%;
    }
}
@media only screen and (max-width: 480px){
body.format-paradiso .progress_bar_percent:before {
    top: 174px!important;
}
    #page-admin-tool-lp-plan .modal.moodle-has-zindex #self-rating {
    width: 100% !important;
    min-width: 370px;
    }
    .path-course div#linkblock_force_recertification .position-relative,.path-course div#linkblock_force_recertification input.recer-input#searchtxt{
        width: 100%;
    }
    .path-course div#linkblock_force_recertification .position-relative input.recer-input#searchtxt{
       margin-bottom: 10px;
    }
}
@media only screen and (max-width: 425px){
  #page-site-index .block_paradiso_team ul.pagination a.page-link {
    font-size: 14px !important;
    padding-left: 8px !important;
} 
   #page-admin-tool-lp-plan .modal.moodle-has-zindex #self-rating {
    min-width: 320px;
    }
    #page-mod-quiz-view .no-overflow-quiz{
        overflow-x: auto;
    }
    body#page-login-forgot_password .contentcontentlogo img {
    max-height: 110px;
    }
    body#page-login-forgot_password input#id_submitbuttonemail,
    body#page-login-forgot_password input#id_submitbuttonusername {
        margin-top: 0px;
    }
}
@media only screen and (max-width: 370px){
   header.navbar-light div#navbar-nav .workspace_dropdown button.dropdown-toggle span.name {
    font-size: 12px!important;
    width: 61px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
} 
.block.block_team ul.pagination li.page-item {
  height: 25px;
}
}
@media screen and (max-width: 320px) {
    body#page-login-forgot_password .text_to_html {
        width: 300px;
    }
    #page-course-view-topics .section .activity .actions {
    right: -60px;
  }
    #page-admin-tool-lp-plan .modal.moodle-has-zindex #self-rating {
    min-width: 250px;
    }
}

@media only screen and (min-width: 411px) and (min-height: 731px)
{
  header.navbar-light div#navbar-nav .form-inline .form-control {
    /* width: 355px; */
  }
}

@media only screen and (min-width: 731px) and (min-height: 411px)
{

  body.userloggedinas div#navbar-nav .form-inline .form-control {
    width: 676px;
  }
  header.navbar-light div#navbar-nav .form-inline .form-control {
    /* width: 639px; */
  }
}
@media only screen and (min-width: 800px) and (max-width: 824px)
{
  header.navbar-light div#navbar-nav .form-inline .form-control {
    /* width: 616px;
    top: 7px; */
  }
  body.userloggedinas div#navbar-nav .form-inline .form-control {
    width: 650px !important;
    top: -4px;
  }

}

@media only screen and (min-width: 667px) and (max-height: 375px)
{
  header.navbar-light div#navbar-nav .form-inline .form-control {
    /* width: 569px; */
  }
  body.userloggedinas div#navbar-nav .form-inline .form-control {
    width: 612px;
  }
}

@media only screen and (max-width: 375px) and (min-height: 667px)
{
  header.navbar-light div#navbar-nav .form-inline .form-control {
    /* width: 324px; */
  }
  body#page-my-index div.settings-menu a#add-block {
    top: 0px !important;
}
#page-my-index.editing div.elements_breadcrumb div.singlebutton button {
  top: 0px !important;
}
}

@media only screen and (min-width: 414px) and (min-height: 736px)
{
  body.userloggedinas div#navbar-nav .form-inline .form-control {
    width: 365px;
  }
  body#page-my-index div.settings-menu a#add-block {
    top: 0px !important;
  }
  #page-my-index.editing div.elements_breadcrumb div.singlebutton button {
    top: 0px !important;
  }
}

@media only screen and (min-width: 736px) and (min-height: 414px)
{
  body.userloggedinas div#navbar-nav .form-inline .form-control {
    width: 681px;
  }
}

@media screen and (max-width: 767px) {
  /* Announcement block design  */
  body#page-mod-forum-discuss #region-main>.card {
    margin-top: 38px;
  }
  #page-mod-attendance-sessions.format-paradiso #course_content form.mform fieldset#id_general .fcontainer .form-group.row.fitem[data-groupname="sestime"] .felement[data-fieldtype="group"] {
    margin-left: 0;
}
    body.format-paradiso div.course-content div.img-des {
    padding-right: 0!important;
}
}
@media only screen and (min-width: 1024px) and (min-height: 1366px) and (orientation: portrait){
  /*Site Announcement design  */
    body#page-mod-forum-view #region-main>.card {
      margin-top: 41px;
    }
    body#page-mod-forum-discuss #region-main>.card {
      margin-top: 41px;
    }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape){
  /*Site Announcement design  */
    body#page-mod-forum-view #region-main>.card {
      margin-top: 41px;
    }
    body#page-mod-forum-discuss #region-main>.card {
      margin-top: 41px;
    }
    body.format-paradiso.path-mod-attendance #course_content .tab-content .attfiltercontrols table tr.lastrow td form#currentdate button#show {
    font-size: 11px;
    }
    div#openai-popup .modal-dialog {
      width: 90%;
      margin: auto!important;
  }
}
@media only screen and (max-width: 768px) and (min-height: 1024px) and (orientation: portrait){
  /*Site Announcement design  */
    body#page-mod-forum-view #region-main>.card {
      margin-top: 41px;
    }
    body#page-mod-forum-discuss #region-main>.card {
      margin-top: 41px;
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (orientation:landscape) {
    /*Site Announcement design  */
    body#page-mod-forum-view #region-main>.card {
      margin-top: 41px;
    }
    body#page-mod-forum-discuss #region-main>.card {
      margin-top: 41px;
    } 
    #page-blocks-xpparadiso-index .block_xpparadiso-table tbody tr td.cell .progress_xp_togo {
    width: 90%;
   }
    #page-course-index .cardcoursescontent div.content-card.listview, #page-course-index-category .cardcoursescontent div.content-card.listview {
     margin-bottom: 0; 
    }
}

@media screen and (max-width: 767px) {
  /* Add block design for mobile devices */
  body#page-mod-forum-discuss  .singleselect{
      margin:5px;
  }
    header.navbar-light .multi-column-dropdown li a {
    height: 35px;
    padding-left: 0;
   }
    #page-local-enroll_by_profile-index .titleenrollbyprofile .rules_buttons {
    text-align: left;
   }
    #page-local-enroll_by_profile-index #rules_form #enroll_by_profile_modal .modal-body {
    padding: 0;
   }
    #page-local-enroll_by_profile-index div.rulelist {
    border-left: 0;
  }
   #page-local-enroll_by_profile-index div#id_elements_content {
    padding-left: 30px;
 } 
    section.region-sidepre .block_paradiso_team .card-block .card-text.content .team_align {
    justify-content: space-between !important;
    display: inline-grid;
    grid-template-columns: 51% 41%;
}
    section.region-sidepre .block_paradiso_team .card-block .card-text.content .team_align .content-search {
    width: 98% !important;
}
   section.region-sidepre .block_paradiso_team .card-block .card-text.content .team_align .check-content 
    label.form-checkbox.form-normal {
       width: 120px;
       padding-right: 0;
       padding-left: 0;
   }
    body.format-paradiso.editing .course-content div.activityinstance a span.instancename, body.format-paradiso:not(.editing) .course-content div.activityinstance a span.instancename{
        margin-left: 20px;
        overflow: hidden;
        width: 138px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    #page-blocks-configurable_reports-viewreport form.recordsperpage {
      position: relative;
      bottom: 0;
    }
    body#page-mod-hvp-mod.path-mod-hvp.editing #course_content form.mform .form-group.row.fitem .contentlabel.col-sm-12.col-md-4.col-lg-4.col-xl-4, body#page-mod-hvp-mod.path-mod-hvp.editing #course_content form.mform .form-group.row.fitem .contentlabel.col-sm-12.col-md-4 {
    width: unset;
    max-width: unset !important;
    flex: unset !important;
    } 
    body#page-mod-hvp-mod.path-mod-hvp.editing #course_content form.mform .form-group.row.fitem .col-sm-12.col-md-8.col-lg-8.col-xl-8.felement {
    width: unset;
    max-width: unset;
    flex: unset;
    }
    body#page-mod-hvp-mod.path-mod-hvp.editing #course_content form.mform fieldset.clearfix.collapsible .col-sm-12.col-md-8.col-lg-8.col-xl-8.felement {
    width: unset;
    max-width: unset !important;
    flex: unset !important;
    }
    #page-admin-tag-manage .tag-search-add{
        display: block;
    }
    #page-admin-tag-manage .tag-search-add .addstandardtags.visibleifjs{
        display: block;
    }
    body#page-mod-hvp-view .h5p-iframe-wrapper iframe.h5p-iframe {
    min-width: 90%!important;
    }
    div.modal#buynow-modal .modal-dialog.modal-lg {
    width: 95%!important;
    }
    body:not(.drawer-open-left) .freemium-alert {
    width: 100%;
    }
    body.format-paradiso div.modal.show.moodle-has-zindex fieldset#id_main.containsadvancedelements {
    min-width: unset!important;
    }
    div#openai-popup .modal-dialog {
      width: 90%;
      margin: auto!important;
  }
}
@media only screen and (max-width: 768px) and (min-height: 1024px) and (orientation: portrait){
  /* Add block design for Ipad device */
  body#page-site-index div.settings-menu a#add-block {
      top: 0px;
      padding: 4px;
  }  
}
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (orientation:landscape) {

/* Add block design for Ipad device */
  body#page-site-index div.settings-menu a#add-block ,body#page-site-index div.siwitch_content .checkbox.checbox-switch{
    top: 0px;
    padding: 4px;
  }  
}
@media only screen and (min-width: 1024px) and (min-height: 1366px) and (orientation: portrait){
/* Add block design for Ipad pro device */

body#page-site-index div.settings-menu a#add-block ,body#page-site-index div.siwitch_content .checkbox.checbox-switch{
    top: 0px;
    padding: 8px;
}  
}
@media screen and (max-width: 991px) {
body#page-local-people-index .table-responsive-sm {
    overflow-x: auto !important;
}
    #page-local-enroll_by_profile-index .row #rules_form .modal-dialog {
    max-width: 740px !important;
 }
    #page-admin-tool-lp-plan .modal.moodle-has-zindex #self-rating {
    width: 450px;
    padding: 0;
  }
    body.path-contentbank .part-1 .add-thumbnail button {
    font-size: 10px;
    }
    body#page-contentbank .content-bank-container .cb-toolbar-container {
    flex-wrap: wrap;
    gap: 10px;
    }
    body#page-contentbank .filterstyle {
    margin-right: 10px;
    }
}
@media screen and (max-width: 1300px) {
  body#page-local-people-index .table-responsive-sm {
    overflow-x: auto !important;
  }
  body#page-user-profile div.user-panel .filtered-courses.externalcertificate .external-credit .generaltable .action {
    gap: 5px;
  }
  #page-local-email-template_list #ReportTable td.cell.c0 {
    width: 10%;
  }
   #page-local-email-template_list #ReportTable td.cell.c4.lastcol {
    width: 50%;
  }
}
@media screen and (max-width: 567px) {
    .boton_settings_off {
         margin-top: -46px;
    }
    .boton_settings_off .usermenu .login {
        font-size: 10px!important;
        max-width: 116px;
        line-height: 1.4;
    }
    body#page-course-index-category span.select2.select2-container.select2-container--default {
     width: 100%!important;
     margin-bottom: 1rem;
    }
    #page-theme-paradiso-pages-course_management-management #coursesearch fieldset.coursesearchbox.invisiblefieldset {
    margin-top: 0 !important;
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
    }
    .coursecat-management-header h2 {
    display: table;
    text-align: left;
    }
    #course-category-listings>div>div {
    min-height: 280px;
    width: 100%;
    }
    #course-category-listings #category-listing .category-bulk-actions {
    margin: 0;
    width: 100%;
    }
    #course-category-listings .plms-category-listing .category-bulk-actions.bulk-actions .form-40 {
    width: 100%!important;
    }
    .plms-category-listing .category-bulk-actions.bulk-actions input[type="submit"], .plms-category-listing .category-bulk-actions.bulk-actions button[type="submit"] {
    width: 100%;
    }
    #course-category-listings .plms-category-listing .category-bulk-actions.bulk-actions select.moveselect {
    width: 100%!important;
    margin-bottom: 15px;
    }
    #course-category-listings ul.ml{
        padding: 0;
    }
    div#course-listing {
    padding: 0 !important;
    }
    div#category-listing {
    padding: 0 !important;
    }
    #page-theme-paradiso-pages-course_management-management .ps-course-listing .course-listing #course-listing-title {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 24px 79% 17%;
    grid-template-columns: 24px 60% 33%;
    }
    #page-local-learningpaths-view div.content-title {
    display: flex;
    flex-wrap: nowrap;
    }
    .nav-tabs, .nav-pills {
    background-color: transparent;
    }
    #block_lpd_content {
    min-width: unset !important;
   }
    #page-local-learningpaths-view table.card-box {
    min-width: 570px;
    }
    #page-local-learningpaths-view #cohorts-popup .modal-dialog {
    width: 100% !important;
    margin: 0 !important;
    }
    #page-local-learningpaths-view #courses-popup-content, #page-local-learningpaths-view #users-popup-content, #page-local-learningpaths-view #cohorts-popup-content {
     padding: 0px; 
    }
    .settings-menu {
    height: unset !important;
    display: block;
    float: unset !important;
    }
    div.settings-menu div.options-buttons {
    flex-wrap: wrap;
    position: relative;
    gap: 10px;
    }
    #block_lpd_content{
        overflow: unset !important;
    }

    #page-blocks-customnavigation-more .grid-box {
    grid-template-columns: repeat(1,1fr);
    }

    body#page-contentbank div.content-bank-container div#navigation-filters .modal-dialog .modal-body .dropdown .dropdown-menu.show{
        min-width: auto !important;
        transform: translate3d(27px,-1px,0)!important;
    }
    body#page-mod-h5pactivity-view.format-paradiso iframe.h5p-player.w-100.border-0 {
    height: calc(100vh - 253px)!important;
    }
    /* div#openai-popup .modal-dialog .modal-content {
    margin-top: 70px!important;
    height: 88vh!important;
    } */
    /* div#openai-popup .modal-dialog .modal-content .modal-header img.modal-logo {
    left: 30px;
    } */
}
@media screen and (max-width: 400px) {
    #page-course-index div#page-header-desc div.singlebutton,
    #page-course-index-category div#page-header-desc div.singlebutton {
        float: right;
        position: relative;
        right: 0;
        top: -10px;
    }
    #page-local-learningpaths-view .tab-content #learningpath-users-tab .new-course a#learningpath-remove-users {
    margin-bottom: 10px;
    }
}
@media screen and (max-width: 340px) {
    .boton_settings_off .usermenu .login {
        font-size: 9px !important;
        max-width: 88px;
        line-height: 1.4;
    }
    section.region-sidepre .block_paradiso_team .card-block .card-text.content {
    min-width: 218px;
    }
    div.settings-menu a#add-block {
    margin-right: 15px;
    }
    body#page-login-forgot_password .contentcontentlogo img {
    max-height: 90px;
    }
    body#page-login-forgot_password .form-check-inline {
    margin-right: 10px;
    }
}
@media screen and (max-width: 320px) {
      body#page-mod-forum-discuss  .singleselect{
        width:220px;
        margin:5px;
      }
}
@media screen and (max-width: 429px) {
    #page-local-paradiso_reports-index .reports-both-blocks .dot.popup.binker {
    left: 264px;
}
}

@media screen and (max-width: 2560px) {
    body#page-login-index .content-form button[type="submit"]{
        min-width: 160px;
    }
}
@media screen and (max-width: 1400px) {
    #page-local-people-index .report-left-block-acordeon .aply-filtter .content-apply button#send {
    font-size: 10px !important;
    padding: 4px 10px!important;
    }
    #page-local-people-index .report-left-block-acordeon .aply-filtter .icon-filter a.clear-button {
    font-size: 10px !important;
    padding: 4px 10px!important;
    }
    #page-mod-quiz-attempt.format-paradiso.path-mod-quiz #page-content div#region-main-box #course_content #linkmaincontent aside#mod_quiz_navblock .card-text.content .qn_buttons .pagination-no, #page-mod-quiz-review.format-paradiso #page-content div#region-main-box #course_content #linkmaincontent aside#mod_quiz_navblock .card-text.content .qn_buttons .pagination-no {
    width: 85%;
}
    #page-blocks-customnavigation-more .grid-box .item button.title,#page-blocks-customnavigation-more .grid-box .item .dropdown-menu.show div.inner-manu a.dropdown-item {
    font-size: 14px;
}
    #page-blocks-customnavigation-more .grid-box .item i,#page-blocks-customnavigation-more .grid-box .item button.title.dropdown-toggle:before {
    font-size: 20px;
}
}
/*New Media Query Breakdown*/
@media only screen and (max-width: 1366px) {
    #page-course-index-category .cardcoursescontent .card-header-image {
    height: unset;
    }
    #page-admin-tool-task-scheduledtasks #page-content div[role=main] table.generaltable tbody tr th.cell.c0 {
    max-width: 210px;
    }
}

@media screen and (max-width: 1024px) {
body.format-paradiso.path-mod-quiz.editing #course_content #linkmaincontent form.mform fieldset#id_availabilityconditionsheader .contentlabel.col-sm-12.col-md-4.col-lg-4.col-xl-4 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}
    body.format-paradiso.path-mod-quiz.editing #course_content #linkmaincontent form.mform fieldset#id_availabilityconditionsheader .col-sm-12.col-md-8.col-lg-8.col-xl-8.felement {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}
    .course-wiz-add-img .part-1 .add-thumbnail,.course-wiz-add-img .part-2 .view-part {
    width: 94%;
}
    body.format-paradiso div.course-content div.img_content{
        max-height: 400px;
    }
    #page-blocks-customnavigation-more .grid-box {
    grid-template-columns: repeat(3,1fr);
    }
    /* div#openai-popup .modal-dialog .modal-content .modal-body .block_openai_chat .openai_message.user:after,div#openai-popup .modal-dialog .modal-content .modal-body .block_openai_chat .openai_message.bot:after {
    left: 11%!important;
    } */
}
@media screen and (max-width: 991px) {
#page-course-index .cardcoursescontent .listview .card-header-image .content-img, #page-course-index-category .cardcoursescontent .listview .card-header-image .content-img {
    padding-top: 20.25%!important;
}
}
@media screen and (max-width: 768px) {
    .block-region div.block-controls {
        float: right;
    }
    
    aside.block_currentcourses .card-text.content {
                height: 260px !important;
    }
    aside.block_currentcourses .card-text.content::-webkit-scrollbar {
                height: 10px;
    }
    aside.block_currentcourses .card-text.content .current-courses {
            min-width: 700px !important;
    }
    
    aside.block_courserecords .card-text.content {
           height: 251px !important;
           overflow-x: scroll !important;
    }
    aside.block_courserecords .card-text.content::-webkit-scrollbar {
       height: 10px;
    }
    aside.block_courserecords .card-text.content .course-myrecords {
       min-width: 888px !important;
    }
    aside.block_courserecords .card-text.content .course-myrecords .course-records .course-myrecords-table .header.row{
       display: flex;
       flex-flow: row;
    }
    aside.block_courserecords .card-text.content .course-myrecords .course-records .course-myrecords-table .header.row .span-header,
    aside.block_courserecords .card-text.content .course-myrecords .course-records .course-myrecords-table .items-content .item{
       width: 100% !important;
        display: flex;
       flex-flow: row;
    }
    aside.block_courserecords .card-text.content .course-myrecords .course-records .course-myrecords-table .items-content .item .responsive_my_records{
     width: 25% !important;
    }
    aside.block_paradiso_lpd .card-text.content  {
    height: 254px!important;
    padding-bottom: 0 !important;
    }
    aside.block_paradiso_lpd nav {
    left: unset!important;
    }
    
    body#page-course-index-category span.select2.select2-container.select2-container--default {
     width: 100%!important; 
    }
    #page-course-index .cardcoursescontent .listview .card-header-image .content-img, #page-course-index-category .cardcoursescontent .listview .card-header-image .content-img {
    width: 42%;
    }
    #page-course-index .cardcoursescontent .listview .card-header-image .content-img, #page-course-index-category .cardcoursescontent .listview .card-header-image .content-img {
    padding-top: 24.25%!important;
    }
    #page-theme-paradiso-pages-course_management-management #coursesearch {
    position: relative;
    float: unset;
    padding-right: 0;
    margin: 0;
    }
    #page-theme-paradiso-pages-course_management-management #coursesearch fieldset.coursesearchbox.invisiblefieldset {
    margin-top: 0 !important;
    }
    body#page-site-index div.siwitch_content .checkbox.checbox-switch, body#page-my-index div.siwitch_content .checkbox.checbox-switch, body#page-site-index div.settings-menu a#add-block, body#page-my-index div.settings-menu a#add-block{
            top: 0;
    }
    body#page-course-view-paradiso.path-user div.moodle-has-zindex form.mform fieldset#id_main.containsadvancedelements .form-group.row.fitem .felement ul.form-autocomplete-suggestions {
    width: 100%;
    text-align: center;
    padding: 10px;
    right: 0;
    position: relative;
   }
    body#page-contentbank div#h5pcontent_popup1 .modal-header .title-search .search_content input#contenttype_search {
    margin-left: 0;
    }
    body#page-contentbank div#h5pcontent_popup1 .modal-header .title-search .search_content i.icon {
    left: 10px;
    }
    body#page-contentbank div#h5pcontent_popup1 .modal-header .title-search h5.modal-title {
      width: 300px;
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }
    body.path-local-coursewizard div.card.card-block {
      padding: 15px 15px;
    }
    .course-wiz-add-img .part-1 .add-thumbnail button {
      font-size: 13px;
    }
    .course-wiz-add-img .part-1 .add-thumbnail {
      padding: 25px;
      margin-bottom: 20px;
      height: auto;
    }

    #page-blocks-customnavigation-more .grid-box {
    grid-template-columns: repeat(1,1fr);
    }
    body#page-contentbank .content-bank-container.view-list div.content-bank{
        width: 100%;
        min-width: 870px;
    }
    body#page-contentbank .content-bank-container.view-list .pb-3.border{
        overflow: auto

    }
    /* div#openai-popup .modal-dialog .modal-content {
    margin-left: 40px!important;
    margin-right: 40px!important;
    }
    div#openai-popup .modal-dialog .modal-content .modal-body .block_openai_chat .openai_message.user:after, div#openai-popup .modal-dialog .modal-content .modal-body .block_openai_chat .openai_message.bot:after {
    left: 50px!important;
    }
    div#openai-popup .modal-dialog .modal-content .modal-body .block_openai_chat .openai_message.user,div#openai-popup .modal-dialog .modal-content .modal-body .block_openai_chat .openai_message.bot {
    padding-left: 80px!important;
    } */
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
  #page-course-index-category .cardcoursescontent .card-header-image {
    min-height: 205px;
  }
}
@media only screen and (max-width: 1000px) {
    #page-course-index div.create-buttons,
    #page-course-index-category div.create-buttons {
        display: block!important;
    }
}

@media only screen and (max-height: 640px){
    .teacherdashboard .dashtitle, .studentdashboard .dashtitle {
    font-size: 14px!important;
}
    .teacherdashboard .border-group, .studentdashboard .border-group {
    padding: 6px;
    margin-bottom: 10px;
}
    .teacherdashboard .list-group-item, .studentdashboard .list-group-item {
    padding: 5px 5px 5px 20px;
    line-height: 1.4;
    font-size: 13px;
}
    .teacherdashboard .list-group-item:after, .studentdashboard .list-group-item:after {
    content: " - ";
    position: absolute;
    height: 10px;
    width: 10px;
    font-size: 14px;
    left: 8px;
    top: 4px;
    border-radius: 100%;
}
}@media only screen and (max-width: 767px) {
              #page-blocks-iomad_company_admin-company_competency_frameworks_form .mform fieldset.collapsible .companyframeworktable{
                  flex-flow: wrap !important;
              }


          }