/* -------------------------------------------------------------- 
   
   custom.css
   * Override default css
		-- to override default settings precede class/id with .custom 
		-- when overriding default body settings use body.custom
   * Set site specific css
      
-------------------------------------------------------------- */
@import url(' https://fonts.googleapis.com/css?family=Quicksand'); 
@import url(' https://fonts.googleapis.com/css?family=Lato:300,400,700,900'); .sponsor td {text-align:right; vertical-align:middle;}

.sponsor td.firstrow {padding-right:10px;}

.fleft {float:left;}
.fright {float:right;}
.clearall {overflow:hidden;}

.block-parent{position: relative;}
.block-child {position: absolute;}
.top {top: 0;}
.right {right: 0;}
.bottom {bottom: 0;}
.left {left: 0;}

/* override body defaults */
body.custom {background-color:#eee;}
a:hover
{
	color:#99CCFF;
}

/* setup base containers */
.contentGroup		{padding:.5em 0; background-color:#FFF; overflow:hidden; clear:both;}
.boundContentGroup	{padding:.8em; border:1px solid #ccc; background-color:#FFF; overflow:hidden; clear:both; margin-bottom:1.5em;}
.panelGroup			{padding: 0 0 1em;}

.adminContentGroup {
    padding: .8em;
    overflow: hidden;
    clear: both;
    margin-bottom: 1.5em;
    width: 560px;
    border: 1px solid #ccc;
    background-color: #FFF;
    margin-left: 150px;
}
.adminBoundContentGroup {
    padding: .8em;
    border: 1px solid #ccc;
    background-color: #FFF;
    overflow: hidden;
    clear: both;
    margin-bottom: 1.5em;
}

/* menu.aspx nav bar links */
#logo { float: left; overflow:hidden;}

#option-nav { float: right;}
.submenu ul li {
    display: inline-block;
    position: relative;
    font-size: 12px;
    cursor: pointer;
    padding: 5px 1px;
}

    .submenu ul li img {
        vertical-align: middle;
        height: 30px;
        padding: 5px;
    }

    .submenu ul li a.link-btn {
        padding: 5px 7px 5px 25px;
        border: 1px solid #0088CC;
    }
    .submenu ul li a.link-btn:hover {
        text-decoration: none;
        background-color: #0088CC;
        color: white;
    }
        .submenu ul li a.link-btn::before {
            font-family: "Font Awesome 5 Free";
            position: absolute;
            /* top: -3px;
            left: 5px;*/
            top: 3px;
            left: 10px;
            font-size: 14px;
        }

        .submenu ul li a.link-btn.lkbtnLogout {
            border-color: #333;
            color: #333;
        }

    /*Font Awesome icon for each item by class*/
        .submenu ul li a.link-btn.ChangePassword::before {
            content: "\f502";
        }
        .submenu ul li a.link-btn.lkbtnLogout::before {
            content: "\f52b";
        }
        .submenu ul li a.link-btn.lkbtnVRG::before {
            content: "\f570";
        }

/* menu.aspx button links */
#menu .button_links li ul li.link-btn-title {
    color: #0088CC;
    font-size: 17px;
    font-weight: bold;
    width: 100%;
    border-bottom: 1px solid #0088CC;
    margin-top: 29px;
    margin-bottom: 20px;
}

    #menu .button_links li ul li.link-btn-title p {
        color: #fff;
        background-color: #0088CC;
        margin: 0;
        padding: 0 5px;
        position: absolute;
        top: 16px;
    }
        #menu .button_links li ul li.link-btn-title p:before {
            width: 0;
            height: 0;
            border-top: 13px solid transparent;
            border-bottom: 12px solid transparent;
            border-right: 15px solid #0088cb;
            content: '.';
            font-size: 0px;
            position: absolute;
            top: 0;
            left: -15px;
        }
        #menu .button_links li ul li.link-btn-title p:after {
            width: 0;
            height: 0;
            border-top: 13px solid transparent;
            border-bottom: 12px solid transparent;
            border-left: 15px solid #0088cb;
            content: '.';
            font-size: 0px;
            position: absolute;
            top: 0;
            right: -15px;
        }
#menu .button_links li ul li.datastatus::before {
    color: #658fb6;
    content: "\f568";
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    margin: 60px;
    text-align: center;
}
#menu .button_links li ul li.datastatus::after {
    display: block;
    content: 'Not Available';
    color: #658fb6;
    width: 140px;
    text-align: center;
}
            #menu .button_links li ul li.link-btn-group + li.datastatus {
                display: none;
            }

#menu .button_links li a.link-btn {
    /*
        border: 1px solid #f5f5f5;
        background-color: #f5f5f5;
        border-radius: 5px;
        color: #222;
    */
    font-weight: 900;
    font-size: 1.1em;
    padding: .5em;
    margin: .375em .2em;
    display: block;
    /*cgao added*/
    height: 140px;
    width: 140px;
    text-align: center;
    float: left
}
    #menu .button_links li a.link-btn img {
        height: 80px;
        width: auto;
        margin: 0 auto;
    }
    #menu .button_links li a.link-btn p {
        margin-top: 0.25em;
    }
#menu .button_links li a.highlight	{
	border:1px solid #999;
	background-color:#222;
	color:#fff;
	font-size:1em;
	padding:.5em;
	margin:.375em 0;
	display:block;
}
#menu .button_links li a:hover {
    background-color: #e4fbff;
    text-decoration: none;
    color: rgba(36, 117, 204, 1)
}
#menu  .button_links li a.highlight:hover {color:#222;}

/*.fill-green {
    filter: grayscale(100%) brightness(100%) sepia(40%) hue-rotate(-260deg) saturate(500%) contrast(0.5);
    -webkit-filter: grayscale(100%) brightness(100%) sepia(40%) hue-rotate(-260deg) saturate(500%) contrast(0.5);
}

.fill-aqua {
    filter: grayscale(100%) brightness(100%) sepia(80%) hue-rotate(-215deg) saturate(600%) contrast(0.4) !important;
    -webkit-filter: grayscale(100%) brightness(100%) sepia(80%) hue-rotate(-215deg) saturate(600%) contrast(0.4) !important;
}

.fill-blue {
    filter: grayscale(100%) brightness(60%) sepia(100%) hue-rotate(-200deg) saturate(400%) contrast(0.5);
    -webkit-filter: grayscale(100%) brightness(60%) sepia(100%) hue-rotate(-200deg) saturate(400%) contrast(0.5);
}

.fill-violet {
    filter: grayscale(100%) brightness(70%) sepia(100%) hue-rotate(-161deg) saturate(400%) contrast(0.6);
    -webkit-filter: grayscale(100%) brightness(70%) sepia(100%) hue-rotate(-161deg) saturate(400%) contrast(0.6);
}*/
.header_title {
    font-size: 1.33em;
    line-height: 1.125em;
    margin-top: 1.125em;
    margin-bottom: 1.125em;
    float: left;
    color: #222;
}
.header_title_right	{font-size:1.33em; line-height:1.125em; margin-top:1.125em; margin-bottom:1.125em; float:right; color:#222;}
.header_button	{float:right; position:relative; top:7px; cursor:pointer; text-indent:-9999px;}
.title-bar {border-bottom:1px solid #000; padding-bottom:.4em; margin-bottom:.5em; width:100%; overflow:hidden; clear:both; height:3.5em;}
.title-line {border-bottom:1px solid #000; padding-bottom:.4em; margin-bottom:.5em; width:100%; overflow:hidden; clear:both; height:0.5em}
.header3 {font-size:1.1667em; line-height: 1.286em; margin-top: .786em; margin-bottom: 0.786em;color:#111;}
.group-header  
{
	background-color: #222; 
	border: 1px solid #222; 
	color: #fff; 
	font-weight: bold; 
	margin: .5em 0; 
	padding: 5px; 
	overflow:hidden;
	_overflow:visible;
	_zoom:1;
}

.sub-header-right{float:right;}
.sub-header-right a {color:#fff;}
.sub-header-right a:hover {color:#000;}
.sub-header-left{float:left;}
.sub-header-center{float:none;}
.sub-header .sub-header-left .sub-header-note {
    font-style: italic;
    display: inline-block;
    padding-left: 25px;
}

/* Map Info Box styles */
.info-box a {color:#0088CC;}
.info-box a:hover {color:Green;}
.info-box 
{
	overflow:auto;
}
.info-box-table
{
	width: 240px;
	background-color: #EEEEEE;
}
.info-box-remarks-table
{
	border-color:Red;
}
.info-box-row-alt
{
	background-color: White;
    
}
.info-box-wide-row
{
    width: 275px;
}
.info-box-wide-row-alt
{
    width: 275px;
    background-color:White;
}
.info-box-remarks
{
	height:100px;
	width:355px;
	overflow-y:scroll;
	overflow-x:hidden;
    background-color:White;
}


tr.table_header			{background:#222; color:#fff; padding:1px;}
tr.table_header_uc			{background:#3399FF; color:#fff; padding:1px;}
label        {color:#000; line-height:1.5em; font-size:10px !important; font-weight:bold;}

.hiddencol
{
    display:none;
}
.viscol
{
    display:block;
}

.center {text-align:center;}

/* Map pin styles
-------------------------------------------------------------- */
.pinStyle1	{ position:relative; background:url('images/pin1.gif') no-repeat 0 0; height:30px; width:25px; top:-15px; text-align:center;  cursor: pointer;}
.pinStyle1 a,.pinStyle1 a:visited, .pinStyle1 .text a, .pinStyle1 .text a:visited {font-weight:bold; font-size:10px; }
.pinStyle1 .text { position: relative; top: 2px; }

.pinStyle2	{ position:relative; background:url('images/blue_pin.gif') no-repeat 0 0; height:30px; width:25px; top:-15px; text-align:center;  cursor: pointer;}
.pinStyle2 a,.pinStyle2 a:visited, .pinStyle2 .text a, .pinStyle2 .text a:visited {font-weight:bold; font-size:10px; }
.pinStyle2 .text { position: relative; top: 2px; }

.pinStyle3	{ position:relative; background:url('images/green_pin.gif') no-repeat 0 0; height:30px; width:25px; top:-15px; text-align:center;  cursor: pointer;}
.pinStyle3 a,.pinStyle3 a:visited, .pinStyle3 .text a, .pinStyle3 .text a:visited {font-weight:bold; font-size:10px; }
.pinStyle3 .text { position: relative; top: 2px; }

.pinStyle4	{ position:relative; background:url('images/orange_pin.gif') no-repeat 0 0; height:30px; width:25px; top:-15px; text-align:center;  cursor: pointer;}
.pinStyle4 a,.pinStyle4 a:visited, .pinStyle4 .text a, .pinStyle4 .text a:visited {font-weight:bold; font-size:10px; }
.pinStyle4 .text { position: relative; top: 2px; }

.pinStyle5	{ position:relative; background:url('images/purple_pin.gif') no-repeat 0 0; height:30px; width:25px; top:-15px; text-align:center;  cursor: pointer;}
.pinStyle5 a,.pinStyle2 a:visited, .pinStyle5 .text a, .pinStyle5 .text a:visited {font-weight:bold; font-size:10px; }
.pinStyle5 .text { position: relative; top: 2px; }

.pinStyle6	{ position:relative; background:url('images/brown_pin.gif') no-repeat 0 0; height:30px; width:25px; top:-15px; text-align:center;  cursor: pointer;}
.pinStyle6 a,.pinStyle6 a:visited, .pinStyle6 .text a, .pinStyle6 .text a:visited {font-weight:bold; font-size:10px; }
.pinStyle6 .text { position: relative; top: 2px; }

.pinStyle7	{ position:relative; background:url('images/red_pin.gif') no-repeat 0 0; height:30px; width:25px; top:-15px; text-align:center;  cursor: pointer;}
.pinStyle7 a,.pinStyle7 a:visited, .pinStyle7 .text a, .pinStyle6 .text a:visited {font-weight:bold; font-size:10px; }
.pinStyle7 .text { position: relative; top: 2px; }
#VEMap a {font-size:10px;}

.ajax__tab_xp .ajax__tab_body {font-size:inherit !important;}

#footer {text-align:center; font-size:11px;}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

div.dimmer
{
    visibility: hidden;
    position:absolute;
    left:0px;
    top:0px;
    font-family:verdana;
    font-weight:bold;
    padding:40px;

    background-image:url(honey.png);
    /* ieWin only stuff */
        /* with this trick only IE
           manage the following 2 attributes */
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
        (enabled=true, sizingMethod=scale src='honey.png');
}

.border-right {border-right:1px solid #ccc;}
.border-bottom {border-bottom:1px solid #ccc;}
.table_header th {color:#fff;}

div.RadGrid .myLinks a
{
    color:black;
    text-decoration:underline;
}

div.RadGrid .hidelink a
{
   color:black;
   text-decoration:none;
}

.valueleft {float:left; height:100px; vertical-align:middle;}
.valueright {float:left; padding-left:30px; padding-right: 350px; height:100px;}

div.RadGrid .addcompsheader
{ 
background-color:#FFC0CB; 
}     

div.panelcontainer
{
	width:100%;
	height:20px;
	margin:0px;
	line-height:150%;
}

div.deliver_xml
{
	float:left;
	width:75em;
}

div.mc_1004
{
	float:right;
	width:15em;
}

td.subject_photos, td.subject_photos span 
{
	vertical-align:top !important;
}

.draw_section
{
	float:right;	
}

.draw_section_left
{
	float:left;	
}

.clear_sides
{
	clear:both;
}

div.property_block_left
{
background-color:#fff;
width:310px;
height:280px;
overflow:visible;
margin-right:0.2cm;
margin-left:0.2cm;
margin-bottom:0.3cm;
float:left;
border-color:Black;
font-size: 6px;
overflow:auto;
border: 1px solid #CCC;
}
.custom-black-small { color: Black; border-color:#cccccc; font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:xx-small}

/*	===================================
	login page custom css - GL 20150710 
	=================================== */
@media screen and (min-width: 768px) /*portrait tablets and bigger*/
{
	/*only push the loginBox down on big screens*/
	.loginBox
	{
		margin-top: 70px;
	}
	.reset-pass-container
	{
		margin-top: 70px;
	}
}
.loginBox
{
	font-family: 'Source Sans Pro', Calibri, Candara, Arial, sans-serif;
	font-size:14px;
	margin-bottom:150px;
}
	.loginBox label
	{
		font-size:15px !important;
	}
.forgot-password
{
	float:right
}
.col-centered{
	float: none;
	margin: 0 auto;
}
/* prevent the login controls from shrinking too much when the browser port is narrowed*/
.loginControl
{
	/*min-width:280px;*/ 
}
.loginBox .loginbutton{
	width:100%;
	margin-top:22px;
	/*max-width:280px;*/
}
.ca-logo
{
	margin-bottom:30px;
}
.login-error
{
	color:red;
	font-size:14px;
}

.photo-upload-error{
	color:red;
	font-size:10px;
}

	.login-error:empty:before
	{
		/*content: "\00a0";*/ /*nbsp character*/
	}
.reset-pass-container
{
	font-family: 'Source Sans Pro', Calibri, Candara, Arial, sans-serif;
	font-size:14px;
}
	.reset-pass-container label
	{
		font-size:15px !important;
	}
	.reset-pass-container .loginbutton
	{
		width:100%;
	}
.raised-panel
{
	background-color:rgba(255, 255, 255, 1);
	padding-top: 10px;
	border: 1px solid;
	border-color: rgba(128,128,128,.5);
	/*min-width:310px;*/
}


/* repairs */
.repairCol
{
	line-height:21px;
	font-size:12px;
}

/* Price opinion */
.boldMe
{
	font-weight:bold;
}

.calcButton{
	width: 80px;
	margin-top: 6px;
	margin-bottom:6px;
	display:table-cell;
}

.centerText{
	text-align: center;
}

.rightAlign
{
	text-align:right;
}

.size12
{
	font-size:12px;
}

.poBox
{
	padding-bottom:2px;
}


/*fixes for jqueryui popup*/
#content .ui-dialog
{
    background-color: #fff;
    z-index: 2000 !important;
    border: 1px solid #999
}

/* remove padding from lb-container for photo preview */
#lightbox .lb-container
{
	padding: 0px;
}

/* custom css for rad async upload */
div.RadUpload .ruFakeInput
{
    visibility: hidden;
    width: 0;
    padding: 0;
}

span.ruFileWrap input[type=button]
{
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:10px;
	padding: 1px 6px;
	line-height:14px;
	margin-left:0px;
	background-position: 0 -46px;
    width: 115px;
}

div.RadUpload_Default .ruFileWrap .ruButtonHover
{
    background-position: 100% -46px !important;
}

div.RadUpload_Default .ruFileWrap .ruButtonFocus 
{
    background-position: -1px -47px;
}

.RadUpload .clearButton
{
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:10px;
	padding: 1px 6px;
	line-height:14px;
}

 .RadUpload .ruInputs .ruFileWrap
{
	height:100%;
}

/*subject info section*/
.subject-info-header
{
	font-weight:bold;
	border-bottom:1px solid black;
	margin-bottom:4px;
	padding-top:8px;
}

.halfCellText
{
	width:50%;
	padding-left:5px;
}

.gridtable .comboRowBlock
{
	line-height:33px;
	padding-top:0px;
	padding-bottom:0px;
}

.gridtable .fullSpan
{
	width:100%;
}

.gridtable .custom_checkbox_style input
{
	margin:-1px 0 0 0;
	vertical-align:middle;
	-ms-transform: scale(.95); /* IE */
	-moz-transform: scale(.95); /* FF */
	-webkit-transform: scale(.95); /* Safari and Chrome */
	-o-transform: scale(.95); /* Opera */
}

	.gridtable .custom_checkbox_style label
	{
		display:inline-block;
		vertical-align:middle;
		font-size:10px !important;
		margin:-1px 0 0 0;
	}

.splitLeft
{
	display:inline;
	text-align:left;
}

.splitRight
{
	display:inline;
	float:right;
	padding-right:9px;
}

.red-flags-comments
{
	font-size:12px;
}

.commentsLabel
{
	font-size:12px !important;
	margin-bottom:0;
	font-weight:normal;
	color:rgb(51,51,51);
}

.clearButton
{	
	display:inline;
}

.spiBlockFirst
{
	display:inline;
}

.spiBlock
{
	padding-left:25px;
	display:inline;
}
	.spiBlock input
	{
		margin-left:10px;
	}

.highlight-error
{
	background-color: #ff9e9e !important;
}

.signatureImageContainer
{
	height:100px;
}

	.signatureImageContainer img
	{
		border:0px;
		margin:0 auto;
		display:block;
	}

/*Make the comparable search criteria textbox size 12px*/
.pnlAddSearch input[type=text]
{
    font-size: 12px;
}
.pnlAddSearch select
{
    font-size: 12px;
}


#copyToGridBtn{
	width: 180px;
	margin-top: 6px;
	margin-bottom:6px;
	display:table-cell;
}

.grayOut
{
	color:graytext;
}

.searchField
{
	display:inline-block;
	width:50%;
	padding-right:4px;
}
	.searchField input[type=text]
	{
		font-size: 12px;
	}
	.searchField select
	{
		font-size: 12px;
	}


.searchFieldLabel
{
	margin-bottom:0px;
	font-weight:normal;
}

.searchFieldLabelTop
{
	margin-bottom:0px;
}

.labelContainer
{
	text-align: right;
	margin-top:-3px;
	width:100%;
}

.cbxWrapper
{
	width: 60px;
}

.cbxWrapperHuge
{
	width:100%;
}	

.cbxWrapper, .cbxWrapperHuge
{
	display:inline-block;
	margin-top:4px;
}
	.cbxWrapper input[type=checkbox], .cbxWrapperHuge input[type=checkbox] {
		vertical-align: -2px;
		margin: 0;
		padding: 0;
	}

/* css for the waiting spinner - GL 20151028 */
#waitingSpinner
{
	position:fixed !important;
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
    background-color: #808080;
    z-index: 1999999999 !important;
    opacity: .8;
    text-align: center; top: 0; left: 0;
	display:none;
}

.nextRow
{
	margin-top:5px;
}

.subjSearchField
{
	display:inline-block;
	padding-right:4px;
}
	.subjSearchField input[type=text]
	{
		font-size: 12px;
	}
	.subjSearchField select
	{
		font-size: 12px;
	}

.image-uploader
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
}
	.image-uploader img
	{
		/*border-top: 1px solid rgba(0,0,0,0.15);*/
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: rgba(0,0,0,0.15);		
		/*border-left: 1px solid rgba(0,0,0,0.15);*/
		border-left-style: solid;
		border-left-width: 1px;
		border-left-color: rgba(0,0,0,0.15);
		box-shadow: 2px 2px 3px rgba(0,0,0,0.35);
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.image-uploader .clearButton
	{
		margin-top: 4px;
	}

.image-uploader-comp
{
}
	.image-uploader-comp img
	{
		max-width: 213px;
	}


.image-uploader-signature
{
	margin-bottom:5px;
}
	.image-uploader-signature img
	{
		max-width: 304px;
	}

.label-field-pair
{
	width:100%;
	display:table;
}
	.label-field-pair .label-field-pair-label
	{
		display:table-cell;
	}
	.label-field-pair .label-field-pair-field
	{
		display:table-cell;
		text-align:right;
		vertical-align:top;
	}
    .label-field-pair .label-field-pair-extra
	{
		text-align:right;
		vertical-align:top;
	}
    .label-field-pair .label-field-pair-fieldleft {
		display:table-cell;
		text-align:left;
		vertical-align:top;    
    } 
/* add some style to the address bar on ibpoqc2 */
.addrRow
{
	border-top:1px solid rgba(36, 117, 204, 0.34902);
	border-bottom:1px solid rgba(36, 117, 204, 0.34902);
	background-color:rgba(0, 148, 255, .15);
	margin-bottom:4px;
}

/* styles for CompsThumbnail2 */
.compSummaryBox {
    border: 1px solid #ccc;
    padding-bottom:5px;
    padding-left:20px;
    padding-right:20px;
    margin-top:30px;
}
    .compSummaryBox .addrText {
        font-weight: bold;
        font-size: 13px;
    }
    .compSummaryBox .houseInfo {
        font-size: 11px;
        margin-left:0px;
        margin-right:0px;
    }
    .compSummaryBox .imageFrame {
        margin-bottom: 1px;
    }
    .compSummaryBox .evenRow {
        background-color:  rgb(204,204,204);
    }
    .compSummaryBox .mlsRemarks {
        margin-top: 5px;
    }

.size11 {
    font-size: 11px;
}

.togboxpi_property_inspection .row .explanations {
    line-height: 21px;
}
    .togboxpi_property_inspection .row .explanations input {
        display: inline-block;
    }

.togboxpi_property_inspection .label-field-pair .label-field-pair-field .upload-check-div {
    display: inline-block;
    margin-left:7px;
    margin-right:7px;
}

.explanationCaption
{
	font-size:12px;
    line-height:12px;
    font-style: italic;
}
    .explanationCaption a, a.help-link {
        cursor: pointer;
        text-decoration: underline;
    }

.gutter-xs.row {
  margin-right: 0px;
  margin-left: 0px;
}
.gutter-xs > [class^="col-"], .gutter-xs > [class^=" col-"]{
  padding-right: 2px;
  padding-left: 2px;
}
.gutter-xs div.col-left {
    padding-left: 0px;
    margin-left: 0px;
}
.gutter-xs div.col-right {
    padding-right: 0px;
    margin-right: 0px;
}

.gutter-none.row {
  margin-right: 0px;
  margin-left: 0px;
}
.gutter-none > [class^="col-"], .gutter-none > [class^=" col-"]{
  padding-right: 0px;
  padding-left: 0px;
}
.gutter-none div.col-left {
    padding-left: 0px;
    margin-left: 0px;
}
.gutter-none div.col-right {
    padding-right: 0px;
    margin-right: 0px;
}

.boundContentGroup .row-clump, .rad-window-contents .row-clump {
    background-color: #ededed;
    margin-bottom: 6px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 6px;
}
.boundContentGroup .row-clump-nobg, .rad-window-contents .row-clump-nobg {
    background-color: white;
    margin-bottom: 6px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 6px;
}
    .boundContentGroup .row-clump > [class^="col-"], 
    .boundContentGroup .row-clump > [class^=" col-"],
    .rad-window-contents .row-clump > [class^="col-"],
    .rad-window-contents .row-clump > [class^=" col-"],
    .rad-window-contents .row-clump-nobg > [class^="col-"],
    .rad-window-contents .row-clump-nobg > [class^=" col-"]
     {
        padding-left: 6px;
        padding-right: 6px;
    }

.boundContentGroup .same-row-container {
    margin-bottom: 1px;
    margin-top: -1px;
    display: block;
}
.same-row {
    display: inline-block;
}

/*radwindow customizations*/
table.rwTable {
}
    table.rwTable .rwTitleRow td.rwTitlebar {
        background-color: #0088CC;        
    }

    .RadWindow_Default table.rwTable .rwTitleRow td.rwTitlebar {
        background-color: transparent;
        /* for popup with default radwindow theme do not use custom styling above --- cg */
    }
        table.rwTable .rwTitleRow td.rwTitlebar a.rwCloseButton {
            background: url("images/cancel_image.gif") no-repeat;
            background-position: 6px 1px;
            cursor: pointer; 
            cursor: hand;
        }
        table.rwTable .rwTitleRow td.rwTitlebar table.rwTitlebarControls em {
            color: white;
            font-weight: bold;
            font-size: 12px;
        }
        .RadWindow_Default table.rwTable .rwTitleRow td.rwTitlebar table.rwTitlebarControls em {
            color: #333;
            /* for popup with default radwindow theme do not use custom styling above --- cg */
        }
    table.rwTable td.rwWindowContent {
    }
.rad-window-contents {
    padding: 6px;
    width: 380px;
    height: 100%;
}

.checkbox-label {
    margin-left: 5px;
}

.repairCol input.full-width, .repairCol select.full-width {
    width: 100%;
}

.row .popup-button-col input {
    margin-left: 12px;
}

.mar-top-2 {
    margin-top: 2px;
}
.pusher {
    display: inline-block;
    width: 7px;
}

.window720 .rad-window-contents {
    width: 720px;
}

.no-margin {
    margin: 0 !important;
}
.vertical-middle {vertical-align: middle;}

.auto-select {
    width: auto;
}
.ca-color {
    color: #0088CC;
}
.lock-resize { 
    resize: none;
}
.ca-col_row .rtsLevel1 .rtsUL, .ca-col_row {
    display: -ms-flexbox;
    display: table;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding-right: 2px;
}
.ca-col_auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto !important;
    max-width: none;
    display: table-cell !important;
}

.icon-bg img {
    height: 20px;
    width: auto;
    background-color: #fff;
    border-radius: 3px;
    border: 2px solid #e6e6e6 !important;
    padding: 2px;
}

.info-option_bar {
    padding: 0 !important;
    width: 100%;
    height: 100%;
    background-color: #fff !important;
    color: #999 !important;
    margin-top: -3px !important;
}

    .info-option_bar .sub_header_right_bpo, .info-option_bar .sub_header_left_bpo {
        min-height: 40px;
        display: flex;
        align-items: center;
    }
    .info-option_bar .sub_header_left_bpo {
        font-size: 16px;
    }
        .info-option_bar .sub_header_left_bpo .auto-select {
            font-size: 20px;
            padding: 0 4px;
            vertical-align: middle;
            margin-right: 5px;
            margin-left: 5px;
            border-radius: 3px;
            border-width: 1px 2px 3px 1px;
            border-color: #cccccc;
        }

    .info-option_bar .sub_header_right_bpo {
        padding: 5px;
    }
        .info-option_bar .sub_header_right_bpo span {
            padding: 5px;
            font-size: 16px;
            font-weight: bold;
        }
        .info-option_bar .sub_header_right_bpo input {
            color: #fff;
        }

.comp_table {
    margin-bottom:10px;
}
    .comp_table .order_display[disabled="disabled"] input {
        color: white;
        background-color: #5bc0de;
        border-color: transparent;
        text-align: center;
        font-weight: bold;
    }

#tabStripContainer .option-bar {
    margin: 0 0 5px 0;
}

.tabstrip-clear .rtsLevel ul.rtsUL li.rtsLI {
    margin-bottom: 0;
}
    .tabstrip-clear .rtsLevel ul.rtsUL li.rtsLI .rtsLink {
        opacity: 0.75;
        border-radius: 5px;
        margin: 0 !important;
    }
        .tabstrip-clear .rtsLevel ul.rtsUL li.rtsLI.rtsSelected .rtsLink {
            opacity: 1;
        }
            .tabstrip-clear .rtsLevel ul.rtsUL li.rtsLI.rtsSelected .rtsLink .rtsTxt {
                font-family: sans-serif;
            }

h3 strong span, .inline-validation span{
    color: red !important;
    font-weight: bold;
    font-size: 12px;
}
    /* use this class to <asp:label> for error styling */
    .inline-validation {
        font-size: 12px;
        margin: 10px auto;
        color: red !important;
        font-weight: bold;
    }
    /* use this class to <td> if error block is using table markup */
    .error_blockCell {
        vertical-align: middle;
        padding: 5px 0;
    }

.highlight {
    background: #ccc;
}
.sponsorImageLogo {
    max-width: 200px;
    max-height: 75px;
}

/* NPS CSS START */
.nps {
    position: fixed;
    width: 500px;
    right: 16px;
    bottom: 15px;
    z-index: 1003 !important;
}

    .nps .npsContainer {
        border: 1px solid #e6e6e6;
        padding: 50px 65px;
        background: #fff;
        font-family: 'Lato', sans-serif !important;
    }

    .nps .header {
        font-size: 30px;
        margin-bottom: 20px;
        line-height: 36px;
        font-weight: bold;
        color: #414b66;
    }

    .nps .subheader {
        font-size: 15px;
        margin-bottom: 24px
    }

    .nps .btn-secondary {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .nps .nps-btn {
        cursor: pointer;
        display: inline-block;
        font-weight: 400;
        font-family: 'Lato', sans-serif;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 1px solid transparent;
        border-radius: 3px;
        padding: 5px 15px;
        font-size: 125%;
        line-height: 1.5;
        margin-right: 15px;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .nps textarea {
        font-family: sans-serif;
        padding: 10px;

        border: 1px solid #c1c1c1;
        width: 100%;
        border-radius: 3px;
        font-size: 12px;
    }

    .nps .nps-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        max-height: 65vh;
        overflow: auto;
    }

        .nps .nps-row div {
            padding-right: 15px;
            padding-left: 15px;
            font-family: 'Lato', sans-serif;
        }

            .nps .nps-row div.clearfix {
                padding: 0 !important;
            }

    .nps .nps-col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .nps .nps-col-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .nps .close {
        position: absolute;
        right: 0;
        margin-right: 28px;
        font-size: 15px;
        cursor: pointer;
        height: 20px;
        width: 20px;
    }

    .nps hr {
        margin: 25px;
        background: #e6e6e6;
    }

    .nps .nps-radio-btn-group {
        display: flex;
    }

        .nps .nps-radio-btn-group input[type="radio"] {
            display: none;
        }

        .nps .nps-radio-btn-group label {
            padding: 5px 10px;
            margin: 5px;
            border: 1px solid #ccc;
            border-radius: 5px;
            background-color: #f0f0f0;
            cursor: pointer;
            transition: background-color 0.3s, border-color 0.3s;
            font-family: sans-serif;
        }

        .nps .nps-radio-btn-group input[type="radio"]:checked + label {
            background-color: #007bff;
            color: #fff;
            border-color: #007bff;
            padding: 5px 10px;
        }

        .nps .nps-radio-btn-group input[type=radio]:checked + label:before {
            content: "" !important;
            color: #0088cc;
            letter-spacing: 5px;
            font-weight: normal;
        }

        .nps .nps-radio-btn-group input[type=radio] + label:before {
            content: "" !important;
            letter-spacing: 5px;
            color: #ddd;
        }

        .nps .nps-radio-btn-group label:hover {
            background-color: #e0e0e0;
        }

/* NPS CSS End */


.displaySectionLabel {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 2.75em;
    padding-bottom: 15px;
    position: relative;
}

    .displaySectionLabel:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 5px;
        width: 55px;
        background-color: #111;
    }
    .displaySectionLabel:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 2px;
        height: 1px;
        width: 95%;
        max-width: 255px;
        background-color: #333;
    }

.linkSection, .linkLabel {
    color: #0088CC;
    padding: 7px 7px 7px 30px !important;
}
    .linkSection::before, .linkLabel::before {
        font-family: "Font Awesome 5 Free";
        position: absolute;
        top: 8px;
        left: 12px;
        font-size: 14px;
    }
    .linkSection::before {
        content: "\f07b";
    }
    .linkLabel::before {
        content: "\f15b";
    }