:root{
    --theme-color: darkorange;
}

.close {
    border-radius: 8px 8px;
    border-block:solid;
    padding-left:8px;
    padding-right:8px;
/*    background-color:red;*/
    color:white;
}

.btn-primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    border-radius: 8px 8px;
}

    .btn-primary:hover {
        background-color: #ff6a00;
        border-radius:8px 8px;
    }
.btn-danger {
    border-radius: 8px 8px;
}
.btn-default {
    border-radius: 8px 8px;
}
.btn-default:hover{
    border-color:dimgrey;
}

.nav-col {
    vertical-align: top;
    padding-left: 25px;
}

.main-col{
    
    padding:10px 50px 10px 50px;
}

.navbar-nav {
    vertical-align:baseline;
}

.right-col{
    width:10%;
}
.layout-table{
    width:100%;
}
.admin-table {
    padding: 50px 10% 50px 10%;
    border: 8px solid var(--theme-color);
    border-radius: 20px 4px;
}

.admin-container {
    padding: 50px 18% 50px 18%;
}

.admin-title {
    padding: 50px 18% 0px 18%;
}
.table-head {
    background-color: var(--theme-color);
    height: 60px;
}

.admin-table td, th{
    padding-left:10px;
    padding-right:10px;
}

th {
    font-size:larger;
}

/*.modal {
    overflow-y: auto;
}*/

.modal-body {
    padding: 50px 20px 50px 20px !important;
}
.delete-btn{
    width:50%;
}
.discount-details {
    transition: max-height 0.4s ease-in-out;
    background-color: #f3f3f3;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
select~ .collapsible {
    max-height: 200px; 
    padding: 10px;
}
.form-label{
    padding-top:15px;
}

.banner-msg {
    background-color: var(--theme-color);
   text-align:center;
}

.banner-msg-content{
    color:white;

}

#hideMe {
    -moz-animation: cssAnimation 0s ease-in 8s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 8s forwards;
   /*  Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 8s forwards;
     /*Opera */
    animation: cssAnimation 0s ease-in 8s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        overflow: hidden;
    }
}

@-webkit-keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        visibility: hidden;
    }
}

.error{
    background-color:#b71919 !important;
}

.hidden{
    display:none;
}

.label {
    display: block;
    padding-left: 25px;
    text-indent: -15px;
}

.check {
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
}