/* CSS for Miss Mnadarine (BAT /BAT)
 Columns for the main layout 
*/

div.mm_column, span.mm_column {
    overflow: hidden;
}

/* All columns use this layout */
.mm_column {
    display: inline-block;
    vertical-align: top;
    height: 608px;
}

/* When there are 2 columns */
.mm_column#mm_column_left {
    background-color: #FFEEAA;
    width : 33%;
}

.mm_column#mm_column_right {
    background-color: #FFEEAA;
    width : 66.5%;
}

/* When there is only one column */
.mm_column#mm_column_unique {
    background-color: #FFEEAA;
    width : 99.5%;
}

/* Stones for pavings, e.g. course parcours... */
.mm_stone_wrapper {
    display: inline-block;
    vertical-align: top;
}

.mm_stone {
    margin-left : 8px;
    margin-top  : 8px;
    background-color: #FFDD88;
    height: 80px;
}

#half {
    width : 49%;
}

#full {
    width : 98%;
}

nav > a {
    font-size: 18px;
    padding : 8px;
}

nav > a.mm_tab {
    background-color: yellow;
}

nav > a.mm_tab_selected {
    background-color: orange;
}

/* Score bars */
div.mm_score_bar {
    width: 10px;
    display: inline-block;
    vertical-align: bottom;
}

div.mm_score_bar#score {
    background : #0000FF;
}

div.mm_score_bar#content {
    background : #00FF00;
}

/* Error */
.mm_error {
    border-radius: 10px 10px 10px 10px;
    margin: 1px;
    background-color: #FFDD88;
}

.mm_error > p {
    text-indent: 7px;
}

/* Tabs */
div.mm_tabs {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Coop items */
.mm_coop_left_item {
    margin : 8px;
    margin-bottom: 0px;
}
.mm_coop_left_item > * > p      {margin-left: 7px;}
.mm_coop_left_item > *          {width: 100%; height: 100%;}

.mm_coop_left_item#deleted > .title {
    background-color: #BFAC7C;
}

.mm_coop_left_item > .title {
    background-color: #FFDD88;
    height: 40px;
}

.mm_coop_left_item > .title > p {
    font-weight: bold;
    vertical-align: middle;
}

.mm_coop_left_item > .details {
    max-height: 0;
    overflow: hidden;
    background-color: orange;
    margin-left: auto;
    margin-right: auto;
    width: 92%;
    transition: max-height 1s;
}

.mm_coop_left_item:hover > .details {
    max-height: 80px;
    transition: max-height 0.5s;
}

.mm_coop_left_item > .edit_details {
    display: none;
    height: 160px;
    overflow: hidden;
    background-color: orange;
    margin-left: auto;
    margin-right: auto;
    width: 92%;
}
.mm_coop_left_item > .edit_details > form > p                       {margin: 0;}
.mm_coop_left_item > .edit_details > form > p > *                   {display: inline-block; margin-left: 7px;}
.mm_coop_left_item > .edit_details > form > p > textarea, input     {width: 50%; margin-top: 7px;}
.mm_coop_left_item > .edit_details > form > p > label               {width: 23%;}

#buttons div {
    display: inline-block;
    float: right;
    margin : 1px;
    height: 36px;
    width : 36px;
}

/* Images for tools */
.mm_img {
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 2px 2px;
    z-index: 1234;
}

.mm_img_edit    {background-image: url('../css/mm_edit.png');}
.mm_img_green   {background-image: url('../css/mm_checkmark_green.png');}
.mm_img_green_no{background-image: url('../css/mm_checkmark_green_noclick.png');}
.mm_img_validate{background-image: url('../css/mm_checkmark.png');}
.mm_img_delete  {background-image: url('../css/mm_bin.png');}
.mm_img_restore {background-image: url('../css/mm_restore.png');}
.mm_img_loading {background-image: url('http://www.pol-fraiture.be/img/loading.gif');}
.mm_img_lock    {background-image: url('../css/mm_locked.png');}
.mm_img_unlock  {background-image: url('../css/mm_unlocked.png');}

.mm_img_submit {
    display: inline-block;
    width: 24px;
    height: 24px;
}

.mm_coop_left_items {
    height: 60%;
    overflow-y: scroll;
}

.mm_coop_left_create > form {
    background-color: #FFDD88;
    margin: 12px;
    padding: 12px;
    height: 200px;
}

.mm_coop_left_create > form > h4    {margin-bottom: 7px;}
.mm_coop_left_create > form > p > * {display: inline-block; margin-right: 7px;}

.mm_coop_left_create > form > p > textarea {
    width: 85%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.mm_tchat_display {
    padding: 10px;
    width: 100%;
    height: 90%;
    overflow: auto;
}

.mm_tchat_form {
    padding-left: 10px;
    height: 6%;
    width: 100%;
}

.mm_tchat_form > form > * {
    display: inline-block;
    padding-left: 7px;
}

.mm_coop_left_create                            {height: 100%; width: 100%;}
.mm_coop_left_create > #drag_and_drop           {height: 30%; width: 90%; margin: auto; border: 3px dashed #CDCACA; border-radius: 30px; margin-top: 15px;}
.mm_coop_left_create > #drag_and_drop > p       {display : none; padding: 25%}
.mm_coop_left_create > #drag_and_drop:hover     {background-color: #FFDD88}
.mm_coop_left_create > .dnd_hover               {background-color: #DDDDAA}
.mm_coop_left_create > #drag_and_drop:hover > p {display: block;}
.mm_coop_left_create > #manual_upload           {height: 20%; width: 90%; margin: auto;}

.mm_file_upload_button {
    float : right;
    width: 25px;
    height: 25px;
    padding: 7px;
    margin-right: 10px;
}

.mm_file_upload_button > #file_form {
    background-image:url('../css/mm_new.png');
    background-repeat:no-repeat;
    background-size: 24px 24px;
}

.mm_file_upload_button > #file_form > #file_input {
    opacity: 0;
}

.mm_datepicker      {width: 65px;}
.mm_timepicker      {width: 33px;}
.mm_label_default   {width: 45px;}
.mm_no_margin > * {
    margin : 0px;
}

input[type="text"] {
    margin-bottom: 0px;
}

.mm_tchat_display > div {
    margin-right: 20px;
    min-height: 30px;
    padding : 5px;
}

.mm_tchat_display > div > div {
    display : inline-block;
    vertical-align: top;
}

.mm_log_item {
    background-image: repeating-linear-gradient(-15deg, transparent, transparent 2px, rgba(255,221,136,.5) 2px, rgba(255,221,136,.5) 4px);
    border : 1px solid rgba(255,221,136,.5);
}
.mm_log_item:hover {
    background-image: repeating-linear-gradient(15deg, transparent, transparent 2px, rgba(255,255,255,.5) 2px, rgba(255,255,255,.5) 4px);
    border : 1px solid rgba(255,255,255,.5);
}

.mm_log_item_deletion {
    background-color : #BFAC7C;
    border : 1px solid #BFAC7C;
}

.mm_tchat_display > div > div#date {
    float: right;
    width: 120px;
}

.mm_tchat_item {
    border : 1px solid rgba(255,255,255,.0);
}

em.mm_subject {
    font-style: normal;
}

em.mm_verb {
    font-style: normal;
    font-weight: bold;
}

em.mm_object {
    font-style: italic;
    color: #BFAC7C;
}

em.mm_end {
    font-style: normal;
}

/* Slider */
.mm_slider_text {
    padding-left:   3px;
    font-weight:    bold;
}

/* Form Question */
.mm_form_question {
    background-color: #FFDD88;
    padding: 10px;
    margin: 10px;
    width: 95%;
}


/* Tests */
.ui-selected { background-color: #F39814; }
.ui-selected .ui-widget-content { background-color: #F39814; }
.mm_warning { color : red}
.mm_info { font-style: italic; color: graytext}