/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

 .select2-container{
    width:200px !important;
 }

 .pisol_date_time_picker{
    width:80% !important;
 }

 .pisol_variation_free_product_id_row .select2-container, .select2-container{
    display:block;
    width:100% !important;
    margin-top:5px;
 }

 #ui-datepicker-div, .ui-datepicker{
    z-index:100000 !important;
 }

 .bogo-warning-produ-list li{
    margin-bottom:5px;
 }

 .bogo-warning-produ-list li a{
    display:block;
    width:100%;
    padding:5px;
    background:#ccc;
    color:#000;
 }

 .select2-container--default .select2-selection--multiple .select2-selection__choice{
      background-color: var(--dark) !important;
      opacity:0.75;
      border: 1px solid var(--dark) !important;
      padding: 5px 15px !important;
      color: #fff !important;
      font-weight:bold !important;
 }

 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
   color: #fff !important;
   font-weight:bold !important;
 }

 td .select2-container{
    width:100% !important;
 }

 td .pisol_bogo_category_free_product_id_selection + .select2-container {
   width:150px !important;
 }

 tr.pi-bogo-hidden .pisol_bogo_category_free_product_id_selection + .select2-container {
   width:auto !important;
 }


 .pi-bogo-hidden{
    display:none;
 }

 tr.pi-bogo-border-left{
   border-left:4px solid #ee6443;
 }

 .pi-bogo-hidden.pi-bogo-show{
   display:table-row;
   border-left:4px solid #ee6443;
}

.pi-bogo-box-title{
   padding:10px;
   background:#000;
   color:#fff;
}

.pi-bogo-box-title a{
   color:#fff;
   text-decoration: none;
}

.bogo-inline-help{
   background:#fff;
   position: relative;
   margin: auto;
   margin-top:60px;
   padding:15px;
   width:60%;
}

.pisol-variation-bogo-settings{
   padding:10px;
   border:1px solid #ccc;
   clear:both;
   margin-bottom:10px;
}

.bootstrap-wrapper .page-numbers{
   background: #1a4562 !important;
    color: #FFF !important;
    padding: 10px !important;
    border-radius: 4px;
    margin-bottom:0 !important;
}

.bootstrap-wrapper .page-numbers li a{
   color:#ccc !important;
   font-weight:bold;
}

.bootstrap-wrapper .page-numbers li{
   display: inline-block;
   margin-left:10px;
   margin-right:10px;
   margin-bottom:0 !important
}

/* top menu */

#pisol-navbar .navbar-nav{
    background:transparent !important;
    display:flex;
    gap:10px;
}

#pisol-navbar a{
    background:#fff !important;
    color:var(--dark) !important;
    border-radius:60px !important;
    font-weight:400;
    transition: all 0.3s ease;
	padding:10px 5px;
    text-align: center;
}

#pisol-navbar a .dashicons{
    margin-right:4px;
}

.bootstrap-wrapper #pisol-navbar a.bg-primary, 
.bootstrap-wrapper #pisol-navbar a:hover,
.bootstrap-wrapper #pisol-navbar a.bg-secondary:hover{
    background:#fff !important;
    color:var(--primary) !important;
    text-decoration:none;
}

.bootstrap-wrapper #pisol-navbar a:last-child:before{
	content: "🔑";
	margin-right:5px;
}

@media(max-width:1000px){
     #pisol-navbar a{
        letter-spacing:inherit;
        padding:9px 5px !important;
        font-size:0.7rem !important;
        
    }

    #pisol-navbar .navbar-nav{
        display:flex;
        flex-wrap:wrap;
        gap:5px !important;
        flex-direction: row;
    }
}

@media(max-width:700px){
   #pisol-navbar .navbar-nav{
        display:grid !important;
        grid-template-columns:1fr 1fr;
        grid-gap:10px;
        & a{
            width:100%;
			justify-content: center;
        }
    }
}

@media(max-width:1200px){
   #pisol-navbar .navbar-nav{
        display:grid;
        grid-template-columns:1fr 1fr 1fr 1fr;
        grid-gap:10px;
        & a{
            width:100%;
			justify-content: center;
        }
    }
}

@media(max-width:750px){
   #pisol-navbar .navbar-nav{
        grid-template-columns:1fr 1fr 1fr;
    }

   #pisol-navbar{
        margin:auto !important;
    }
}

@media(max-width:576px){
    #pisol-navbar{
        margin-left:auto !important;
        margin-right:auto !important;
    }
    
    #pisol-navbar .container-fluid{
        width:100% !important;
    }

    #pi-logo{
        width:90%;
    }
}

/* end top menu */

/* for */

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.pisol-form-element-row small{
	color:#1a4562;
	opacity:0.7;
	margin-top:10px;
	display:block;
}
/* end form */