html {
    /* height: 100%; */
    /* min-width: 100%; */
    overflow-x: hidden!important;
    font-family: 'Open Sans', sans-serif;

}

/* html,
body {
    margin: 0;
    /* font-size: 1rem; */
    /* font-weight: 400; 
    line-height: 1.6;
    color: #212529;
    text-align: left;
    background-color: #bcd9f1;
    font-family: 'Open Sans', sans-serif;
    height: 100%;

} */

.theme-color-bg {
    background-image: linear-gradient(to left bottom, #bddaf3, #c7d9e8, #c9ddee, #d8e7f4, #cee3f5);
}

.theme-color-text {
    color: #F4C202 !important;
}

a:link {
    text-decoration: none;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #033f6f;
    -webkit-box-shadow: 0 1px 0 0 #075290;
    box-shadow: 0 1px 0 0 #023966;
}

.navbar-laravel {
    background-color: #F4C202;
    box-shadow: 0 2px 4px #00223e;
}

.navbar-brand,
.nav-link {
    color: white !important;
}


.container {
    min-width: 90%;
}

.content {
    margin-top: 20px;

}
section .content{
    min-height: 80vh;
  }

.content h5 {
    color: #F4C202;
}

.content .menu-item {
    /* margin-top: 30px; */
    /* border-bottom: 1px  #350342 solid; */
    padding-top: 20px;
    padding-bottom: 20px;


}

.content .menu-item .card {
    background: #F4C202;
    background: linear-gradient(20deg, #dab10b 50%, #F4C202 100%);
    color: #fff;
    border-bottom: 1px #000;
    text-align: center;
    justify-content: center;
}

.content .menu-item .card a {
    color: #fff;
}

.content .menu-item .card:hover a {
    color: #F4C202;
}

.content .menu-item .card-body {
    height: 200px !important;
    line-height: 200px !important;
    font-weight: 600;
}

.content .menu-item .card:hover {
    -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
    transition-duration: 0.5s;
    background: #fff;
    border: 2px solid #F4C202;
    color: #F4C202;
}

/* .content .menu-item .card:hover a {
    color: #ea96da;
    transition-duration: 0.5s;
} */


.form-label {
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.form-control input{
    margin-bottom: 0.5rem;
    color: #838384;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ececec;
    padding: 12px 14px;
    border-radius: 10px;
}

.form-control:focus {
    border-color: #F4C202;
    box-shadow: 0 0 0 0.1rem #57a0dc;
}

.btn {
    width: 100%;
    background: #F4C202;
    background: linear-gradient(20deg, #997c06 50%, #F4C202 100%);
    color: #fff;
}

.btn:hover {
    background: #fff;
    border: 2px solid #F4C202;
    color: #F4C202;
}

.search-form {
    border-bottom: 1px solid #012a4b;
    padding-bottom: 10px;
    /* background-color: #ea96da; */
}


.footer {
    position: relative;
    font-size: 15px;
    left: 0;
    bottom: 0;
    width: 100%;
    /* background-color: #dfecf8; */
    color: #F4C202;
    text-align: center;
 }



 /* Dropdown  */
.navbar-nav li a,
.dropbtn {
  display: inline-block;
  color: white;
  /* align-items: right; */
  padding: 14px 16px;
  text-decoration: none;

}

li a:hover,
.dropdown:hover .dropbtn {
  background-color: #025da7 ;
  color: white ;

}

.navbar-nav li.dropdown {
  display: inline-block;
}

.navbar-nav .active {
  background-color: #1b649f;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #F4C202;
  color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  margin-left:-65px;

}

.dropdown-content a {
  color: white;
  background-color: #F4C202;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  color: #F4C202 !important;
  background-color: white;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.7);
  width:100%;
}

/* To remove pagination padding */
.paginate_button{
    padding: 1px !important;
}

 /* Password eye */
 .togglePassword {
    margin-left: -30px !important;
    margin-top: 15px !important;
    z-index: 9999999999;
    position:absolute;
}

@media (max-width: 991.98px){
.dropdown:hover .dropdown-content {
    display: flex;
    flex-direction: column;
    padding:15px;
    margin-left:0px;
}
}

.navbar-brand img{
width:50px;
height:auto;
}


.scroll-n-height{
    height: 700px;
    overflow-y: scroll;
}
