.navbar-brand img {
    height: 70px;
}

.navbar-shadow {
    box-shadow: 0 0 20px 3px rgba(10, 10, 10, 0.3);
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color:#78b31b;
}
.custom-navbar {
    background-color: #f7f2f2;
    /* border-bottom: 2px solid #6aab61; */
}
.nav-link {
    color: #000;
}
.nav-link:hover{
    color:#6aab61;
}
.affix {
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
    -webkit-transition:padding 0.2s linear;
    -moz-transition:padding 0.2s linear;  
    -o-transition:padding 0.2s linear;         
    transition:padding 0.2s linear;  
  }
.btn-outline-success {
    color:#78b31b;
    
}
/* .btn-green{
    background-color: #78b31b;
    color: #ffffff;
    border-color: #78b31b;

}

.btn-green:hover{
    background-color: #7dc835;
    border-color: #7dc835;
    color: #e5fcd0;
} */

input[type=radio].green {
    accent-color: #78b31b;
}

input[type=radio]#Green {
    accent-color: rgb(0, 255, 0);
}

input[type=radio]#auto {
    accent-color: auto;
}

input[type=radio]#Red {
    accent-color: #FF0000;
}

.preview-payment-method {
    height: 300px;
    width: 300px;
}

.preview-payment-method img{
    height: 300px;
    width: 300px;
}

/* [1] The container */
.img-hover-zoom {
    /* [1.1] Set it as per your need */
    overflow: hidden; /* [1.2] Hide the overflowing of child elements */
  }
  
  /* [2] Transition property for smooth transformation of images */
  .img-hover-zoom img {
    transition: transform .5s ease;
  }
  
  /* [3] Finally, transforming the image when container gets hovered */
  .img-hover-zoom:hover img {
    transform: scale(1.5);
  }
/* .swal2-confirm {
    background-color: #78b31b !important;
    border-color: #78b31b !important;
} */

/* Datatable*/
table.datatable {
    border-collapse: collapse;
    font-size: 12px;
}
.user-section table.datatable.green tbody tr:hover {
    background-color: #f5f5f5;
}
.user-section table.datatable.green thead th {
    background-color: #9BC747;
    color: white;
}
.user-section table.datatable.green tfoot th {
    background-color: #4a524a;
    color: white;
}

.admin-section table.datatable.gray thead th {
    background-color: #4A524A;
    background: rgb(98, 114, 128); 
    color: white;
}
.admin-section table.datatable.gray tfoot th {
    background-color: #4a524a;
    background: rgb(52, 63, 51); 
    color: white;
}

.branch-section table.datatable.gray thead th {
    background-color: #212b37;
    background: #204e60; 
    color: white;
}
.branch-section table.datatable.gray tfoot th {
    background-color: #1b5b6c;
    background: #1b5b6c; 
    color: white;
}
.pagination,.dataTables_info,.dataTables_length,.dataTables_filter {
    font-size: 11px;
}

/* Treeview tooltip */
div#tipDiv {
  padding:4px;
  color:#FFFFFF; font-size:11px; line-height:1.2;
  font-family: verdana, arial, helvetica, sans-serif;
  background-color:#2A3F54;
  border:2px solid #2A3F54;
  opacity: 0.8; 
  width:200px; 
}

.bg-green {
    background-color: #78b31b;
}

.bg-dark {
    background-color: #858796;
}

.bg-bottlegreen {
    background-color: #1B5B6C;
}

.input-group-text {
    border: none;
    color: white;
    cursor: pointer;
    border-radius: 0 10px 10px 0;
}

.alert ul li {
    list-style: none;
}

/*Modal over modal*/
.modal:nth-of-type(even) {
    z-index: 1062 !important;
}
.modal-backdrop.show:nth-of-type(even) {
    z-index: 1061 !important;
}

.swal2-container {
    z-index: 2000;
  }

.img-200 {
    height: 200px;
}