/*/////////  begin slideshow  /////////*/

#dashboardSlideshow {
    margin: 0 8px 0 0;
    padding: 0 0 2.5em 0;
}
#JobCardSlideshow {
    margin: 0 8px 0 0;
}
.dashslide {
    left: 0;
    top: 0;
    width: 100% !important;
}
a.LinkPrev, a.LinkNext {
    color: white !important;
    text-decoration: none !important;
}
a.LinkPrev:before {
    color: white !important;
    padding-right: 5px;
    content: "\F100";
    display: inline-block;
    font-family: FontAwesome;
}
a.LinkNext:after {
    color: white !important;
    padding-left: 5px;
    content: "\F101";
    display: inline-block;
    font-family: FontAwesome;
}
#servicesslider {
    width: auto;
    height: auto;
}
#JobCardSlider {
    width: auto;
    height: auto;
}
.carousel-inner {
    padding: 0;
}

.carousel-fade .carousel-inner .item {
    width:100%;
    opacity: 100;
    transition-property: opacity;
    padding: 0px !important;
}
.carousel-fade .carousel-inner .active {
    opacity: 100;
    transition-property: opacity;
    padding: 0px !important;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 100;
    transition-property: opacity;
    z-index: 1;
    padding: 0px !important;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 100;
    transition-property: opacity;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
h2 {
    background: none !important;
    background-color: none !important;
}
.dashboard-right-side h2 {
    margin: 10px 0 0 0 !important;
}
.carousel-caption {
    background: rgba(0, 0, 0, 0.9);
    padding: 10px 20px 8px 20px;
    border-radius: 12px;
    text-align: left;
    top: 5%;
    bottom: auto;
    right: auto;
    left: 3%;
    min-width: 20%;
    max-width: 60%;
    z-index: 12;
} .carousel-caption h1 {
    display:none;
} .carousel-caption h2 {
    margin: 6px 0px 10px 0px;
    font-weight:normal;
    font-size:1.5em;
    z-index: 12;
    background-color: none !important;
} .carousel-caption p {
    font-size:0.9em;
    z-index: 12;
} .carousel-caption a {
    color: white;
} .carousel-caption h2 a {
    /*text-decoration: none !important;*/
} .carousel-caption h2 a:hover,
  .carousel-caption h2 a:focus {
    text-decoration: underline !important;
}
.carousel-indicators {
    position: relative;
    margin: 0 !important;
    padding: 0;
}
ol.carousel-indicators {
    margin: 3px !important;
}
.data-viz-carousel-item .carousel-indicators li {
    text-indent: -9999px !important;
}
#carouselButtons .carousel-indicators li {
    text-indent: 0px !important;
    color: black;
    height: 15px;
    width: 15px;
    font-size: 1.2em;
    border-radius: 15px;
    background: #666 !important;
    background-clip: unset;
    border: none;
    margin-top: 5px;
    transition: none !important;
    opacity: 1.0 !important;
    padding: 4px, 0;
}
#carouselButtons .carousel-indicators li.active {
        text-indent: 0px !important;
        color: black;
        height: 10px;
        width: 10px;
        font-size: 1.2em;
        border-radius: 15px;
        background: white !important;
        background-clip: unset;
        border: #666 3px solid;
        margin-top: 5px;
    }
#carouselButtons.d-none {
    display: flex !important;
}

.carouselButtonsJobCard .carousel-indicators li,
#gsiCarousel .carousel-indicators li {
    text-indent: 0px !important;
    color: black;
    height: 15px;
    width: 15px;
    font-size: 1.2em;
    border-radius: 15px;
    background: #666 !important;
    background-clip: unset;
    border: none;
    margin-top: 5px;
    transition: none !important;
    opacity: 1.0 !important;
    padding: 4px, 0;
}

    .carouselButtonsJobCard .carousel-indicators li.active,
    #gsiCarousel .carousel-indicators li.active {
        text-indent: 0px !important;
        color: black;
        height: 10px;
        width: 10px;
        font-size: 1.2em;
        border-radius: 15px;
        background: white !important;
        background-clip: unset;
        border: #666 3px solid;
        margin-top: 5px;
    }

.carouselButtonsJobCard.d-none {
    display: flex !important;
}

.slideInds {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    vertical-align: middle;
    padding-bottom:1px;
}
    .slideInds button#playPauseButton{
        padding: 0;
        margin-top: 3px;
    }
    .slideInds button .fa-play, .slideInds button .fa-pause {
        color: #000;
    }
    .slideInds button:focus, .slideInds button:active {
        outline: 2px dodgerblue solid;
        box-shadow: none;
    }
#carouselButtons .carousel-indicators li:focus, #carouselButtons .carousel-indicators .li:active {
    outline: 2px dodgerblue solid !important;
    box-shadow: none;
}

.carouselButtonsJobCard .carousel-indicators li:focus, #carouselButtons .carousel-indicators .li:active {
    outline: 2px dodgerblue solid !important;
    box-shadow: none;
}

.pos-topleft {
    top: 5%;
    bottom: auto;
    right: auto;
    left: 5%;
    min-width: 20%;
    max-width: 50%;
}
.pos-topright {
    top: 5%;
    bottom: auto;
    right: 5%;
    left: auto;
    min-width: 20%;
    max-width: 50%;
}
.pos-topcenter {
    top: 5%;
    bottom: auto;
    right: 25%;
    left: 25%;
    min-width: 20%;
    max-width: 50%;
}
.pos-centercenter {
    text-align: center;
    top: 35%;
    bottom: auto;
    right: 25%;
    left: 25%;
    min-width: 20%;
    max-width: 50%;
}
.carousel-caption h2 a.midcontent {
    text-decoration: none !important;
    text-transform: uppercase;
}
a.btn-orange {
    background: #E67E22;
    color: white;
    text-decoration: none !important;
}
a.btn-orange:hover {
    color: white;
}
.pos-bottomcenter {
    top: auto;
    bottom: 15%;
    right: 25%;
    left: 25%;
    min-width: 20%;
    max-width: 50%;
}
.pos-centerleft {
    top: 35%;
    bottom: auto;
    right: auto;
    left: 5%;
    min-width: 20%;
    max-width: 50%;
}
.pos-centerright {
    top: 35%;
    bottom: auto;
    right: 5%;
    left: auto;
    min-width: 20%;
    max-width: 50%;
}
.pos-bottomleft {
    top: auto;
    bottom: 15%;
    right: auto;
    left: 5%;
    min-width: 20%;
    max-width: 50%;
}
.pos-bottomright {
    top: auto;
    bottom: 15%;
    right: 5%;
    left: auto;
    min-width: 20%;
    max-width: 50%;
}
.carousel-control.left, .carousel-control.right {
    background: #606060;
    width: 5%;
    color: #ffffff
}
.carousel-control.left:hover, .carousel-control.right:hover {
    background: #606060;
}
/*.carousel-indicators li,.carousel-indicators li .active {
    opacity:1;
    width:20px !important;
    height:12px !important;
    margin: 0 4px !important;
}*/
.carousel-control-next, .carousel-control-prev {
    width: 15px !important;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .fa-chevron-left, .carousel-control .icon-prev {
    left:30%;
}












/*/////////  begin dashboard elements  /////////*/

.column { 
    /*width: 33% !important;
    min-width: 230px;*/
    display: inline-block !important;
    /*width: 265px;*/
    width: 33.3% !important;
    /*min-width: 255px !important;*/
    /*min-width:265px;*/
}

div.sortables {
    font-family: 'Segoe UI', Arial, sans-serif !important;
    font-weight: normal !important;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    width:100%;
}

div.sortables.row > div.column {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.bx-wrapper {
    margin: auto;
}
.portlet-header {
    font-family: 'Segoe UI', Arial, sans-serif !important;
    font-weight: normal !important;
}
.portlet.portlet-carousel {
    margin: -2px 0 5px 0 !important;
    padding: 0 !important;
}
.portlet-wide-top .ui-icon-minusthin  {
}
.portlet-header.portlet-wide-top {
    margin:0;
    padding: 6px 6px 6px 6px; 
}
.portlet-wide-top  {
    font-size: 12px;
    position: absolute;
    /*background: none !important;*/
    background: rgba(0, 0, 0, 0.6);
    bottom: 0px;
    left: 0;
    z-index: 10;
    width: 100%;
}
.portlet-wide-top .ui-icon-close { 
    position: absolute;
    bottom: 8px;
    right: 10px;
    /*margin-left: 6px;*/
}
.db_module_carousel {
    width: 100% !important;
}
.remove_carousel {
    position: relative;
    background: #727272 !important;
    margin: 0 !important;
    padding: 4px 0 4px 8px !important;
    height: 28px;
    color: black !important;
    line-height: 1.8em;
}
.remove_carousel .ui-icon-close{
    position: absolute;
    bottom: 6px;
    right: 12px;
}
.portlet-content{
	background: #eee;
    overflow: hidden;
}
.portlet-content table td {
	padding: 3px 4px;
}
table
{
    font-size: 1em;
}
div.dashAlertTitle {
    background-image: none !important;
}

div.portlet-content .widgetDashFooter {
    padding-top: 5px;
    margin: 0 auto;
    display: table;
}

    div.portlet-content .widgetDashFooter > div:first-child {
        display: table-cell;
        vertical-align: top;
        text-align: center;
    }

    div.portlet-content .widgetDashFooter > div:nth-child(2) {
        display: table-cell;
        vertical-align: middle;
    }

    div.portlet-content .widgetDashFooter a {
        padding-right: 10px;
    }

/* GH revisions */
#db_tab_wrapper
{
    /*background: url(../../images/gui/db_menu_bg.png) no-repeat left top;*/
    margin: 0px 0px 5px 0px;
    background: none !important
}

.db_module_wide {
    overflow: hidden;
    height: 100%;
    width:100% !important;
}

.sliderlink
{
    display: block;
    float: left;
    height: 120px;
    width: 250px;
    background: #FC3;
}

.db_module
{
    /*background: url(../../images/gui/db_module_header.png) no-repeat left top;*/
    overflow: hidden;
    height: 95%;
    background: #aaa;
}
div.sortables.row > div.column > div.db_module {
    height: auto !important;
}

.db_module_close
{
    /*background: url(../../images/gui/db_module_close.png) no-repeat left top;*/
    background: #eee;
    overflow: hidden;
    height: 15px;

}

.db_module_close_wide
{
    /*background: url(../../images/gui/db_module_close_wide.png) no-repeat left top;*/
    overflow: hidden;
    height: 25px;
}


/* Site
   -------------------------------- */
/*
body {
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
}
*/

.ui-helper-clearfix:after
{
    content: ".";
    display: block;
    height: 0em;
    clear: both;
    visibility: hidden;
}
.ui-helper-clearfix
{
    display: inline-block;
    width: 98%;
}
.ui-helper-clearfix-undo
{
    display: block;
    width: 100%;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix
{
    height: 1%;
}
/*.ui-helper-clearfix { display:block; }*/
/* end clearfix */

.ui-corner-all
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.ui-widget
{
    font-family: 'Segoe UI', Arial, sans-serif !important;
    font-size: 1em /*{fsDefault}*/;
}
.ui-widget td
{
    font-family: 'Segoe UI', Arial, sans-serif !important;
    font-size: 1em /*{fsDefault}*/;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
    font-family: 'Segoe UI', Arial, sans-serif !important;
    font-size: 1em;
}
.ui-widget-content
{
    border: 1px solid #aaaaaa /*{borderColorContent}*/;
    background: #ffffff /*{bgColorContent}*/ url(../../SiteClient/Baseimages/gui/ui-bg_flat_75_ffffff_40x100.png) /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/;
    color: #222222 /*{fcContent}*/;
}
.ui-widget-content a
{
    color: #036 /*{fcContent}*/;
}
.ui-widget-header
{
    border: 1px solid #aaaaaa /*{borderColorHeader}*/;
    background: #cccccc /*{bgColorHeader}*/ url(../../SiteClient/Baseimages/gui/ui-bg_highlight-soft_75_cccccc_1x100.png) /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/;
    color: #222222 /*{fcHeader}*/;
    font-weight: bold;
}
.ui-widget-header a
{
    color: #222222 /*{fcHeader}*/;
}
.ui-icon
{
    width: 16px;
    height: 16px;
    background-image: url(../../SiteClient/BaseImages/gui/ui-icons_222222_256x240.png) /*{iconsContent}*/;
}
.ui-icon-plusthick
{
    background-position: -32px -128px;
    cursor: pointer;
}
.ui-icon-minusthick
{
    background-position: -64px -128px;
    cursor: pointer;
}
.ui-icon-plusthin
{
    background-position: -16px -128px;
    cursor: pointer;
	margin-right:4px;
}
.ui-icon-minusthin
{
    background-position: -48px -128px;
    cursor: pointer;
	margin-right:4px;
}
.ui-icon-close
{
    background-position: -80px -128px;
    cursor: pointer;
}

/* layout for context menus */
.container
{
    width: 100%;
}
.left-element
{
    float: left;
    width: 78.5%; /* 287102 - Had to increase it from 78.5 to accomodate the new grid columns */
}

.right-element
{
    float: right;
    width: 21%;
}
.right-element .tabs_drill_bg
{
    min-height: 50px !important;
}

/* end layout for context menus */
/* dashboard styles */

.dashboard_top
{
    font-family: 'Segoe UI', Arial, sans-serif !important;
    font-weight: normal;
    color: black;
    padding: 6px 0 6px 0;
    text-align: center;
    height: auto;
    width: 165px;
    font-size: 11px;
    display: none;
}

#mstBody .dashboard_options,
#mstBody .dashboard_options_s {
    color: black;
    font-family: 'Segoe UI', Arial, sans-serif !important;
    font-size: 1rem !important;
    height: auto;
    line-height: 12px;
}

    #mstBody .dashboard_options a,
    #mstBody .dashboard_options_s a {
        background-color: #ddd;
        width: auto !important;
        color: black;
        font-family: 'Segoe UI', Arial, sans-serif !important;
        font-size: 1rem !important;
        height: auto;
        line-height: 12px;
        float: left;
        font-weight: normal;
        /*padding: 0 10px 0 0;*/
        padding: 8px 12px; /* undo after adding graphics */
        text-align: center;
        text-decoration: none;
        margin: 0 2px 2px 0;
        background-image: none !important;
    }

#mstBody .dashboard_options a:hover, #mstBody .dashboard_options a.active:hover,
#mstBody .dashboard_options_s a:hover, #mstBody .dashboard_options_s a.active:hover,
#mstBody .dashboard_options a:focus, #mstBody .dashboard_options a.active:focus,
#mstBody .dashboard_options_s a:focus, #mstBody .dashboard_options_s a.active:focus  {
    text-decoration: underline;
}

#mstBody .dashboard_options a.active,
#mstBody .dashboard_options_s a.active {
    color: white;
    float: left;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
}

/* add graphics before link */

/*#mstBody .dashboard_options a:before,
#mstBody .dashboard_options_s a:before {
    content: url(../../images/markettrends.svg);
    width:36px;
    height: 36px;
    background: silver;
    display:inline-block;
    padding:3px;
    margin-right:4px;
    vertical-align: middle;
}*/




.dashboard_suboptions table,
.dashboard_suboptions_s table {
    /*background: url(../../images/gui/gui_submenu_bg.png) repeat-x scroll left 6px transparent;*/
    font-family: 'Segoe UI', Arial, sans-serif !important;
    font-size:10px;
        word-break:normal;
        hyphens:none;
    height: auto;
    margin: 0 0 5px;
    padding: 0;
    text-align: center;
}
.dashboard_suboptions td,
.dashboard_suboptions_s td {
    border-right: 1px solid #FFFFFF;
    font-family: 'Segoe UI', Arial, sans-serif !important;
    font-size:10px;
        word-break:normal;
        hyphens:none;
    height: auto;
    padding: 5px;
    text-align: center;
}
/*.dashboard_suboptions_s td {
    font-size:10px;
}*/
.dashboard_suboptions a,
.dashboard_suboptions_s a {
    color: #FFFFFF;
    font-weight: normal;
    margin: 5px 0 15px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    line-height: 14px;
}
.dashboard_suboptions a:hover,
.dashboard_suboptions_s a:hover,
.dashboard_suboptions a:focus,
.dashboard_suboptions_s a:focus {
    text-decoration: underline;
}
    .dashboard_suboptions a.active
    .dashboard_suboptions_ a.active {
        color: #A26308;
        cursor: default;
        text-align: center;
        text-decoration: none;
    }

.dashboard_suboptions td.hwchy_active,
.dashboard_suboptions_s td.hwchy_active {
    /*background: url(../../images/gui/active_help_tab.png) repeat scroll left top transparent;*/
    font-weight: bold !important;
    text-decoration: none !important;
    /*opacity: 0.5;*/
    background-color:#000!important;
}
.dashboard_suboptions td.hwchy_active a,
.dashboard_suboptions_s td.hwchy_active a {
    color: #FFF;
    font-weight: bold !important;
    text-decoration: none !important;
    font-size: small;
}


.HowCanWeHelp_Paging
{
    padding: 6px 5px 6px 6px;
	margin-left:4px;
    text-align: center;
    font-family: 'Segoe UI', Arial, sans-serif !important;
    color: #fff;
    background: url(../../images/gui/prevnext_bg.png) no-repeat left 0px;
    font-weight: bold;
}
.HowCanWeHelp_Paging table
{
    background-color: transparent;
}
.HowCanWeHelp_Paging td
{
    font-family: 'Segoe UI', Arial, sans-serif !important;
    color: #fff;
    border-right: solid 1px #fff;
    padding: 5px;
}
.HowCanWeHelp_Paging a
{
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 10px 5px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}
.HowCanWeHelp_Paging a:hover, .HowCanWeHelp_Paging a:focus
{
    text-decoration: underline;
}
svg.icon-svg {
    width: 55px;
    height: 55px;
    margin: 0 0 10px 0;
    vertical-align: middle;
}
table[id*="ucDashAlert"] svg.icon-svg {
    margin: 0 10px 10px 10px;
}
table[id*="ucDashAlert"]  {
    width: 100% !important;
}
svg.icon-svg[class*='Dashboards'] {
    width: 30px;
    height: 30px;
    margin: 0 0 0 0;
    vertical-align: middle;
}

/* end dashboard styles */

/* context menu styles */

div#ContextLinks {
    text-align: left;
    vertical-align: top;
    width: 100% !important;
    color: black;
    z-index: 9999;
    background: none !important;
}
div#ContextLinks h2 {
    background: none !important;
    background-color: none !important;
     padding:0; margin:0;
    color: black;
    font-size: 16px;
}
.flex-job-table {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
     padding:0; margin:0;
} 
.flex-job-top           { -webkit-order: 1;order: 1;-ms-flex-order: 1;width: 100% !important;float: none; }
.flex-job-right         { -webkit-order: 3;order: 3;-ms-flex-order: 3;width: 100% !important;float: none; }
.flex-job-left          { -webkit-order: 2;order: 2;-ms-flex-order: 2;width: 100% !important;float: none; }
.flex-job-bottom        { -webkit-order: 4;order: 4;-ms-flex-order: 4;width: 100% !important;float: none; }
.right-element          { width: 100% !important;}
.ContextLinkItems ul li, div#ContextLinks a { display: inline-block !important; padding:0; margin:0}
.ContextLinkItems ul  { padding:0; margin:0}

div#ContextLinks a
{
    padding: 0 10px 0 0; 
    font-size: small;
}

    div#ContextLinks a.active {
        text-decoration: none;
        cursor: default;
        color: #7A4B06;
        font-weight: bold;
    }

/* end context menu styles */
#carouselButtons {
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: flex-start;
    bottom: -30px;
    width: 100%;
    z-index: 10;
    font-size: 12px !important;
    color: #000000;
    text-align: center;
}

.carouselButtonsJobCard {
    /*position: absolute;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: flex-start;
    /*bottom: -30px;*/
    width: 100%;
    z-index: 10;
    font-size: 12px !important;
    color: #000000;
    text-align: center;
}

#pauseButton:focus {
    outline: dotted 1px #000 !important;
    outline-offset: 2px !important;
    background-color: #4c4c4c;
    color: #ffffff;
}

#playButton:focus {
    outline: dotted 1px #000 !important;
    outline-offset: 2px !important;
    background-color: #4c4c4c;
    color: #ffffff;
}

.hlpCursorText {
    cursor: text;
}

/* dashboard element media queries */
@media (max-width: 767px) { /* mobile mode */

    #carouselButtons, #carouselButtons.d-none {
        /*display: none !important*/
    }

    .carouselButtonsJobCard, .carouselButtonsJobCard.d-none {
        /*display: none !important*/
    }

    .carousel-inner {
        overflow: visible;
    }
    .column { 
        width: 100% !important;
    }
    .dashboard_suboptions td.hwchy_active a, .dashboard_suboptions_s td.hwchy_active a, .dashboard_suboptions a, .dashboard_suboptions_s a {
        font-size:10px !important;
        word-break:normal;
        hyphens:none;
    }
    .dashboard_suboptions table, .dashboard_suboptions_s table { 
        width: auto !important;
        border-spacing:0 !important;
        background-color:none !important;
        background:none !important;
    }
    .dashboard_suboptions td, .dashboard_suboptions_s td { 
        width: 90px !important; 
        display: inline-block;
        border-right: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        height: 42px !important;
        line-height: 0.8em;
        padding: 0;
        margin:0 !important;
    }
    .carousel-caption h2 {
        font-size: 1.6em;
        line-height: 1.6em;
        margin-bottom: 2px;
        padding-bottom: 8px;
    }

    .carousel-caption p {
        font-size: 0.6em;
        line-height: 1.1em;
        display: none;
    }
}
@media (max-width: 1000px) {
    .column { 
        /*width: 50% !important;*/
    }
}
@media (max-width: 885px) {
    .column { 
        width: 50% !important;
    }
    .carousel-caption h2 {
        font-size: 1.1em;
        line-height: 1.1em;
        margin-bottom: 2px;
    }
    .carousel-caption p {
        font-size: 0.6em;
        line-height: 1.1em;
    }
}
@media (max-width: 516px) {
    .column {
        width: 102% !important;
    }
    .portlet-content table {
	    width: initial !important;
    }
}

/* LMI client slide preview */
span#lblDocumentSummary > .carousel-caption {
    top: 130px;
    bottom: 220px;
    max-width: 60%; 
}

.carousel-control-prev {
    padding: 0 20px 0 0;
}
.carousel-control-next {
    padding: 0 0 0 20px;
}

/* slideshow media queries */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

        .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
}

@media (min-width: 1000px) {
    .carousel-caption h2 {
        font-size: 1.8em;
    }

    .carousel-caption p {
        font-size: 1.2em;
    }
}

@media (max-width: 600px) {
    #dashboardSlideshow {
        margin: 0 0 10px 0;
    }

    .carousel-control-next, .carousel-control-prev {
        align-items: start;
        margin: 10px;
        padding: 0;
    }

    .carousel-indicators, .carousel-indicators li {
        align-items: start;
    }

    .dashboardContainer .HPRwidth80 {
        width: 100% !important;
    }

    .carousel-caption h2 {
        font-size: 1.0em;
        line-height: 1.0em;
        margin-bottom: 2px;
        padding-bottom: 8px;
    }

    .carousel-caption p {
        font-size: 0.6em;
        line-height: 1.1em;
        display: none;
    }

    .carousel-caption {
        background: rgba(0, 0, 0, 0.6);
        padding: 3px 6px 0px 6px;
        border-radius: 12px;
        text-align: left;
        top: 5%;
        bottom: auto;
        right: auto;
        left: 3%;
        min-width: 20%;
        max-width: 60%;
        z-index: 12;
    }

    .pos-topleft, .pos-topright, .pos-centercenter, .pos-bottomcenter, .pos-centerleft, .pos-centerright, .pos-bottomleft, .pos-bottomright, .pos-topcenter {
        top: 5%;
        bottom: auto;
        right: 10%;
        left: 10%;
        min-width: 20%;
        max-width: 80%;
    }
}
/*/////////  end slideshow  /////////*/


/*/////////  end dashboard elements  /////////*/