
div.portlet.sm-portlet {
    /*display: inline-block;*/
}

    div.portlet.sm-portlet > div.portlet-title > div.caption {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        div.portlet.sm-portlet > div.portlet-title > div.caption > span.caption-subject {
            margin-right: 5px;
        }

    div.portlet.sm-portlet.sm-portlet-box > div.portlet-title > div.caption > span.caption-helper,
    div.portlet.sm-portlet.box > div.portlet-title > div.caption > span.caption-helper,
    div.portlet.sm-portlet.solid > div.portlet-title > div.caption > span.caption-helper {
        color: inherit;
    }

    div.portlet.sm-portlet > div.portlet-title > div.actions {
        padding-right: 7px;
    }

        div.portlet.sm-portlet > div.portlet-title > div.actions > button,
        div.portlet.sm-portlet > div.portlet-title > div.actions > div.btn-group > button {
            margin-left: 4px;
        }

            div.portlet.sm-portlet > div.portlet-title > div.actions > button > i + span,
            div.portlet.sm-portlet > div.portlet-title > div.actions > div.btn-group > button > i:first-of-type + span,
            div.portlet.sm-portlet > div.portlet-title > div.actions > div.btn-group > ul.dropdown-menu > li > a > i + span {
                margin-left: 4px;
            }

            /* angle icon */
            div.portlet.sm-portlet > div.portlet-title > div.actions > div.btn-group > button > i:last-of-type {
                margin-left: 4px;
                margin-right: 0px;
            }

    div.portlet.sm-portlet > div.portlet-body {
        /*height: 100%;*/
        overflow-x: auto;
        overflow-y: auto;
        /*scrollbar-face-color: #336699;
        scrollbar-3dlight-color: #336699;
        scrollbar-base-color: #336699;
        scrollbar-track-color: #336699;
        scrollbar-darkshadow-color: #000;
        scrollbar-arrow-color: #000;
        scrollbar-shadow-color: #fff;
        scrollbar-highlight-color: #fff;*/
    }

        div.portlet.sm-portlet > div.portlet-body .row,
        div.portlet.sm-portlet > div.portlet-body .form-group {
            margin-left: auto;
            margin-left: initial;
            margin-right: auto;
            margin-right: initial;
        }

div.portlet div.portlet-subheader {
    padding: 10px;
    background-color: #F5F5F5;
}

div.portlet div.portlet-body div.portlet-subheader {
    margin: -10px -10px 10px -10px;
}

div.portlet.light div.portlet-body div.portlet-subheader {
    margin: -10px -20px 10px -20px;
}

/* gkb 01/12/15 - not sure if this is used anywhere, but changing it.. */
/*div.portlet div.portlet-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}*/

div.portlet div.portlet-footer {
    padding: 10px;
    background-color: #F5F5F5;
    border-top: 1px solid #DBDBDB;
}

div.portlet div.portlet-body div.portlet-footer {
    margin: 10px -10px -10px -10px; /* adjust for default padding */
}

div.portlet.light div.portlet-body div.portlet-footer {
    margin: 10px -20px -15px -20px; /* adjust for default 'light' padding */
}

/* BEGIN Custom box type */
div.portlet.sm-portlet.sm-portlet-box {
    margin-top: 0px;
    margin-bottom: 25px;
}

    div.portlet.sm-portlet.sm-portlet-box > div.portlet-title {
        min-height: 41px;
    }

        div.portlet.sm-portlet.sm-portlet-box > div.portlet-title > div.caption {
            float: left;
            padding: 9px 7px 8px 13px;
            /* font-family: Verdana, Arial, sans-serif; */
            font-family: 'Open Sans', sans-serif;
            display: inline-block;
            /*white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;*/ /* gkb 06/05/17 - set on all SmartPortlets */
            /* max-width: calc(100% - 27px); */
            max-width: 100%;
        }

            div.portlet.sm-portlet.sm-portlet-box > div.portlet-title > div.caption > i {
                margin-right: 5px;
            }

            div.portlet.sm-portlet.sm-portlet-box > div.portlet-title > div.caption > span.caption-subject {
                font-size: 17px;
            }

            div.portlet.sm-portlet.sm-portlet-box > div.portlet-title > div.caption > span.caption-helper {
                font-size: 12px;
            }

        div.portlet.sm-portlet.sm-portlet-box > div.portlet-title > div.tools {
            float: right;
            margin-right: 10px;
        }

        div.portlet.sm-portlet.sm-portlet-box > div.portlet-title > div.actions {
            float: right;
            padding: 7px 7px 6px 13px;
        }

            div.portlet.sm-portlet.sm-portlet-box > div.portlet-title > div.actions > button,
            div.portlet.sm-portlet.sm-portlet-box > div.portlet-title > div.actions > div.btn-group > button {
                line-height: 1;
                padding: 7px 10px 6px 10px;
                font-size: 12px;
                max-height: 27px;
            }

    div.portlet.sm-portlet.sm-portlet-box > div.portlet-body {
        background-color: #fff;
        clear: both;
    }
/* END Custom box type */

/* BEGIN Default portlet colors */
div.portlet.sm-portlet.sm-portlet-color-default {
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    color: #666;
}

    div.portlet.sm-portlet.sm-portlet-color-default > div.portlet-title {
        border-bottom: 1px solid #e5e5e5;
    }
/* END Default portlet colors */

/* BEGIN Default button classes */
div.portlet.sm-portlet > div.portlet-title > div.actions > button.sm-portlet-button-default,
div.portlet.sm-portlet > div.portlet-title > div.actions > div.btn-group > button.sm-portlet-button-default {
    color: black;
    border: 1px solid #CCCCCC;
    text-decoration: none;
    border-radius: 5px;
    vertical-align: middle;
    background-color: #FFFFFF;
}

    div.portlet.sm-portlet > div.portlet-title > div.actions > button.sm-portlet-button-default:hover,
    div.portlet.sm-portlet > div.portlet-title > div.actions > div.btn-group > button.sm-portlet-button-default:hover {
        background-color: #EBEBEB;
        border-color: #B3B3B3;
    }
/* END Default button classes */

/* BEGIN Custom 'type' modifications */
div.portlet > div.portlet-title {
    /*margin-bottom: 10px;*/ /* this is the original setting */
    margin-bottom: 0px; /* this better allows for the default padding of 10px on SmartPortlet's portlet-body*/
}

div.portlet.light {
    /*padding: 12px 20px 15px 20px;*/ /* this is the original setting */
    padding: 0px 0px 0px 0px; /* this allows for handling the padding in SmartPortlet's portlet-body instead */
}

    div.portlet.light > div.portlet-title {
        /* account for the padding adjustment made above */
        padding-top: 12px;
        padding-left: 20px;
        padding-right: 20px;
    }

        div.portlet.light > div.portlet-title > div.actions {
            /* make it so that the existence of buttons doesn't cause header to be 2px taller than it would otherwise be */
            padding-bottom: 12px;
        }
/* END Custom 'type' modifications */

/* BEGIN Custom 'type' additions */
div.portlet.sm-portlet.shadowed {
    /*box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);*/
    box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.3);
}

/* gkb 12/6/16 - add this (as is or modified) if we ever want it...*/
/* make spacing of 'light slim' portlet similar to 'box' */
/*div.portlet.sm-portlet.light.slim {
    padding: 0px;
}

    div.portlet.sm-portlet.light.slim > div.portlet-title {
        padding: 0px 10px;
        margin-bottom: 0px;
        min-height: 41px;
    }

        div.portlet.sm-portlet.light.slim > div.portlet-title > .caption {
            padding: 11px 0px 9px 0px;
        }

        div.portlet.sm-portlet.light.slim > div.portlet-title > .tools {
            padding: 12px 0px 8px 0px;
            margin-top: 0px;
        }

        div.portlet.sm-portlet.light.slim > div.portlet-title > .actions {
            padding: 7px 0px 5px 0px;
        }*/
/* END Custom 'type' additions */

/* BEGIN rotation styles */
div.portlet.sm-portlet-collapsed-sideways {
    min-width: initial !important;
    max-width: initial !important;
    min-height: initial !important;
    max-height: initial !important;
}

    div.portlet.sm-portlet-collapsed-sideways > div.portlet-title {
        height: 100%;
        position: relative;
    }

        /* gkb 06/05/17 - set on all SmartPortlets */
        /*div.portlet.sm-portlet-collapsed-sideways > div.portlet-title > div.caption {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }*/

        div.portlet.sm-portlet-collapsed-sideways > div.portlet-title > div.actions {
            display: none;
        }

        div.portlet.sm-portlet-collapsed-sideways > div.portlet-title > div.tools {
            white-space: nowrap;
        }
/* END rotation styles */
