body {min-width: 320px !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#MyBody{background-color: #25a0da; display: block; box-sizing: border-box; float: left; width: 100%;}
div {box-sizing: border-box;}

span.rtIn{min-width: 100px !important; display: inline-block !important; width: 90%; font-size: 1.2em;}

.page-wrap {display: block; width: 100%; float: left; box-sizing: border-box; padding: 1%; margin-top: 0;}
.toggle {float: left; width: 100%; padding-bottom: 1%;}
.toggle a {color: #fff; font-size: 1.2em;}
.search {float: left; background-color: #fff; border-radius: 5px; margin-right: 1%;}
.content {display: block; float: left; background-color: #fff; border-radius: 5px; box-sizing: border-box;}
.content-full {float: left; background-color: #fff; border-radius: 5px; box-sizing: border-box; overflow-x: hidden; width: 100%;}
.search-Button {background-color: #f5f5f5 !important; margin-top: 14px; border-radius: 4px !important; background-position: center center; border: 1px solid #e5e5e5 !important; display: block; float: left; height: 24px; width: 24px; padding: 2px !important;}
.search-Button:hover {background-color: #f3f315 !important;}
.searchOptions {display: block; float: left; width: 100%; min-height: 80px; padding: 0; background-color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px;}

.panelFloatLeft {float: left;}
/*#treeWrapper {overflow-y: auto; padding: 3% 0;}*/

#dashboardWrapper {background-color: #fff; overflow-y: auto;}
.dashboard h1 {width: 98%; margin-left: 0.6%; margin-bottom: 0; color: #666666; font-size: 1.55em;}

.rgCaption {color: #666666 !important; font-size: 2em !important; font-weight: bold; text-align: left; padding: 0.78em 4px; border-bottom: 1px solid #e5e5e5;}
.rgHeaderDiv {background-color: #f5f5f5;}
.rgMasterTable {border-right: 1px solid #e5e5e5 !important;}

.guage-wrapper{display: block; float: left; width: 280px; min-height: 315px; margin: 10px; position: relative; border: 1px solid #e5e5e5; border-radius: 4px; background: #f5f5f5;}
.guage-wrapper h2 {text-align: center; margin:0 0 0.8em 0; position: absolute; left: 0; top: 0; width: 100%; background-color: #666666; color: #eee; font-size: 1.2em; line-height: 2.4em;}
.guage-wrapper-details {position: absolute; left: 0; bottom: 0.3em; width: 96%; margin: 0 2%; color: #666666; text-align: center;}
.gauge-wrapper-inner {display: block; width: 280px; padding: 20px 0 0 15px;}
.label-wrapper{display: block; width: 275px; height: 270px; padding: 10px 25px 0 25px;}
.dashboard-label-contents {width: 225px; float: left; color: #666666; position: absolute; top: 118px; font-size: 1.1em;}
.dashboard-tile-label-value {display: block; width: 100%; margin: -30px 0 35px 0; text-align:center; font-size: 2.0em; font-weight: bold; color: #666666;}

.rgSelectedRow>td {background-color: #26a0da !important;}

.team-member-text {font-size: 0.95em; display: block; float: left; width: 90%; margin: 0 5%; margin-top: 20px; color: #666; text-align: left; margin-bottom: 14px; line-height: 1.4em; font-weight: normal;}

.teamToggleLink {margin-left: 1%; color: #26a0da;}

.team-member-link {font-family: "Segoe UI",Arial,Helvetica,sans-serif; text-align: left; font-size: 0.88em; color: #000; min-width: 100px !important; display: inline-block !important; width: 80%; text-decoration: none; padding: 5px 0 5px 8px; margin: 1px 0 0 8%;}
.team-member-link:hover {border-color: #e8e8e8; color: #000; background-color: #e8e8e8;}
.team-member-link-clicked {font-family: "Segoe UI",Arial,Helvetica,sans-serif; text-align: left; font-size: 0.9em; color: #000; min-width: 100px !important; display: inline-block !important; width: 80%; text-decoration: none; padding: 5px 0 5px 8px; margin: 1px 0 0 8%; border-color: #25a0da; color: #fff; background-color: #25a0da;}

.shs-details-section-header { display: block; position: relative; border-top-left-radius: 5px; background: #f5f5f5; font-weight: 600; border-top-right-radius: 5px; text-align: left; color: rgba(102, 102, 102, 0.9); padding: 10px 0 14px 10px; overflow: hidden; font-size: 1.5em; margin-bottom: 16px;}

.details-grid-text {font-size: 1.8em; margin: 8px 0; padding: 15px 0 !important;}



.work-order-details-close {display: inline-block; position: absolute; right: 10px; margin-top: -5px; color: #fff;}

.work-order-details-close a {
    display: inline-block; position: relative; color: #f5f5f5;
    font-size: 16px  !important; 
    text-decoration: none !important;
    height: 27px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; 
    border: 3px solid #fff; 
    box-sizing: border-box; 
    padding: 0; 
    margin: 0; 
    width: 27px; 
    text-align: center; 
    line-height: 22px !important;
}

.work-order-details-close a:hover {color: rgba(102, 102, 102, 0.9); background: #fff;}
.details-full-width {display: inline-block; width: 100%; float: left; margin-top: 40px;}



.company-item:after{ content: ' - ';}
.director-item:after{ content: ' - ';}
.region-item:after{ content: ' - ';}


    .rgCaption 
    {
        font-weight: bold; 
        font-size: 24px !important; 
        font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
        color: rgba(102, 102, 102, 0.9) !important; 
        text-align: left !important; 
        padding: 10px;
        text-align: center; 
        background: #f5f5f5;
         padding: 10px 0 14px 10px !important;
    }


.teamRoster {display: inline-block; float: left; float: left; width: 100%;}


@media only screen and (min-width : 320px) and (max-width : 480px) {
	.hide-mobile {display: none;}
    .content {width: 99%; display: none;}
    .search {width: 99%;}
    .page-wrap {margin-top: 14%;}
    .hide-grid-and-tab {display: none !important;}

    .dashboard h1 {font-size: 1em; margin: 3% 0 3% 4%;}
}

@media only screen and (min-width : 480px) and (max-width : 600px) {
	.hide-mobile {display: none;}
    .content {width: 99%; display: none;}
    .search {width: 99%;}
    .page-wrap {margin-top: 10%;}
    .hide-grid-and-tab {display: none !important;}

    .dashboard h1 {font-size: 1.25em;}
}

@media only screen and (min-width : 600px) and (max-width : 686px) {
	.hide-mobile {display: none;}
    .content {width: 99%; display: none;}
    .search {width: 99%;}
    .page-wrap {margin-top: 5%;}
    .hide-grid-and-tab {display: none !important;}

    .dashboard h1 {font-size: 1.25em;}
}

@media only screen and (min-width : 686px) and (max-width : 800px) {
    .content {display: block;}
	.hide-desktop {display: none;}
	.hide-tablet {display: none;}
    .content {width: 60%;}
    .search { width: 39%;}
    .page-wrap {margin-top: 0%;}
    .hide-grid-and-tab {display: none !important;}

    .dashboard h1 {font-size: 1.25em;}
}

@media only screen and (min-width : 800px) and (max-width : 1024px) {
	.hide-desktop {display: none;}
	.hide-tablet {display: none;}
    .content {width: 68.1429%;}
    .search { width: 30.8571%;}
    .page-wrap {margin-top: 0%;}
    .hide-grid-and-tab {display: none !important;}
    span.rtIn {font-size: 1.0em;}
}

@media only screen and (min-width : 1024px) and (max-width : 1100px) {
	.hide-desktop {display: none;}
    .content {width: 75.1429%;}
    .search { width: 23.8571%;}
}

@media only screen and (min-width : 1100px) and (max-width : 1224px) {
	.hide-desktop {display: none;}
    .content {width: 74.1429%;}
    .search { width: 24.8571%;}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
	.hide-desktop {display: none;}
    .content {width: 78.1429%;}
    .search { width: 20.8571%;}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */

}