/*
* start of multi views
 */
#div-menu-body{
    background-color: #2bc816;
    width:100%;
    direction: rtl;
    text-align: right;
    padding: 2% 10% 1% 1%;
    color: whitesmoke;
}
.li-menu-body{
    display: inline-block;
    padding-left: 4%;
    font-size: 24px;
}
.li-menu-body a{
    color: whitesmoke;
}
.mytable{
    clear: both;
    text-align:right;
    direction: rtl;
    width: 96%;
}
.table_col{

    border: solid;
    padding: 0;
    margin: 0;
    text-align: center;
    padding: 1% 0;
    font-size: 20px;
}
.submenu li{
    display: none;
}
.li-menu-body :hover .submenu li{
    display: block;
    background-color: red;
}
/*
* end of multi views
 */

/*
 * start of permission view
 */
.acknwbut{
    padding: 1%;
    font-size: 32px;
    float: right;
    margin-right: 1%;
    margin-bottom: 0.5%;
}
.permission_checkboxes{
    zoom: 2;
}
.tab{
    clear: both;
    float: right;
    direction: rtl;
    text-align: right;
    padding-right: 10%;
    border: solid;
    background-color: #c8c8c8;
    min-width: 360px;
}
.tablinks{
    padding:5% 1% 5% 5%;
    font-family: Arial;
    font-weight: 200;
    font-size: 24px;
    text-decoration: none;
    color: black;
}
/*
* end of permission view
 */

/*
* start of pass_change
 */

.users_pass_change_checkbox{
    zoom: 2;
}
/*
* end of pass_change
 */

/*
* start of choose_image
 */

.choose_check_div {
    text-align: center;
    vertical-align: middle;
    zoom: 1.4;
    transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    -moz-transform: scale(1.4);
}
/*
* end of choose_image
 */

/*
    * this part is for start of main admin menu style
 */
/* Dropdown Button */
.dropbtn {
    /*background-color: #5d14c8;*/
    background-color: #2bc816;
    color: white;
    padding: 16px;
    font-size: 24px;
    border: none;
    text-decoration: none;
}


.dropdown:hover {
    background-color: black;
    color: white;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 20px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #2bc816;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color:#2bc816;
    color: black;
}
.dropdown-item:hover {
    background-color:white;
    color: black;
}

#main-menu-page:hover{
    color: black;
}
/*
    * end of main admin menu style
 */