/* BAT /BAT 

This file is fof blocks, like buildings...

*/

/*********************************
            Body / Columns
*********************************/

#mm_main_wrapper {
    position: relative;
    height: 100%;
}

#mm_body_wrapper {
    position: absolute;
    bottom: 18px;
    margin-left: 2%;
    margin-right: 2%;
    height: 90%;
    width: 95%;
    z-index: 0;
}

.mm_column {
    height: 100%;
    display: inline-block;
    vertical-align: top;
    /* border: 1px dashed #AA7744; */
}

/* .mm_column>.mm_building_wrapper {height: 100%;} /* FIX FOR IE */

.mm_column#mm_column_left       {width: 400px; max-width: 550px;overflow:hidden;}
.mm_column#mm_column_right      {width: 50%; max-width: 900px; min-width: 400px; right: 0; position: absolute;} /* TODO EXPERIMENTAL */
.mm_column#mm_column_film       {width: 60%; max-width: 1000px; min-width: 500px;  right: 0; position: absolute;} /* TODO EXPERIMENTAL */
.mm_column#mm_column_unique     {width: 99.5%;}
.mm_column#mm_column_formation  {width: 320px;}

.mm_column#mm_column_film       {width: 65%; min-width: 500px; float: right}
#mm_column_film iframe          {padding: 4px;}

/*.mm_column#mm_column_formation .mm_flour {
    background-image: url('../css/1.png');
    background-size: 300px 150px;
    background-repeat:no-repeat;
}*/

/*********************************
            Buildings
*********************************/
.mm_building_wrapper                {position: relative; overflow-y: hidden; bottom: 0;}
.mm_building_trick                  {display: inline-block; vertical-align: bottom; bottom: 0; width: 0; height: 100%;}
.mm_building_trick_for_items        {display: inline-block; vertical-align: bottom; bottom: 0; width: 0;}
.mm_building                        {display: inline-block; vertical-align: bottom;}
.mm_column .mm_building             {width: 98%}
.mm_building.wide                   {width: 98%}

.mm_flour                           {
    min-height: 20px; 
    background-color: #FABC34;
    /*margin: 0.8%;*/
    /*border: 2px solid white;*/
}

.mm_flour.even                      {background-color: #FABC34;}
.mm_flour.odd                       {background-color: #FAAA13;}
.mm_flour.small                     {height: 40px;}
.mm_flour.average                   {height: 80px;}
.mm_flour.big                       {height: 120px;}
.mm_flour.form                      {height: 250px; margin-bottom:0px;}
.mm_flour.form label                {font-size: 0.9em;}

.mm_flour.mm_flour_deroulant        {transition: height 0.5s ease-out;} /* TODO animation slow */
.mm_flour.mm_flour_deroulant:hover  {height: 160px; transition: height 0.5s ease-out;} /* TODO animation slow */

.mm_column#mm_column_right .mm_flour    {width: 98%}
            
/*********************************
            Stones
*********************************/    
.mm_stone_wrapper {
    display: inline-block;
    vertical-align: top;
}

.mm_stone {
    margin-left : 10px;
    margin-top  : 10px;
    background-color: #FABC34;
    height: 120px;
    width: 500px;
}

.block_container {
    position: relative;
}

.block_bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

/**********************************
            Doc File Upload
**********************************/
#drag_and_drop                  {height: 210px; border: dotted 1px #FAAA13; background-color: #FABC34;}
#drag_and_drop:hover            {background-color: #FAAA13;}
#drag_and_drop p                {margin-top: 90px;}

.mm_file_upload_button          {height: 50px;}
.mm_file_upload_button form     {height: 40px;}


/**********************************
            Tables

    .mm_fullscreen_frame table {
        border-collapse: collapse;
        width: 100%;
        padding: 5px;
        background-color: #FABC34;
    }
    .mm_fullscreen_frame table th {
        border: 1px solid gray;
        background-color: #E5EDF9;
    }
    .mm_fullscreen_frame table tr.row_odd {
        background-color: #fafafa;
    }
    .mm_fullscreen_frame table tr.row_odd:hover, .mm_fullscreen_frame table tr.row_even:hover {
        background-color: #f0f0f0;
    }
    .mm_fullscreen_frame table tr.row_even {
        background-color: #fff;
    }
    .mm_fullscreen_frame table td {
        padding: 5px;
        vertical-align: top;
        border-bottom: 1px solid #b0b0b0;
        border-right: 1px dotted #e1e1e1;
        border-left: 1px dotted #e1e1e1;
        text-align: center;
    }

**********************************/



/**********************************
            Full screen
**********************************/

.mm_fullscreen_frame {
    width: 90%;
    max-height: 700px;
    margin: 20px;
}


/**********************************
            Profil
**********************************/

#profil_form label.small    {width: 120px;}
#profil_form input.small    {width: 325px;}
#profil_form label.line     {display: block;}
#profil_form .mm_profil_question            {margin-top: 5px;}
#profil_form .mm_profil_question.wide       {margin-top: 20px;}
#profil_form .mm_profil_question.wide label {margin-bottom: 5px;}

.ui-dialog-titlebar-close   {display: none;}


/**********************************
            Accordion
**********************************/

.mm_accordion   {
    width: 200px;
}

#mm_biblio {
    background-color: rgba(255, 255, 255, 0.5);
    height: 85%;
    padding: 2%;
    overflow-y: auto;
}

#mm_biblio>h3 {
    padding-top: 25px;
}