/* CSS Document */

    .menu_Boto {
        font-family: Consolas;
        font-variant: small-caps;
        letter-spacing: 1px;
        font-size: 14px;
        text-align: center;
        font-weight: bold;
        background-color: #FFFFFF;
        color: #000000;
        overflow: hidden;
        z-index: 10;
        padding-top: 2px;
        display:block;
        cursor: pointer;
        }

    .menu_Opcio_Moduls {
        position: relative;
        margin: 5px;
        width: calc(120px - 12px);
        height: calc(20px - 4px);
        border: 1px solid #000000;
        background-color: #CCCCCC;
        }

    .menu_Opcio_Menus {
        position: relative;
        margin: 5px;
        width: calc(120px - 12px);
        height: calc(20px - 4px);
        border: 1px solid #000000;
        background-color: #CCCCCC;
        }


    .modul_General {
        position:absolute;
        top: 65px;
        left: 120px;
        width: calc(100% - 120px);
        height: calc(100% - 65px);
        background-color: #CCCCCC;
        border: 1px solid #000000;
        overflow: hidden;
        z-index: 100;
        display:none;
        }
         .modul_Menus {
            height: 100%;
            background-color: transparent;
            overflow: hidden;
            display: none;
            }
            .modulGrup_Titol{
                position:relative;
                float:left;
                left: 0px;
                top: 0px;
                width: 200px;
                font-family: Roboto;
                padding-top: 5px;
                height: calc(100% - 7px);
                font-weight: bold;
				font-size: 16px;
                border: 1px solid #ffffff;
                border-bottom: 0px none transparent;
                background-color: #3B3D41;
                color: #ecedf1;
                text-align: center;
                overflow:hidden;
                }
           .modulGrup_Descripcio {
                font-family: Roboto;
                font-size: 12px;
                position:relative;
                left: 0px;
                top: 0px;
                margin: 0px 1px 1px 1px;
                width: calc(100% - 8px);
                height: 0px;
                font-weight: normal;
                padding: 2px;
                border: 1px solid #3B3D41;
                background-color: #ecedf1;
                color: #3B3D41;
                text-align: justify;
                cursor: pointer;
                overflow: hidden;
			  	display: none;
                }

            .modul_Grups {
                color: #3B3D41;
                position: relative;
                min-height: 100px;
                width: calc(100% - 4px);
                height: calc(100% - 4px);
                display: block;
                margin: 2px;
                overflow: auto;
                }
                .modul_GrupMenu {
                    position: relative;
                    float: left;
                    background-color: #FFFFFF;
                    height: 60px;
                    width: calc(100% - 8px);
					margin: 3px;
                    border: 1px solid #3B3D41;
                    overflow: auto;
                    }

                .modul_Select {
                    position:relative;
                    float:left;
                    width: 52px;
                    height: 52px;
                    text-align: center;
                    border: 0px solid #333333;
                    -moz-border-radius: 15px; 
                    -webkit-border-radius: 15px;
                    border-radius: 15px;
                    overflow: hidden;
                    margin: 3px;
                    cursor:pointer;
                    }
                .modul_Select:hover {
                    margin: 1px;
                    border: 2px solid #333333;
                    width: 56px;
                    height: 56px;
					opacity: 0.8
                    }
                    .modul_SelectIcon {
                        position:absolute;
                        left: -1px;
                        top: -1px;
                        width: calc(100% + 2px);
                        height: calc(100% + 2px);
                        -moz-border-radius: 15px; 
                        -webkit-border-radius: 15px;
                        border-radius: 15px;
                        overflow: hidden;
                        }

                    .modul_Text {
                        font-family: Poppins;
                        font-size: 12px;
                        position:absolute;
                        text-align:left;
                        top: 3px;
                        left: 4px;
                        color: #3B3D41;
                        font-weight: normal;
                        }
                    .modul_TextPlus {
                        top: 0px;
                        height: calc(100% - 0px);
                        font-family: Poppins;
                        -ms-transform: rotate(-90deg);
                        -webkit-transform: rotate(-90deg);
                        transform: rotate(-90deg); 
                        font-size: 11px;
                        position:absolute;
                        text-align:center;
                        left: 10px;
                        color: #3B3D41;
                        font-weight: normal;
                        }

    .menu_General {
        position:absolute;
        top: 65px;
        left: 120px;
        width: calc(100% - 120px);
        height: calc(100% - 65px);
        background-color: #CCCCCC;
        border: 1px solid #000000;
        overflow: hidden;
        z-index: 100;
        display:none;
        }

        .menu_Menus {
            height: calc(100% - 21px);
            border: 0px solid #3b3d41;
            overflow: hidden;
            display: none;
            }

            .menu_Grups {
                color: #3b3d41;
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                display: block;
                overflow: hidden;
                cursor:pointer;
                }

                .menu_GrupMenu {
                    margin: 3px;
                    background-color: #FFFFFF;
                    border: 1px solid #3B3D41;
                    height: 210px;
                    float: left;
                    width: calc(100%/6 - 8px);
                    overflow:auto;
                    }
                    
                .menu_Opcio {
                    position:relative;
                    font-family:Roboto;
                    font-size: 14px;
                    font-weight: bold;
                    font-variant: small-caps;
                    text-align: center;
                    padding-top: 2px;
                    margin: 2px;
                    width: calc(100% - 4px);
                    height: 20px;
                    color: #FFFFFF;
                    float: left;
					cursor: pointer;
                    }

/*  Configuració de l'scroll */
    ::-webkit-scrollbar {
        width: 8px;
        }
    ::-webkit-scrollbar-track {
        background: white;
        visibility: hidden;
        }
    ::-webkit-scrollbar-thumb {
        background: #cccccc;
        border-radius: 10px;
        }
    ::-webkit-scrollbar-thumb:hover {
        background: #555; 
        }

    .menu_GrupMenu {
        scrollbar-width: thin;
        scrollbar-color: #ecedf1 transparent;
        }



/*    Revisar si calen, sino eliminar: Modificacions Gener 2020 */
    .subMenu_Grups {
        background-color: transparent;
        color: #3b3d41;
        position: relative;
        margin-top: 5px;
        width: 100%;
        height: auto;
        overflow: hidden;
        }

    .programa_Taula {
        position: relative;
        float:left;
        width: calc(100% - 14px);
        min-height: 20px;
        margin: 2px 2px 2px 10px;
        border: 1px none transparent;
        filter: opacity(0.7);
        overflow: hidden;
        }
    .programa_Taula:hover {
        filter: opacity(1);
        }

    .programa_Opcio {
        font-family: Roboto;
        font-size: 14px;
        font-weight: normal;
        text-align: left;
        max-width: 100%;
        font-variant: small-caps;
        padding-left: 4px;
        margin: 3px 0px;;
        cursor: pointer;
        color: #111111;
        }