body{
    min-height :800px;
}

html, body, h1, h2, h3, h4, h5 {
    font-family: "Raleway", sans-serif

}

.rlbItem
{ 
        float :right;
}


ul.ul_MainMenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    float: right;
}

li.li_MainMenu {
    float: right;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color: #111;
}

/*ul li ul {
    display: none;
    visibility: hidden;
}*/

.active {
    background-color: #4CAF50;
}

.li_MainMenu-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    
}

.li_MainMenu-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: right;
}

.li_MainMenu-content a:hover 
{
    background-color: #f1f1f1;
    color : white;
}


.li_MainMenu:hover .li_MainMenu-content {
    display: block;
}



.Mytd{

text-align:right ;

}

form {
    border: 3px solid #f1f1f1;
}

input[type=text], input[type=password] {
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.button1 {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
}

    .button1:hover {
        opacity: 0.8;
    }

.button2 {
    /*background-color: #4CAF50;*/
    color: black;
    padding: 5px 5px;
    margin: 8px 0 ;
    border: none  ;
    cursor:  pointer;
    width: 100%;
    text-align: right;
}

.button2:hover {
    opacity: 0.8;
}


.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}

.imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
}

img.avatar {
    width: 40%;
    border-radius: 50%;
}

.container1 {
    padding: 16px;
}

span.psw {
    float: right;
    padding-top: 16px;
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
    span.psw {
        display: block;
        float: none;
    }

    .cancelbtn {
        width: 100px;
    }
}

.grid {
    text-align: right;
    position:relative;
}

.grid tr th {
    padding: 15px;
}

table td {
    padding: 5px;
}

.left 
{
    text-align :left ;
    vertical-align :middle     ;
    padding-left : 5px;
}

.buttonAdd {
    background-color :aquamarine ;
}

.buttonSlim1{

    font-size: 18px;
    font-family: Arial;
    font-style: normal;
}


IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


div.container44 {
    height: 10em;
    position: relative;
}

    div.container44 p {
        margin: 0;
        background: yellow;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }


.productItem {
    width: 350px;
    height: 180px;
    float: right;
    padding: 1px;
    margin: 1px;
    text-align: right;
    font-size:  medium ;
    border: groove;
}

.groupSeparator {
    height: 1px;
    clear: both;
}

.itemSeparator {
    height: 120px;
    width: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
    float: right;
}

li a, .href_MainMenu {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .li_MainMenu:hover .href_MainMenu {
    background-color: red;
    color:white ;
}

li.li_MainMenu {
    display: inline-block;
    width :auto ;
    
}