﻿
/* 3 columns layout*/

#contentwrapper {
    float: left;
    width: 100%;
}

#contentcolumn {
    margin: 0 auto;
    width: 700px;
}

#leftcolumn {
    float: left;
    width: 280px; /*Width of left column*/
    margin-left: -100%;
}

#rightcolumn {
    float: left;
    width: 300px; /*Width of right column*/
    margin-left: -300px; /*Set left margin to -(RightColumnWidth)*/
}

.img-cicle {
            border-radius: 16px;
            position: relative;
            bottom: -8px;
        }

        .middle_image {
            position: relative;
            top: -10px;
        }

.MenuIcon {
    float: left;
    cursor: pointer;
    margin: 40px 0 0 40px;
    text-align: center;
    width: 120px;
    height: 120px;
    border: 0px solid;
    border-color: #336600;
    -webkit-box-shadow: 2px 1px 3px rgba(0,0,0,0.5), inset 5px 5px 5px rgba(200,200,200,0.5);
    -moz-box-shadow: 2px 1px 3px rgba(0,0,0,0.5), inset 5px 5px 5px rgba(200,200,200,0.5);
    box-shadow:  2px 1px 3px rgba(0,0,0,0.5), inset 5px 5px 5px rgba(200,200,200,0.5);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.MenuIcon img {width:64px; margin:10px}

.homeText {
    color: green;
    margin-top: 3px;
    position: relative;
    width: 100%;
}

#contentwrapper #contentcolumn .clinicIcon img {
    margin-top: 20px;
}

.MenuItem {
    position: absolute; top:0px; left:80px;
    background-color: #fff;
    display:none;
    overflow-x:hidden;
    resize: both;
    overflow: auto;
    width: 219px;
    height: 442px;
    border-radius: 5px;
    display:none; resize:none;
    transition: visibility 0s, opacity 0.5s linear;
    z-index:9999999;
}
#contentcolumn {
    width: 100% !important;
}

div#contentcolumn {
    width: 100%;
}
.MenuIcon {
    margin: 8px 0 0 5px;
    width: 98px;
    height: 100px;
}
.MenuIcon img {
    width: 44px;
}
#rightcolumn {
    width: 300px;
}
 
html {
    overflow-x: hidden;
}
 button.closeicon{
        cursor: pointer;
        float: right;
        position: absolute;
        right: 0px;
        color: red;
        /*background-color: white;*/
        border-radius: 4px;
        margin-top: 7px;
        margin-right: 4px;
 }
 #hiddenDesktop {
    /*background-color: #000000;*/
    width:100%;
    z-index: 41;
    height: 100%;
    margin-left: 102px;
    position: absolute;
    margin-top: -80px;
}

.mocha {
    z-index: 10 ; 
}