/* hide left navigation by default & enable it with target audience script webpart */

#sideNavBox { display: none; }
#contentBox { margin-left: 55px; }
#pageStatusBar { display:none!important; }

 
/**tooltips**/
.spanCpy{
	font-size:12px
}

span.tooltip {
    position: relative;
    font-size:10px
}

span.tooltip span {
    display: none;    
}

span.tooltip:hover span, a.tooltip:focus span {
    display:block;
    position:absolute;
    top:1em;
    left:1.5em;
    padding: 0.2em 0.6em;
    border:1px solid #996633;
    background-color:rgb(255,141,109);
    color:#000;
		}

/* styles */
.iotPtextS{
	font-size:10px;
}

    .iotBorderLarge {
	   /* margin-left: -5px;
        padding: 5px 5px 5px 5px;*/
		margin-left: 5px;
        border-bottom-color: black;
        border-top-color: black;
        border-left-color: black;
        border-right-color: black;
    }
    
    .iotBlockBox {
        display: inline-block !important;
        width: 180px;
        height: 140px;
        background: #c6c9ca;
        margin: 5px 5px;
        line-height: 16px !important;
        color: #000;
        padding: 10px 10px;
        font-size: 13px;
        border-bottom: 3px solid #01a982;
    }
    
    .floatControl {
        background-color: #01a982!important;
        width: 100px;
        position: fixed;
        left: 25px;
        top: 15px;
        z-index: 99999;
        padding: 10px;
        line-height: 30px;
        border-radius: 5px;
       
    }
    
    .floatFont {
        padding: 5px, 5px, 5px, 5px;
        font-size: 14px;
        color: #FFFFFF;
        font-weight: bold;
    }
    
    .iotResTitle {
        background-color: #01a982  !important;
        padding: 10px 20px;
        margin-bottom: 10px;
        color: #fcfcfc;
        font-weight: bold;
        font-size: 1.6em !important;
        border: 1px solid #ccc;
        width: 95%;
    }
    
        .iotResReportTitle {
        margin-left: 5px;
        background-color: #01a982  !important;
        padding: 10px 20px;
        margin-top: 20px;
        margin-bottom: 10px;
        color: #fcfcfc;
        font-weight: bold;
        font-size: 17px;
        line-height: 30px;
        border: 1px solid #ccc;
        width: 97%;
    }
    
    .iotPicBox {
        background: white;
        width: 110px;
        height: 55px;
        border-radius: 5px !important;
        margin-left: -5px !important;
    }
    
    .iotPicBoxRetOut {
        padding: 10px 10px 0 10px;
        height: 90px;
        width: 160px;
    }
    
    .iotPicBoxRetIn {
        padding: 10px;
        width: 140px;
        border-radius: 15px !important;
    }
    
    .iotResBoxCata {
        font-size: 0.8em !important;
        font-weight: normal !important;
        display: inline-block !important;
        width: 110px;
        height: 110px;
        background: rgba(54, 54, 54, 0.08);
        margin: 1px 1px;
        line-height: 20px !important;
        color: #614767;
        padding: 10px 10px 25px 10px;
        text-align: center;
        border-bottom: 3px solid #614767;
    }
    
    .iotResBoxCata :hover {
        border-bottom: 3px solid #FFFFFF;
        color: #FFFFFF;
        background: #614767
    }
    
    .iotResBox {
        font-size: 0.8em !important;
        font-weight: normal !important;
        display: inline-block !important;
        width: 100px;
        height: 100px;
        background: rgba(54, 54, 54, 0.08);
        margin: 1px 1px;
        line-height: 20px !important;
        color: #614767;
        padding: 10px 10px 25px 10px;
        text-align: center;
        border-bottom: 3px solid #614767;
		box-sizing: content-box !important;
    }
    
    .iotResBox:hover {
        border-bottom: 3px solid #FFFFFF;
        color: #FFFFFF;
        background: #614767;
        font-weight:bold !important;
    }
    
    
    .iotResBoxGold {
        font-size: 0.9em !important;
        font-weight: normal !important;
        display: inline-block !important;
        width: 130px;
        height: 135px;
        background: rgba(54, 54, 54, 0.08);
/*         margin: 1px 1px; */
        line-height: 15px !important;
        color: #614767;
/*         padding: 10px 10px 25px 10px; */
        text-align: center;
        border-bottom: 3px solid #ff8d6d !important;
		data-toggle: tooltip;
		title: Gold Tier Partner;
    }
    
	
	
    .iotResBoxGold:hover {
        border-bottom: 3px solid #FFFFFF;
        color: #FFFFFF;
        background: url("/javax.faces.resource/partnerLogo/TierGold.png.xhtml") no-repeat !important;
		background-size:cover !important;
		text-align:center !important;
    }
    .iotResBoxSilver {
        font-size: 8px !important;
        font-weight: normal !important;
        display: inline-block !important;
        width: 130px;
        height: 135px;
        background: rgba(54, 54, 54, 0.08);
/*         margin: 1px 1px 1px 1px; */
        line-height: 15px !important;
        color: #614767;
/*         padding: 10px 10px 25px 10px; */
        text-align: center;
        border-bottom: 3px solid #c9bfbf;
    }
    
    .iotResBoxSilver:hover {
/*         border-bottom: 3px solid #FFFFFF !important;; */
/*         color: #FFFFFF !important; */
/*         background: #c9bfbf !important; */
        
        border-bottom: 3px solid #FFFFFF;
        color: #FFFFFF;
        background:  transparent url("/javax.faces.resource/partnerLogo/TierSilver.png.xhtml") no-repeat !important;
		background-size:cover !important;
    }
    
        .iotResBoxPC {
        font-size: 0.8em !important;
        font-weight: normal !important;
        display: inline-block !important;
        width: 130px;
        height: 155px;
        background: rgba(54, 54, 54, 0.08);
        margin: 1px 1px;
        line-height: 20px !important;
        color: #614767;
        padding: 10px 10px 25px 10px;
        text-align: center;
        border-bottom: 3px solid rgb(97,71,103);
        border:none;
    }
    
    .iotResBoxPC:hover {
        border-bottom: 0px solid #FFFFFF !important;;
        color: #FFFFFF !important;
        background: rgb(97,71,103);
    }

    .iotResBoxPlatinum  {
        font-size: 0.9em !important;
        font-weight: normal !important;
        display: inline-block !important;
        width: 130px;
        height: 135px;
        background: rgba(54, 54, 54, 0.08);
/*         margin: 1px 1px; */
        line-height: 15px !important;
        color: #614767;
/*         padding: 10px 10px 25px 10px; */
        text-align: center;
        border-bottom: 3px solid #332e2e;
    }
    
    .iotResBoxPlatinum:hover {
        border-bottom: 3px solid #FFFFFF;
        color: #FFFFFF;
        background:  transparent url("/javax.faces.resource/partnerLogo/TierPlatinum.png.xhtml") no-repeat !important;
		background-size:cover !important;
    }

    	.iotResBoxBusiness  {
        font-size: 8px !important;
        font-weight: normal !important;
        display: inline-block !important;
        width: 115px;
        height: 80px;
        background: rgba(54, 54, 54, 0.08);
/*         margin: 1px 1px; */
        line-height: 15px !important;
        color: #614767;
/*         padding: 10px 10px 25px 10px; */
        text-align: center;
        border-bottom: 3px solid #332e2e;
    }
    
    .iotResBoxBusiness:hover {
        border-bottom: 3px solid #FFFFFF;
        color: #FFFFFF !important;
        background: #c0c0c0
    }
    
    .reportRow {
    }
     .reportRow:hover {
    	background: #e9e9e9;
    }
	
    .cboxUC {
        display: inline-block;
        width: 12px;
        height: 12px;
        border: 1px solid #ccc;
        background: #fff;
        margin-top: 9px;
        margin-right: 3px;
    }
    
    .cboxUC.checked {
        background: #614767;
    }
    
    .cboxUC.checked:after {
        content: ""
    }
    
        
    
    .cboxRG {
        display: inline-block;
        width: 12px;
        height: 12px;
        border: 1px solid #ccc;
        background: #fff;
        margin-top: 9px;
        margin-right: 3px;
    }
    
    .cboxRG.checked {
        background: rgb(95,122,118);
    }
    
    .cboxRG.checked:after {
        content: ""
    }
    
    .checkBox {
        font-size: 11px;
    }
    
    .checkBox p {
        margin-top: 9px !important;
        line-height: 15px !important;
    }
    
    .btn1 {
        background-color: #c6c9ca;
        border: medium none;
        color: #333;
        cursor: pointer;
        font-size: 14px;
        font-weight: bold;
        padding: 6px 16px;
        display: inline-block;
        border: 1px solid #373737;
        /*  border-bottom-left-radius: 4px;
    border-top-right-radius: 4px; */
    }
    
    .btn1:hover {
        border: 1px solid white;
    }
    
    .floatCheckboxTitle {
        background-color: #01a982 !important;
        padding: 5px 20px;
        color: white;
        font-weight: bold;
        font-size: 15px;
        line-height: 15px;
    }#614767
    
    .applybtn {
        cursor: pointer;
    }
    
    .clearbtn {
        cursor: pointer;
    }
    
    #introMenu a {
        color: #fcfcfc;
        background: #614767;
        padding: 10px 15px;
    }
    
    #introMenu a:hover {
        cursor: pointer;
    }
    
    #introMenu {
    	margin-left: 5px;
        margin-bottom: 40px;
        font-size: 1.3em;
        line-height: 1.4em;
    }
    
    #filter1 {
        width: 280px;
/*        position:absolute;
*/
        position: fixed;
        right: 20px;
        top: 90px;
        z-index: 180;
        padding: 10px;
        line-height: 30px;
		background:lightgrey
    }
    
	#hideFilter {
        width: 100px;
        position:fixed;
        right: 20px;
        top: 60px;
        z-index: 180;
        padding: 10px;
        line-height: 10px;
		background:lightgrey
    }
	
    .ms-webpart-zone {
        margin-left: -30px! important;
    }
	
	img{
		border:none;
		object-fit:contain;
	}
	
	.companyHeaderGrid.ui-panelgrid>*>tr,
.companyHeaderGrid.ui-panelgrid .ui-panelgrid-cell {
    border: none;
}