/* /actividades/add/index.php */

input[type="text"]{
    width:    100%;
}

textarea{
    width:        100%;
    height:        20em;
}

div.tab_content_hidden{
    display:    none;
}

div#activity_images input[name="city"]{
        width:      100%;
    max-width:    15em;
}

div#activity_images input[name="day"]{
    width:    2em;
}

div#activity_images input[name="month"]{
    width:    2em;
}

div#activity_images input[name="year"]{
    width:    4em;
}

div#activity_images input[name="hour"]{
    width:    2em;
}

div#activity_images input[name="minute"]{
    width:    2em;
}

div#activity_images input[name="price"]{
    width:    4em;
}

div#activity_images input[name="people"]{
    width:    4em;
}

div.image_upload_container{
    margin:    0.5em 0 0.5em 1em;
}

img.image_upload_preview{
    max-width:        8em;
    max-height:        4em;
    vertical-align:    middle;
}

/* Buttons */
div#button_container{
        text-align:     center;
}

div#button_container input{
        width:  30%;
        margin: 0.5em auto 0.5em auto;
}


/* Translate page */

div#translation_instructions{
    text-align:    center;
}

div#translation_instructions ul{
    display:    inline-block;
    text-align:    left;
}

div#translation_instructions ul li{
    margin-top: 0.5em;
}

table#table_translate_languages td.translate_language{
    min-width:            30%;
    border-collapse:    collapse;
    border:                none;
    vertical-align:        top;
}

table#table_translate_itinerary{
    border-collapse:    collapse;
}

table#table_translate_itinerary td{
    border:    1px solid #000000;
}

div.translate_row_title{
    height:    3em;
}

div.translate_row_description{
    height:        28em;
    overflow:     auto;
}

div.translate_row_description p{
    font-size:    80%;
}

div.translate_row_description textarea{
    width:    100%;
    height:    80%;
    resize:    none;
}

div.translate_row_after{
    height:        28em;
    overflow:     auto;
}

div.translate_row_after p{
    font-size:    80%;
}

div.translate_row_after textarea{
    width:    100%;
    height:    80%;
    resize:    none;
}

div.translate_row_itinerary table{
    font-size:    80%;
    width:        100%;
}

div.translate_row_itinerary table tr{
    height:        5em;
    max-height:    5em;
    min-height:    5em;
}

div.translate_row_itinerary table tr{
    overflow:    auto;
}

div.translate_row_itinerary table td textarea{
    width:        100%;
    min-width:    10em;
    height:        100%;
    resize:        none;
}

/* /actividades/add/itinerary.php */
table#itinerary{
    margin:            1em;
    border-collapse:    collapse; 
    border:            0.1em solid #000000;
}

table#itinerary tr.itinerary_row{
    vertical-align:    top;
    border-top:        0.5em solid #333333;
    display:        none;
}

table#itinerary tr#itinerary_row_0{
    display:    table-row;
    border-top:    0.1em solid #000000;
}

table#itinerary tr.itinerary_row td.itinerary_cell{
    border:        0.1em solid #000000;
    padding:    0.5em;
}

table#itinerary tr.itinerary_row td.itinerary_cell_content{
        width:    100%;
}

table#itinerary tr.itinerary_row td.itinerary_cell h4{
    margin:    0.3em;
}

table#itinerary tr.itinerary_row td.time{
        min-width:  11em;
}


table#itinerary tr.itinerary_row td.time input{
    width:    3em;
}

table#itinerary tr.itinerary_row td.time select{
    max-width:    10em;
}

table#itinerary tr.itinerary_row td.time span{
    font-size:            85%;
    color:                #6040a8;
    text-shadow:        0 0 0.5em #7799ff;
    text-decoration:    none;
    transition:            all .3s ease-in-out;
}

table#itinerary tr.itinerary_row td.time span:hover{
    color:                #301075;
    text-shadow:        0 0 0.4em #ffffff;
    text-decoration:    underline;
}

table#itinerary tr.itinerary_row td.text textarea{
    min-width:    15em;
    height:        7em;
    resize:        none;
}

input#save_itinerary{
    width:    30%;
    margin:    1em 30% 1em 30%;
}

/* Activity list */

table#activity_list{
    border-collapse:    collapse;
    margin:                0.5em;
}

table#activity_list td, th{
    border:     1px solid black;
    padding:    0.5em;
}

table#activity_list th{
    background-color:    #66aaff;
}

table#activity_list td.activity_column_title{
    width:    10%;
}

table#activity_list td.activity_column_text{
    width:    25%;
}

table#activity_list td.activity_column_text ul{
    margin:        0;
}

table#activity_list td.activity_column_text li{
    margin:        0.5em 0.1em 0 0.2em;
    font-size:    80%;
    font-style:    italic;
}

table#activity_list td.activity_column_text img{
    max-width:    5em;
    max-height:    2em;
    border:        0.1em solid black;
    margin:        0.05em;
}

table#activity_list td.activity_column_details{
    font-size:    80%;
    width:        10%;
    text-align:    center;
}

table#activity_list td.activity_column_translations{
    width:        10%;
    text-align:    center;
}

table#activity_list td.activity_column_action{
    width:        10%;
    text-align:    center;
}

table#activity_list td.activity_column_action input{
    margin:     0.05em;
    padding:    0.06em;
    font-size:    70%
}

table#activity_list form{
    margin:    0;
}

table#activity_list td.activity_column_action input[type="button"], input[type="submit"]{
    width:            90%;
    margin-top:        0.2em;
    margin-bottom:    0.2em;
}

div#translate_controls{
    width:            50%;
    margin-left:    auto;
    margin-right:    auto;
    text-align:        center;
}

div#translate_controls input{
    width:        100%;
    margin-top:    1em;
}


/* /actividades/edit.php */

input#date{
    width: 8em;
}

input#city{
    width: 16em;
}

div.activity_add_language h4{
    margin-left: 1em;
}

div.activity_add_language input[type="text"], div.cke{
    width: 80%;
    margin: 0 10% 3em 10%;
}

div.itinerary{
    margin: 1em;
    border-radius: 0.5em;
    padding: 0.5em;
    border-left: solid 0.4em #0078ff;
}

div.itinerary input.delete_itinerary{
    float: right;
    border: 0.2em solid #ff7800;
    background-color: #674512;
}

div.itinerary input.time{
    width: 5em;
}

div.itinerary table{
    width: 100%;
}

div.itinerary table td{
    border: 0.1em solid #aaaaaa;
}

div.itinerary table td.itinerary_language{
    width: 15%;
}

div.itinerary table td.itinerary_name{
    width: 25%;
}

div.itinerary table td.itinerary_description{
    width: 60%;
}

div.itinerary table td textarea.itinerary_description, input.itinerary_name{
    width: 100%;
}

div.itinerary table td textarea.itinerary_description{
    height: 4em;
    resize: vertical;
}