@charset "utf-8";

/* Media Queries ------------------------------------------------------------------------------------------------------------------------------------------------ */
@-ms-viewport{width:device-width;}

/* ---------------------------------------------------------- GENERAL ------------------------------------------------------------------------------- */
.invalid{
	outline: 2px solid red !important;
}

/* ---------------------------------------------------------- NEW-MODAL DOCS 4-2024--START ------------------------------------------------------------------------------- */
.doc_container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    border: 1px solid #06213f; /*JC UPDATED 1-11-21 the border color*/
    border-radius: 3px;
    font-family: arial, sans-serif;
	}
.doc_container_upload{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    border: 3px solid #06213f; /*JC UPDATED 1-11-21 the border color*/
    border-radius: 3px;
    font-family: arial, sans-serif;
	margin-top:2%;
	margin-bottom:1%;
	margin-left:5%;
	margin-right:5%;
	padding:1%;
	background-color: #255fb1;
}
.add_another_doc{ /*JC ADDED 1-11-21 Control Font Family*/
	font-family: arial, sans-serif; 
	vertical-align:middle; 
	padding:0px; 
	margin:0px
}
.doc_header_div {
    display: flex;
}
.doc_header {
    color: #ff0000;
    width: 100%;
    text-align: center;
}
.doc_contents {
    display: flex;
    flex-direction: row;
    margin: 5px;
}
.doc_descriptions {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-around;
}
.doc_button {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 5px;
}
.doc_description {
    display: flex;
    flex-direction: row;
    padding-bottom: 2px;
}
.doc_uploads {
    display: flex;
    flex: 1;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    padding-top: 2px;
}
.doc_types {
    display: flex;
    flex-direction: row;
    padding-right: 5px;
}
.doc_desc {
    display: flex;
    align-items: stretch;
    justify-content: center;
    background-color: #ffffff;
    border: 2px solid #979797;
    box-shadow: none;
    border-radius: 0px;
    color: #000000;
    height: 25px;
    width: 100%;
}
.doc_files{
	margin-left:3%;	
	}
/*Asked to add by TLW 1-11-21 for error messages*/
.status_display {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
	font-family: arial, sans-serif;
}
.status_display_progress {
    color: #06213F;
	font-family: arial, sans-serif;
}
.status_display_error {
    color: red;
	font-family: arial, sans-serif;
}
.status_display_invisible {
    display: none;
}	

.sponsor_text{
	color:#284D77;
	font-family: arial, sans-serif;
	font-size:16px;
	padding:0;
	font-weight: bold;
}
.sponsor_textRED{
	color: red;
	font-family: arial, sans-serif;
	font-size:16px;
	padding:0;
	font-weight: bold;
}
.sponsor_Attytext{
	COLOR:#284D77;
	font-family: arial, sans-serif;
	font-size:16px;
	padding:0;
	font-weight: bold;
}
.sponsor_Attytext1{
	color:#284D77;
	font-family: arial, sans-serif;
	font-size:16px;
	padding:0;
	font-weight: bold;
	padding-bottom:3%;
	width:22%;
	text-align: right;
}
.sponsor_Attytext2{
	color:#284D77;
	font-family: arial, sans-serif;
	font-size:16px;
	padding:0;
	font-weight: bold;
	padding-top:1%;
	/*width:25%;*/
	text-align: right;
}
.sponsor_Attytext3{
	color:#284D77;
	font-family: arial, sans-serif;
	font-size:16px;
	padding:0;
	font-weight: bold;
	padding-top:3%;
	width:35%;
	text-align: right;
}

/* ---------------------------------------------------------- NEW-MODAL DOCS 4-2024--END ------------------------------------------------------------------------------- */

/* PHONE ---------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width : 380px ){
#btn_confirm_cancel{
    position: absolute;
    right: 10px;
    padding: 5px 10px;
    bottom: auto;
    border: none;
    border-radius: 5px;
    margin-top: 10px;
    }
#btn_submit_all_cancel{
    position: absolute;
    right: 15px;
    bottom: auto;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    margin-top: 25px;
    }
	
.datepicker1{
	width: 300px !important;
	display: inline-block !important;
	}
.cleform-textBold{
	font-family: Arial, sans-serif;
	font-size:14px;
	vertical-align: top;
	font-weight: bold;
	}
.cleform-Dashed{
	width:100%; 
	font-size: 24px; 
	font-weight: bold; 
	border:3px dashed red; 
	padding:20px; 
	text-align:center
	}
.cleform-Dashedtext{
	font-size:16px;
	vertical-align: top;
	font-weight: bold;
	padding: 15px; 
	border: dashed red; 
	/*font-family: Arial, sans-serif;
	margin-left: 20px; 
	margin-right: 20px*/
	}
.cleform-text{
	color: #255fb1; 
	font-family: Arial, sans-serif;
	font-size:12px;
	vertical-align: top;
	text-decoration:underline;
	}
.cleform-text a{
	color: #255fb1; 
	font-family: Arial, sans-serif;
	font-size:12px;
	vertical-align: top;
	text-decoration:underline;
	}
#displayArea{
	height: 100%;
	width:100%;
	}
.back{
	text-decoration: none;
	}
#attydetail_form{
	width: 60%;
	display: inline;
	padding-left: 2%;
	}
html{
	height:100%;
	}	
body{
	height:100%;
	width:100%;
	margin: 0;
	}
.jumpmenuzindex{
	font-size: 10px;
	}
.cle_marginbottom{
	padding-bottom:15%;	
	}

/* ---------------------------------------------------------- CLE MOBILE NAVIGATION-DROPDOWN START ----------------------------------------------------------------------*/
#container{
 	margin: 0 auto;
	}
.burger{
	background-color: #255fb1;
	width:100%;
	}
.mobile{
	padding:16px;
	}
#burger{
 	background-color: #255fb1;
	font-family: Georgia, "Times New Roman", sans-serif;
	}
#burger ul{
 	padding: 0px;
 	margin: 0px;
 	list-style: none;
 	position: relative;
 	} 
#burger ul li{
 	display:inline-block;
 	background-color: #255fb1;
	visibility: visible;
 	}
#burger ul li ul{
	position:absolute;
	top:52px;
	left: 0;
	}
#burger a{
 	display:block;
 	padding:0 5px; 
 	color:#FFF;
 	font-size:14px;
 	line-height: 40px;
 	text-decoration:none;
	}
#burger a:hover{ 
	width:110px;
	}
#burger ul ul{
 	display: none;
	position: relative; 
	} 
#burger ul li:hover > ul{
 	display:inherit;
	} 
#burger ul ul li{
 	width:130px;
 	float:none;
 	display:list-item;
 	position: relative;
	}
#burger ul ul li:hover{
 	background-color: #333; 
	width:130px;
	}
#burger ul ul a{
 	float:none;
 	display:list-item;
 	position: relative;
	}
#burger ul ul ul li{
 	position: relative;
 	top:-52px; 
 	left:130px;
	width:200px;
	}
#burger ul ul ul li:hover{
 	background-color: #333; 
	top:-52px; 
 	left:130px;
	width:190px;
	font-size:14px;
	}
#burger ul ul ul li a{
 	position: relative;
	width:200px;
	}
#burger ul ul ul li a:hover{
 	background-color: #333; 
	width:190px;
	}
#burger li{
 	width:230px;
 	float:none;
 	display:list-item;
 	position: relative;
	}
#burger ul ul li{
	} 
li > a:after { content:  ' ▼'; 
	}
li > a:only-child:after { content: ''; 
	}
/* ---------------------------------------------------------- CLE MOBILE NAVIGATION-DROPDOWN END ----------------------------------------------------------------------*/
	
/* ---------------------------------------------------------- CLE NAVIGATION DROPDOWN START --------------------------------------------------------------------- */
.dropdown-background{
	background-color: #ffffff;
	height:5px;
	}
.dropbtn{
	background-color: #ffffff;
   	color: #284d77;
  	padding: 5px;
  	font-size: 14px;
  	border: none;
  	font-family: Georgia, "Times New Roman", sans-serif; 
  	text-transform: uppercase;
	text-align: left;
	cursor: pointer;
	}
.course-dropdown{
  	display:none;
	}
.dropdown-content{
  	display: none;
  	position: absolute;
  	background-color: #ffffff;
  	min-width: 160px;
	font-family: Georgia, "Times New Roman", sans-serif; 
  	z-index: 1;
	padding-left: 10%;
	}
.dropdown-content a{
  	color: #284d77;
  	padding: 8px 1px;
  	text-decoration: none;
  	display: block;
	}
.dropdown-content a:hover{
	background-color: #ffffff;
	}
.course-dropdown:hover .dropdown-content{
	display: block;
	}
.course-dropdown:hover .dropbtn{
	background-color: #ffffff;
	}
/* -----------------------------------------------------------CLE NAVIGATION DROPDOWN END ----------------------------------------------------------------------- */
	
.cle_logo{
	vertical-align:middle;
	padding-right:.25%;
	padding-bottom: 15px; 
	width: 120px;
	}
.cle_logo_text{
	font-size: 18px;
	font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';
	background-color: #284D77;
	color: #ffffff;
	font-weight: lighter;
	font-stretch: extra-expanded;
	padding: 1%; 
	text-align:center;
	}
.cle_Pageheader{
	color: #f9f9f9;
	font-family: Georgia, "Times New Roman", sans-serif; 
	font-weight: bold;
	font-size: 38px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	text-transform: uppercase;
	background-color:#284D77;
	}
.cle_maintable{
	width: 100%;	
	}
.cle_searchheader{
	color: #f9f9f9;
	font-family: Georgia, "Times New Roman", sans-serif; 
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	padding-top: 10px;
	text-transform: uppercase;
	background-color:#284D77;
	}
.cle_searchheader1{
	color: #f9f9f9;
	font-family: Georgia, "Times New Roman", sans-serif; 
	font-size: 12px;
	text-align: center;
	padding-bottom: 10px;
	text-transform: uppercase;
	background-color: #284D77;
	}
.cle_mainheader{
	color: #f9f9f9;
	font-family: Georgia, "Times New Roman", sans-serif; 
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	padding: 12px;
	text-transform: uppercase;
	background-color:#284D77;
	}
.cle_mainheader1{
	color: #f9f9f9;
	font-family: Georgia, "Times New Roman", sans-serif; 
	font-size: 12px;
	text-align: center;
	padding: 5px;
	text-transform: uppercase;
	background-color: #284D77;
	}
.cle_mainheader2{
	color: #f9f9f9;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	background-color: #284D77;
	padding-bottom:7px;
	}
.cle_mainheader3{
	color: #f9f9f9;
	font-family: arial, sans-serif;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	background-color: #284D77;
	font-weight: bold;
	padding-bottom:5px;
	}
.cle_smallheader{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	padding-top:1%;
	padding-bottom:1%;
	}
.cle_smallheader1{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	width: 10%;
	padding-top:.5%;
	margin-bottom:1%;
	}
.cle_smallheader2{
	color: #f9f9f9;
	/*background-color: #255fb1;*/
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	}
.cle_smallitalicheader{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-style:italic;
	font-size: 12px;
	text-align: center;
	width: 10%;
	padding-top:0;
	padding-bottom:0;
	}
.cle_smallerheader{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	padding-bottom:.5%;
	padding-top:0;
	}
.cle_smallerheader1{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	}
.cle_smallerheader1a{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	padding-bottom:7px;
	}
.cle_smallerheader2{
	color: #284d79;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 10px;
	}
.cle_smallerheader3{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-left:2%;
	}
.cle_smallerheader4{
	color: #284d79;
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 10px;
	}
.cle_table{
	width: 90%;
	margin: 0 auto;
	background-color: #ffffff;
	border-left: 1px solid #255fb1;
	border-right: 1px solid #255fb1;
	}
.cle_tablewhite{
	width: 95%;
	margin: 0 auto;
	background-color: #ffffff !important;
	margin-top: 1%;
	border: 1px solid #284D77;
	}
.cle_tablewhite1{
	width: 95%;
	margin: 0 auto;
	background-color: #ffffff !important;
	margin-top: 1%;
	}
.cle_tablewhite2{
	width: 95%;
	margin: 0 auto;
	background-color: #ffffff !important;
	margin-top: 1%;
	}
.cle_tablewhite3{
	width: 95%;
	margin: 0 auto;
	background-color: #ffffff !important;
	margin-top: 1%;
	border: 1px solid #284D77;
	}
.cle_tablewhitesearch{
	width: 95%;
	margin: 0 auto;
	background-color: #ffffff !important;
	margin-top: 1%;
	}
.cle_tablewhiteCR{
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff !important;
	margin-top: 1%;
	}
.cle_tablegray{
	background-color: #d7d7d7;
	width:100%;
	margin-bottom:0 !important;
	padding-bottom:5px;
	}
.cle_table_transparent {
	width: 95%;
	margin: 0 auto;
	background: none;
	margin-top: 1%;
}
.cle_rowwhite{
	background-color: #ffffff;
	}
.cle_rowgray{
	color: #255fb1;
	background-color: #d7d7d7;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 25%;
	padding-top:1%;
	padding-left:5%;
	margin-left: 5%;
	}
.cle_row_transparent {
	color: #255fb1;
	background: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 25%;
	padding-top:1%;
	padding-left:5%;
	margin-left: 5%;
}
.cle_coursetable{
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom:1%;
	width: 90%;
	background-color:#d7d7d7;
	float:left;
	margin-top:1%;
	padding-bottom: 1%;
	}
.cle_eventstable{
	width:95%;
	background-color:#d7d7d7;
	margin-top: 1%;
	margin-bottom: 3%;
	padding-bottom: 1%;
	}
.cle_coursesubheader{
	background-color: #284D77;
	color: #ffffff;
	font-family: arial, sans-serif;
	font-size:12px;
	font-weight: bold;
	vertical-align: middle;
	padding:3px;
	}
.cle_coursesubheader a{
	background-color: #284D77;
	color: #ffffff;
	font-family: arial, sans-serif;
	font-size:12px;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 1%;
	}
.cle_coursesubheader a:hover{
	background-color: #284D77;
	color: #d7d7d7;
	font-family: arial, sans-serif;
	font-size:12px;
	font-weight: bold;
	vertical-align: middle;
	}
.cle_checkIcons{
	width: 10px;
	vertical-align: middle;
	padding: 0 !important;
	}
.cle_Icons{
	width: 16px;
	height:16px;
	}
.cle_Icons1{
	width: 21px;
	height:21px;
	}
.cle_plusIcons{
	width: 8px;
	height: 8px;
	margin-right:0 !important;
	}
.cle_plusIcons img{
	width: 12px;
	height: 12px;
	margin-right:0;
	}
.cle_checkIconsmall{
	width: 10px;
	height: 10px;
	vertical-align: baseline;
	padding: 0 !important;
	margin-left:1%;
	}
.cle_arrowIcons{
	width: 20px;
	height: 20px;
	margin-right:0 !important;
	vertical-align:middle;
	margin-left:1%;
	}
.cle_course{
	padding-left: 5px;
	padding-top: 4px;
	font-family: arial, sans-serif;
	color: #284d77;
	font-size:11px;
	width:50%;
	}
.cle_course1bld{
	color: #255fb1;
	font-family: arial, sans-serif;
	font-size:10px;
	}
.cle_course1bld1{
	color: #255fb1;
	font-weight: bold;
	font-size:10px;
	}
.cle_coursestate{
	font-family: arial, sans-serif;
	color: #284d77;
	font-size:10px;
	}
.cle_coursenumber{
	color: #255fb1;
	font-weight:bold;
	font-family: arial, sans-serif;
	font-size:11px;
	}
.cle_carried{
	font-size:11px;
	padding-left: 4px;
	padding-top: 4px;
	font-family: arial, sans-serif;
	color: #284d77;
	font-weight: bold;
	background-color:#d7d7d7;
	}
.cle_text{
	font-family: arial, sans-serif;
	color: #284d77;
	font-size:12px;
	padding-bottom: 3%;
	margin-bottom: 3%;
	}
.cle_text1{
	font-family: arial, sans-serif;
	color: #284d77;
	font-size:10px;
	vertical-align: top;
	}
.cle_searchtitle{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	width: 25%;
	padding-top:1%;
	padding-left:2%;
	vertical-align: top;
	}
.cle_searchdate{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	width: 10%;
	padding-top:1%;
	vertical-align: top;
	}
.cle_searchdetail{
	font-size: 10px;
	font-family: Arial, sans-serif;
	line-height: normal;
	color: #f9f9f9;
	text-decoration: none;
	font-weight: bold;
	vertical-align: top;
	padding-top:1%;
	margin-right:0 !important;
	}
.cle_searchdetail a{
	text-decoration: none;
	color: #284d77;
	}
/* ---------------------------------------------------------- PAGE FOOTER START --------------------------------------------------------------------------------- */
.footer{
	position: fixed;
  	left: 0px;
  	bottom: 0px;
	height:60px;
  	background-color: #255fb1;
  	color: white;
  	text-align: center;
	padding-bottom:15px;
	padding-left:1%;
	padding-right:1%;
	}
.footer1{
	position: fixed;
  	left: 0px;
  	bottom: 50px;
  	width: 100%;
	height:50px;
  	background-color: #ffffff;
  	color: #255fb1;
  	text-align: center;
	vertical-align: middle;
	padding-top:5px;
	padding-bottom:5px;
	}

.footer_faq{
	position: relative;
  	left: 0;
  	bottom: 0;
  	width: 100%;
	height:50px;
  	background-color: #255fb1;
  	color: white;
  	text-align: center;
	padding-top:20px;
	padding-bottom:20px;
	}
.footer_faq1{
	position: relative;
  	left: 0;
  	width: 100%;
	height:50px;
  	background-color: #ffffff;
  	color: #255fb1;
  	text-align: center;
	vertical-align: middle;
	padding-top:20px;
	}
.footer_text{
	font-family: Arial, sans-serif;
	font-size: 10px;
	color:#ffffff;
	}
.footer_text a{
	font-family: Arial, sans-serif;
	font-size: 10px;
	color:#ffffff;
	}
/* ---------------------------------------------------------- PAGE FOOTER END ----------------------------------------------------------------------------------- */
	
/* ---------------------------------------------------------- CALENDARS START ----------------------------------------------------------------------------------- */
.cle_contentdescript{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-align: left;
	padding-top:.2%;
	padding-left: 12px;
	vertical-align: top;
	text-transform: uppercase;
	width:80%;
	}
.cle_contentphoneBLD{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	padding-top:.2%;
	vertical-align: top;
	text-transform: uppercase;
	font-weight: bold;
	}
.cle_contentdate{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	vertical-align: top;
	text-transform: uppercase;
	}
.cle_contentcourse{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 9px;
	text-align: left;
	padding-left: 12px;
	vertical-align: top;
	text-transform: uppercase;
	}
.cle_contentlocation{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-align: left;
	padding-left: 12px;
	vertical-align: top;
	text-transform: uppercase;
	font-style: italic;
	}

/* ---------------------------------------------------------- CALENDARS END ----------------------------------------------------------------------------------- */

.cle_content{
	color: #f9f9f9;
	font-family: Georgia, "Times New Roman", sans-serif;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	width: 10%;
	padding: 1%;
	background-color: #255fb1;
	}
.cle_content1{
	color: #f9f9f9;
	background-color: #ffffff;
	border-left: 2px solid #5183be;
	border-right: 2px solid #5183be;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	border-bottom: 2px solid #5183be;
	padding: 1%;
	}
.cle_content1a{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	padding: 1%;
	}
.cle_content3{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	padding: 1%;
	}
.cle_content4{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	width: 10%;
	padding-top:1%;
	}
.cle_content5{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-style:italic;
	font-size: 12px;
	text-align: center;
	width: 10%;
	}
.cle_content6{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	padding-bottom:1%;
	}
.cle_content7{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	width: 45%;
	padding-top:1%;
	padding-left:2%;
	}
.cle_content7a{
	color: #f9f9f9;
	background-color: gray;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	width: 45%;
	padding-top:1%;
	padding-left:2%;
	}
.cle_content8{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	width: 10%;
	padding-top:1%;
	}
.cle_content9{
	color: #284d77;
	background-color: #ffffff;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	width: 10%;
	padding-top:1%;
	}
.cle_content10{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	width: 25%;
	padding-top:1%;
	padding-left:2%;
	vertical-align: top;
	}
/*.cle_content10a{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 25%;
	padding-top:1%;
	padding-left:2%;
	vertical-align: top;
	}
.cle_content11{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 10%;
	padding-top:1%;
	vertical-align: top;
	}*/
.cle_content11a{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 10%;
	vertical-align: top;
	}
.cle_content12{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	padding-left: 12px;
	vertical-align: top;
	text-transform: uppercase;
	}
.cle_content12bld{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	padding-top:.5%;
	padding-left: 12px;
	vertical-align: top;
	text-transform: uppercase;
	}
.cle_content12bld1{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	padding-left: 12px;
	vertical-align: top;
	text-transform: uppercase;
	}
.cle_contentemail{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-left:2%;
	}
.cle_contentemail a{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration:underline;
	}
.cle_contentphone{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 10%;
	vertical-align: top;
	}
.cle_select{
	width: 75%;
	text-align: left;
	padding: 10px 15px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	background: #fff;
	border: 1px solid #284d77;
	border-radius: 0px;
	margin-top: 15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
.cle_input{
	width: 75%;
	text-align: left;
	padding: 10px 15px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	background: #fff;
	border: 1px solid #284d77;
	border-radius: 0px;
	margin-top: 15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
.cle_input1{
	width: 90%;
	text-align: left;
	padding: 10px 15px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	background: #fff;
	border: 1px solid #284d77;
	border-radius: 0px;
	margin-top: 15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#startdate{
	width: 75%;
	text-align: left;
	padding: 10px 15px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	background: #fff;
	border: 1px solid #284d77;
	border-radius: 0px;
	margin-top: 15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#enddate{
	width: 75%;
	text-align: left;
	padding: 10px 15px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	background: #fff;
	border: 1px solid #284d77;
	border-radius: 0px;
	margin-top: 15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	float: none !important;
	}
.ui-datepicker-trigger{ /*removes the calendar icon*/
	display: none !important;
	}

/* ---------------------------------------------------------- PAGE BACK-NEXT NAV START -------------------------------------------------------------------------- */
.cle-tablePrevBtn{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #255FB1;
	font-weight:bold;
	vertical-align: middle;
	padding-right:1%;
	}
.cle-tablePrevBtn a{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #255FB1;
	font-weight:bold;
	vertical-align: bottom;
	}
.cle-tablePrevBtn a:hover{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #284d77;
	font-weight:bold;
	vertical-align: bottom;
	}
.cle-tablehashBtn{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #255FB1;
	font-weight:bold;
	vertical-align: middle;
	}
.cle-tableNextBtn{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #255FB1;
	font-weight:bold;
	vertical-align: middle;
	padding-left:1%;
	}
.cle-tableNextBtn a{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #255FB1;
	font-weight:bold;
	vertical-align: bottom;
	padding-left:1%;
	}
.cle-tableNextBtn a:hover{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #284d77;
	font-weight:bold;
	vertical-align: bottom;
	padding-left:1%;
	}
/* ---------------------------------------------------------- PAGE BACK-NEXT NAV END ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------- SUBMIT BUTTON START ------------------------------------------------------------------------------- */
.image_button{
	background-color: transparent;
	border: none;
	cursor:pointer;
	vertical-align: middle;
}
.cle_button{
	text-align: center;
	padding: 5px 12px;
	margin-right: 5px;
	font-family: Arial, sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: #255fb1;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline;
	}
.cle_button:hover{
	background: #5183be;
	border: none;	
	}
.cle_button:focus{
	position: relative;
	bottom: -1px;
	background: #1e62b6;
	}
#cle_button{
	text-align: center;
	padding: 5px 12px;
	margin-right: 5px;
	font-family: Arial, sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: #5183be;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline;
	}
#cle_button:hover{
	background: #255fb1;
	border: none;	
	}
#cle_button:focus{
	position: relative;
	bottom: -1px;
	background: #1e62b6;
	}
/* ---------------------------------------------------------- ADD/MISSING BUTTON START ------------------------------------------------------------------------------- */
.cle_courses_button{
	text-align: center;
	padding: 3px 6px;
	margin-right: 5px;
	font-family: Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: green;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline;
	margin-bottom:.5%;
	}
.cle_courses_button:hover{
	background: darkgreen;
	border: none;	
	}
.cle_courses_button:focus{
	position: relative;
	bottom: -1px;
	background: green;
	}
.cle_courses_button:disabled{
	background: gray;
	border: none;	
	}
.cle_remove_button{
	text-align: center;
	padding: 3px 6px;
	margin-right: 5px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: red;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline;
	margin-bottom:.5%;
	}
.cle_remove_button:hover{
	background: darkred;
	border: none;	
	}
.cle_remove_button:focus{
	position: relative;
	bottom: -1px;
	background: red;
	}
#missingCourses{
	margin-top:1%;
	margin-bottom:1%;
	margin-left:3%;
	margin-right:3%;
	}
.cle_courseEntry{
	/*padding:.5%;
	margin-top:1%;*/
	display: flex;
	flex-direction: column;
	text-align:justify;
	margin: 3% 3% 0 3%;
	border-top: 2px solid white;
	padding: 20px;
	}
.cle_courselabel{
	font-size:14px;
	font-weight:bold;
	padding-right:5px;
	color: #284D77;
	font-family: Arial, sans-serif;
	}
.cle_courseinput{
	font-size:12px;
	color: #06213f;
	font-family: Arial, sans-serif;
	}
/* ---------------------------------------------------------- DETAIL BUTTON START ------------------------------------------------------------------------------- */
/*.cle_detailslinks{
	font-size: 14px;
	font-family: Arial, sans-serif;
	line-height: normal;
	color: #f9f9f9;
	text-decoration: none;
	font-weight: bold;
	vertical-align: top;
	padding-top:1%;
	margin-right:0 !important;
	}
.cle_detailslinks td{
	font-size: 14px;
	font-family: Arial, sans-serif;
	line-height: normal;
	color: #f9f9f9;
	text-decoration: none;
	font-weight: bold;
	vertical-align: top;
	padding-top:1%;
	}
.cle_detailslinks a{
	text-decoration: none;
	color: #284d77;
	}
.cle_detailslinks:hover{
	text-decoration: none;
	color: #255fb1;
	}*/

/* ---------------------------------------------------------- ATTORNEY PAGE START ------------------------------------------------------------------------------- */
.cle_attydiv{
	width: 100%;
	float:left;
	padding-top:1%;
	padding-bottom: 1%;
	}
.cle_attydiv1{
	width:100%;
	float: left;
	/*padding-top:.5%;*/
	}
.cle_attydiv2{
	padding-top:.5%;
	margin-left:0;
	/*width:55%;
	float: left;
	display: inline;*/
	}
.cle_attydiv3{
	margin-left:0;
	/*width:55%;
	padding-top:.5%;
	float: left;
	display: inline;*/
	}
.cle_attydiv4{
	margin-left:0;
	width:95%;
	padding-top:1%;
	}
.cle_attydiv5{
	margin-left:0;
	width:95%;
	}
.cle_crdiv{
	width: 96%;
	padding-top:1%;
	padding-bottom: 1%;
	padding-left: 3%;
	float:left;
	padding-right:1%;
	}
.cle_crdiv1{
	float: left;
	margin-left:3%;
	padding-left:3%;
	padding-top:.5%;
	}
.cle_bodydiv{
	width: 100%;
	padding-top:1%;
	overflow:auto;
	margin-bottom:20%;
	padding-bottom: 20%;
	}
.cle_coursediv{
	width: 100%;
	padding-top:1%;
	overflow:auto;
	}
.cle_coursediv1{
	width: 10%;
	float: left;
	padding-top:.5%;
	padding-left:1%;
	}
.cle_space{
	padding:2%;
	}
.cle_faqtext{
	width:90%;
	COLOR:#284D77;
	font-family: arial, sans-serif;
	font-size:12px;
	text-align:justify;
	padding-bottom: 3%;
	margin-bottom: 5%;
	}
.cle_faqtextBLD{
	COLOR:#284D77;
	font-family: arial, sans-serif;
	font-size:16px;
	padding:0;
	font-weight: bold;
	text-align:justify;
	}
/* ---------------------------------------------------------- ANNUAL REPORT STATEMENT ------------------------------------------------------------------------------- */
.cle_report_body{
	position: relative;
	/*background-color: #f0f0f0;*/
	}
.cle_report_body::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-image: url("../images/Supreme-Court-seal-recolored20.png");
	background-repeat: no-repeat;
	background-size: 40%;
	background-position: center;
	filter: grayscale(90%) opacity(0.2);
	}
.cle_report_container{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size:14px;
	margin-left:5%;
	margin-right:5%;
	}
.cle_report_centered{
	/*align-self: center;*/
	align-self: center;
	width: 110px;
	height: 110px;
	margin-top: 25%;
	}
.cle_report_left{
	/*margin-left: 20%;*/
	}
.cle_report_right{
	width: 100%;
	/*margin-right: 10%;*/
	}
.cle_report_bg_img{
	width: 80%;
	height: auto;
	position: fixed;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.5;
	}
.cle_report_address{
	font-size: 16px;
	}
.cle_remove_button_div{
	text-align: right;
	width: 75%;
	padding-bottom:3px;
	}

/* ---------------------------------------------------------- MISSING COURSES ------------------------------------------------------------------------------- */

.missingcourses-dropdown{
	/*position: relative;
	display: inline-block;*/
	}
.dropdown-menu{
	/*position: absolute;*/
	top: 100%;
	left: 0;
	display: none;
	padding: 0;
	margin: 0;
	list-style-type: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 5px 5px;
	width: auto;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 1;
	}
.dropdown-menu.open{
	display: block;
	}
.dropdown-menu li{
	padding: 5px;
	cursor: pointer;
	}
.dropdown-menu li:hover{
	background-color: #ccc;
	}
.childCheckbox{
	margin-left: 20px;
	}
.attorneyStatementSection{
	border-style: solid;
	padding: 0 10px 10px 10px;
	border-color: black;
	background-color: #284D77;
	color: #fff
	}
.attorneyStatementSection .cle_courselabel{
	color: #fff;
	}
.attorneyStatementSection li{
	color: black;
	}
.missingcoursesSection{
	border-style: solid;
	padding: 0 10px 10px 10px;
	border-color: black;
	background-color: #284D77;
	color: #fff
	}
.missingcoursesSection .cle_courselabel{
	color: #fff;
	}
.missingcoursesSection li{
	color: black;
	}
#missingCourse{
	order: 999;
	/*width: 50px;*/
	/*margin-left: 50%;*/
	background: none;
	border: none;
	padding-top:1%;
	}
.cle_table_transparent_address{
	width: 95%;
	margin: 0 auto;
	background: none;
	margin-top: 1%;
	margin-left:5%;
	margin-right:20%;
	}
.missingcoursesInput{
	width: 92% !important;
	font-size:12px;
	color: #06213f;
	font-family: arial, sans-serif;
	margin-bottom:5px;
	}
.missingcoursesInput90{
	width: 92%;
	font-size:12px;
	color: #06213f;
	font-family: arial, sans-serif;
	}
.missingCourses_header{
	margin-bottom:.25%;
	margin-top:2%;
	font-size: 24px;
	font-weight: bold;
	text-align:center;
	}
.missing_new_doc_container{
	display: flex; 
	flex-direction: column; 
	position:relative
	}
#miss_courses_form{
	margin-bottom:5%;
	padding-bottom:5%;
	}
/* ---------------------------------------------------------- THANK YOU PAGE ------------------------------------------------------------------------------- */
a.CLE_TY{
	color: #ffffff;
	text-decoration:none;
	}
a:link.CLE_TY{
	color:#ffffff; 
	text-decoration:none !important;
	}
a:visited.CLE_TY{
	color:#ffffff; 
	text-decoration:none !important;
	}
a:hover.CLE_TY{
	color:#ffffff; 
	text-decoration:none !important;
	}
a:active.CLE_TY{
	color:#ffffff; 
	text-decoration:none !important;
	}
.CLE_TY_div{
	width: 100%; 
	height:100%; 
	margin-left: -1px; 
	border-collapse: collapse;
	}
.CLE_TY_table{
	width: 100%;
	height:100%;
	border: 3px solid #284D77; 
	margin-left: -1px; 
	border-collapse: collapse;
	}
.CLE_TY_header{
	font-family: Georgia, Times, serif; 
	background-color: #284D77; 
	padding-top: 2%; 
	padding-bottom: 2%; 
	text-align: center; 
	color:#ffffff; 
	font-size:32px;
	}
.CLE_TY_headersmall{
	font-family: Georgia, Times, serif; 
	background-color: #255FB1; 
	text-align: center; 
	color:#ffffff; 
	font-size:28px; 
	font-weight: bold;
	}
.CLE_TY_subheader{
	font-family: Georgia, Times, serif; 
	padding-top:8px; 
	padding-bottom: 1%; 
	text-align: center; 
	color:#06213f; 
	font-size:24px; 
	font-weight: bold;
	}
.CLE_TY_largeheader{
	font-size: 72px;
	color:#255FB1;
	padding-top: 4%;
	padding-bottom: 4%;
	font-weight: bold;
	font-family: arial, sans-serif;
	text-align: center;
	}
.CLE_TY_bodytext{
	font-family: arial, sans-serif; 
	padding-top:.5%; 
	color:#06213f; 
	font-size:18px; 
	font-weight: bold; 
	padding-left:5%; 
	padding-right: 5%;
	text-align:justify;
	}
.CLE_TY_bodytext1{
	font-family: arial, sans-serif; 
	color:#06213f; 
	font-size:12px;
	padding-left:5%; 
	padding-right: 5%;
	text-align:justify;
	}
.CLE_TY_footer{
	font-family: arial, sans-serif; 
	background-color: #284D77; 
	color: #ffffff; 
	padding-bottom: 3%; 
	font-size:16px; 
	text-align: center;
	}
/* ---------------------------------------------------------- MODAL BOX------------------------------------------------------------------------------- */
.modal{
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	/*background-color: #06213f;*/
	background-color: #06213f7e;
	display: none;
	}
.modal_content{
	/*background-color: white;*/
	/*border: 3px solid black;*/
	margin: 15% auto;
	padding: 20px;
	width: 90%;
	}
.modal_error{
	color: red;
	font-weight: bold;
	}
	
/* ---------------------------------------------------------- NEW-MISSING COURSES 3-2024--START ------------------------------------------------------------------------------- */
#addedCourses{
	/*margin-left:5%;
	margin-right:5%;*/
	 width:60%;
	}
.addedcourses-table{
	font-family: arial, sans-serif; 
	font-size: 11px; 
	border:1px solid #06213f; 
	width:90%;
	}
.courserow_white{
	background-color: #ffffff;
	}
.courserow_gray{
	background-color: #D6D6D7;
	}
.courses_header_seq{
	width: 1%;
	text-align: left;
	background-color:#284D77;
	color: #ffffff;
	font-weight: bold;
	}
.courses_header_title{
	width: 30%;
	text-align: left;
	background-color:#284D77;
	color: #ffffff;
	font-weight: bold;
	}
.courses_header_sponsor{
	width: 15%;
	text-align: left;
	background-color:#284D77;
	color: #ffffff;
	font-weight: bold;
	}
.courses_header_city{
	width: 10%;
	text-align: left;
	background-color:#284D77;
	color: #ffffff;
	font-weight: bold;
	}
.courses_header_date{
	width: 10%;
	text-align: left;
	background-color:#284D77;
	color: #ffffff;
	font-weight: bold;
	}
.courses_header_hours{
	width: 5%;
	text-align: left;
	background-color:#284D77;
	color: #ffffff;
	font-weight: bold;
	}
.courses_header_ethics{
	width: 5%;
	text-align: left;
	background-color:#284D77;
	color: #ffffff;
	font-weight: bold;
	}
.courses_header_uploaded{
	width: 12%;
	text-align: left;
	background-color:#284D77;
	color: #ffffff;
	font-weight: bold;
	}
.courses_header_remove{
	width: 5%;
	text-align: left;
	background-color:#284D77;
	color: #ffffff;
	font-weight: bold;
	}

.courses_seq{
	width: 1%; text-align: left;
	}
.courses_title{
	width: 30%; text-align: left;
	}
.courses_sponsor{
	width: 15%; text-align: left;
	}
.courses_city{
	width: 10%; text-align: left;
	}
.courses_date{
	width: 10%; text-align: left;
	}
.courses_hours{
	width: 5%; text-align: left;
	}
.courses_ethics{
	width: 5%; text-align: left;
	}
.courses_uploaded{
	width: 12%; text-align: center;
	}
.courses_remove{
	width: 5%; text-align: center;
	}
.cle_redremove_button{
	text-align: center;
	padding: 3px 6px;
	margin-right: 5px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: red;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline;
	margin-bottom:.5%;
	}
.cle_redremove_button:hover{
	background: darkred;
	border: none;	
	}
.cle_redremove_button:focus{
	position: relative;
	bottom: -1px;
	background: red;
	}
.cle_misscourses_button{
	text-align: center;
	padding: 3px 6px;
	margin-right: 5px;
	font-family: Arial, sans-serif;
	font-weight: 300;
	font-size: 12px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: green;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline;
	margin-bottom:.5%;
	}
.cle_misscourses_button:hover{
	background: darkgreen;
	border: none;	
	}
.cle_misscourses_button:focus{
	position: relative;
	bottom: -1px;
	background: green;
	}
.cle_number{
	display: inline;	
	}
/* ---------------------------------------------------------- NEW-MISSING COURSES 3-2024--END ------------------------------------------------------------------------------- */
}


/* TABLET --------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width : 380px ) and ( max-width : 768px ){

#btn_confirm_cancel{
    position: absolute;
    right: 10px;
    padding: 5px 10px;
    bottom: auto;
    border: none;
    border-radius: 5px;
    margin-top: 10px;
    }
#btn_submit_all_cancel{
    position: absolute;
    right: 15px;
    bottom: auto;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    margin-top: 25px;
    }
	
.cleform-textBold{
	font-family: Arial, sans-serif;
	font-size:14px;
	vertical-align: top;
	font-weight: bold;
	}
.cleform-Dashed{
	width:100%; 
	font-size: 24px; 
	font-weight: bold; 
	border:3px dashed red; 
	padding:20px; 
	text-align:center
	}
.cleform-Dashedtext{
	font-size:16px;
	vertical-align: top;
	font-weight: bold;
	padding: 15px; 
	border: dashed red; 
	/*font-family: Arial, sans-serif;
	margin-left: 20px; 
	margin-right: 20px*/
	}
.cleform-text{
	color: #255fb1; 
	font-family: Arial, sans-serif;
	font-size:12px;
	vertical-align: top;
	text-decoration:underline;
	}
.cleform-text a{
	color: #255fb1; 
	font-family: Arial, sans-serif;
	font-size:12px;
	vertical-align: top;
	text-decoration:underline;
	}
#displayArea{
	height: 100%;
	width:100%;
	}
.back{
	text-decoration: none;
	}
#attydetail_form{
	width: 60%;
	display: inline;
	padding-left: 2%;
	}
html{
	height:100%;
	}	
body{
	height:100%;
	width:100%;
	margin: 0;
	}
.jumpmenuzindex{
	font-size: 12px;
	}
.cle_marginbottom{
	padding-bottom:15%;	
	}

/* ---------------------------------------------------------- CLE MOBILE NAVIGATION-DROPDOWN START ----------------------------------------------------------------------*/
#container{
 	margin: 0 auto;
	}
.burger{
	background-color: #255fb1;
	width:100%;
	}
.mobile{
	padding:16px;
	}
#burger{
 	background-color: #255fb1;
	font-family: Georgia, "Times New Roman", sans-serif;
	}
#burger ul{
 	padding: 0px;
 	margin: 0px;
 	list-style: none;
 	position: relative;
 	} 
#burger ul li{
 	display:inline-block;
 	background-color: #255fb1;
	visibility: visible;
 	}
#burger ul li ul{
	position:absolute;
	top:52px;
	left: 0;
	}
#burger a{
 	display:block;
 	padding:0 5px; 
 	color:#FFF;
 	font-size:14px;
 	line-height: 40px;
 	text-decoration:none;
	}
#burger a:hover{ 
	width:110px;
	}
#burger ul ul{
 	display: none;
	position: relative; 
	} 
#burger ul li:hover > ul{
 	display:inherit;
	} 
#burger ul ul li{
 	width:130px;
 	float:none;
 	display:list-item;
 	position: relative;
	}
#burger ul ul li:hover{
 	background-color: #333; 
	width:130px;
	}
#burger ul ul a{
 	float:none;
 	display:list-item;
 	position: relative;
	}
#burger ul ul ul li{
 	position: relative;
 	top:-52px; 
 	left:130px;
	width:200px;
	}
#burger ul ul ul li:hover{
 	background-color: #333; 
	top:-52px; 
 	left:130px;
	width:190px;
	font-size:14px;
	}
#burger ul ul ul li a{
 	position: relative;
	width:200px;
	}
#burger ul ul ul li a:hover{
 	background-color: #333; 
	width:190px;
	}
#burger li{
 	width:230px;
 	float:none;
 	display:list-item;
 	position: relative;
	}
	
#burger ul ul li{
	} 
li > a:after { content:  ' ▼'; 
	}
li > a:only-child:after { content: ''; 
	}
/* ---------------------------------------------------------- CLE MOBILE NAVIGATION-DROPDOWN END ----------------------------------------------------------------------*/
	
/* ---------------------------------------------------------- CLE NAVIGATION DROPDOWN START --------------------------------------------------------------------- */
.dropdown-background{
	background-color: #ffffff;
	height:5px;
	}
.dropbtn{
	background-color: #ffffff;
   	color: #284d77;
  	padding: 5px;
  	font-size: 14px;
  	border: none;
  	font-family: Georgia, "Times New Roman", sans-serif; 
  	text-transform: uppercase;
	text-align: left;
	cursor: pointer;
	}
.course-dropdown{
  	display:none;
	}
.dropdown-content{
  	display: none;
  	position: absolute;
  	background-color: #ffffff;
  	min-width: 160px;
	font-family: Georgia, "Times New Roman", sans-serif; 
  	z-index: 1;
	padding-left: 10%;
	}
.dropdown-content a{
  	color: #284d77;
  	padding: 8px 1px;
  	text-decoration: none;
  	display: block;
	}
.dropdown-content a:hover{
	background-color: #ffffff;
	}
.course-dropdown:hover .dropdown-content{
	display: block;
	}
.course-dropdown:hover .dropbtn{
	background-color: #ffffff;
	}

/* -----------------------------------------------------------CLE NAVIGATION DROPDOWN END ----------------------------------------------------------------------- */
.cle_logo{
	vertical-align:middle;
	padding-right:.25%;
	padding-bottom: 15px; 
	width: 120px;
	}
.cle_logo_text{
	font-size: 21px;
	font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';
	background-color: #284D77;
	color: #ffffff;
	font-weight: lighter;
	font-stretch: extra-expanded;
	padding: 1%;
	text-align:center;
	}
.cle_Pageheader{
	color: #f9f9f9;
	font-family: Georgia, "Times New Roman", sans-serif; 
	font-weight: bold;
	font-size: 38px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	text-transform: uppercase;
	background-color:#284D77;
	}
.cle_maintable{
	width: 100%;	
	}
.cle_searchheader{
	color: #f9f9f9;
	font-family: Georgia, "Times New Roman", sans-serif; 
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	padding-top: 10px;
	text-transform: uppercase;
	background-color:#284D77;
	}
.cle_searchheader1{
	color: #f9f9f9;
	font-family: Georgia, "Times New Roman", sans-serif; 
	font-size: 12px;
	text-align: center;
	padding-bottom: 10px;
	text-transform: uppercase;
	background-color: #284D77;
	}
.cle_mainheader{
	color: #f9f9f9;
	font-family: Georgia, "Times New Roman", sans-serif; 
	font-weight: bold;
	font-size: 28px;
	text-align: center;
	padding: 12px;
	text-transform: uppercase;
	background-color:#284D77;
	}
.cle_mainheader1{
	color: #f9f9f9;
	font-family: Georgia, "Times New Roman", sans-serif; 
	font-size: 12px;
	text-align: center;
	padding: 5px;
	text-transform: uppercase;
	background-color: #284D77;
	}
.cle_mainheader2{
	color: #f9f9f9;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	background-color: #284D77;
	padding-bottom:7px;
	}
.cle_mainheader3{
	color: #f9f9f9;
	font-family: arial, sans-serif;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	background-color: #284D77;
	font-weight: bold;
	padding-bottom:5px;
	}
.cle_smallheader{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	padding-top:1%;
	padding-bottom:1%;
	}
.cle_smallheader1{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	width: 10%;
	padding-top:.5%;
	margin-bottom:1%;
	}
.cle_smallheader2{
	color: #f9f9f9;
	/*background-color: #255fb1;*/
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	margin:0;
	}
.cle_smallitalicheader{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-style:italic;
	font-size: 12px;
	text-align: center;
	width: 10%;
	padding-top:0;
	padding-bottom:0;
	}
.cle_smallerheader{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	padding-bottom:.5%;
	padding-top:0;
	}
.cle_smallerheader1{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	}
.cle_smallerheader1a{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	padding-bottom:7px;
	}
.cle_smallerheader2{
	color: #284d79;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 10px;
	}
.cle_smallerheader3{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-left:2%;
	}
.cle_smallerheader4{
	color: #284d79;
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 10px;
	}
.cle_table{
	width: 90%;
	margin: 0 auto;
	background-color: #ffffff;
	border-left: 1px solid #255fb1;
	border-right: 1px solid #255fb1;
	}
.cle_tablewhite{
	width: 95%;
	margin: 0 auto;
	background-color: #ffffff !important;
	margin-top: 1%;
	border: 1px solid #284D77;
	}
.cle_tablewhite1{
	width: 95%;
	margin: 0 auto;
	background-color: #ffffff !important;
	margin-top: 1%;
	}

.cle_tablewhite2{
	width: 95%;
	margin: 0 auto;
	background-color: #ffffff !important;
	margin-top: 1%;

	}
.cle_tablewhite3{
	width: 95%;
	margin: 0 auto;
	background-color: #ffffff !important;
	margin-top: 1%;
	border: 1px solid #284D77;
	}

.cle_tablewhitesearch{
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff !important;
	margin-top: 1%;
	}
.cle_tablewhiteCR{
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff !important;
	margin-top: 1%;
	}
.cle_tablegray{
	background-color: #d7d7d7;
	width:100%;
	margin-bottom:0 !important;
	padding-bottom:5px;
	}
.cle_table_transparent {
	width: 95%;
	margin: 0 auto;
	background: none;
	margin-top: 1%;
}
.cle_rowwhite{
	background-color: #ffffff;
	}
.cle_rowgray{
	color: #255fb1;
	background-color: #d7d7d7;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 25%;
	padding-top:1%;
	padding-left:5%;
	margin-left: 5%;
	}
.cle_coursetable{
	margin-left: 5%;
	margin-right:5%;
	margin-bottom:1%;
	width: 90%;
	background-color:#d7d7d7;
	float:left;
	margin-top:1%;
	padding-bottom: 1%;
	}
.cle_eventstable{
	width:95%;
	background-color:#d7d7d7;
	margin-top: 1%;
	margin-bottom: 3%;
	padding-bottom: 1%;
	}
.cle_coursesubheader{
	background-color: #284D77;
	color: #ffffff;
	font-family: arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	vertical-align: middle;
	padding:3px;
	}
.cle_coursesubheader a{
	background-color: #284D77;
	color: #ffffff;
	font-family: arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 1%;
	}
.cle_coursesubheader a:hover{
	background-color: #284D77;
	color: #d7d7d7;
	font-family: arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	vertical-align: middle;
	}
.cle_checkIcons{
	width: 14px;
	vertical-align: middle;
	padding: 0 !important;
	}
.cle_Icons{
	width: 16px;
	height:16px;
	}
.cle_Icons1{
	width: 21px;
	height:21px;
	}
.cle_plusIcons{
	width: 10px;
	height: 10px;
	margin-right:0 !important;
	}
.cle_plusIcons img{
	width: 12px;
	height: 12px;
	margin-right:0;
	}
.cle_checkIconsmall{
	width: 11px;
	height: 11px;
	vertical-align: baseline;
	padding: 0 !important;
	margin-left:1%;
	}
.cle_arrowIcons{
	width: 20px;
	height: 20px;
	margin-right:0 !important;
	vertical-align:middle;
	}
.cle_course{
	padding-left: 5px;
	padding-top: 4px;
	font-family: arial, sans-serif;
	color: #284d77;
	font-size:12px;
	width:50%;
	}
.cle_course1bld{
	color: #255fb1;
	font-family: arial, sans-serif;
	font-size:12px;
	}
.cle_course1bld1{
	color: #255fb1;
	font-weight: bold;
	font-size:10px;
	}
.cle_coursestate{
	font-family: arial, sans-serif;
	color: #284d77;
	font-size:10px;
	}
.cle_coursenumber{
	color: #255fb1;
	font-weight:bold;
	font-family: arial, sans-serif;
	font-size:12px;
	}
.cle_carried{
	font-size:12px;
	padding-left: 4px;
	padding-top: 4px;
	font-family: arial, sans-serif;
	color: #284d77;
	font-weight: bold;
	background-color:#d7d7d7;
	}
.cle_text{
	font-family: arial, sans-serif;
	color: #284d77;
	font-size:12px;
	padding-bottom: 3%;
	margin-bottom: 3%;
	}
.cle_text1{
	font-family: arial, sans-serif;
	color: #284d77;
	font-size:12px;
	vertical-align: top;
	}
.cle_searchtitle{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 30%;
	padding-top:1%;
	padding-left:2%;
	vertical-align: top;
	}
.cle_searchdate{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 10%;
	padding-top:1%;
	vertical-align: top;
	}
.cle_searchdetail{
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height: normal;
	color: #f9f9f9;
	text-decoration: none;
	font-weight: bold;
	vertical-align: top;
	padding-top:1%;
	margin-right:0 !important;
	}
.cle_searchdetail a{
	text-decoration: none;
	color: #284d77;
	}
/* ---------------------------------------------------------- PAGE FOOTER START --------------------------------------------------------------------------------- */
.footer{
	position: fixed;
  	left: 0px;
  	bottom: 0px;
	height:60px;
  	background-color: #255fb1;
  	color: white;
  	text-align: center;
	padding-bottom:15px;
	padding-left:1%;
	padding-right:1%;
	}
.footer1{
	position: fixed;
  	left: 0px;
  	bottom: 50px;
  	width: 100%;
	height:50px;
  	background-color: #ffffff;
  	color: #255fb1;
  	text-align: center;
	vertical-align: middle;
	padding-top:5px;
	padding-bottom:5px;
	}
.footer_faq{
	position: relative;
  	left: 0;
  	bottom: 0;
  	width: 100%;
	height:50px;
  	background-color: #255fb1;
  	color: white;
  	text-align: center;
	padding-top:20px;
	padding-bottom:20px;
	}
.footer_faq1{
	position: relative;
  	left: 0;
  	width: 100%;
	height:50px;
  	background-color: #ffffff;
  	color: #255fb1;
  	text-align: center;
	vertical-align: middle;
	padding-top:20px;
	}
.footer_text{
	font-family: Arial, sans-serif;
	font-size: 10px;
	color:#ffffff;
	}
.footer_text a{
	font-family: Arial, sans-serif;
	font-size: 10px;
	color:#ffffff;
	}

/* ---------------------------------------------------------- PAGE FOOTER END ----------------------------------------------------------------------------------- */

/* ---------------------------------------------------------- CALENDARS START ----------------------------------------------------------------------------------- */
.cle_contentdescript{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	padding-top:.2%;
	padding-left: 12px;
	vertical-align: top;
	text-transform: uppercase;
	width:80%;
	}
.cle_contentphoneBLD{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: left;
	padding-top:.2%;
	vertical-align: top;
	text-transform: uppercase;
	font-weight: bold;
	}
.cle_contentdate{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: left;
	vertical-align: top;
	text-transform: uppercase;
	}
.cle_contentcourse{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	padding-left: 12px;
	vertical-align: top;
	text-transform: uppercase;
	}
.cle_contentlocation{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	padding-left: 12px;
	vertical-align: top;
	text-transform: uppercase;
	font-style: italic;
	}

/* ---------------------------------------------------------- CALENDARS END ----------------------------------------------------------------------------------- */

.cle_content{
	color: #f9f9f9;
	font-family: Georgia, "Times New Roman", sans-serif;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	width: 10%;
	padding: 1%;
	background-color: #255fb1;
	}
.cle_content1{
	color: #f9f9f9;
	background-color: #ffffff;
	border-left: 2px solid #5183be;
	border-right: 2px solid #5183be;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	border-bottom: 2px solid #5183be;
	padding: 1%;
	}
.cle_content1a{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	padding: 1%;
	}
.cle_content3{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	padding: 1%;
	}
.cle_content4{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	width: 10%;
	padding-top:1%;
	}
.cle_content5{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-style:italic;
	font-size: 12px;
	text-align: center;
	width: 10%;
	}
.cle_content6{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	padding-bottom:1%;
	}
.cle_content7{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	width: 45%;
	padding-top:1%;
	padding-left:2%;
	}
.cle_content7a{
	color: #f9f9f9;
	background-color: gray;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	width: 45%;
	padding-top:1%;
	padding-left:2%;
	}
.cle_content8{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	width: 10%;
	padding-top:1%;
	}
.cle_content9{
	color: #284d77;
	background-color: #ffffff;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	width: 10%;
	padding-top:1%;
	}
.cle_content10{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	width: 25%;
	padding-top:1%;
	padding-left:2%;
	vertical-align: top;
	}
/*.cle_content10a{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 25%;
	padding-top:1%;
	padding-left:2%;
	vertical-align: top;
	}
.cle_content11{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 10%;
	padding-top:1%;
	vertical-align: top;
	}*/
.cle_content11a{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 10%;
	vertical-align: top;
	}
.cle_content12{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	padding-left: 12px;
	vertical-align: top;
	text-transform: uppercase;
	}
.cle_content12bld{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	padding-top:.5%;
	padding-left: 12px;
	vertical-align: top;
	text-transform: uppercase;
	}
.cle_content12bld1{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	padding-left: 12px;
	vertical-align: top;
	text-transform: uppercase;
	}
.cle_contentemail{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-left:2%;
	}
.cle_contentemail a{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration:underline;
	}
.cle_contentphone{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 10%;
	vertical-align: top;
	}
.cle_select{
	width: 75%;
	text-align: left;
	padding: 10px 15px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	background: #fff;
	border: 1px solid #284d77;
	border-radius: 0px;
	margin-top: 15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
.cle_input{
	width: 75%;
	text-align: left;
	padding: 10px 15px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	background: #fff;
	border: 1px solid #284d77;
	border-radius: 0px;
	margin-top: 15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
.cle_input1{
	width: 90%;
	text-align: left;
	padding: 10px 15px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	background: #fff;
	border: 1px solid #284d77;
	border-radius: 0px;
	margin-top: 15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#startdate{
	width: 70%;
	text-align: left;
	padding: 10px 15px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	background: #fff;
	border: 1px solid #284d77;
	border-radius: 0px;
	margin-top: 15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#enddate{
	width: 70%;
	text-align: left;
	padding: 10px 15px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	background: #fff;
	border: 1px solid #284d77;
	border-radius: 0px;
	margin-top: 15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	float: none !important;
	}
.ui-datepicker-trigger{ /*removes the calendar icon*/
	display: none !important;
	}

/* ---------------------------------------------------------- PAGE BACK-NEXT NAV START -------------------------------------------------------------------------- */
.cle-tablePrevBtn{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #255FB1;
	font-weight:bold;
	vertical-align: middle;
	padding-right:1%;
	}
.cle-tablePrevBtn a{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #255FB1;
	font-weight:bold;
	vertical-align: bottom;
	}
.cle-tablePrevBtn a:hover{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #284d77;
	font-weight:bold;
	vertical-align: bottom;
	}
.cle-tablehashBtn{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #255FB1;
	font-weight:bold;
	vertical-align: middle;
	}
.cle-tableNextBtn{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #255FB1;
	font-weight:bold;
	vertical-align: middle;
	padding-left:1%;
	}
.cle-tableNextBtn a{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #255FB1;
	font-weight:bold;
	vertical-align: bottom;
	padding-left:1%;
	}
.cle-tableNextBtn a:hover{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #284d77;
	font-weight:bold;
	vertical-align: bottom;
	padding-left:1%;
	}
/* ---------------------------------------------------------- PAGE BACK-NEXT NAV END ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------- SUBMIT BUTTON START ------------------------------------------------------------------------------- */
.image_button{
	background-color: transparent;
	border: none;
	cursor:pointer;
	vertical-align: middle;
	}
.cle_button{
	text-align: center;
	padding: 5px 12px;
	margin-right: 5px;
	font-family: Arial, sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: #255fb1;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline;
	}
.cle_button:hover{
	background: #5183be;
	border: none;	
	}
.cle_button:focus{
	position: relative;
	bottom: -1px;
	background: #1e62b6;
	}
#cle_button{
	text-align: center;
	padding: 5px 12px;
	margin-right: 5px;
	font-family: Arial, sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: #5183be;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline;
	}
#cle_button:hover{
	background: #255fb1;
	border: none;	
	}
#cle_button:focus{
	position: relative;
	bottom: -1px;
	background: #1e62b6;
	}

/* ---------------------------------------------------------- ADD/MISSING BUTTON START ------------------------------------------------------------------------------- */
.cle_courses_button{
	text-align: center;
	padding: 3px 6px;
	margin-right: 5px;
	font-family: Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: green;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline;
	margin-bottom:.5%;
	}
.cle_courses_button:hover{
	background: darkgreen;
	border: none;	
	}
.cle_courses_button:focus{
	position: relative;
	bottom: -1px;
	background: green;
	}
.cle_courses_button:disabled{
	background: gray;
	border: none;
	}
.cle_remove_button{
	text-align: center;
	padding: 3px 6px;
	margin-right: 5px;
	font-family: Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: red;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline;
	margin-bottom:.5%;
	}
.cle_remove_button:hover{
	background: darkred;
	border: none;	
	}
.cle_remove_button:focus{
	position: relative;
	bottom: -1px;
	background: red;
	}
#missingCourses{
	margin-top:1%;
	margin-bottom:3%;
	margin-left:3%;
	margin-right:3%;
	}
.cle_courseEntry{
	/*padding:.5%;
	margin-top:1%;*/
	display: flex;
	flex-direction: column;
	text-align:justify;
	margin: 3% 3% 0 3%;
	border-top: 2px solid white;
	padding: 20px;
	}
.cle_courselabel{
	font-size:14px;
	font-weight:bold;
	padding-right:5px;
	color: #284D77;
	font-family: Arial, sans-serif;
	}
.cle_courseinput{
	font-size:12px;
	color: #06213f;
	font-family: Arial, sans-serif;
	}
/* ---------------------------------------------------------- DETAIL BUTTON START ------------------------------------------------------------------------------- */
/*.cle_detailslinks{
	font-size: 14px;
	font-family: Arial, sans-serif;
	line-height: normal;
	color: #f9f9f9;
	text-decoration: none;
	font-weight: bold;
	vertical-align: top;
	padding-top:1%;
	margin-right:0 !important;
	}
.cle_detailslinks td{
	font-size: 14px;
	font-family: Arial, sans-serif;
	line-height: normal;
	color: #f9f9f9;
	text-decoration: none;
	font-weight: bold;
	vertical-align: top;
	padding-top:1%;
	}
.cle_detailslinks a{
	text-decoration: none;
	color: #284d77;
	}
.cle_detailslinks:hover{
	text-decoration: none;
	color: #255fb1;
	}*/

/* ---------------------------------------------------------- ATTORNEY PAGE START ------------------------------------------------------------------------------- */
.cle_attydiv{
	width: 100%;
	float:left;
	padding-top:1%;
	padding-bottom: 1%;
	}
.cle_attydiv1{
	width:100%;
	float: left;
	}
.cle_attydiv2{
	padding-top:1%;
	margin-left:0;
	/*	width:55%;
	float: left;
	display: inline;*/
	}
.cle_attydiv3{
	margin-left:0;
	/*width:55%;
	padding-top:.5%;
	float: left;
	display: inline;*/
	}
.cle_attydiv4{
	margin-left:0;
	width:95%;
	padding-top:1%;
	}
.cle_attydiv5{
	margin-left:0;
	width:95%;
	}
	
.cle_crdiv{
	width: 96%;
	padding-top:1%;
	padding-bottom: 1%;
	padding-left: 3%;
	float:left;
	padding-right:1%;
	}
.cle_crdiv1{
	float: left;
	margin-left:3%;
	padding-left:3%;
	padding-top:.5%;
	}
.cle_bodydiv{
	width: 100%;
	padding-top:1%;
	overflow:auto;
	margin-bottom:20%;
	padding-bottom: 20%;
	}
.cle_coursediv{
	width: 100%;
	padding-top:1%;
	overflow:auto;
	}
.cle_coursediv1{
	width: 20%;
	padding-top:.5%;
	padding-left:1%;
	}
.cle_space{
	padding:2%;
	}
.cle_faqtext{
	width:90%;
	COLOR:#284D77;
	font-family: arial, sans-serif;
	font-size:12px;
	text-align:justify;
	padding-bottom: 3%;
	margin-bottom: 5%;
	}
.cle_faqtextBLD{
	COLOR:#284D77;
	font-family: arial, sans-serif;
	font-size:16px;
	padding:0;
	font-weight: bold;
	text-align:justify;
	}
/* ---------------------------------------------------------- ANNUAL REPORT STATEMENT ------------------------------------------------------------------------------- */
.cle_report_body {
	position: relative;
	/*background-color: #f0f0f0;*/
	}
.cle_report_body::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-image: url("../images/Supreme-Court-seal-recolored20.png");
	background-repeat: no-repeat;
	background-size: 40%;
	background-position: center;
	filter: grayscale(90%) opacity(0.2);
	}

.cle_report_container {
		display: flex;
		flex-direction: column;
		align-items: center;
	font-size:14px;
	margin-left:5%;
	margin-right:5%;
	}

.cle_report_centered {
		/*align-self: center;*/
		align-self: center;
		width: 110px;
		height: 110px;
		margin-top: 25%;
	}

.cle_report_left {
		/*margin-left: 20%;*/
	}

.cle_report_right {
		width: 100%;
		/*margin-right: 10%;*/
	}

.cle_report_bg_img {
		width: 80%;
		height: auto;
		position: fixed;
		z-index: -1;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		opacity: 0.5;
	}

.cle_report_address {
		font-size: 16px;
	}
.cle_remove_button_div {
	text-align: right;
	width: 75%;
	padding-bottom:3px;
}

/* ---------------------------------------------------------- MISSING COURSES ------------------------------------------------------------------------------- */

.missingcourses-dropdown {
	/*position: relative;
	display: inline-block;*/
	}
.dropdown-menu {
	/*position: absolute;*/
	top: 100%;
	left: 0;
	display: none;
	padding: 0;
	margin: 0;
	list-style-type: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 5px 5px;
	width: auto;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 1;
	}
.dropdown-menu.open{
	display: block;
	}
.dropdown-menu li {
	padding: 5px;
	cursor: pointer;
	}
.dropdown-menu li:hover {
	background-color: #ccc;
	}
.childCheckbox {
	margin-left: 20px;
	}
.attorneyStatementSection {
	border-style: solid;
	padding: 0 10px 10px 10px;
	border-color: black;
	background-color: #284D77;
	color: #fff
	}
.attorneyStatementSection .cle_courselabel{
	color: #fff;
	}
.attorneyStatementSection li{
	color: black;
	}
.missingcoursesSection {
	border-style: solid;
	padding: 0 10px 10px 10px;
	border-color: black;
	background-color: #284D77;
	color: #fff
	}
.missingcoursesSection .cle_courselabel{
	color: #fff;
	}
.missingcoursesSection li{
	color: black;
	}
#missingCourse{
	order: 999;
	/*width: 50px;*/
	/*margin-left: 50%;*/
	background: none;
	border: none;
	padding-top:1%;
	}
.cle_table_transparent_address{
	width: 95%;
	margin: 0 auto;
	background: none;
	margin-top: 1%;
	margin-left:5%;
	margin-right:20%;
	}
.missingcoursesInput{
	width: 92% !important;
	font-size:12px;
	color: #06213f;
	font-family: arial, sans-serif;
	margin-bottom:5px;
	}
.missingcoursesInput90{
	width: 92%;
	font-size:12px;
	color: #06213f;
	font-family: arial, sans-serif;
	}
.missingCourses_header{
	margin-bottom:.25%;
	margin-top:2%;
	font-size: 24px;
	font-weight: bold;
	text-align:center;
	}
.missing_new_doc_container{
	display: flex; 
	flex-direction: column; 
	position:relative
	}
#miss_courses_form{
	margin-bottom:5%;
	padding-bottom:5%;
	}
/* ---------------------------------------------------------- THANK YOU PAGE ------------------------------------------------------------------------------- */
a.CLE_TY{
	color: #ffffff;
	text-decoration:none;
	}
a:link.CLE_TY{
	color:#ffffff; 
	text-decoration:none !important;
	}
a:visited.CLE_TY{
	color:#ffffff; 
	text-decoration:none !important;
	}
a:hover.CLE_TY{
	color:#ffffff; 
	text-decoration:none !important;
	}
a:active.CLE_TY{
	color:#ffffff; 
	text-decoration:none !important;
	}
.CLE_TY_div{
	width: 100%; 
	height:100%; 
	margin-left: -1px; 
	border-collapse: collapse;
	}
.CLE_TY_table{
	width: 100%;
	height:100%;
	border: 3px solid #284D77; 
	margin-left: -1px; 
	border-collapse: collapse;
	}
.CLE_TY_header{
	font-family: Georgia, Times, serif; 
	background-color: #284D77; 
	padding-top: 2%; 
	padding-bottom: 2%; 
	text-align: center; 
	color:#ffffff; 
	font-size:32px;
	}
.CLE_TY_headersmall{
	font-family: Georgia, Times, serif; 
	background-color: #255FB1; 
	text-align: center; 
	color:#ffffff; 
	font-size:28px; 
	font-weight: bold;
	}
.CLE_TY_subheader{
	font-family: Georgia, Times, serif; 
	padding-top:8px; 
	padding-bottom: 1%; 
	text-align: center; 
	color:#06213f; 
	font-size:24px; 
	font-weight: bold;
	}
.CLE_TY_largeheader{
	font-size: 72px;
	color:#255FB1;
	padding-top: 4%;
	padding-bottom: 4%;
	font-weight: bold;
	font-family: arial, sans-serif;
	text-align: center;
	}
.CLE_TY_bodytext{
	font-family: arial, sans-serif; 
	padding-top:.5%; 
	color:#06213f; 
	font-size:18px; 
	font-weight: bold; 
	padding-left:5%; 
	padding-right: 5%;
	text-align:justify;
	}
.CLE_TY_bodytext1{
	font-family: arial, sans-serif; 
	color:#06213f; 
	font-size:12px;
	padding-left:5%; 
	padding-right: 5%;
	text-align:justify;
	}
.CLE_TY_footer{
	font-family: arial, sans-serif; 
	background-color: #284D77; 
	color: #ffffff; 
	padding-bottom: 3%; 
	font-size:16px; 
	text-align: center;
	}
	
/* ---------------------------------------------------------- MODAL BOX------------------------------------------------------------------------------- */
.modal{
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	/*background-color: #06213f;*/
	background-color: #06213f7e;
	display: none;
}
.modal_content{
	/*background-color: white;*/
	/*border: 3px solid black;*/
	margin: 15% auto;
	padding: 20px;
	width: 90%;
}
.modal_error{
	color: red;
	font-weight: bold;
}
/* ---------------------------------------------------------- NEW-MISSING COURSES 3-2024--START ------------------------------------------------------------------------------- */
#addedCourses{
	/*margin-left:5%;
	margin-right:5%;*/
	/*width:60%;*/
	}
.addedcourses-table{
	font-family: arial, sans-serif; 
	font-size: 11px; 
	border:1px solid #06213f; 
	width:90%;
	}
.courserow_white{
	background-color: #ffffff;
	}
.courserow_gray{
	background-color: #D6D6D7;
	}
.courses_header_remove{
	/*width: 5%;*/ text-align: left; background-color:#284D77; color: #ffffff; font-weight: bold;
	}
.courses_header_seq{
	/*width: 1%;*/ text-align: left; background-color:#284D77; color: #ffffff; font-weight: bold;
	}
.courses_header_title{
	/*width: 33%;*/ text-align: left; background-color:#284D77; color: #ffffff; font-weight: bold;
	}
.courses_header_sponsor{
	/*width: 18%;*/ text-align: left; background-color:#284D77; color: #ffffff; font-weight: bold;
	}
.courses_header_city{
	/*width: 10%;*/ text-align: left; background-color:#284D77; color: #ffffff; font-weight: bold;
	}
.courses_header_date{
	/*width: 10%;*/ text-align: left; background-color:#284D77; color: #ffffff; font-weight: bold;
	}
.courses_header_hours{
	/*width: 5%;*/ text-align: left; background-color:#284D77; color: #ffffff; font-weight: bold;
	}
.courses_header_ethics{
	/*width: 5%;*/ text-align: left; background-color:#284D77; color: #ffffff; font-weight: bold;
	}
.courses_header_uploaded{
	/*width: 12%;*/ text-align: left; background-color:#284D77; color: #ffffff; font-weight: bold;
	}

.courses_seq{
	/*width: 1%;*/ text-align: left;
	}
.courses_title{
	/*width: 33%;*/ text-align: left;
	}
.courses_sponsor{
	/*width: 18%;*/ text-align: left;
	}
.courses_city{
	/*width: 10%;*/ text-align: left;
	}
.courses_date{
	/*width: 10%;*/ text-align: left;
	}
.courses_hours{
	/*width: 5%;*/ text-align: left;
	}
.courses_ethics{
	/*width: 5%;*/ text-align: left;
	}
.courses_uploaded{
	/*width: 12%;*/ text-align: center;
	}
.courses_remove{
	/*width: 5%;*/ text-align: center;
	}
.cle_redremove_button{
	text-align: center;
	padding: 3px 6px;
	margin-right: 5px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: red;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline;
	margin-bottom:.5%;
	}
.cle_redremove_button:hover{
	background: darkred;
	border: none;	
	}
.cle_redremove_button:focus{
	position: relative;
	bottom: -1px;
	background: red;
	}
.cle_misscourses_button{
	text-align: center;
	padding: 3px 6px;
	margin-right: 5px;
	font-family: Arial, sans-serif;
	font-weight: 300;
	font-size: 12px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: green;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline;
	margin-bottom:4%;
	}
.cle_misscourses_button:hover{
	background: darkgreen;
	border: none;	
	}
.cle_misscourses_button:focus{
	position: relative;
	bottom: -1px;
	background: green;
	}
.cle_number{
	display: inline;	
	}
/* ---------------------------------------------------------- NEW-MISSING COURSES 3-2024--END ------------------------------------------------------------------------------- */
}

/* DESKTOP -------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width:769px) and (max-width:5000px){
	
#btn_confirm_cancel{
    position: absolute;
    right: 10px;
    padding: 5px 10px;
    bottom: auto;
    border: none;
    border-radius: 5px;
    margin-top: 10px;
    }
#btn_submit_all_cancel{
    position: absolute;
    right: 15px;
    bottom: auto;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    margin-top: 25px;
    }
	
.cleform-textBold{
	font-family: Arial, sans-serif;
	font-size:16px;
	vertical-align: top;
	font-weight: bold;
	}
.cleform-Dashed{
	width:100%; 
	font-size: 24px; 
	font-weight: bold; 
	border:3px dashed red; 
	padding:20px; 
	text-align:center
	}
.cleform-Dashedtext{
	font-size:16px;
	vertical-align: top;
	font-weight: bold;
	padding: 15px; 
	border: dashed red; 
	/*font-family: Arial, sans-serif;
	margin-left: 20px; 
	margin-right: 20px*/
	}
.cleform-text{
	color: #255fb1; 
	font-family: Arial, sans-serif;
	font-size:12px;
	vertical-align: top;
	text-decoration:underline;
	}
.cleform-text a{
	color: #255fb1; 
	font-family: Arial, sans-serif;
	font-size:12px;
	vertical-align: top;
	text-decoration:underline;
	}
#displayArea{
	height: 100%;
	}
.back{
	text-decoration: none;
	}
#attydetail_form{
	width: 60%;
	display: inline;
	}
html{
	height:100%;
	}	
body{
	height:100%;
	width:100%;
	margin: 0;
	}
.jumpmenuzindex{
	font-size: 12px;
	}

.cle_marginbottom{
	margin-bottom:15%;	
	}

/* ---------------------------------------------------------- CLE NAVIGATION DROPDOWN START ----------------------------------------------------------------------*/
.burger{
	display:none;
	}
.dropbtn{
	background-color: #ffffff;
   	color: #284d77;
  	padding: 10px;
  	font-size: 18px;
  	border: none;
  	font-family: Georgia, "Times New Roman", sans-serif; 
  	text-transform: uppercase;
	text-align: left;
	cursor: pointer;
	}
.course-dropdown{
  	position: relative;
  	display: inline-block;
	font-family: Georgia, "Times New Roman", sans-serif; 
	text-align: left;
	}
.dropdown-content{
  	display: none;
  	position: absolute;
  	background-color: #ffffff;
  	min-width: 295px;
	font-family: Georgia, "Times New Roman", sans-serif; 
  	z-index: 1;
	padding-left: 8%;
	}
.dropdown-content a{
  	color: #284d77;
  	padding: 8px 1px;
  	text-decoration: none;
  	display: block;
	width: 300px;
	}
.dropdown-content a:hover{
	background-color: #ffffff;
	}
.course-dropdown:hover .dropdown-content{
	display: block;
	}
.course-dropdown:hover .dropbtn{
	background-color: #ffffff;
	}

/* ---------------------------------------------------------- CLE NAVIGATION DROPDOWN END ----------------------------------------------------------------------- */
.cle_logo{
	vertical-align:middle;
	padding-right:.25%;
	padding-bottom: 15px; 
	width: 120px;
	}
.cle_logo_text{
	font-size: 42px;
	font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';
	background-color: #284D77;
	color: #ffffff;
	font-weight: lighter;
	font-stretch: extra-expanded;
	padding: 1%; 
	text-align:center;
	}
.cle_Pageheader{
	color: #f9f9f9;
	font-family: Georgia, "Times New Roman", sans-serif; 
	font-weight: bold;
	font-size: 38px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	text-transform: uppercase;
	background-color:#284D77;
	}
.cle_maintable{
	width: 100%;	
	}
.cle_searchheader{
	color: #f9f9f9;
	font-family: Georgia, "Times New Roman", sans-serif; 
	font-weight: bold;
	font-size: 36px;
	text-align: center;
	padding-top: 10px;
	text-transform: uppercase;
	background-color:#284D77;
	}
.cle_searchheader1{
	color: #f9f9f9;
	font-family: Georgia, "Times New Roman", sans-serif; 
	font-size: 12px;
	text-align: center;
	padding-bottom: 10px;
	text-transform: uppercase;
	background-color: #284D77;
	}
.cle_mainheader{
	color: #f9f9f9;
	font-family: Georgia, "Times New Roman", sans-serif; 
	font-weight: bold;
	font-size: 36px;
	text-align: center;
	padding: 12px;
	text-transform: uppercase;
	background-color:#284D77;
	}
.cle_mainheader1{
	color: #f9f9f9;
	font-family: Georgia, "Times New Roman", sans-serif; 
	font-size: 16px;
	text-align: center;
	padding: 7px;
	text-transform: uppercase;
	background-color: #284D77;
	}
.cle_mainheader2{
	color: #f9f9f9;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	text-transform: uppercase;
	background-color: #284D77;
	padding-bottom:7px;
	}
.cle_mainheader3{
	color: #f9f9f9;
	font-family: arial, sans-serif;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	background-color: #284D77;
	font-weight: bold;
	padding-bottom:5px;
	}
.cle_smallheader{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	width: 10%;
	padding-top:.5%;
	padding-bottom:.5%;
	margin-bottom:1%;
	}
.cle_smallheader1{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	width: 10%;
	padding-top:.5%;
	margin-bottom:1%;
	}
.cle_smallheader2{
	color: #f9f9f9;
	/*background-color: #255fb1;*/
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	}
.cle_smallitalicheader{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-style:italic;
	font-size: 12px;
	text-align: center;
	width: 10%;
	padding-top:0;
	padding-bottom:0;
	}
.cle_smallerheader{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	padding-bottom:.5%;
	padding-top:0;
	}
.cle_smallerheader1{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	}
.cle_smallerheader1a{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	padding-bottom:7px;
	}
.cle_smallerheader2{
	color: #284d79;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 10px;
	}
.cle_smallerheader3{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-left:2%;
	}
.cle_smallerheader4{
	color: #284d79;
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 10px;
	}
.cle_table{
	width: 90%;
	margin: 0 auto;
	background-color: #ffffff;
	border-left: 1px solid #255fb1;
	border-right: 1px solid #255fb1;
	}
.cle_tablewhite{
	width: 60%;
	background-color: #ffffff !important;
	float:left;
	border: 1px solid #284D77;
	}
.cle_tablewhite1{
	margin: 0 auto;
	background-color: #ffffff !important;
	margin-top: 1%;
	float:left;
	padding-left:5%;
	}
	
.cle_tablewhite2{
	width: 95%;
	margin: 0 auto;
	background-color: #ffffff !important;
	margin-top: 1%;
	}
.cle_tablewhite3{
	width: 95%;
	margin: 0 auto;
	background-color: #ffffff !important;
	margin-top: 1%;
	border: 1px solid #284D77;
	}

.cle_tablewhitesearch{
	width: 100%;
	background-color: #ffffff !important;
	float:left;
	}
.cle_tablewhiteCR{
	width: 100%;
	background-color: #ffffff !important;
	float:left;
	}
.cle_tablegray{
	background-color: #d7d7d7;
	width:100%;
	margin-bottom:0 !important;
	padding-bottom:5px;
	}
.cle_table_transparent {
	width: 95%;
	margin: 0 auto;
	background: none;
	margin-top: 1%;
}
.cle_rowwhite{
	background-color: #ffffff;
	}
.cle_rowgray{
	color: #255fb1;
	background-color: #d7d7d7;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 25%;
	padding-top:1%;
	padding-left:5%;
	margin-left: 5%;
	}
.cle_coursetable{
	margin-left: 15%;
	margin-right: 15%;
	width: 70%;
	background-color:#d7d7d7;
	float:left;
	margin-top:1%;
	padding-bottom: .25%;
	}
.cle_eventstable{
	width:70%;
	background-color:#d7d7d7;
	margin-top: .5%;
	padding-bottom: .25%;
	}
.cle_coursesubheader{
	background-color: #284D77;
	color: #ffffff;
	font-family: arial, sans-serif;
	font-size:16px;
	font-weight: bold;
	vertical-align: middle;
	padding:5px;
	}
.cle_coursesubheader a{
	background-color: #284D77;
	color: #ffffff;
	font-family: arial, sans-serif;
	font-size:16px;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 1%;
	}
.cle_coursesubheader a:hover{
	background-color: #284D77;
	color: #d7d7d7;
	font-family: arial, sans-serif;
	font-size:16px;
	font-weight: bold;
	vertical-align: middle;
	}
.cle_checkIcons{
	width: 14px;
	vertical-align: middle;
	padding: 0 !important;
	}
.cle_Icons{
	width: 16px;
	height:16px;
	}
.cle_Icons1{
	width: 21px;
	height:21px;
	}
.cle_plusIcons{
	width: 12px;
	height: 12px;
	margin-right:0 !important;
	}
.cle_plusIcons img{
	width: 12px;
	height: 12px;
	margin-right:0;
	}
.cle_checkIconsmall{
	width: 12px;
	height: 12px;
	vertical-align: baseline;
	padding: 0 !important;
	margin-left:.5%;
	}
.cle_arrowIcons{
	width: 30px;
	height: 30px;
	margin-right:0 !important;
	vertical-align:middle;
	}
.cle_course{
	padding-left: 10px;
	padding-top: 4px;
	font-family: arial, sans-serif;
	color: #284d77;
	font-size:14px;
	padding-bottom:.5%;
	}
.cle_course1bld{
	color: #255fb1;
	font-family: arial, sans-serif;
	font-size:12px;
	vertical-align:middle;
	}
.cle_course1bld1{
	color: #255fb1;
	font-weight: bold;
	font-size:12px;
	}
.cle_coursestate{
	font-family: arial, sans-serif;
	color: #284d77;
	font-size:12px;
	vertical-align:middle;
	}
.cle_coursenumber{
	color: #255fb1;
	font-weight:bold;
	font-family: arial, sans-serif;
	font-size:14px;
	/*vertical-align:middle;*/
	}
.cle_carried{
	font-size:14px;
	padding-left: 10px;
	padding-top: 4px;
	font-family: arial, sans-serif;
	color: #284d77;
	font-weight: bold;
	background-color:#d7d7d7;
	}
.cle_text{
	font-family: arial, sans-serif;
	color: #284d77;
	font-size:12px;
	padding-bottom: 3%;
	margin-bottom: 3%;
	}
.cle_text1{
	font-family: arial, sans-serif;
	color: #284d77;
	font-size:12px;
	vertical-align: top;
	}
.cle_searchtitle{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 25%;
	/*padding-top:1%;
	padding-left:2%;*/
	padding: .5%;
	vertical-align: middle;
	padding-left:25%;
	}
.cle_searchdate{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 10%;
	/*padding-top:1%;*/
	padding:.5%;
	vertical-align: middle;
	}
.cle_searchdetail{
	font-size: 14px;
	font-family: Arial, sans-serif;
	line-height: normal;
	color: #f9f9f9;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle;
	/*padding-top:1%;*/
	padding:.5%;
	margin-right:0 !important;
	}
.cle_searchdetail a{
	text-decoration: none;
	color: #284d77;
	}
/* ---------------------------------------------------------- PAGE FOOTER START --------------------------------------------------------------------------------- */
.footer{
	position: fixed;
  	left: 0px;
  	bottom: 0px;
  	width: 100%;
	height:50px;
  	background-color: #255fb1;
  	color: white;
  	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
	}
.footer1{
	position: fixed;
  	left: 0px;
  	bottom: 50px;
  	width: 100%;
	height:50px;
  	background-color: #ffffff;
  	color: #255fb1;
  	text-align: center;
	vertical-align: middle;
	padding-top:5px;
	padding-bottom:5px;
	}
.footer_faq{
	position: relative;
  	left: 0;
  	bottom: 0;
  	width: 100%;
	height:50px;
  	background-color: #255fb1;
  	color: white;
  	text-align: center;
	padding-top:20px;
	padding-bottom:20px;
	}
.footer_faq1{
	position: relative;
  	left: 0;
  	width: 100%;
	height:50px;
  	background-color: #ffffff;
  	color: #255fb1;
  	text-align: center;
	vertical-align: middle;
	padding-top:20px;
	}
.footer_text{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color:#ffffff;
	}
.footer_text a{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color:#ffffff;
	}

/* ---------------------------------------------------------- PAGE FOOTER END ----------------------------------------------------------------------------------- */

/* ---------------------------------------------------------- CALENDARS START ----------------------------------------------------------------------------------- */
.cle_contentdescript{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	padding-top:.2%;
	padding-left: 12px;
	vertical-align: top;
	text-transform: uppercase;
	width: 80%;
	}
.cle_contentphoneBLD{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	padding-top:.2%;
	vertical-align: top;
	text-transform: uppercase;
	font-weight: bold;
	}
.cle_contentdate{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	text-transform: uppercase;
	}
.cle_contentcourse{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	padding-left: 12px;
	vertical-align: top;
	text-transform: uppercase;
	}
.cle_contentlocation{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	padding-left: 12px;
	vertical-align: top;
	text-transform: uppercase;
	font-style: italic;
	}

/* ---------------------------------------------------------- CALENDARS END ----------------------------------------------------------------------------------- */
.cle_content{
	color: #f9f9f9;
	font-family: Georgia, "Times New Roman", sans-serif;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	width: 10%;
	padding: 1%;
	background-color: #255fb1;
	}
.cle_content1{
	color: #f9f9f9;
	background-color: #ffffff;
	border-left: 2px solid #5183be;
	border-right: 2px solid #5183be;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	border-bottom: 2px solid #5183be;
	padding: 1%;
	}
.cle_content1a{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	padding: 1%;
	}
.cle_content3{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	padding: 1%;
	}
.cle_content4{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	width: 10%;
	padding-top:1%;
	}
.cle_content5{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-style:italic;
	font-size: 12px;
	text-align: center;
	width: 10%;
	}
.cle_content6{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 10%;
	padding-bottom:1%;
	}
.cle_content7{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	width: 45%;
	padding-top:.25%;
	padding-bottom:.25%;
	padding-left:25%;
	}
.cle_content7a{
	color: #f9f9f9;
	background-color: gray;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	width: 45%;
	padding-top:.25%;
	padding-bottom:.25%;
	padding-left:25%;
	}
.cle_content8{
	color: #f9f9f9;
	background-color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	width: 10%;
	padding-top:1%;
	}
.cle_content9{
	color: #284d77;
	background-color: #ffffff;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	width: 10%;
	padding-top:1%;
	}
.cle_content10{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	width: 25%;
	padding-top:.25%;
	padding-bottom:.25%;
	padding-left:2%;
	vertical-align: top;
	}
/*.cle_content10a{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 25%;
	padding-top:.25%;
	padding-bottom:.25%;
	padding-left:25%;
	vertical-align: top;
	}
.cle_content11{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 5%;
	padding-top:.25%;
	padding-bottom:.25%;
	vertical-align: top;
	}*/
.cle_content11a{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 10%;
	vertical-align: top;
	}
.cle_content12{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	padding-left: 12px;
	vertical-align: top;
	text-transform: uppercase;
	}
.cle_content12bld{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	padding-top:.5%;
	padding-left: 12px;
	vertical-align: top;
	text-transform: uppercase;
	}
.cle_content12bld1{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	padding-left: 12px;
	vertical-align: top;
	text-transform: uppercase;
	}
.cle_contentemail{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-left:2%;
	}
.cle_contentemail a{
	color: #255fb1;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration:underline;
	}
.cle_contentphone{
	color: #284d77;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 10%;
	vertical-align: top;
	}
.cle_select{
	width: 50%;
	text-align: left;
	padding: 10px 15px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	background: #fff;
	border: 1px solid #284d77;
	border-radius: 0px;
	margin-top: 15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
.cle_input{
	width: 50%;
	text-align: left;
	padding: 10px 15px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	background: #fff;
	border: 1px solid #284d77;
	border-radius: 0px;
	margin-top: 15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
.cle_input1{
	width: 90%;
	text-align: left;
	padding: 10px 15px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	background: #fff;
	border: 1px solid #284d77;
	border-radius: 0px;
	margin-top: 15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#startdate{
	width: 50%;
	text-align: left;
	padding: 10px 15px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	background: #fff;
	border: 1px solid #284d77;
	border-radius: 0px;
	margin-top: 15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#enddate{
	width: 50%;
	text-align: left;
	padding: 10px 15px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	background: #fff;
	border: 1px solid #284d77;
	border-radius: 0px;
	margin-top: 15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	float: none !important;
	}
.ui-datepicker-trigger{ /*removes the calendar icon*/
	display: none !important;
	}
/* ---------------------------------------------------------- PAGE BACK-NEXT NAV START -------------------------------------------------------------------------- */
.cle-tablePrevBtn{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #255FB1;
	font-weight:bold;
	vertical-align: middle;
	padding-right:1%;
	}
.cle-tablePrevBtn a{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #255FB1;
	font-weight:bold;
	vertical-align: bottom;
	}
.cle-tablePrevBtn a:hover{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #284d77;
	font-weight:bold;
	vertical-align: bottom;
	}
.cle-tablehashBtn{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #255FB1;
	font-weight:bold;
	vertical-align: middle;
	}
.cle-tableNextBtn{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #255FB1;
	font-weight:bold;
	vertical-align: middle;
	padding-left:1%;
	}
.cle-tableNextBtn a{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #255FB1;
	font-weight:bold;
	padding-left:1%;
	vertical-align: middle;
	}
.cle-tableNextBtn a:hover{
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #284d77;
	font-weight:bold;
	padding-left:1%;
	vertical-align: middle;
	}
/* ---------------------------------------------------------- PAGE BACK-NEXT NAV END ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------- SUBMIT BUTTON START ------------------------------------------------------------------------------- */
.image_button{
	background-color: transparent;
	border: none;
	cursor:pointer;
	vertical-align: middle;
	}
.cle_button{
	text-align: center;
	padding: 5px 12px;
	margin-right: 5px;
	font-family: Arial, sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: #255fb1;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline;
	}
.cle_button:hover{
	background: #5183be;
	border: none;	
	}
.cle_button:focus{
	position: relative;
	bottom: -1px;
	background: #1e62b6;
	}
#cle_button{
	text-align: center;
	padding: 5px 12px;
	margin-right: 5px;
	font-family: Arial, sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: #5183be;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline;
	}
#cle_button:hover{
	background: #255fb1;
	border: none;	
	}
#cle_button:focus{
	position: relative;
	bottom: -1px;
	background: #1e62b6;
	}
	
/* ---------------------------------------------------------- ADD/MISSING BUTTON START ------------------------------------------------------------------------------- */
.cle_courses_button{
	text-align: center;
	padding: 3px 6px;
	margin-right: 5px;
	font-family: Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: green;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline;
	margin-bottom:.5%;
	}
.cle_courses_button:hover{
	background: darkgreen;
	border: none;	
	}
.cle_courses_button:focus{
	position: relative;
	bottom: -1px;
	background: green;
	}
.cle_courses_button:disabled{
	background: gray;
	border: none;
	}
.cle_remove_button{
	text-align: center;
	padding: 3px 6px;
	margin-right: 5px;
	font-family: Arial, sans-serif;
	/*font-weight: 300; REMOVED TO BOLD THE X*/ 
	font-size: 14px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: red;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline;
	margin-bottom:.5%;
	font-weight: bold;
	}
.cle_remove_button:hover{
	background: darkred;
	border: none;	
	}
.cle_remove_button:focus{
	position: relative;
	bottom: -1px;
	background: red;
	}
#missingCourses{
	margin-top:1%;
	/*margin-left:30%; UPDATED 3-22-24
	margin-right:30%;*/
	margin-left:20%;
	margin-right:20%;
	}
.cle_courseEntry{
	/*padding:.5%;
	margin-top:1%;*/
	display: flex;
	/*flex-direction: row;*/
	flex-direction: column;
	text-align:justify;
	margin: 3% 3% 0 3%;
	border-top: 2px solid white;
	padding: 20px;
	}
.cle_courselabel{
	font-size:14px;
	font-weight:bold;
	padding-right:5px;
	color: #284D77;
	font-family: Arial, sans-serif;
	}
.cle_courseinput{
	font-size:12px;
	color: #06213f;
	font-family: Arial, sans-serif;
	}
/* ---------------------------------------------------------- DETAIL BUTTON START ------------------------------------------------------------------------------- */
/*.cle_detailslinks{
	font-size: 14px;
	font-family: Arial, sans-serif;
	line-height: normal;
	color: #f9f9f9;
	text-decoration: none;
	font-weight: bold;
	vertical-align: top;
	padding-top:.25%;
	padding-bottom:.25%;
	margin-right:0 !important;
	}
.cle_detailslinks td{
	font-size: 14px;
	font-family: Arial, sans-serif;
	line-height: normal;
	color: #f9f9f9;
	text-decoration: none;
	font-weight: bold;
	vertical-align: top;
	padding-top:1%;
	}
.cle_detailslinks a{
	text-decoration: none;
	color: #284d77;
	}
.cle_detailslinks:hover{
	text-decoration: none;
	color: #255fb1;
	}*/

/* ---------------------------------------------------------- ATTORNEY PAGE START ------------------------------------------------------------------------------- */
.cle_attydiv{
	padding-top:1%;
	padding-left: 10%;
	}
.cle_attydiv1{
	float: left;
	margin-left:0;
	width:10%;
	/*padding-top:.5%;*/
	}
.cle_attydiv2{
	width:55%;
	padding-top:1%;
	margin-left:0;
	/*float: left;
	display: inline;*/
	}
.cle_attydiv3{
	margin-left:0;
	/*width:55%;
	padding-top:.5%;
	float: left;
	display: inline;*/
	}
.cle_attydiv4{
	margin-left:0;
	width:65%;
	padding-top:1%;
	}
.cle_attydiv5{
	margin-left:0;
	width:65%;
	}
.cle_crdiv{
	padding-top:1%;
	padding-left: 10%;
	float:left;
	}
.cle_crdiv1{
	float: left;
	margin-left:0;
	padding-top:.5%;
	}
.cle_bodydiv{
	width: 100%;
	padding-top:1%;
	overflow:auto;
	margin-bottom:10%;
	}
.cle_coursediv{
	width: 70%;
	padding-top:1%;
	overflow:auto;
	}
.cle_coursediv1{
	width: 30%;
	padding-left:1%;
	margin-top:1%;
	}
.cle_space{
	padding:2%;
	}
.cle_faqtext{
	width:75%;
	COLOR:#284D77;
	font-family: arial, sans-serif;
	font-size:12px;
	text-align:justify;
	padding-bottom: 3%;
	margin-bottom: 5%;
	}
.cle_faqtextBLD{
	COLOR:#284D77;
	font-family: arial, sans-serif;
	font-size:16px;
	padding:0;
	font-weight: bold;
	text-align:justify;
	}

/* ---------------------------------------------------------- ANNUAL REPORT STATEMENT ------------------------------------------------------------------------------- */
.cle_report_body {
	position: relative;
	/*background-color: #f0f0f0;*/
	}
.cle_report_body::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-image: url("../images/Supreme-Court-seal-recolored20.png");
	background-repeat: no-repeat;
	background-size: 40%;
	background-position: center;
	filter: grayscale(90%) opacity(0.2);
	}

.cle_report_container {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

.cle_report_centered {
		/*align-self: center;*/
		align-self: center;
		width: 110px;
		height: 110px;
		margin-top: 25%;
	}

.cle_report_left {
		margin-left: 20%;
	}

.cle_report_right {
		width: 250%;
		margin-right: 10%;
	}

.cle_report_bg_img {
		width: 35%;
		height: auto;
		position: fixed;
		z-index: -1;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		opacity: 0.5;
	}

.cle_report_address {
		font-size: 16px;
	}
	
/* ---------------------------------------------------------- MISSING COURSES (STACKED) ------------------------------------------------------------------------------- */

.missingcourses-dropdown {
	/*position: relative;
	display: inline-block;*/
	}
.dropdown-menu {
	/*position: absolute;*/
	top: 100%;
	left: 0;
	display: none;
	padding: 0;
	margin: 0;
	list-style-type: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 5px 5px;
	width: auto;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 1;
	}
.dropdown-menu.open{
	display: block;
	}
.dropdown-menu li {
	padding: 5px;
	cursor: pointer;
	}
.dropdown-menu li:hover {
	background-color: #ccc;
	}
.childCheckbox {
	margin-left: 20px;
	}
.attorneyStatementSection {
	border-style: solid;
	padding: 0 10px 10px 10px;
	border-color: black;
	background-color: #284D77;
	color: #fff
	}
.attorneyStatementSection .cle_courselabel{
	color: #fff;
	}
.attorneyStatementSection li{
	color: black;
	}
.missingcoursesSection {
	border-style: solid;
	padding: 0 10px 10px 10px;
	border-color: black;
	background-color: #284D77;
	color: #fff
	}
.missingcoursesSection .cle_courselabel{
	color: #fff;
	}
.missingcoursesSection li{
	color: black;
	}
#missingCourse{
	order: 999;
	/*width: 50px;*/
	/*margin-left: 50%;*/
	background: none;
	border: none;
	padding-top:1%;
	}
.cle_table_transparent_address{
	width: 95%;
	margin: 0 auto;
	background: none;
	margin-top: 1%;
	margin-left:20%;
	margin-right:20%;
	}
.missingcoursesInput{
	width: 98% !important;
	font-size:12px;
	color: #06213f;
	font-family: arial, sans-serif;
	margin-bottom:5px;
	}
.missingcoursesInput90{
	width: 98%;
	font-size:12px;
	color: #06213f;
	font-family: arial, sans-serif;
	}
.missingCourses_header{
	margin-bottom:.25%;
	margin-top:2%;
	font-size: 24px;
	font-weight: bold;
	text-align:center;
	}
.missing_new_doc_container{
	display: flex; 
	flex-direction: column; 
	position:relative
	}
#miss_courses_form{
	margin-bottom:5%;
	padding-bottom:5%;
	}

#course-select .cle_course {
	display: flex;
}

.cle_remove_button_div {
	text-align: right;
	width: 92%;
	padding-bottom:3px;
}

/* ---------------------------------------------------------- MISSING COURSES (HORIZONTAL) ------------------------------------------------------------------------------- */

/*.missingcourses-dropdown {
	position: relative;
	display: inline-block;
	}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	padding: 0;
	margin: 0;
	list-style-type: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 5px 5px;
	width: auto;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 1;
	}
.dropdown-menu.open{
	display: block;
	}
.dropdown-menu li {
	padding: 5px;
	cursor: pointer;
	}
.dropdown-menu li:hover {
	background-color: #ccc;
	}
.childCheckbox {
	margin-left: 20px;
	}
.attorneyStatementSection {
	border-style: solid;
	padding: 0 10px 10px 10px;
	border-color: black;
	background-color: #284D77;
	color: #fff
	}
.attorneyStatementSection .cle_courselabel{
	color: #fff;
	}
.attorneyStatementSection li{
	color: black;
	}
.missingcoursesSection {
	border-style: solid;
	padding: 0 10px 10px 10px;
	border-color: black;
	background-color: #284D77;
	color: #fff;
	display:flex;
	flex-direction: column;
	align-items:center;
	}
.missingcoursesSection .cle_courselabel{
	color: #fff;
	}
.missingcoursesSection li{
	color: black;
	}
#missingCourse{
	order: 999;
	width: 50px;
	/*margin-left: 50%;
	background: none;
	border: none;
	}
.cle_table_transparent_address{
	width: 95%;
	margin: 0 auto;
	background: none;
	margin-top: 1%;
	margin-left:20%;
	margin-right:20%;
	}
.missingcoursesInput{
	font-size:12px;
	color: #06213f;
	font-family: arial, sans-serif;
	}
.missingcoursesInput90{
	font-size:12px;
	color: #06213f;
	font-family: arial, sans-serif;
	}
.missingCourses_header{
	margin-bottom:1%;
	font-size: 28px;
	font-weight: bold;
	text-align:center;
	}
#miss_courses_form{
	margin-bottom:5%;	
	padding-bottom:5%;
	}*/


/* ---------------------------------------------------------- THANK YOU PAGE ------------------------------------------------------------------------------- */
a.CLE_TY{
	color: #ffffff;
	text-decoration:none;
	}
a:link.CLE_TY{
	color:#ffffff; 
	text-decoration:none !important;
	}
a:visited.CLE_TY{
	color:#ffffff; 
	text-decoration:none !important;
	}
a:hover.CLE_TY{
	color:#ffffff; 
	text-decoration:none !important;
	}
a:active.CLE_TY{
	color:#ffffff; 
	text-decoration:none !important;
	}
.CLE_TY_div{
	width: 100%; 
	height:100%; 
	margin-left: -1px; 
	border-collapse: collapse;
	}
.CLE_TY_table{
	width: 100%;
	height:100%;
	border: 3px solid #284D77; 
	margin-left: -1px; 
	border-collapse: collapse;
	}
.CLE_TY_header{
	font-family: Georgia, Times, serif; 
	background-color: #284D77; 
	padding-top: 2%; 
	padding-bottom: 2%; 
	text-align: center; 
	color:#ffffff; 
	font-size:32px;
	}
.CLE_TY_headersmall{
	font-family: Georgia, Times, serif; 
	background-color: #255FB1; 
	text-align: center; 
	color:#ffffff; 
	font-size:28px; 
	font-weight: bold;
	}
.CLE_TY_subheader{
	font-family: Georgia, Times, serif; 
	padding-top:8px; 
	padding-bottom: 1%; 
	text-align: center; 
	color:#06213f; 
	font-size:24px; 
	font-weight: bold;
	}
.CLE_TY_largeheader{
	font-size: 92px;
	color:#255FB1;
	padding-top: 4%;
	padding-bottom: 4%;
	font-weight: bold;
	font-family: arial, sans-serif;
	text-align: center;
	}
.CLE_TY_bodytext{
	font-family: arial, sans-serif; 
	padding-top:.5%; 
	color:#06213f; 
	font-size:21px; 
	font-weight: bold; 
	padding-left:5%; 
	padding-right: 5%;
	}
.CLE_TY_bodytext1{
	font-family: arial, sans-serif; 
	color:#06213f; 
	font-size:12px;
	}
.CLE_TY_footer{
	font-family: arial, sans-serif; 
	background-color: #284D77; 
	color: #ffffff; 
	padding-bottom: 3%; 
	font-size:16px; 
	text-align: center;
	}
/* ---------------------------------------------------------- MODAL BOX------------------------------------------------------------------------------- */
.modal{
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	/*background-color: #06213f;*/
	background-color: #06213f7e;
	display: none;
}
.modal_content{
	/*background-color: white;*/
	/*border: 3px solid black;*/
	margin: 10% auto;
	padding: 10px;
	width: 50%;
}
.modal_content_add-doc{
	/*background-color: white;*/
	/*border: 3px solid black;
	margin: 3%;*/
	margin-left: 4%;
	margin-right: 4%;
	padding: 1%;
}
.modal_error{
	color: red;
	font-weight: bold;
}
/* ---------------------------------------------------------- NEW-MISSING COURSES 3-2024--START ------------------------------------------------------------------------------- */
#addedCourses{
	/*margin-left:5%;
	margin-right:5%;*/
	width:75%;
	}
.addedcourses-table{
	font-family: arial, sans-serif; 
	font-size: 14px; 
	border:1px solid #06213f;
	width:80%;
	}
.courserow_white{
	background-color: #ffffff;
	}
.courserow_gray{
	background-color: #D6D6D7;
	}
.courses_header_remove{
	width: 5%; text-align: left; background-color:#284D77; color: #ffffff; font-weight: bold;
	}
.courses_header_seq{
	width: 1%; text-align: left; background-color:#284D77; color: #ffffff; font-weight: bold;
	}
.courses_header_title{
	width: 30%; text-align: left; background-color:#284D77; color: #ffffff; font-weight: bold;
	}
.courses_header_sponsor{
	width: 15%; text-align: left; background-color:#284D77; color: #ffffff; font-weight: bold;
	}
.courses_header_city{
	width: 10%; text-align: left; background-color:#284D77; color: #ffffff; font-weight: bold;
	}
.courses_header_date{
	width: 5%; text-align: left; background-color:#284D77; color: #ffffff; font-weight: bold;
	}
.courses_header_hours{
	width: 5%; text-align: left; background-color:#284D77; color: #ffffff; font-weight: bold;
	}
.courses_header_ethics{
	width: 5%; text-align: left; background-color:#284D77; color: #ffffff; font-weight: bold;
	}
.courses_header_uploaded{
	width: 12%; text-align: left; background-color:#284D77; color: #ffffff; font-weight: bold;
	}

.courses_seq{
	width: 1%; text-align: left;
	}
.courses_title{
	width: 33%; text-align: left;
	}
.courses_sponsor{
	width: 18%; text-align: left;
	}
.courses_city{
	width: 10%; text-align: left;
	}
.courses_date{
	width: 5%; text-align: left;
	}
.courses_hours{
	width: 5%; text-align: left;
	}
.courses_ethics{
	width: 5%; text-align: left;
	}
.courses_uploaded{
	width: 12%; text-align: center;
	}
.courses_remove{
	width: 5%; text-align: center;
	}

.cle_redremove_button{
	text-align: center;
	padding: 3px 6px;
	margin-right: 5px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: red;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline;
	margin-bottom:.5%;
	}
.cle_redremove_button:hover{
	background: darkred;
	border: none;	
	}
.cle_redremove_button:focus{
	position: relative;
	bottom: -1px;
	background: red;
	}
.cle_misscourses_button{
	text-align: center;
	padding: 3px 6px;
	margin-right: 5px;
	font-family: Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: green;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline;
	margin-bottom:4%;
	}
.cle_misscourses_button:hover{
	background: darkgreen;
	border: none;	
	}
.cle_misscourses_button:focus{
	position: relative;
	bottom: -1px;
	background: green;
	}
.cle_number{
	display: inline;	
	}
/* ---------------------------------------------------------- NEW-MISSING COURSES 3-2024--END ------------------------------------------------------------------------------- */

	.CloudIcon {
		cursor: pointer;
	}
}