/*====================================================================================================================*/
/* ------------------------------------------------ ELEMENTS  -------------------------------------------------------- */
/* Row Block */
.shinken-modules-type-area {
    display    : table;
    min-height : 150px;
    text-align : left;
}
.shinken-modules-type-area,
.shinken-modules-type-area * {
    box-sizing : border-box;
}
.shinken-modules-type-area .row-block {
    display : table-row;
}
.shinken-modules-type-area .block -header {
    padding : 0 10px;
}
.shinken-modules-type-area .block-header img {
    width  : 50px;
    height : 50px;
}
.shinken-modules-type-area .block-header img,
.shinken-modules-type-area .block -header h1 {
    display        : inline-block;
    vertical-align : middle;
}
.shinken-modules-type-area .block-content {
    float : left;
}
/* Column Block */
.shinken-modules-type-area .col-block,
.shinken-modules-type-area .col-block-details {
    position       : relative;
    display        : table-cell;
    vertical-align : top;
    min-height     : 220px;
    border-radius  : 7px;
    padding        : 15px 0;
    background     : #FFFFFF;
}
.shinken-modules-type-area .col-block-details {
    background : #3C3C3C;
}
/* Block */
.shinken-modules-type-area .col-block.hover,
.shinken-modules-type-area .col-block .hover {
    transition-duration : 0.3s;
    background          : #C2C2C2;
    cursor              : pointer;
}
.shinken-modules-type-area .col-block-details.hover,
.shinken-modules-type-area .col-block-details .hover {
    transition-duration : 0.3s;
    background          : #636363 !important;
    cursor              : pointer;
}
.shinken-modules-type-area .col-block-details .block-details {
    text-align : left;
}
.shinken-modules-type-area .col-block:after,
.shinken-modules-type-area .col-block-details:after {
    content      : " ";
    position     : absolute;
    top          : 55px;
    left         : -1px;
    height       : calc(100% - 110px);
    border-right : 1px solid #FFFFFF;
}
.shinken-modules-type-area .col-block:not(:first-child):after {
    border-right : 1px solid #3C3C3C;
}
.shinken-modules-type-area .row-block:not(.first) .col-block:before,
.shinken-modules-type-area .row-block:not(.first) .col-block-details:before {
    content    : " ";
    position   : absolute;
    top        : -1px;
    left       : 55px;
    width      : calc(100% - 110px);
    border-top : 1px solid #FFFFFF;
}
.shinken-modules-type-area .row-block:not(.first) .col-block:before {
    border-top : 1px solid #3C3C3C;
}
.shinken-modules-type-area .row-group .col-item {
    display       : inline-block;
    border-radius : 7px;
    padding       : 5px;
    margin        : 5px;
}
.shinken-modules-type-area .col-block h3 {
    margin : 5px 0;
}
.shinken-modules-type-area .col-block p {
    margin-bottom : 5px;
}
/* Block details content */
.shinken-modules-type-area .col-block-details .row-fluid {
    text-align     : left;
    padding-bottom : 5px;
}
.shinken-modules-type-area .col-block-details .col-left,
.shinken-modules-type-area .col-block-details .col-right {
    position : relative;
    width    : 100%;
}
.shinken-modules-type-area .col-block-details .col-left:first-child {
    padding-right : 30px !important;
}
.shinken-modules-type-area .col-block-details .col-left {
    text-align : left;
    float      : right;
    padding    : 0 5px;
}
.shinken-modules-type-area .col-block-details .col-right {
    text-align : right;
    float      : right;
}
.shinken-modules-type-area .col-block-details a.btn-add-element {
    position : absolute;
    top      : 5px;
    right    : 10px;
}
.shinken-modules-type-area .col-block-details a.btn-add-element i.shinkon-plus,
.shinken-modules-type-area .col-block a.btn-add-element i.shinkon-plus {
    font-size : smaller;
}
.shinken-modules-type-area .col-block-details .col-item.hide {
    display : none;
}
.shinken-modules-type-area .col-block-details .col-item {
    display        : inline-block;
    padding        : 0 10px;
    vertical-align : middle;
}
.shinken-modules-type-area .col-block-details .col-left .col-item,
.shinken-modules-type-area .col-block-details .col-right .col-item {
    padding : 0 5px;
}
.shinken-modules-type-area .col-block-details a.btn-add-element,
.shinken-modules-type-area .col-block a.btn-add-element {
    font-size        : 10px;
    width            : 14px;
    height           : 14px;
    line-height      : 1.25;
    padding-left     : 2px;
    border-radius    : 3px;
    background-color : #4C8B26;
    background-image : linear-gradient(to bottom, #86C163, #4C8B26);

    color            : #FFFFFF;
    border           : 1px solid #FFFFFF;
}
.shinken-modules-type-area .col-block .block a.btn-add-element {
    border    : none;
    font-size : 11px;
}
.shinken-modules-type-area .col-block-details .col-item a.btn-add-element:hover,
.shinken-modules-type-area .col-block-details .col-item a.btn-add-element:focus,
.shinken-modules-type-area .col-block .block a.btn-add-element:hover,
.shinken-modules-type-area .col-block .block a.btn-add-element:focus {
    text-decoration     : none;
    background-position : 0 -19px;
    transition          : background-position 0.2s linear 0s;
}
.shinken-modules-type-area .col-block-details .col-item.col-info h3 {
    margin       : 0;
    padding      : 5px 0;
    border-right : none;
}
.shinken-modules-type-area .col-block-details .col-item.col-info p {
    margin : 0;
}
.shinken-modules-type-area .col-block-details .change {
    color : #00FF00;
}
.shinken-modules-type-area .col-block-details .up {
    color : #F6E93A;
}
.shinken-modules-type-area .col-block-details .down {
    color : #EF570C;
}
.shinken-modules-type-area .col-block-details h3,
.shinken-modules-type-area .col-block-details p {
    font-size   : 18px;
    font-weight : bold;
    color       : #FFFFFF !important;
    margin      : 0;
}
.shinken-modules-type-area .col-block-details .col-change,
.shinken-modules-type-area .col-block-details .col-upgrade {
    float : right;
}