﻿.tbl { display: table; border-collapse: collapse; }
    .tbl .tbl-row { display: table-row; }
        .tbl .cel { display: table-cell; text-align: left; vertical-align: top; }

#myphoto .km-view-title > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 9em;
    margin-left: 3em;
    text-align: left;
}

#modalview-process-photo .km-view-title > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 7em;
    margin-left: 6em;
    text-align: left;
}

.km-mycustomClose:after,
.km-mycustomClose:before
{
    content: "\e038";
}

/*\e06a rotate right*/
.km-mycustomRRight:after,
.km-mycustomRRight:before
{
    content: "\e06a";
}
/*\e06b rotate left*/
.km-mycustomRLeft:after,
.km-mycustomRLeft:before
{
    content: "\e06b";
}



.myphoto-thumbnail {
    width: 110px;
    height: 110px;
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
    line-height: 100px;
    text-align: center;
    border: 1px solid #ccc;
    position:relative;
    margin-top: 5px;
}
.myphoto-thumbnail img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.myphoto-thumbnail input {
    position: absolute;
    top:  5px;
    left: 5px;
}


/*.km-light {
    background: #fff;
    -webkit-box-shadow: 0 1px 40px 4px #f8fafb;
    box-shadow: 0px 1px 40px 4px #f8fafb;
}*/

.myPhotoCb {
    margin-left: -5px;
    margin-top: -5px;
}

#image-map {
    /* width: 100%;   */
    height: 100%;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

