body{
	font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif !important;
	 background-image: url('../images/SCDOR_Background.JPG') !important;    
    background-size: cover;
    position: relative;
    overflow:auto;
    /*text-shadow: rgb(243, 243, 243) 0px 1px 0px;*/
 	-webkit-overflow-scrolling: touch;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
background-color:transparent !important;
 text-shadow:none !important;
}

div#s4-bodyContainer {
  padding-bottom: 0px !important;
   min-width:300px;

}

/***********************Start HTML Controls******************/

.dropDown
{
	display:inline-block;
	  margin:15px !important;
}
.dropDown select {

}

select {
  min-height: 27px;
  border-radius: 5px;
  min-width: 76px;
}

.dropDown span {
	display:block;
	font-weight:bold;
	vertical-align:top;
}

.textBox
{
	display:inline-block;
	margin:15px !important;

}

.textBox span
{
  display:block;
  font-weight:bold;
  vertical-align:top;

}

input[type="text"] {
  min-height: 27px;
  border-radius: 5px;
  background-color: white;
  color:black;
  min-width: 76px;

}


.button {
  display: inline-block;
}

input[type="button"] {
	border-radius: 5px;
  background-color: #2D3D61;
  color:white;
  text-align:center;
  min-width:50px;
  font-weight: 900;
  font-size: 18px;
  padding: 5px 15px 5px 15px;
}


/***********************End HTML Controls******************/

.footerNavigation>a,.footerNavigation>a:visited
{
	color:white !important;
}
    
@media screen and (max-width: 768px) {

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-right: 2px !important;
  padding-left: 2px !important;
}

div.PageHeader
 {
	margin-left:-5px !important;
	margin-right:-2px !important;
	
}


	.fontMedium{

	    font-size: 5vw;
	}

	.fontHeader{
	    font-size: 7vw;
	}
	
	.fontCaption
	{
	    font-size: 3vw;
	}

	.homepage-container,.homeButtonPanel
	{
		max-width:100%;
	}

}


@media screen and (min-width: 768px) and (max-width: 992px) {
	.fontMedium{

    font-size: 8vw;
	}

	.fontHeader{
	
	    font-size: 3vw;
	}
	.fontCaption
	{
	    font-size: 1vw;
	}

	.homepage-container,.homeButtonPanel
	{
		max-width:100%;
	}

}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	.fontMedium{
    font-size: 5vw;
	}

	.fontHeader{

	    font-size: 2vw;
	}
	
	.fontCaption
	{
	    font-size: 1vw;
	}

	.newcustomlayout
	{
		/*margin-left:3%;	*/
	}
	.hometiles:first-child
	{	
		margin-left:1%;
	}
	
	.hometiles:not(:first-child)
	{	
		margin-left:2%;
	}
		
	.hometiles
	{
		height:300px;
		width:30.4% !important;
		overflow:hidden;
	}
	.twitter-feed-content {
		height:230px;
	}

	.homepage-container,.homeButtonPanel
	{
		max-width:100%;
	}

}

@media screen and (min-width: 1200px) {
	.fontMedium{

    font-size: 5vw;
	}

	.fontHeader{
	    font-size: 2vw;
	}
	
	.fontCaption
	{
	    font-size: 1vw;
	}

	.newcustomlayout
	{
		/*margin-left:3% !important;	*/
	}
	
	.hometiles:first-child
	{	
		margin-left:1%;
	}
	
	.hometiles:not(:first-child)
	{	
		margin-left:2%;
	}
		

	.hometiles
	{

		height:300px;
		width:30.4% !important;
		overflow:hidden;
	}
	
	.twitter-feed-content {
		height:230px;
	}

	.homepage-container,.homeButtonPanel
	{
		max-width:100%;
	}
}

@media screen and (min-width: 1600px) {

	.homepage-container,.homeButtonPanel	{
		max-width:1400px !important;
	}
.fontHeader{
	    font-size: 1.5vw;
	}

}

.border-circle
{
	border-radius:5px 5px;
}

.homepage-container,.homeButtonPanel	{
margin-right:auto;margin-left:auto}

.hometiles
{
	background-color:rgba(255, 255, 255, 0.6);
	border-radius:10px 10px;
	margin-bottom:2%;

}

.ms-webpartzone-cell
{
	margin:auto auto auto !important;
}

.fontLarge{
	font-size: 40px;
    font-size: 3vw;
}

.fontCaption
{
	font-style:italic;
}

.fontSmall{
	font-size: 10px;
    font-size: 1vw;
}

.fontVerySmall{
	font-size: 10px;
    font-size: 1vw;
 }
 
div.PageHeader
 {
	background-color:#2D3D61;
	text-align:left;
	font-weight:bold;
	color:white;
	margin-bottom:.5%;
	min-height:40px;

	/*margin-left:-1%;*/
	/*padding-right:1%;*/
	margin-top:1%;
	margin-left:-15px;
	margin-right:-15px;
	
}

div.PageHeader .close
{
  background-color: transparent;
  text-align: center;
  text-indent: 0px;
  font-size: 40px;
  opacity: 1 !important;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-right:5px;
 }

.close
{
	color: rgb(203, 194, 194)!important;
}

.close:hover
{
	color:white !important;
}
 
div.PageHeader>span
 {
	margin-left:2.5%;
		text-indent:10px;
	  vertical-align: -webkit-baseline-middle;
  vertical-align: middle;
}


ul.dropdown-menu .close
{
padding-left: .5%;
  padding-right: 0.5%;
  background-color: transparent;
  text-align: center;
  color: #0072c6;
  text-indent: 0px;
  font-size: 40px;
  opacity: 1 !important;
  padding-bottom: 0px;
  padding-top: 0px;
	
}

/*******************Main Slider*******************/

.carousel-control.right,.carousel-control.left
{
	background-image:none !important;
}
.carousel .carousel-inner .item>img,.carousel .carousel-inner .item>a>img
{
	margin:auto !important;
}

.Banner { position: relative; overflow: auto;   }
.Banner li { list-style: none; }
.Banner ul li { float: left; }

.Banner .dots {
	text-align: center;
	position: absolute;
	left: -7%;
	right: 0;
	bottom: -20px;
}
.Banner .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	
	text-indent: -999em;
	
	border: 2px solid #fff;
	border-radius: 6px;
	
	cursor: pointer;
	opacity: 1;
	
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
.Banner .dots li.active {
	background: #fff;
	opacity: 1;
}

@media screen and (min-width: 1200px) {

	.Banner ul {margin-left: -3%;}
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	.Banner ul {margin-left: -3%;}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	.Banner ul {margin-left: -3%;}
}

@media screen and (max-width: 768px) {
	.Banner ul {margin-left: -5%;}
}
			
				
/******************End Main Slider***************?


/******************Start Mini Slider**************************/

.miniBanner { position: relative; overflow: auto;  }
.miniBanner div { list-style: none; }
            
                 
                 
.banner .dots {
	text-align: center;
	position: absolute;
	left: -7%;
	right: 0;
	bottom: -20px; 
}
.miniBanner .dots div {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	
	text-indent: -999em;
	
	border: 2px solid #000;
	border-radius: 6px;
	
	cursor: pointer;
	opacity: 1; 
	
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
.miniBanner .dots div.active {
	background: #000;
	opacity: 1;
}			
			
				
	
@media screen and (min-width: 1200px) {
	div#miniSlider>div>div>img
	{
		height:220px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	div#miniSlider>div>div>img
	{
		height:220px;
	}
	
}

/******************End Mini Slider**************************/

/*
table { 
  width: 100%; 
  border-collapse: collapse; 
}

tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 

  text-align: left; 
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {


	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	

	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { }
	
	td { 

		border: none;

		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 

		position: absolute;

		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	
}	*/	


/***************************Start Calendar*****************************/

table.ui-datepicker-calendar
{
	height:230px;	
}
.calendar-event
{
	border-bottom:solid 1px #002953 !important;
	margin-bottom:10px !important;
}
.calendar-event .panel-heading
{
background-color:rgba(43, 110, 188, 0.7) !important;	

}

.calendar-event .panel-collapse
{
background-color:rgba(205, 208, 207, 0.7)!important;	
}

.calendar-event .panel-heading h4 a
{
	font-size:x-large;
	font-weight:bold;
	color:white;
}

.calendar-event .event-Duration
{
font-size:smaller;
display:inline-block;
padding-left:10px;
}

.calendar-event .event-Description
{
	color:black;
}

.event{
	cursor: pointer !important; 
	color: rgb(255, 255, 255) !important; 
	background: rgb(77, 78, 83) !important;
}
.event:hover{
	box-shadow: -4px 3px 4px 0px rgba(0,0,0,.35);
    background: #4d4e539e !important;
}

/***************************End Calendar *****************************/


/**************************Start Dialog styles *********************/

.dialog-pop
{
/* this is just to attach dialog to the associated element*/
}

.ms-dlgFrameContainer,.ms-dialog body
{
/*background: rgba(255, 255, 255, 0.8) !important;	*/
background-image:url('../images/bg_beach_sunset.jpg');
}


.ms-dlgContent {
  border-radius: 5px;
}

.ms-dlgTitle {
	padding: 0% 1% 0% 2.5% !important;
	background: rgb(49, 116, 62);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
  
}
 
.ms-dlgTitleBtns
{
  margin-top: 8px !important;
  margin-right: 14px !important;
} 

.ms-dlg-heading
{
	color:white;
}

.ms-dlgFrameContainer {
  padding: 0% 2% 0% 2% !important;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;

    background:rgba(255, 255, 255, 0.8);
}

.ms-dlgTitle .s4-clust
{
	background:white;
}
/**************************End Dialog styles *********************/

/*************************Start Header tags**************************/

h2{
	background-color:rgba(202, 206, 217, 1);
	color:rgba(81, 82, 87, 1) !important;
	padding-left:1%;
	font-size:20px !important;
	font-weight:bold !important;
}

/*************************End Header tags**************************/
  
/**********************start table basic style***********************/

td, th { 
  padding: 6px; 
  text-align: left; 
}

th { 
  background: rgba(86, 87, 87, 0.7); 
  color: white; 
  font-weight: bold; 
}


table.ui-responsive tbody  tr td .ui-table-cell-label{
	color:black !important;
}

table.ui-responsive tbody  tr:nth-child(even) {background: rgba(204, 204, 204, 0.7)}
table.ui-responsive tbody  tr:nth-child(odd) {background: rgba(255, 255, 255, 0.7)}

table.ui-responsive tbody tr:hover {
  background-color: rgba(146, 146, 146, 0.7);
}

/*******************end table basic style***********************/

.maxwidth{
	max-width:100%;
}
.article img,.ms-rtestate-field img,.imageAlign img {
    max-width: 100%;
    max-height: 100%;
}


/***********************New Summary Start***********************/

.article .date-line
{
	display:inline;
}
.newsSummaryItem {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 10px;
  padding-left:0px;
  /*border-top: 1px solid rgba(195, 191, 190, 1);*/
  display: inline-flex;
  min-width: 100%;
  border-bottom:1px solid rgba(195, 191, 190, 1);
}


.newsSummaryImageItem {
 /* padding-bottom: 7px;
  padding-right: 20px;
  padding-left:0px;
  padding-top: 15px;*/
}

.newsSummaryImageItem a {
  width: 100%;
  height: 100%;   
}

.newsSummaryTitleItem {
  /*padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 7px;*/
  /*padding-left:1%; */
}

.newsSummaryTitleItem a {
  font-weight: bold;
  /*color: black;*/
  font-size: 21px;
  /*white-space: nowrap;*/
}

.newsSummaryDateItem {
  font-weight: bold;
  color: gray;
}
.cqfeed
{
  position: absolute;
  right: 0;
}
/**********************News Summary End**********************/

/********************Start Find a form*********************/

.findAformFilter
{
	margin-bottom:1%;
	background:white;
}

.findAformFilter input[type="button"]
{
	min-width:100px;
	font-size:15px;	
	font-weight:bold;		
}

.basicFilter
{
	display:inline-block;
	padding:10px;
	background:white;
	
}
.basicFilter legend,.archiveForm legend
{
display:none;
	
}


.archiveForm
{
	display:inline-block;
	padding:10px;
	margin-left:5px;
	background:white;
}

th.tableHeader span{
	font-weight:bold;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

/********************End Find a form*********************/
/*******************Start Expand and collapse ************/

.panel-faq-header
{
  border-top: 1px solid #CCCCCC !important;
  border-bottom: 1px solid #CCCCCC !important;
  border-left: none !important;
  border-right: none !important;
  border-radius:0px !important;

}
.panel-faq-header .panel-title
{
  font-size:x-large!important;
  color:black !important;
	
}

.panel-faq-content .panel-title
{
  font-size:large!important;
  color:black !important;
	
}


.panel-faq-content:nth-of-type(1)
{
border-top: 1px solid #666666 !important;


}
.panel-faq-content
{
  	 border-top: none !important;
  border-bottom: 1px solid #666666 !important;
  border-left: none !important;
  border-right: none !important;
  border-radius:0px !important;
 
}

.panel-group11
{
  border-top: 1px solid blue !important;
  border-bottom: 1px solid blue !important;
  border-left: none !important;
  border-right: none !important;
  border-radius:0px !important;

}

.panel
{
	
  background:transparent !important;
  -webkit-box-shadow: none !important; 
  box-shadow:none !important;
  }
.panel11
{
	
  background:transparent !important;	
  border-top: 1px solid red !important;
  border-bottom: 1px solid red !important;
  border-left: none !important;
  border-right: none !important;
  border-radius:0px !important;
}

.panel-heading11,.panel-title11,.panel-collapse11
{
	border:none !important;
}
/*******************End Expand and collapse ************/

/******************Start Form View ********************/

@media screen and (min-width: 768px) and (max-width: 992px) {
	


}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	
}

@media screen and (min-width: 1200px) {

}

@media screen and (min-width: 1600px) {

}

.formHeader
{
	text-align:left;
	font-weight:bold;
	background:rgba(0, 0, 0, 0.7);
	color:white !important;
	padding:15px;
	  margin-left: .5%;
}
.formHeader div
{

}

.groupedTitle div
{

	width:100%;
	
	  font-size: xx-large;
  font-weight: bolder;
  padding: 15px 15px 15px 0px;
  }

/*.formsTable
{
	border:1px solid green;
	margin-bottom:15px;
}

.formsTable thead th
{
	padding:15px !important;
	width:30%
}
.formsTable thead th:first-child
{
	width:50%;
}

.formsTable thead td th,.formsTable tbody tr td
{
	padding:5px;
}

.formsTable tbody  tr:nth-child(even) {background: rgba(204, 204, 204, 0.7)}
.formsTable tbody  tr:nth-child(odd) {background: rgba(255, 255, 255, 0.7)}*/





/******************End Form View ********************/

/******************STart Refinement Panel************/
.ms-ref-ctrl
{
	 
}

.ms-ref-refiner
{
	padding-left:4%;
}
.ms-ref-refinername,.ms-ref-refinername:hover,.ms-ref-refinername:active
{
background:	rgba(45, 61, 97, 1);	
width:100%;
text-transform: uppercase;
}
.ms-ref-refinername:link, .ms-ref-refinername:visited
{
	color:white !important;
	font-weight:bold;
	padding-top:5px !important;
	padding-left:4%;
	width:100%;
	
}

.ms-ref-name {
  color: white !important;
}

a.ms-ref-unsel-toggle div
{
	color:#FFFFFF !important;
}

.ms-ref-selSec
{
	padding-left:5% !important;
	background:rgba(96, 96, 98, 0.7);
}
.ms-ref-unselSec,.ms-ref-allSec
{
	padding-left:5% !important;	
	background:rgba(149, 150, 157, 0.7);
}
.ms-ref-unsel-longList,.ms-ref-unsel-shortList
{
	
}

.emptyRefiner {
  font-size: larger;
  background-color: rgba(188, 199, 202, 0.7);
  color: black;
  padding: 1%;
}
/******************STart Refinement Panel************/

/******************Start Search Results*************/

.ms-srch-item {
margin-left:0% !important;
margin-right:0% !important;
}
.ms-srch-item-previewContainer,.ms-srch-item-deepLinks,.ms-srch-hover-outerContainer
{
	display:none !important;
}

.ms-srch-item-summaryPreview,.ms-srch-item-body
{
	width:100%;
}

.ms-srch-item-summary,ms-srch-item-preview-path
{
/*width:100%;*/
display:block;
}

div.ms-srch-item:nth-child(even) {background: rgba(204, 204, 204, 0.7)}
div.ms-srch-item:nth-child(odd) {background: rgba(255, 255, 255, 0.7)}

.ms-srch-item-icon,.ms-srch-item-title
{
	display:inline;
	    height: 100%;
}
.ms-srch-item-path
{
width:auto !important;
	display:block;
}

.ms-promlink-button
{
background-color:transparent !important;	
padding:0px !important;	
border:none !important;
display:inline;
}

.ms-promlink-button-image
{
	width:auto;
	height:auto;
}

.ms-srch-item-summary /*.ms-srch-item-icon*/
{
/*	padding-top:15px;*/
}

.ms-srch-result-noResultsTitle,.searchResultEmptyMessage {
  font-size: x-large;
  background-color: rgba(173, 189, 191, 0.7);
  padding-top: 1%;
  padding-bottom: 1%;
  text-align:center;
}

.ms-srch-ellipsis {
  white-space: normal;
  font-size:24px !important;
}

@media screen and (max-width: 768px) {

.ms-srch-group-content
{
	width:100%;	
}
.ms-srch-item {
width:98% !important;
padding-left:1% !important;
padding-right:1% !important;
}
}


@media screen and (min-width: 768px) and (max-width: 992px) {
	
.ms-srch-group-content
{
	width:100%;	
}
.ms-srch-item {
width:100% !important;
}

}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	.ms-srch-group-content
{
	width:100%;	
}
.ms-srch-item {
width:100% !important;
}

}

@media screen and (min-width: 1200px) {
.ms-srch-group-content
{
	width:100%;	
}
.ms-srch-item {
width:100% !important;
}

}

@media screen and (min-width: 1600px) {
.ms-srch-group-content
{
	width:100%;	
}
.ms-srch-item {
width:100% !important;
}

}

/******************End Search Results*************/


@media (max-width: 991px){
	.text-right, .text-left {
	/*text-align:center !important;*/
}
}


/************Calendar*************************/

.divDatePicker th {
  background-color: rgb(94, 143, 199);
}

/************Calendar*************************/


blockquote {
	border-left :none !important;
}

div#ctl00_ctl50_g_42f4c3d0_30ef_4321_ae67_261d95bf1a97_csr1 {
	margin-top: -24px;
}

a.twitter-timeline .stream {
	-webkit-overflow-scrolling: touch;
}


.input-group-addon {
  font-size: 19px;
  font-weight: 900;
  color: #FFFFFF;
  background-color: rgba(45, 61, 97, 1);
}

table.tablesorter .mif-expand-less{display:table-cell !important;cursor:pointer !important;}
table.tablesorter .mif-expand-more{display:table-cell !important;cursor:pointer !important;}
table.tablesorter .mif-unfold-more{display:table-cell !important;cursor:pointer !important;}


.spinner{
  position: fixed;
  top: 45%;
  left: 50%;
  padding: 10px;
  z-index: 10;
}




/***************Start Online Form****************/

.aeformtableinner tr.aeformrow td.aeformcontrolbox,
.aeformtableinner tr.aeformrow td.aeformlabelbox
{
	padding-top:10px;
	padding-bottom:10px;
	
}

.aeformtableinner  td.aeformbutton
{
padding-top:10px;

	padding-left:50%;
}



td.aeformcontrolbox table.ms-input  label

{
display:inline-block !important;
margin-bottom:0px;
margin-left:5px;
}


/***************End Online Form****************/


/**************Footer Styles Start *********************/

div.footerNavigation .navbar-collapse
{
	border-top:none !important;
}

div.footerNavigation .navbar-nav,
div.footerNavigation .navbar-nav li a
{
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;		
}

div.footerNavigation .navbar-nav li
{
	display:inline-block !important;
}

@media screen and (min-width: 1600px)
{

.footer {
    max-width: 1400px !important;
}
	
}

@media screen and (min-width: 1200px) {

div.footerNavigation .navbar-nav li:nth-child(3n+0)
{
	float:none !important;
}

div.copyRightText
{
	text-align:right;
}
div.footerNavigation .navbar-nav li
{
	width:33% !important;
}

}

@media screen and (min-width: 992px) and (max-width: 1200px) {

div.footerNavigation .navbar-nav li:nth-child(3n+0)
{
	float:none !important;
}

div.copyRightText
{
	text-align:right;
}

div.footerNavigation .navbar-nav li
{
	width:33% !important;
}

}


@media screen and (min-width: 768px) and (max-width: 991px) {

div.footerNavigation .navbar-nav li:nth-child(3n+0)
{
	float:none !important;
}

div.footerIcons
{
	text-align: center;   
}
div.copyRightText
{
	text-align:center;
}

div.footerNavigation .navbar-nav li
{
	width:33% !important;
}

}


@media screen and (max-width: 767px) {

div.footerNavigation .navbar-nav li:nth-child(2n+0)
{
	float:none !important;
}

div.footerIcons
{
	text-align: center;   
}
div.copyRightText
{
	text-align:center;
}
div.footerNavigation .navbar-nav li
{
	width:50% !important;
}

}
/**************Footer Styles End *********************/
@media print {
  a[href]:after {
    content: none !important;
  }
}

/**************Start Alerts************/
.alert-container{
	margin-left:auto;
	margin-right:auto;
}
@media screen and (min-width: 768px) {
	.alert-container
	{
		max-width:92%;
	}
}

@media screen and (min-width: 1200px) {
	.alert-container
	{
		max-width:92%;
	}
}

@media screen and (min-width: 1600px) {
	.alert-container	{
		max-width:1400px !important;
	}
}
.warningAlert{
	border-top-color: rgb(240, 82, 35);
    color: black !important;
    border-top-width: 8px;
    background-color: white; 
	
	
}
.infoAlert{
	border-top-color: rgb(67, 156, 70);
    color: black !important;
    border-top-width: 8px;
    background-color: white;
	
}

#alertsId .alert{
	margin-bottom:0px;
	padding:.5rem 1.25rem;
	margin-top:8px;	
	border-radius:0px;
}

#alertsId .alert a{
	color:inherit;
	text-decoration:underline;
}

#alertsId .alert-dismissible .close {
	padding: 0px; 
	opacity: .5;
    color: black !important;
}
#alertsId .alert-dismissible .close:hover {
	opacity: 1;
}

/**************End Alerts**************/

/*****Start Responsive Youtube Video********/

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*****End Responsive Youtube Video********/


/*****Start Responsive Youtube Video MyDORWAY help page********/

.video-container2 {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container2::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container2 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

/*****End Responsive Youtube Video MyDORWAY help page********/