/* CMS styles */

#minicms #content {
    margin: 60px 30px;
    position: relative;
    left: 0;
    top: 0;
}

#minicms #menu {
    width: 250px;
    padding: 8px 0;
    position: fixed;
    left: 30px;
    top: 60px;
}

#minicms #page {
    margin: 0 0 0 275px;
}

#minicms #page #list thead tr td {
    font-weight: bold;
}

#minicms #page #list tr td {
    font-size: 0.75em;
}

#minicms #page #list.list-photos .field-overview {
    white-space: nowrap;
}

#minicms #page #list.list-photos .field-album {
    white-space: nowrap;
}

#minicms #content.layout-site #menu {
    display: none;
}

#minicms #content.layout-site #page {
    margin: 0;
}

#minicms #content.layout-site #page iframe {
    width: 100%;
    height: 100%;
}

#minicms #content .control-group .state-uploading {
    padding: 5px 4px 4px 25px;
    margin-left: 10px;
    background-image: url('../img/loader.gif');
    background-repeat: no-repeat;
    background-position: left;
    font-style: italic;
}

#minicms #content .control-group .state-image {
    position: relative;
}

#minicms #content .control-group .state-image a.btn {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 4px;
}
#minicms #content .control-group .state-image img {
    margin-left: 38px;
}

#minicms #content .control-label {
    color: #999;
    font-size: 0.9em;
    text-shadow: 0px 1px 0px #fff;
}

#minicms .layout-edit .well > form {
    margin-bottom: -18px;
}

/* remove default blue outline around links and buttons */
#minicms a, #minicms a:hover { 
    outline: 0;
}

#minicms .btn {
    white-space: nowrap;
}

#minicms #navbar ul.nav li a span.icon-white {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

#minicms #navbar ul.nav li a:hover span.icon-white, #minicms #navbar ul.nav li.active a span.icon-white {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

#minicms #navbar #docpad-reload-button.active {
    position: relative;
    left: 31px;
    top: 0px;
}

#minicms #content .fake-field {
    background: white;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 4px;
}

#minicms #content ul.tagit-minicms {
    margin: 0;
    border: 1px solid #ccc;
    padding: 3px 5px 1px 5px;
    width: 598px;
}

#minicms #content .main-edit-form input[type="text"] {
    position: relative;
    left: 0px;
    top: -2px;
}

#minicms > .ui-autocomplete {
    border: 1px solid #ccc;
}

#minicms > .ui-autocomplete .ui-menu-item a.ui-state-focus,
#minicms > .ui-autocomplete.ui-menu-item a.ui-state-active {
    background-image: none;
    background-color: #e1e1e1;
    border: none;
    margin: 0px;
}

/* Remove bootstrap outline/halo because some fields cannot display it */
#minicms input.no-halo:hover, 
#minicms input.no-halo:active, 
#minicms input.no-halo:focus, 
#minicms input.no-halo {
    outline: 0px !important;
    -webkit-appearance:none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    border:1px solid #ccc;
}

#minicms select.no-halo:hover, 
#minicms select.no-halo:active, 
#minicms select.no-halo:focus {
    outline: 0px !important;
}

#minicms .date span.add-on {
    position: relative;
    left: 0;
    top: -2px;
}

#minicms .date span.add-on i {
    position: relative;
    left: 1px;
    top: 2px;
}

#minicms .form-component-wysiwyg .wysihtml5-toolbar .dropdown .current-font {
    display: inline-block;
    width: 56px;
}

#minicms .form-component-wysiwyg .wysihtml5-toolbar .dropdown ul.dropdown-menu {
    min-width: 87px;
    margin-left: 25px;
}

#minicms form.main-edit-form.form-horizontal {
    min-width: 635px;
    margin-bottom: -20px;
}

#minicms form.main-edit-form.form-not-horizontal {
    min-width: 635px;
    margin-bottom: -10px;
}

#minicms form .input-append.color input.form-value {
    width: 75px;
}

#minicms form .input-append.color .add-on {
    position: relative;
    left: 0;
    top: -2px;
}

#minicms form .input-append.color .add-on i {
    position: relative;
    left: 0;
    top: 2px;
}