@font-face {
   font-family: Kanit-Regular;
   src: url('../font/Kanit-Regular.ttf');
}

nav {
   background:linear-gradient(to right,#1E2735 40%,#243142 100%) !important;
   justify-content: center;
}

nav img {
   width:100%;
   height:100%;
   max-width:110px;
}

body {
   font-family: 'Kanit-Regular';
   background: url('../../../assets/adminux/img/BG_123FAZ.jpg') top center;
   background-size: cover;
   background-attachment: fixed;
}

.text-golden {
  background: -webkit-linear-gradient(#EFDE93,#D0AE53) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.font-inherit {
   font-family: inherit;
}

.container {
   background: unset !important;
}

.responsive {
   width:100%;
}

.bg-light-black {
   background:rgba(0,0,0,0.5);
}

.border-rounded {
   border-radius:15px;
}

form > input {
   border:groove 1px #ead578 !important;
   border-radius: 20px !important;
   background: transparent !important;
}

form .border-left {
   border:groove 1px #ead578 !important;
   border-top-left-radius: 20px !important;
   border-bottom-left-radius: 20px !important;
   background: transparent ;
}

form .border-left:focus {
   background: transparent ;
}

form .border-right {
   border:groove 1px #ead578 !important;
   border-top-right-radius: 20px !important;
   border-bottom-right-radius: 20px !important;
   background: transparent !important;
   cursor:pointer !important;
}

a {
   color:#d9d9d9;
}

a:hover {
   color:#f9d05f;
}

.text-darkblue {
   color:#203040 !important;
}

ul.nav-column {
   list-style: none;
   padding: 0px;
}

ul.nav-column > li {
   padding: 4px 4px;
   margin:6px 0px;
}

.btn-golden {
   border:groove 2px #e5f5f5;
   box-sizing: border-box;
   background:url('../../../assets/adminux/img/btn_bg.jpg') center no-repeat;
   background-size: cover;
}

.bg-golden {
   background: linear-gradient(to top,#E5C26B 0%,#EDDB88 50%,#EDCF7E 100%);
}

.text-gold {
-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right bottom,#c49b2b,#ecdb88,#c49b2b);
    background-size: cover;
}

.element-popup {
   transition: 0.5s;
   position: absolute;
   right:-220px;
   bottom:25%;
   z-index: 999;
   position: absolute;
}
.element-popup h6 {
   background:#00b900;
}
.element-popup div > i {
   cursor:pointer;
}

input::placeholder {
   color:gray !important;
}

input {
   z-index:1;
}

form input {
   font-size: 1.5em !important;
}

/* media controls */

.bt-forget{
   font-size: 1.1em !important;
   font-weight: unset !important;
}

.btn-golden2{

   border: groove 2px #e5f5f5 !important;
    box-sizing: border-box !important;
    background: url(../../../assets/adminux/img/btn_bg.jpg) center no-repeat !important;
    background-size: cover;
   font-size: 1.25rem !important;
   color: #203040 !important;
}

@media screen and ( max-width:499px ) {
   form input {
      font-size: 1.1em !important;
   }
}

/*.btn-primary {
   background:linear-gradient(to right,#BDB8A1 0%,#746F58 100%);
   color:black;
}*/

/*.btn-secondary {
   background:transparent !important;
   border:2px solid #BEBAA7;
   color:#F3F3F3;
}*/