.image {
    position: relative;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.image img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.file-frame {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.file-link {
    position: relative;
}

.file-link .file-upload-link {
    position: relative;
}

.file-link.file-none .remove {
    display: none;
}
/*.attachments-image {
    border: 1px solid black;
    position: relative;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.attachments-image img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}*/

.attachments-display-none {
    display: none !important;
}

.attachments-image {
    position: relative;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.attachments-image img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.attachments-controls {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 0;
    min-height: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background: #fff;
    background-color: rgba(255, 255, 255, 0.95);
    overflow: hidden;
    direction: rtl; /* Causes some animation bugs, but 200ms animation is fast enough to hide them */
}

.attachments-controls.expanded {
    width: auto;
    height: auto;
}

.attachments-controls ul {
    position: relative;
    display: inline-block;
    /*-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 solid #ccc;
    border-width: 0 1px 0 0;*/
    list-style: none;
    padding: 0;
    direction: ltr;
}

.attachments-control {
    border-bottom: 1px solid #ccc;
}

.attachments-control:last-child {
    position: relative;
    border-bottom: none;
}

.attachments-control:last-child:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border-bottom: 1px solid #ccc;
}

.attachments-command {
    position: relative;
    display: block;
}

.attachments-command:hover, .attachments-command.hover {
    background: #ccc;
}

.attachments-command-name {
    color: #333;
    height: 31px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 31px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.attachments-command-name.attachments-command-icon {
    padding-left: 36px;
}

.attachments-upload-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}


/* Another sizes */
.attachments-controls.attachments-controls-small .attachments-command-name {
    height: 24px;
    padding: 0 7px;
    line-height: 24px;
    font-size: 11px;
}

.attachments-controls.attachments-controls-small .attachments-command-name.attachments-command-icon {
    padding-left: 28px;
}

.attachments-controls.attachments-controls-smallest .attachments-command-name {
    height: 16px;
    padding: 0 4px;
    line-height: 16px;
    font-size: 11px;
}

.attachments-controls.attachments-controls-smallest .attachments-command-name.attachments-command-icon {
    padding-left: 23px;
}
.attachments-upload-frame {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

/*.attachments-image .attachments-command-upload {
    background: #afeeee;
}

.attachments-image .attachments-command-upload:after {
    background: url('ControlImage/Upload') no-repeat;
}*/
.attachments-crop-image {
    width: 600px;
    height: 400px;
}

.attachments-crop-image .jcrop-holder {
    margin-left: auto;
    margin-right: auto;
}

.attachments-crop-image img.attachments-crop-image-img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

/*.attachments-image .attachments-command-crop {
    background: #ffb038;
}

.attachments-image .attachments-command-crop:after {
    background: url('ControlImage/Crop') no-repeat;
}*/
.attachments-metadata-dialog-field textarea {
    width: 100%;
    height: 100px;
}

/*.attachments-image .attachments-command-metadata {
    background: #ffeb98;
}

.attachments-image .attachments-command-metadata:after {
    background: url('ControlImage/Metadata') no-repeat;
}*/
/*.attachments-image .attachments-command-remove {
    background: #d3a573;
}

.attachments-image .attachments-command-remove:after {
    background: url('ControlImage/Remove') no-repeat;
}*/


.attachments-video {
    /*border: 1px solid black;*/
    position: relative;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.attachments-video img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.attachments-youtube-dialog-field textarea {
    width: 100%;
    height: 100px;
}

/*.attachments-video .attachments-command-youtube {
    background: #ffeb98;
}

.attachments-video .attachments-command-youtube:after {
    background: url('ControlVideo/YouTube') no-repeat;
}*/
.attachments-vimeo-dialog-field textarea {
    width: 100%;
    height: 100px;
}

/*.attachments-video .attachments-command-vimeo {
    background: #ffeb98;
}

.attachments-video .attachments-command-vimeo:after {
    background: url('ControlVideo/Vimeo') no-repeat;
}*/
.attachments-vk-dialog-field textarea {
    width: 100%;
    height: 100px;
}

/*.attachments-video .attachments-command-youtube {
    background: #ffeb98;
}

.attachments-video .attachments-command-youtube:after {
    background: url('ControlVideo/YouTube') no-repeat;
}*/
/*.attachments-video .attachments-command-remove {
    background: #d3a573;
}

.attachments-video .attachments-command-remove:after {
    background: url('ControlVideo/Remove') no-repeat;
}*/


.attachments-map{
    /*border: 1px solid black;*/
    position: relative;
    font-size: 0;
    text-align: center;
}

.attachments-map {
    width: 600px;
    height: 400px;
}

.attachments-map .attachments-map-container {
    width: 100%;
    height: 100%;
}
.attachments-map .attachments-map-container .attachments-map-container-googlemaps {
    width: 100%;
    height: 100%;
}

.attachments-map-googlemaps {
    width: 600px;
    height: 400px;
}

/* Default dialog styles */

.attachments-map-googlemaps-dialog-host {
    width: 100%;
    height: 100%;
}

.attachments-map-googlemaps-dialog-wrapper {
    width: 100%;
    height: 100%;
}

.attachments-map-googlemaps-dialog-wrapper .attachments-map-googlemaps-dialog-panel {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px;
    height: 100%;
    float: left;
    background: #ccc;
}

.attachments-map-googlemaps-dialog-wrapper .attachments-map-googlemaps-dialog-panel .attachments-map-googlemaps-dialog-panel-item {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
}

.attachments-map-googlemaps-dialog-wrapper .attachments-map-googlemaps-dialog-map {
    padding-left: 200px;
    height: 100%;
    background: #d2d2d2;
}