.skin-2 .navbar {
    background: #f2b500;
}

.table-header {
    background-color: #f2b500;
}
.pagination>li.active>a, .pagination>li.active>a:focus, .pagination>li.active>a:hover {
    background-color: #f2b500;
    border-color: #f2b500;
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    z-index: 2;
}

.skin-2 .navbar .navbar-toggle {
    background-color: #e4ad0a;
}
.skin-2 .navbar .navbar-toggle:focus{
    background-color: #e4ad0a;border-color:transparent
}
.skin-2 .navbar .navbar-toggle:hover{
    background-color: #e4ad0a;border-color:rgba(232,182,32,1)
}

.sidebar {
    width: 200px;
}
/*input wrapper*/
/* input, select, and textarea wrapper */
/* input wrapper */
.input-wrapper {
    position: relative;
}
.input-wrapper input,
.input-wrapper select,
.input-wrapper textarea {
    width: 100%;
    transition: all 0.3s;
}

.input-wrapper:focus-within .placeholder,
input:not(:placeholder-shown) + .placeholder,
.date-picker:not(:placeholder-shown) + .placeholder,
select:not(:placeholder-shown) + .placeholder,
textarea:not(:placeholder-shown) + .placeholder {
    top: -2px;
    left: 5px;
    font-size: 11px;
    color: grey;
    background-color: white;
    z-index: 9;
}

.placeholder {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    transition: all 0.3s;
    color: gray;
    z-index: 9;
}

._star {
    color: red;
}
.input-error{
    color: red;
    margin-top: 2px;
}

.typewriter {
    font-family: monospace;
    white-space: nowrap;
    overflow: hidden;
    border-right: 0.15em solid black;
    animation: typing 4s steps(30, end), blink-caret 0.75s step-end infinite;
    font-size: 2em; /* Adjust font size as needed */
}

@keyframes typing {
    from { width: 0; }
    to { width: 100%; }
}

@keyframes blink-caret {
    from, to { border-color: transparent; }
    50% { border-color: black; }
}