/**,
:before,
:after {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}*/

/*Layout Wrapper*/
.lpPanelGroup {
    margin: 10px auto;
}

/*.wrapper.scrollable.extended {
    width: 1800px;
}

.lpPanelGroup {
    width: 1800px;
}*/


/*@media (min-width: 768px) {
    .wrapper.scrollable.extended {
        width: 620px;
    }

    .lpPanelGroup {
        width: 620px;
    }
}

@media (min-width: 992px) {
    .wrapper.scrollable.extended {
        width:850px;
    }

    .lpPanelGroup {
        width: 850px;
    }
}

@media (min-width: 992px) {
    .wrapper.scrollable.extended {
        width:1040px;
    }

    .lpPanelGroup {
        width: 1040px;
    }
}

@media (min-width: 1800px) {
    .wrapper.scrollable.extended {
        width:1670px;
    }

    .lpPanelGroup {
        width: 1670px;
    }
}*/

.lpPanelGroup {
    /*margin-top: 10px;*/
    /*margin-left: 10px;*/
}

/*@media (min-width: 1050px) {
    .lpPanelGroup {
        margin: 10px auto;
    }
}*/

/* clearfix */
/*.lpPanelGroup:after {
    content: '';
    display: block;
    clear: both;
}*/

.lpPanel {
    /*box-sizing:border-box;*/
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
}

    .lpPanel .panel {
        margin-bottom: 0px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .lpPanel .panel-heading {
        display:flex;
        justify-content:space-between;
        align-items:center;
        flex: 0 0 auto;
        border-bottom: 0px;
    }

    .lpPanel .panel-heading > * {

    }

    .lpPanel .panel-body {
        flex: 1 1 auto;
        padding: 0px;
        overflow: auto;
        display:flex;
        flex-direction:column
    }

    .lpPanel .panel-footer {
        flex: 0 0 auto;
        text-align: center;
        padding-top: 4px;
        padding-bottom: 3px;
    }

        .lpPanel .panel-footer .btn {
            margin-top: 0px;
            margin-left: 5px;
            margin-right: 5px;
            margin-bottom: 0px;
        }

/*Layout panels*/
.proton-widget > div {
    width: 100%;
    height: 100%;
}

.proton-widget .list-group-item .stat-value {
    width: 100%;
}

.size11 {
    width: 200px;
    height: 210px;
}

.size12 {
    width: 200px;
    height: 430px;
}

.size13 {
    width: 200px;
    height: 660px;
}

.size21 {
    width: 410px;
    height: 210px;
}

.size22 {
    width: 410px;
    height: 430px;
}

.size23 {
    width: 410px;
    height: 660px;
}

.size24 {
    width: 410px;
    height: 880px;
}

.size31 {
    width: 620px;
    height: 210px;
}

.size32 {
    width: 620px;
    height: 430px;
}

.size33 {
    width: 620px;
    height: 660px;
}

.size34 {
    width: 620px;
    height: 880px;
}

.size41 {
    width: 830px;
    height: 210px;
}

.size42 {
    width: 830px;
    height: 430px;
}

.size43 {
    width: 830px;
    height: 660px;
}

.size44 {
    width: 830px;
    height: 880px;
}

.size51 {
    width: 1040px;
    height: 210px;
}

.size52 {
    width: 1040px;
    height: 430px;
}

.size53 {
    width: 1040px;
    height: 660px;
}

.size54 {
    width: 1040px;
    height: 880px;
}

/*@media (max-width:1140px) {
    .size51, .size52, .size53, .size54 {
        width: 830px;
    }
}

@media (max-width:944px) {
    .size31, .size32, .size33, .size34,
    .size41, .size42, .size43, .size44,
    .size51, .size52, .size53, .size54 {
        width: 410px;
    }*/
}