/* seaven leaves addittions Holger */

body.iframe {
    background-color: white;
}

/* body {
    font-size: 12px;
} */

.site-footer {
    padding: 8px 0;
}

.top-nav {
    margin-top: 12px;
}
iframe {
    border: none;
    padding: 0;
    margin: 0;
}

table tr.bottomBorder {
    border-bottom: 1px solid #DDDDDD;    
}

.S {
    width: 80px;    
}

.M {
    width: 120px;   
}

.L {
    width: 160px;   
}

.XL {
    width: 250px;   
}

.XXL {
    width: 350px;   
}

.table-pointer tr {
    cursor: pointer;
}

.thumbSelect {
    float: left;
    margin-right: 10px;
}

.thumbSelect.M {
    width: 150px;   
}

.thumbSelect.L {
    width: 250px;   
}

.thumbnail.selected {
    border: 3px solid #19BE4A;
}

/* .dropdown-menu {
    font-size: 12px;
} */

div.blockUI {
    padding: 10px 10px;
}

.table-small th, .table-small td {
    padding: 5px !important;
}

.no-margin {
    margin: 0;
}

.borderTop {
    border-top: 2px solid #f1f1f1;
}

.dropzone {
    min-height: 220px;    
}

.dropzone.dropzone-inline {
    min-height: 100px;
    padding: 5px 5px 30px;
}

.dropzone.dropzone-inline .preview {
    margin: 4px;
}

.dropzone.dropzone-inline .preview .details {
    width: 66px;
    height: 66px;
}

.dropzone.dropzone-inline .preview .details img {
    width: 66px;
    height: 66px;
}

.dropzone.dropzone-inline .default.message {
    background-image: url("../js_sl/dropzone/images/spritemap_inline.png");
    width: 100%;
    margin: auto;
    font-size: 12px !important;
    height: 56px;
    left: 0;
    top: 20px;
    text-align: center;
}

.fieldProposalVerified a {
    color: green;
}
.fieldProposalNotVerified a {
    color: red;
}

.ms-container {
    width: 700px;
}

.ms-container .ms-list {
    height: 380px;
}

.error {
    color: red;
}

#popup {
    width: 0;
    height: 100%;
    visibility: hidden;
    display: none;
    position: absolute;
}

#popupFrame, .popupFrame {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
}

#printPopup {
    width: 0;
    height: 100%;
    visibility: hidden;
    display: none;
    position: absolute;
}

#printPopupFrame, .printPopupFrame {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
}

/*.detailView .panel {
    margin-bottom: 0;
}*/

.detailView .panel-heading {
    padding: 5px 10px;
}

.form-group {
    margin-bottom: 8px;
}

.form-control {
    color: #333333;
    /*font-size: 12px;*/
}

.detailView input.form-control , .grid input.form-control, .smallView input.form-control,
.detailView select:not([multiple]).form-control , .grid select:not([multiple]).form-control, .smallView select:not([multiple]).form-control {
    padding: 3px 12px;
    height: 28px;
}

.detailView .btn {
    padding: 3px 10px;
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 26px;
    padding: 3px 6px;
}

.detailView .has-switch, .grid .has-switch, .smallView .has-switch {
    width: 70px;
}
.detailView .has-switch span, .grid .has-switch span, .smallView .has-switch span {
    height: 26px;
    padding-bottom: 4px;
    padding-top: 3px;
}

.detailView .has-switch label, .grid .has-switch label, .smallView .has-switch label {
    height: 26px;
}

.form-horizontal .control-label {
    /*font-size: 12px;*/
    font-size: 13px;
}

.navbar-collapse {
    padding-right: 6px;
    padding-left: 6px;
}

.top-nav ul.top-menu > li {
    margin-left: 6px;
}

.popover {
    max-width: 350px;
}

.toolbar {
    position: fixed;
    width: inherit;
    padding-right: 20px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.toolbar .panel-body {
    padding: 5px;
}

.toolbar * {
    font-size: 12px !important;
}

.toolbar header {
    font-size: 12px;
    padding: 3px 15px;
}

.toolbar .panel {
    margin-bottom: 5px;
}

.toolbar .tools a {
    color: white;
}

.toolbar header {
    font-size: 12px;
    max-height: 28px;
    overflow: hidden;
    padding: 5px 7px;
}

.panel-body.detailView {
    padding: 15px 0;
    background-color: #F1F2F7;
}
 
.panel-body.detailView .form-group label {
/*  font-size: 11px; */
/*  font-weight: bold; */
    font-weight: 600;
}

/* .panel-heading {
    font-size: 12px;
}

.panel-heading .nav {
    font-size: 12px;
} */

.notify-row {
    margin-left: 30px;
}

.horizontal-menu {
    margin-left: 0px;
}

.top-nav .dropdown-menu.extended.logout {
    top: 44px;
}

.dropdown-menu.extended {
    max-width: 400px !important;
    min-width: 160px !important;
    width: auto !important;
    top: 36px;
}

.dropdown-menu.extended li a:hover {
    color: black !important;
} 

.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.figure-link-first {
    right: 55px !important;
}

/* Let's show four images in a row */
ul.cs-style-custom li {
    width: 20%;
    margin-bottom: 36px;
}

/* Let's create a wider figcaption and have a nice transparent background made of #2C3F52 */
.grid figcaption {
    background: rgba(44, 63, 82, 0.85);
    width: 100%;
    bottom: -32px;
    top: auto;
}
.grid figcaption a {
    display: block;
    float: right;
    margin-left: 5px;
    margin-top: 7px;
}

.grid figcaption > div:first-child {
    margin-bottom: 10px;
}

span.breadcrumb-sep {
    padding-left: 5px;
    padding-right: 5px;
}

.dd-handle span a {
    color: #EC6459;
}

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

.input-group-addon, .input-group-btn {
    vertical-align: top;
}

.mmToolbox {
    position: fixed;
    top: 15px;
    left: 15px;
    z-index: 1000;
    display: none;
    width: 300px;
}

.mmToolbox .panel {
    border: 4px solid #19BE4A;
    text-align: center;
}

#gridViewSection li.mmSelection img {
    border: 8px solid #19BE4A;
}

#listViewSection tr.mmSelection td a.fancybox {
    border-left: 8px solid #19BE4A;
    padding-left: 8px;
}

img.previewImg {
    background-color: #EFEFEF;
}

.dd-item, div.dd-handle {
    overflow: hidden;
}