/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License version 3.0
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
 */
 #main #content #recommended-modules-container .modules_list_container_tab .alert-addons,
 #main #content #modules_list_container #modules_list_container_tab_modal .alert-addons,
 #main-div #recommended-modules-container .alert-addons,
 #main-div #modules_list_container_tab_modal .alert-addons {
   border: none;
   background-color:#F4FCFD ;
   font-size: 14px;
   line-height: 19px;
   display: flex;
   justify-content: center;
   align-items: center;
   text-decoration-line: underline;
   color: #6c868e;
 }
 
 #main #content #recommended-modules-container .modules_list_container_tab .alert-addons::before,
 #main #content #modules_list_container #modules_list_container_tab_modal .alert-addons::before{
   display:none;
   }
 
 #main #content #recommended-modules-container .modules_list_container_tab .alert-addons .alert-text .material-icons, 
 #main #content .panel #modules_list_container #modules_list_container_tab .alert-addons .alert-text .material-icons,
 #main #content #modules_list_container #modules_list_container_tab_modal .alert-addons .material-icons,
 #main-div #recommended-modules-container .alert-addons .material-icons,
 #main-div #modules_list_container_tab_modal .alert-addons .material-icons {
   color: #25b9d7;
   margin-left: 5px;
   font-size: medium;
 }
 
 #main-div #modules_list_container_content .img-thumbnail {
   max-width: 56px;
   width: 56px;
 }

#content .nav-tabs .nav-item .nav-link.active,
.nav-tabs .nav-item.active .nav-link.active  {
   border-bottom: 3px solid #25b9d7 !important;
   border-top: none !important;
   margin-bottom: 10px;
 }

 .nav-tabs .nav-link.active,
 .div-content .bootstrap .nav-tabs .nav-link ,
 #content.bootstrap .nav-tabs .nav-item.active .nav-link.active,
 #content.bootstrap .nav-tabs .nav-item.active .nav-link {
  border-bottom: 3px solid #25b9d7 !important;;
  border-left: none ;
  border-right: none;
  border-top: none!important;
 }
#content.bootstrap .nav-tabs .nav-item .nav-link.active {
  border-bottom: none !important;
}

 #content.bootstrap #modules_list_container_content .img-thumbnail {
   max-width: 56px;
   width: 56px;
 }

 #content.bootstrap #modules_list_container_content .btn {
   border-radius: 0;
 }

 #content.bootstrap #modules_list_container_content .btn-block {
   padding-left: 8px;
   padding-right: 8px;
 }
 
 #content.bootstrap #modules_list_container_content .btn-group {
   display: inline-flex;
 }
 
 #content.bootstrap #modules_list_container_content .dropdown-item {
   display: block;
   width: 100%;
   padding: 5px;
   clear: both;
   font-weight: 400;
   color: #6c868e;
   text-align: inherit;
   white-space: nowrap;
   background-color: transparent;
   border: 0;
 }
 
 #content.bootstrap #modules_list_container_content .dropdown-item:focus,
 #content.bootstrap #modules_list_container_content .dropdown-item:hover {
   color: #25b9d7;
   text-decoration: none;
   background-color: #fff;
 }
 
 #content.bootstrap #modules_list_container_content button.spinner {
   color: #fff;
   background-color: #fff;
   width: 40px;
   width: 2.5rem;
   height: 40px;
   height: 2.5rem;
   border-radius: 2.5rem;
   border-right-color: #25b9d7;
   border-bottom-color: #25b9d7;
   border-width: 3px;
   border-width: 0.1875rem;
   border-style: solid;
   font-size: 0;
   outline: none;
   display: inline-block;
   border-left-color: #bbcdd2;
   border-top-color: #bbcdd2;
   animation: rotating 2s linear infinite;
 }
 
 #content.bootstrap #tab_modules_list_installed > tbody > tr > td:nth-child(2),
 #content.bootstrap
   #tab_modules_list_not_installed
   > tbody
   > tr
   > td:nth-child(2) {
   width: 90%;
 }
 
 #content.bootstrap .card {
   position: relative;
   display: block;
   background-color: #fff;
   border: 1px solid #dbe6e9;
   border-radius: 5px;
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.06);
 }
 
 #content.bootstrap .card-body {
   padding: 20px;
 }
 
 #content.bootstrap .card-body .img-responsive {
   display: inline;
   max-width: 100%;
 }
 
 #content.bootstrap .mt-3 {
   margin-top: 15px;
 }
 
 .bootstrap
   .page-head
   .toolbarBox
   .btn-toolbar {
   color: #fff;
   background-color: #6c868e;
   border-color: #6c868e;
   -webkit-box-shadow: none;
   box-shadow: none;
   display: flex;
   align-items: center;
 }

 #main #content .bootstrap .toolbarBox .btn-toolbar{
  background-color: transparent;
 }
 
 #main #content .bootstrap .toolbarBox #toolbar-nav #recommended-modules-button-container #recommended-modules-button i{
  height: 30px;
  width: 30px;
  color: #2eacce;
 }

 .bootstrap
   .page-head
   .toolbarBox
   .btn-toolbar
   .toolbar_btn.mbo-modules-recommended-button
   i {
   display: inline-block;
   color: #fff;
   margin-right: 5px;
 }
 

 .recommended-modal-description {
   margin-bottom: 30px;
   margin-bottom: 10px;
   font-size: 14px;
   line-height: 19px;
 }
 .recommended-modal-content-description {
   font-size: 14px;
   line-height: 19px;
   margin-left: 10px;
   margin-top: 10px;
 }
 
 .panel#recommended-modules-container .recommended-modal-content-description {
   margin-left: 0px;
 }
 
 .iconButtonRecommanded{
   margin-right: 20px;
 }

#main-div .content-div #recommended-modules-container .card-block .alert-addons .alert-text a ,
#main #content #recommended-modules-container .modules_list_container_tab .alert-addons .alert-text a,
#main #content #modules_list_container #modules_list_container_tab_modal .alert-addons .alert-text a,
#main-div #modules_list_container .modal-dialog #modules_list_container_tab_modal .alert-addons .alert-text a {
  color: #363A41 !important;
  font-weight: 600;
}

/* hover button */
.module-actions .btn-outlined-secondary:hover,
.btn-outline-secondary:hover,
.btn-secondary:hover {
  color: #fff !important;
  background-color: #b7ced3 !important ;
  border-color: #b7ced3 !important;
  border-radius: 5px !important;
}
.bootstrap .nav-tabs>li>a:hover:hover{
  border: none !important;
}

#tab_modules_list_not_installed .btn-outline-primary,
.module-actions .btn-secondary{
  color: #fff;
  background-color: #6c868e  ;
  border-color: #6c868e ;
  border-radius: 5px !important;
  height: 35px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.module-actions .btn-outlined-secondary{
  color: #6c868e;
  background-color: transparent  ;
  border-color: #6c868e ;
  border-radius: 5px !important;
}

/* dropdown button */
#main-div  #recommended-modules-container #modules_list_container_content .module-actions .dropdown-toggle,
#main #content #recommended-modules-container #modules_list_container_content  .module-actions .dropdown-toggle,
#modules_list_container #modules_list_container_content .module-actions .dropdown-toggle,
#main-div #modules_list_container #modules_list_container_content .module-actions .dropdown-toggle{
  color: #6c868e ;
  background-color: transparent;
  background-image: none;
  border-color: #6c868e ;
  margin-left: 15px;
  border-radius: 5px;
}
#main #content   #modules_list_container_tab_modal #modules_list_container_content .module-actions .dropdown-toggle,
#main #content #recommended-modules-container #modules_list_container_content  .module-actions .dropdown-toggle{
  border-left:1px solid  ;
}

#main-div #modules_list_container #modules_list_container_content .module-actions .module_action_menu_go_to_addons  {
  color: #6c868e ;
  background-color: transparent;
  background-image: none;
  border-color: #6c868e;
  border-radius: 5px ;
}

.module-actions .module_action_menu_go_to_addons {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

#modules_list_container_content .module-actions .spacing-icone-p {
  margin: 5px 0px 5px 5px  !important;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
}

.module-actions .btn-outlined-secondary {
  height: 35px;
}

.module-actions .material-icons {
  font-size: 20px;
} 

#modules_list_container_content .module-quick-action-list {
  width: 150px;
  text-align: right;
}

 @media (min-width: 768px) {
   #content.bootstrap #modules_list_container .modal-dialog {
     width: 680px;
   }
 }