@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

/*******************************/
/*  Global Styles, Should be converted in SaSS           */
/*******************************/

.dl-container, .fm-container{
    border: 1px solid #D1D1D1;
    border-radius: 8px;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.05);
    background: #FFFFFF;
    font-size: 16px;
}


.grey-container{
    border: 1px solid #D1D1D1;
    border-radius: 8px;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.05);
    background: #F5F5F5;
}


#content .custom-portlet-font h1.fm-title {
    font-size: 1.875rem;
    color: #004E87;
    font-weight: 300;
    margin: 22px 15px 26px 15px !important;
}

/* Text Classes */

.custom-portlet-font .dl-title {
    font-size: 1.875rem;
    color: #004E87;
    font-weight: 300;
}

#content .large-text{
	font-size: 18px !important;
}

#content .sml-text{
	font-size: 14px !important;
}

#content .smlr-text, #content label.smlr-text{
	font-size: 12px;
}

#content .bold{
	font-weight: 700;
}

#content .bold-heavy{
	font-weight: 800;
}

.blue-text{color: #004E87}

.c-margin-45{margin: 45px}
.c-margin-60{margin: 60px}


#content .dl-container p, #content .fm-container p{
	margin-left: 0px
}

#content .dl-container a, #content .fm-container a{
	font-weight: normal;
	text-decoration: none;
}

/* Updating base font size from 16 to 14*/

.dl-container, .fm-container, #content .custom-form input, #content .custom-form select, #content table.fm-table, #content table.fm-table span,
 #content table.fm-table td, #content table.fm-table th, .custom-form .custom-radio .custom-control-label, 
 #main-content .custom-portlet-font .custom-checkbox label 
{
	font-size: 14px;
}

#main-content .custom-form form label, #main-content .custom-form .cust-label{
	font-size: 13px;
}

#main-content .custom-checkbox label.custom-consent-label {
	font-size: 12px;
}

/*form-css*/

#main-content .custom-form input[type=text] {
	background: #FFFFFF;
	border: 1px solid #D4D4D4;
	box-shadow: inset 0 3px 6px 0 rgba(0,0,0,0.05);
	border-radius: 4px;
	height: 45px;
}

#main-content .custom-form select{
	border: 1px solid #D4D4D4;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.10);
	border-radius: 4px;
	height: 45px;
	font-size: 14px !important;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='25.521326542960878' height='20.260663271480446' version='1.1' style=''%3e%3crect id='backgroundrect' width='100%25' height='100%25' x='0' y='0' fill='none' stroke='none' class='' style=''/%3e%3c!-- Generator: Sketch 63.1 (92452) - https://sketch.com --%3e%3ctitle%3ePath%3c/title%3e%3cdesc%3eCreated with Sketch.%3c/desc%3e%3cdefs%3e%3cfilter x='-97.2%25' y='-97.2%25' width='294.4%25' height='294.4%25' filterUnits='objectBoundingBox' id='filter-1'%3e%3cfeOffset dx='0' dy='0' in='SourceAlpha' result='shadowOffsetOuter1'/%3e%3cfeGaussianBlur stdDeviation='0' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3e%3cfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0' type='matrix' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3e%3cfeMerge%3e%3cfeMergeNode in='shadowMatrixOuter1'/%3e%3cfeMergeNode in='SourceGraphic'/%3e%3c/feMerge%3e%3c/filter%3e%3c/defs%3e%3cg class='currentLayer' style=''%3e%3ctitle%3eLayer 1%3c/title%3e%3cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' class='' transform='rotate(90.2805404663086 12.760663986206055,10.130331993103026) '%3e%3cg id='Group-20-+-Line-2-+-Line-2-Copy-3-+-Line-2-Copy-4-+-Line-2-Copy-5-+-Line-2-Copy-6-+-Line-2-Copy-7-+-Line-2-Copy-8-+-Group-Mask' fill='%230078CC' fill-rule='nonzero'%3e%3cg id='arrow-circle-right'%3e%3cg filter='url(%23filter-1)' id='svg_1'%3e%3cpath d='M16.461269361550567,11.284163732815808 L10.207088253562057,16.071122712190213 C9.905572644199903,16.305152894078798 9.501506286727444,16.35996796427928 9.148334512847795,16.214751816659287 C8.795162682209943,16.0695356123956 8.547061888800409,15.746564287778487 8.498249024061469,15.368487027567932 C8.44943610256433,14.990409824001073 8.607399042862625,14.615223544886112 8.912150945469119,14.385406238090317 L14.251106802833142,10.298563374975133 C14.305024041974555,10.258656982923153 14.336816725234133,10.195623874980335 14.336816725234133,10.12863227879571 C14.336816725234133,10.061640682611092 14.305024041974555,9.998607574668267 14.251106802833142,9.958701182616286 L8.912150945469119,5.875256941424693 C8.607399042862625,5.6454396346288975 8.44943610256433,5.27025338383579 8.498249024061469,4.892176140618335 C8.547061888800409,4.5140988974008875 8.795162682209943,4.1911275557906675 9.148334512847795,4.0459113855132 C9.501506286727444,3.900695215235727 9.905572644199903,3.9555103024293246 10.207088253562057,4.189540467324793 L16.461269361550567,8.976499446699203 C16.820932168319416,9.251608488559704 17.031821293613255,9.67809147117245 17.031821293613255,10.130331589757505 C17.031821293613255,10.582571708342556 16.820932168319416,11.009054690955306 16.461269361550567,11.284163732815808 L16.461269361550567,11.284163732815808 z' id='Path'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
	background-size: 20px;
}

#main-content .custom-form .find-a-location select{
	border: 1px solid #D4D4D4;
	border-radius: 4px 0px 0px 4px !important;
	height: 45px !important;
	z-index: 1;
	color: #0078CC;
	box-shadow: none;
}

#main-content .custom-form .find-a-location input[type=text] {
	height: 45px;
  	border: 1px solid #D4D4D4;
  	box-shadow: inset 0 3px 6px 0 rgba(0,0,0,0.05);
}

#main-content .custom-form .find-a-location .input-group>.custom-select:not(:last-child),
 #main-content .custom-form .input-group>.form-control:not(:last-child) {
    border-radius: 0px 4px 4px 0px;
}

#main-content .custom-form form label, #main-content .custom-form .cust-label{
	line-height: 1.5;
}

#main-content .custom-form .has-error select, #main-content .custom-form .has-error input, #main-content .custom-form .has-error input{
    border: 1px solid #712D2B;
    background-color: #F2DEDE;
}

#main-content span.invalid-warning, #main-content .invalid-warning {
    margin-top: 0.50rem;
    font-weight: bold;
    font-size: 13px;
}

#content .error, #content .required { color:#712D2B}


#main-content .is-invalid .custom-checkbox .custom-control-label::before{
    border-color: #712D2B;
}

#main-content .is-invalid .custom-checkbox label {
    color: #712D2B;
}

#main-content .custom-portlet-font .custom-checkbox label{
    padding-left: 10px;
	vertical-align: sub;
}

/* Custom-radio override / Custom-checkbox override */

.custom-form  .custom-control-label::before{
	border-width: 2px;
}

.custom-form  .custom-control-label:hover::before{
	border-color: #0078CC;
}

.custom-form  .has-error .custom-control-label::before{
	border-color: #712D2B;
}

.custom-form .custom-radio .custom-control-label{
    margin-left:10px;
}

.custom-radio .custom-control-label::after {
    top: 4px;
}

.custom-radio .custom-control-label::before {
    left: 2px;
    top: 4px;
}

.custom-form  .has-error .custom-control-label,  .custom-form .has-error .form-check-label, #main-content .custom-form  .has-error .custom-checkbox label{
	color: #712D2B;
}

#main-content .custom-checkbox .custom-control-label::before {
    width: 20px;
    height: 20px;
    border-radius: 3px;
}

.custom-control-label::after {
    left: 2px;
    background: no-repeat 3px 3px / 10px 10px;
    top: 0.35rem;
}

#main-content .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border: 0px;
    background-color: #0078CC;
}

#main-content .custom-checkbox .custom-consent-label {
    padding-left: 30px !important;
    display: block;
}

#main-content .custom-checkbox .custom-consent-label::before {
	margin-left: -30px;
}

/*button classes */


#content .button.white-small-button,#content .button.white-small-button:hover{
	font-size: 14px;
    font-weight: normal;

    text-transform: initial;
    text-align: center;
	text-decoration: none;
    
    height: 27px;
    line-height: 26px;
  	
  	padding: 0px 20px;
    display: inline-block;
    background: #ffffff !important;
    color: #0078CC !important;
    
    border: 1px solid #0078CC;
	border-radius: 4px;
}


#content .button.yellow-lg-button, #content .button.yellow-lg-button:hover{
    font-size: 14px;
    font-weight:800;

    text-align: center;
    text-transform: uppercase;
	text-decoration: none;
    
    background: #FCDF05;
    border: 1px solid #F6CF00;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,0.06), 0 2px 4px 0 rgba(246,207,0,0.12);
    border-radius: 4px;
    
    color: #000000;
    
    padding:0px 20px;
    height: 45px;
}


/*Custom Width Classes Try to update Bootstrap variables */
.w-10 {
    width: 30%!important;
}
.w-20 {
    width: 30%!important;
}
.w-30 {
    width: 30%!important;
}
.w-40 {
    width: 40%!important;
}
.w-60 {
    width: 60%!important;
}
.w-70 {
    width: 70%!important;
}
.w-80 {
    width: 80%!important;
}
.w-90 {
    width: 90%!important;
}


@media only screen and (min-width: 991px){
	.ml-n10{
		margin-left: -10px
	}
}


@media only screen and (max-width: 990px){
  .r-button{
    width:100% 
  }
}


/* Find Meeting Portlet Tables CSS */

#content table.fm-table{
	border-top: 1px solid #d1d1d1;
}

table.fm-table tr{
	border-bottom: 1px solid #d1d1d1;
}

#content table.fm-table th{
	font-size: 16px;
	color: #0078CC;
	font-weight: normal;
	padding-bottom: 10px;

}

#content table.fm-table td, #content table.fm-table th {
		vertical-align: middle;
		border: none;	
		position: relative;
		padding: 15px 0px;
}

#content table.fm-table td.button-cell{
	text-align: right;
}

table.fm-table td span, table.fm-table th span{
	display: block;
}

table.fm-table td span.time, table.fm-table td span.address, table.fm-table td span.city, , table.fm-table td span.capacity{
	display: none;
}

#content .registerButton[disabled="disabled"], #content .registerButton[disabled="disabled"]:hover {
    color: #CCC !important;
    border-color:#ccc;
    cursor: not-allowed;
}



@media only screen and (max-width: 991px) {
		table.fm-table th, table.fm-table thead{
			display: none;
			font-weight: bold;
			color: red;	
		}
		table.fm-table tr{
			display: block;
			border-bottom: 1px solid #d1d1d1;
			padding: 20px 0px;

		}
		table.fm-table td{
			display: inline-block;
			border: none;
			vertical-align: middle;
		}

		table.fm-table td.button-cell{
			display: inline-grid;
		}

		table.fm-table td.time, table.fm-table  td.address, table.fm-table  td.city, table.fm-table  td.capacity{
			display: none;
		}

		table.fm-table td span.time, table.fm-table td span.address, table.fm-table td span.city, table.fm-table td span.capacity{
			display: block;
		}

		table.fm-table td.date, table.fm-table  td.location, table.fm-table  td.mt, table.fm-table .button-cell{
			width: 24%;
		    padding: 0;
		    margin: 0;
		    vertical-align: middle;
		}

}

@media only screen and (max-width: 767px) { 
			table.fm-table td {
			    border: none;
			}
			
			table.fm-table tr{
    			display: flex;
    			flex-wrap: wrap;
    		}

			table.fm-table td.date, table.fm-table  td.location, table.fm-table  td.mt, table.fm-table .button-cell{
    			width: 49%;
			    padding: 10px 0px;
			    margin: 0;
			    vertical-align: top;
    		}

    		table.fm-table td.time, table.fm-table  td.address, table.fm-table  td.city{
    			display: none;
    		}

			table.fm-table td.location{
				position: relative;
			    left: 0;
			    top: 0;
			    text-align: left;
			    order: 1;
		    }
		    
		    table.fm-table td.mt{
				position: relative;
		    	left: 0;
		    	text-align: left;
		    	bottom: 0;
		    	order: 3;
		    }
		    		
		    table.fm-table td.date{
				position: relative;
		    	right: 0;
		    	text-align: right;
		    	order: 2;
		    }

		    table.fm-table td.button-cell{
		    	position: relative;
		    	right: 0;
		    	text-align: right;
		    	order: 4;
		    }

}

#content .sortIcon {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/arrow-up-gray.SVG);
    background-size: 100%;
    margin-left: 3px;
}

#content .sorted .sortIcon {

    background: url(../images/arrow-up-blue.SVG);

}