.container-fluid {
    padding-right : 20px;
    padding-left  : 20px;
}

.front_panel {
    width : 20% !important;
}

.teaser {
    position : relative;
    height   : 260px;
}

.teaser-btn {
    width    : 85%;
    position : absolute;
    bottom   : 0;
}

.content-staging {
    float         : left;
    border-radius : 0;
}

#page-main[data-is-admin="True"] .content-staging {
    width : 680px;
}

#page-main .content-staging {
    width : 420px;
}

#page-main .shinken-content {
    overflow : auto !important;
}

.shinken-content-workflow {
    display      : block;
    min-width    : 500px;
    padding-left : 420px;
}

.shinken-content-workflow .elements-inner .header {
    margin        : 0;
    padding       : 8px 14px;
    border-bottom : 1px solid #EBEBEB;
    border-radius : 5px 5px 0px 0px;
    background    : #743333 linear-gradient(60deg, #6F746F, #743333);
    font-size     : 26px;
    font-weight   : normal;
    line-height   : 26px;
    color         : #F3F1F1;
}

/*====================================================================================================================*/
/* ------------------------------------------------ AUTO DETECTION -------------------------------------------------- */

/*.shinken-source-tagger-container .shinken-table-source .conf-lock {
    border        : solid 1px #9E4646;
    border-radius : 8px;
}

.shinken-source-tagger-container .shinken-table-source .column-modules {
    word-break    : break-all;
    min-width     : 85px;
    text-overflow : ellipsis;
}

.shinken-source-tagger-container .error-tab {
    display          : block;
    float            : right;
    width            : 500px;
    min-height       : 1px;
    margin           : 0px 20px 18px 20px;
    padding          : 2px 8px;
    color            : white;
    background-color : rgba(167, 0, 21, 0.98);
    border-radius    : 5px 5px 3px 3px;
    border           : 1px solid #FF0025;
    box-shadow       : 3px 2px 4px rgba(0, 0, 0, 0.5);
}*/

/*====================================================================================================================*/

/*====================================================================================================================*/
/* ------------------------------------------------ ELEMENTS LAYOUT-------------------------------------------------------- */
#page-main .elements-inner {
    background-color : #FFFFFF;
    border           : rgb(204, 204, 204) 1px solid;
    margin           : 10px;
    box-shadow       : 0 5px 15px rgba(0, 0, 0, 0.15);
    border-radius    : 5px 5px 0px 0px;
}

/* Header */
#page-main .elements-inner .header {
    padding          : 4px 14px;
    border-bottom    : 1px solid #EBEBEB;
    border-radius    : 5px 5px 0px 0px;
    background-image : linear-gradient(60deg, rgb(255, 204, 14), rgb(255, 104, 0));
    color            : #000000;
    text-transform   : capitalize;
}

#page-main .elements-inner .header .database-image {
    width          : 35px;
    height         : 35px;
    margin-right   : 10px;
    vertical-align : middle;
    display        : inline-block;
}

#page-main .elements-inner .header .database-text {
    font-weight    : normal;
    font-size      : 26px;
    vertical-align : middle;
    display        : inline-block;
    color          : #262424;
    padding        : 10px;
}
#page-main .elements-inner .header .database-text:hover {
    text-decoration     : none;
    transition-duration : 0.3s;
    background          : #C2C2C2;
    cursor              : pointer;
    border-radius       : 10px;
}

/* Content */
#page-main .elements-inner .module-type-name {
    display          : block;
    float            : left;

    width            : 200px;
    min-height       : 1px;
    margin-top       : 0;
    margin-bottom    : 18px !important;
    padding          : 2px 8px;

    color            : #FFFFFF;
    background-color : #989898;
    border           : 1px solid #444444;
    border-radius    : 5px 5px 3px 3px;
    box-shadow       : 3px 2px 4px rgba(0, 0, 0, 0.3);
}

#page-main .elements-inner .shinken-modules-type-area {
    width      : calc(100% - 20px);
    margin     : 15px 10px 10px 10px;
    display    : table;
    text-align : center;
}

#page-main .elements-inner .shinken-modules-type-area h3 {
    font-size      : 11px;
    text-transform : uppercase;
    font-weight    : bold;
    line-height    : normal;
    color          : #000000;
}

#page-main .elements-inner .shinken-modules-type-area p {
    font-size   : 18px;
    font-weight : bold;
}

/*
    Sources error and Warning
*/
.source-import-warning,
.source-import-critical{
    text-align : left;
    border     : none;
    margin     : 5px 0;
    padding    : 5px;
    word-break : normal;
}

/*====================================================================================================================*/
/* ------------------------------------------------ TAGGERS    -------------------------------------------------- */
/*====================================================================================================================*/

#id-shinken-table-tagger-main-page td.order {
    width : 45px;
}
#id-shinken-table-tagger-main-page td.source-name {
    width : 100px;
}
#id-shinken-table-tagger-main-page td.shinken-tagger-state {
    width : 100px;
}
#id-shinken-table-tagger-main-page td.modules {
    width : 200px;
}
#id-shinken-table-tagger-main-page .shinken-tagger-short-output .shinicon-open {
    padding: 5px;
    color:black;
    font-weight: bold;
}