<style>
    .available{
        color:green;
    }
        
    .reserved{
        color:red;
    }
    
    .ar-request{
        color:red;
    }
    
    .ar-approved{
        color:green;
    }
    
    #booking2 li{
        display:inline-block;
    }
    
    .booking li{
        padding:10px;
        margin:5px;
        list-style-type:none;
        border-bottom:thin solid #cccccc;
    }
    
    .ongoing{
        color:orange;
    }
    
    .new{
        color:blue;
    }
    
    li:nth-child(odd) {
        /*background-color: #f8f8f8;*/
    }
        
    #ar-table {
        font-family: Arial, Helvetica, sans-serif;
        border-collapse: collapse;
        width: 100%;
        font-size:10pt;
    }
        
    #ar-table td, #ar-table th {
        border: 1px solid #ddd;
        padding: 8px;
    }

    #ar-table tr:nth-child(even){background-color: #f2f2f2;}
        
    #ar-table tr:hover {background-color: #ddd;}
        
    #ar-table th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        /*background-color: #04AA6D;*/
        background-color:#74164B;
        color: white;
    }
        
    .ar-dashboard-row{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        /*
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;*/
        margin-right: 0;
        margin-left: 0;
    }

    .dropdown-content1 {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }
        
    .dropdown-content1 a {
        float: none;
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
    }
        
    .dropdown-content1 a:hover {
        background-color: #ddd;
    }
        
    .dropdown-ar1:focus-within .dropdown-content1 {
        display: block;
        right:10px;
    }
    
    .btn-regular{
        display:inline-block;
        padding:3px 5px;
        border:thin solid darkgray;
        border-radius:3px;
        margin:3px;
        cursor:pointer;
        background-color:#f2f2f2;
    }
    
    .btn-regular:hover{
        background-color:gray;
        text-decoration:none;
        color:#Fff;
    }

    .margin-top{
        margin-top:10px;
    }
    
    .box-shadow{
        box-shadow:3px 3px 15px gray;
    }
    
    
    .custom-navbar.affix {
        /*opacity:.9;*/
    	box-shadow:5px 5px 8px gray;
    	background-color:#74164B;
    	color:#fff;
    }
    
    .custom-navbar{
    	background-color:#74164B;
        border-radius:1.1rem;
    }
    
    .navbar-toggler{
        background-color:#fff;
    }

    .gallery{
        border:thin solid gray;
        border-radius:10px;
        /*margin:10px;*/
    }
    
    .testimoni{
        border:thin solid gray;
        border-radius:10px;
        margin:10px;
    }

    .ar-dashboard-height{
        padding:0;
        height:100%;
        background-color:transparent !important;
    }
    
    #ar-left-nav{
        min-width:200px;
        background:#666666;
        box-shadow:5px 5px 10px gray;
    }
    
    #ar-dashboard-content{
        flex-grow:1;
        margin-top:10px;
        padding:0 8px 8px 8px;
        overflow:scroll;
    }
    
    .breadcrumb-item.active::before{
        color:#fff;
    }

    .ar-view-modal{
        position: fixed;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        width:80%;
        max-width:500px;
        background-color:white;
        padding:10px;
        border-radius:5px;
        box-shadow:5px 5px 10px gray            
    }
    
    .form-control{
        height:unset;
        padding:0.5rem;
    }
    
    #navbarDropdown{
        display:none;
    }
    #admin-logout{
        display:block;
    }
    
    @media (max-width: 768px) {
        #navbarDropdown{
            display:block;
        }
        #ar-left-nav{
            display:none;
        }
    #admin-logout{
        display:none;
    }
    }

    
</style>