/* BAT /BAT 

This file is for images, documents and items appearance

*/

/**********************************
            Score bars
**********************************/

.mm_scorebar_left_div   {
    width: 80%;
    height: 110px;
    padding-top: 10px;
    padding-left: 10px;
}
.mm_scorebar_wrapper    {vertical-align: bottom; float: right; padding-right: 5px;}

.mm_scorebar            {
    vertical-align: bottom; 
    width: 12px;
    min-height: 5%;
    height: 90%;
    border-radius: 20px 20px 20px 20px;
    border: 1px solid #7a2c13;
    box-shadow: inset 0 0 0 0px #F1DBBD;
    margin-bottom: 2px;
    margin-top: 4px;
}

.mm_scorebar.mm_no_score {
    background: #DFB26B;
    /* background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(255,255,255,.2) 4px, rgba(255,255,255,.2) 8px); */
}

/**********************************
            Coop items 
**********************************/
.mm_coop_left_items_wrapper {max-height: 50%;}

.mm_coop_left_item {
	/*min-height: 150px;*/
    margin-bottom: 0px;
    overflow: hidden;
}
.mm_coop_left_item > * > p      {margin-left: 7px;}
.mm_coop_left_item > *          {width: 100%;}

.mm_coop_left_item#deleted {
    background-color: #BA822B;
}

.mm_coop_left_item > .title {
    height: 40px;
}

.mm_coop_left_item > .title > #text     {height: 100%; display:inline-block; vertical-align: top; overflow: hidden; white-space: nowrap; max-width: 90%;}
.mm_coop_left_item > .title > #text > p {height: 100%; padding: 10px; font-weight: bold;}

.mm_coop_left_item > .details {
    width: 100%;
    height: 0px;
    background-color: #FDCE67;
    overflow: hidden;
    transition: height 0.2s;
}

.mm_coop_left_item:hover > .details {
    height: 160px;
    transition: height 0.5s;
}

.mm_coop_left_item:hover > .details p {margin-bottom: 10px; margin-top: 5px;}
    
    
.mm_coop_left_item > .edit_details {
    display: none;
    height: 160px;
    overflow: hidden;
    background-color: #FDCE67;
}
.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,
.mm_coop_left_item > .edit_details > form > p > input     {width: 50%; margin-top: 7px;}
.mm_coop_left_item > .edit_details > form > p > label               {width: 23%;}


#mm_coop_left_eval_item {padding-top: 15px; padding-left: 15px;}

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

.mm_eval        {margin: 10px 10px 10px 10px;}
.mm_eval_send   {margin-left: 260px;}

#display_evals:first-child {
    padding-top: 10px;
}
#display_evals .mm_coop_left_item{
	min-height: 150px;
}
/**********************************
            Images for tools 
***********************************/
.mm_img {
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 2px 2px;
    z-index: 1234;
    cursor: pointer;
}

.mm_img_buttons_wrapper {display:inline-block; vertical-align: top; max-width: 34%; position: absolute; right: 0;}

.even .mm_img_buttons_wrapper {background-color: #FABC34;}
.odd  .mm_img_buttons_wrapper {background-color: #FAAA13;}

.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_download        {background-image: url('../css/mm_download.png');}
.mm_img_zoom            {background-image: url('../css/mm_zoom_in.png');}
.mm_img_prec            {background-image: url('../css/mm_skip_backward.png');}
.mm_img_next            {background-image: url('../css/mm_skip_forward.png');}

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

/********************************
            Forms
********************************/

form p, label, input, select, option {
    display: inline-block;
}

form p                  {width: 100%;}

.mm_look_disabled       {background-color: #E5E5E5;}


/********************************
            Tchat
********************************/

.mm_building#mm_building_tchat {max-height: 100%;}

#mm_tchat               {padding-bottom: 0px;}
#mm_tchat #item         {display: inline-block; margin-left: 10px; max-width: 83%;}
#mm_tchat #date         {display: inline-block; float: right; width: 100px;}
#mm_tchat #date p       {color: #002D40; font-style: italic;}
.mm_tchat_display       {overflow: auto; height: 460px;}
.mm_tchat_display > *   {padding-bottom: 5px; padding-top: 5px;}
.mm_log_item            {background-color: #F88017; cursor: pointer;}
.mm_log_item:hover      {background-color: #BA822B;}


#mm_tchat .mm_tchat_item p  {text-align: justify;}
#mm_tchat .mm_log_item p    {text-align: left;}

.mm_subject             {font-weight: bold; margin-right: 5px;}
/*.mm_tchat_form {
	margin-bottom : 0px;
}*/

/********************************
            Formulaire
********************************/

.mm_form_question_answer { width: 100%; height: 100px; overflow: auto; background-color: #FDCE67;}



/********************************
            Tables HOR
********************************/

.mm_table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fea;
	overflow: auto;
	border-collapse: collapse;
	text-align: left;
    min-width: 600px;
}
.mm_table th, .mm_table td {
    max-width: 250px;
    word-wrap: break-word;
}
.mm_table th
{
	font-size: 14px;
	font-weight: normal;
	color: #002D40;
	padding: 10px 8px;
	border-bottom: 2px solid #FDCE67;
}
.mm_table td
{
	color: #002D40;
	padding: 6px 8px 6px 8px;
}

/********************************
            Display messages
********************************/

.mm_warning { color : red}
.mm_info    { font-style: italic; color: graytext}

/********************************
            TurboMedia
********************************/

#turbomedia         {max-width: 1000px; max-height: 800px; background-color: black; padding: 1% 1% 0.5% 1%; margin: auto;}
/*#turbomedia div     {width: 99%; padding: 0.5%;}
#turbomedia img     {width: 100%;}*/
#turbomedia img { display: block; margin: 0 auto;}

#turbomedia #actions{width: 100%;}
#turbomedia #actions>*, #exit  {width: 40px; height: 40px;}
#turbomedia #next   {position: absolute; bottom: 40px; right: 50px;}
#turbomedia #prec   {position: absolute; bottom: 40px; left: 50px;}

#turbomedia #menu   {width: 100%;}
#turbomedia #exit   {position: absolute; top: 0; right: 50px;}