/****************************************
Main Page Layout
****************************************/

@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');

.text-centered {
  text-align: center;
  padding: 20px;
  max-width: 800px;
  margin: auto;
  display: block;
  
}

.webbtn {
  padding: 10px;
  background: none;
  border: solid 1px black;
  font-weight: bold;
  font-size: 14px;
}

.navbar {
  background-color: #e3e3e3;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 16px;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}
.dropdown .dropbtn .fa-caret-down{
  display: none;
}

.searchbox {
  border-radius: 0; background: #fafafa; text-align: center; border: solid 1px #404040; padding: 30px 10px; box-shadow: none;
  min-height: 500px;
  margin: 10px;
}


/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px; 
  border: none;
  outline: none;
  color: black;
  padding: 14px 16px;
  background-color: #e3e3e3;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #e3e3e3;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

#aboutsection {
background: #fafafa;
}

h2 {
  font-family: 'Oswald';
}

.text-centered p {
padding-bottom: 20px;
}

.submitbuttons {
	width: 50%;
	background: #000045;
	color: white;
	margin: auto;
	display: block;
	font-size: 14px;
	margin-top: 15px;
	padding: 10px;
	font-family: 'Oswald';
	border-radius: 4px;
}
* {
	margin: 0;
	padding: 0;
}

#homeheading {
	margin: auto; 
	display: block; 
	color: white;
	padding: 50px; 
	font-size: 2rem;
	text-align: center;

}

#homepage .row {
  max-width: 1200px;
  margin: auto;
}


#loginform {
	display: block;
	margin: auto;
	width: 95%;
	max-width: 300px;
	margin: auto;
  padding-bottom: 15px;
}

@media (min-width: 1030px) {
	#loginform {
		max-width: 250px; 
		opacity: 0.95;
		float: right;
		margin-top: 100px;
		margin-right: 15px;
	}
	#homeheading {
		float: left;
    margin: 50px;
    font-size: 2.5rem;
	}
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Oswald';
}
.container {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box; }
.column,
.columns {
    width: 100%;
    float: left;
    box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
    .container {
        width: 85%;
        padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
    .container {
        width: 80%; }
    .column,
    .columns {
        margin-left: 4%; }
    .column:first-child,
    .columns:first-child {
        margin-left: 0; }

    .one.column,
    .one.columns                    { width: 4.66666666667%; }
    .two.columns                    { width: 13.3333333333%; }
    .three.columns                  { width: 22%;            }
    .four.columns                   { width: 30.6666666667%; }
    .five.columns                   { width: 39.3333333333%; }
    .six.columns                    { width: 48%;            }
    .seven.columns                  { width: 56.6666666667%; }
    .eight.columns                  { width: 65.3333333333%; }
    .nine.columns                   { width: 74.0%;          }
    .ten.columns                    { width: 82.6666666667%; }
    .eleven.columns                 { width: 91.3333333333%; }
    .twelve.columns                 { width: 100%; margin-left: 0; }

    .one-third.column               { width: 30.6666666667%; }
    .two-thirds.column              { width: 65.3333333333%; }

    .one-half.column                { width: 48%; }

    /* Offsets */
    .offset-by-one.column,
    .offset-by-one.columns          { margin-left: 8.66666666667%; }
    .offset-by-two.column,
    .offset-by-two.columns          { margin-left: 17.3333333333%; }
    .offset-by-three.column,
    .offset-by-three.columns        { margin-left: 26%;            }
    .offset-by-four.column,
    .offset-by-four.columns         { margin-left: 34.6666666667%; }
    .offset-by-five.column,
    .offset-by-five.columns         { margin-left: 43.3333333333%; }
    .offset-by-six.column,
    .offset-by-six.columns          { margin-left: 52%;            }
    .offset-by-seven.column,
    .offset-by-seven.columns        { margin-left: 60.6666666667%; }
    .offset-by-eight.column,
    .offset-by-eight.columns        { margin-left: 69.3333333333%; }
    .offset-by-nine.column,
    .offset-by-nine.columns         { margin-left: 78.0%;          }
    .offset-by-ten.column,
    .offset-by-ten.columns          { margin-left: 86.6666666667%; }
    .offset-by-eleven.column,
    .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

    .offset-by-one-third.column,
    .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
    .offset-by-two-thirds.column,
    .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

    .offset-by-one-half.column,
    .offset-by-one-half.columns     { margin-left: 52%; }

}


.header {
    overflow: hidden;
    background-color: #000045;
    color: white;
    padding: 25px;
    z-index: 1;
}

#homepage {
background-size: cover;
background-image: url('/sites/rtep/desktop/images/unnamed.jpg');
width: 100%;
}

/* Style the header links */
.header h2 {
    float: left;
    color: black;
    text-align: center;
    padding: 12px;
    text-decoration: none;
    font-size: 30px;
    line-height: 25px;
    border-radius: 4px;
}

/* Style the logo link (notice that we set the same value of line-height and font-size to prevent the header to increase when the font gets bigger */
.header a.logo {
    font-size: 25px;
    font-weight: bold;
}

/* Change the background color on mouse-over */
.header a:hover {
    color: black;
}

/* Style the active/current link*/
.header a.active {
    color: #404040;
}


/* Float the link section to the right */
.header-right {
    float: right;
}

/* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */
@media screen and (max-width: 500px) {
    .header a {
        display: block;
        text-align: left;
    }
}




textarea, input, select {
	font-family: 'Oswald', sans-serif;
	font-size: 10pt;
	resize: none;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.pointer-div {
	cursor: pointer;
}

a { text-decoration: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

/****************************************
Content Layout
****************************************/

/*.page-header {
	overflow: visible;
	margin: 20px;
	background: #676767;
	background-image:url('../../common/images/background_dark.jpg');
	background-repeat:repeat;
	text-align: center;	
	box-shadow: 		0px 0px 10px 0px #5d5d5d;
	-webkit-box-shadow: 0px 0px 10px 0px #5d5d5d;
	-moz-box-shadow: 	0px 0px 10px 0px #5d5d5d;
} */

.page-content {
	overflow: visible;
	padding: 0px 10px 10px 10px;
}

/****************************************
Grid Layout
****************************************/

.grid-wrapper {
	overflow: visible;
}

/********** x1 grid **********/
.grid-wrapper > .grid-1x1-content {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

/********** x2 grid **********/
.grid-wrapper > .grid-1x2-content {
	float: left;
	width: 49%;
	min-width: 49%;
	max-width: 49%;
}

.grid-wrapper > .grid-x2-spacer {
	float: left;
	width: 2%;
	min-width: 2%;
	max-width: 2%;
}

/********** x3 grid **********/
.grid-wrapper > .grid-1x3-content {
	float: left;
	width: 32%;
	min-width: 32%;
	max-width: 32%;
}

.grid-wrapper > .grid-2x3-content {
	float: left;
	width: 66%;
	min-width: 66%;
	max-width: 66%;
}

.grid-wrapper > .grid-3x3-content {
	float: left;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

.grid-wrapper > .grid-x3-spacer {
	float: left;
	width: 2%;
	min-width: 2%;
	max-width: 2%;
}


/********** x4 grid **********/
.grid-wrapper > .grid-1x4-content {
	overflow: auto;
	float: left;
	width: 22%;
	min-width: 22%;
	max-width: 22%;
}

.grid-wrapper > .grid-2x4-content {
	overflow: auto;
	float: left;
	width: 48%;
	min-width: 48%;
	max-width: 48%;
}

.grid-wrapper > .grid-3x4-content {
	overflow: auto;
	float: left;
	width: 74%;
	min-width: 74%;
	max-width: 74%;
}

.grid-wrapper > .grid-4x4-content {
	overflow: auto;
	float: left;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

.grid-wrapper > .grid-x4-spacer {
	overflow: auto;
	float: left;
	width: 4%;
	min-width: 4%;
	max-width: 4%;
}

/********** x1 grid **********/
.grid-wrapper > .grid-menu-1x2-left-content {
	float: left;
	width: 25%;
	min-width: 25%;
	max-width: 25%;
}

.grid-wrapper > .grid-menu-1x2-right-content {
	float: left;
	width: 73%;
	min-width: 73%;
	max-width: 73%;
}

.grid-wrapper > .grid-menu-x2-spacer {
	float: left;
	width: 2%;
	min-width: 2%;
	max-width: 2%;
}

/****************************************
Grid Modules Layout
****************************************/

.module {
	overflow: visible;
	margin: 10px;
	/*border: 1px solid #cccdd1;*/
	border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow: 		0px 0px 5px 0px #5d5d5d;
	-webkit-box-shadow: 0px 0px 5px 0px #5d5d5d;
	-moz-box-shadow: 	0px 0px 5px 0px #5d5d5d;
}

.module:not(:first-child) {
	margin-top: 30px;
}

.module.tab {
	margin-top: 10px;
}


.module-header {
	overflow: auto;
	padding: 10px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-khtml-border-top-left-radius: 15px;
	-khtml-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	color: #fff;
	text-align: center;
	font-size: 17px;

}

.module-header-large {
	overflow: auto;
	padding: 50px 0 10px 0;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-khtml-border-top-left-radius: 15px;
	-khtml-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 15pt;
}

.module-content {
	overflow: auto;
	padding: 20px;
	color: #000000;
  max-width: 900px;
  margin: auto;
	background: #ffffff;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-khtml-border-bottom-right-radius: 15px;
	-khtml-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
}
/* datatable style */
.module-content-data-table {
	overflow: auto;
	padding: 20px;
	max-width: 900px;
	margin:2rem auto;
	text-align: center;
}

.no-padding {
	padding: 0;
}


/****************************************
Clickable/Selected
****************************************/


.clickable {
	overflow: auto;
	padding: 5px;
	cursor: pointer;
	border-bottom: 1px solid #eff0f4;
}

.clickable:first-child {
	border-top: 1px solid #eff0f4;
}

.clickable:hover {
	background: #eff0f4;
}

.clickable .title {
	float: left;
	padding: 4px;
}

.clickable .count {
	overflow: auto;
	float: right;
	padding: 4px;
	width: 35px;
	background: #a6c4dd;
	text-align: center;
}

button {
	cursor: pointer;
}

.selected {
	background-color: #eff0f4;
}

/****************************************
Rounded Courners
****************************************/

.corners-rounded-all {
	border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.corners-rounded-top {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-khtml-border-top-left-radius: 15px;
	-khtml-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
}

.corners-rounded-bottom {
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-khtml-border-bottom-right-radius: 15px;
	-khtml-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
}

.corners-rounded-none {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-khtml-border-bottom-right-radius: 0px;
	-khtml-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
}
/****************************************
Text Options
****************************************/

.text-justify {
	text-align: justify;
}

.text-center {
	text-align: center;
}

.text-normal {
	font-size: 10pt;
}

.text-large {
	font-size: 15pt;
}


.text-bold {
	font-weight: bold;
}

/****************************************
Div  Classes
****************************************/

.header {
	overflow: auto;
	padding: 10px;	
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 16px;

}

.header-large {
	overflow: auto;
	padding: 20px;	
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 15pt;

}


/****************************************
Table  Classes
****************************************/

.table {
	overflow: auto;
	margin-left: auto; 
    margin-right: auto;
    overflow: auto;
    width: 100%;
    border-spacing: 0px;
    background-color: white;
    border-collapse: collapse;
    font-size: 9pt;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border: 1px solid lightgray;
}

.table td {
	padding: 15px;
}

.list {
	overflow: auto;
	margin-left: auto; 
    margin-right: auto;
    overflow: auto;
    width: 95%;
    border-spacing: 0px;
    background-color: white;
    border-collapse: collapse;
    font-size: 9pt;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border: 1px solid lightgray;
}

.list tr {
	border: 1px solid lightgray;
  background: white;
}

.list td {
	padding: 15px;
}

.list .border {
	border: 1px solid lightgray;
}
.list .option:hover {
	/*background-color: #F2F2F2;*/
	background-color: #eff0f4;
	cursor: pointer;
}

.no-border {
	border: none;
}

/****************************************
Email  Classes
****************************************/

.email-container {
	position: relative;
	overflow: auto;
	width: 100%;
	/*height: 500px;*/
}

.email-inbox {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 350px;
	overflow-y: scroll;
	background: #ffffff;
	border: 1px solid lightgray;
}

.email-message {
	position: absolute;
	overflow: hidden;
	top: 0px;
	bottom: 0px;
	left: 380px;
	right: 0px;
	background: #ffffff;
	border: 1px solid lightgray;
	 
}

.email-container table {
	overflow: auto;
	width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.email-message-header {
	position: absolute;
	overflow: auto;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 100px;	
	background: #eff0f4;
	border-bottom: 1px solid;
	color: #777777;
	font-size: 1.3em;
}

.email-message-body {
	position: absolute;
	overflow: hidden;
	top: 101px;
	bottom: 101px;
	left: 0px;
	right: 0px;
	overflow-y: scroll;
}

.email-message-quickreply {
	position: absolute;
	overflow: auto;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 60px;
	padding: 20px;
	background: #eff0f4;
	border-top: 1px solid;
	color: #777777;

}

.email-message table {
	height: 100%;
}

.email-container tr {
	height: auto;	
}

.email-container td {
	padding: 10px;
	height: auto;
	vertical-align: middle;
}

.email-inbox .message {
	border-bottom: 1px solid lightgray;
}

.email-inbox .message:last-child {
	border: none;
}

.email-inbox .message:hover {
	background: #eff0f4;
	cursor: pointer;
}


/****************************************
Gradients For Course Status
****************************************/

.registered {
	background: #d9eaf7;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q5ZWFmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMGQxZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d9eaf7 0%, #a0d1f7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9eaf7), color-stop(100%,#a0d1f7));
	background: -webkit-linear-gradient(top,  #d9eaf7 0%,#a0d1f7 100%);
	background: -o-linear-gradient(top,  #d9eaf7 0%,#a0d1f7 100%);
	background: -ms-linear-gradient(top,  #d9eaf7 0%,#a0d1f7 100%);
	background: linear-gradient(to bottom,  #d9eaf7 0%,#a0d1f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9eaf7', endColorstr='#a0d1f7',GradientType=0 );
}

.available {
	background: #e0f9e2;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZjllMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNGRiYTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e0f9e2 0%, #b4dba8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0f9e2), color-stop(100%,#b4dba8));
	background: -webkit-linear-gradient(top,  #e0f9e2 0%,#b4dba8 100%);
	background: -o-linear-gradient(top,  #e0f9e2 0%,#b4dba8 100%);
	background: -ms-linear-gradient(top,  #e0f9e2 0%,#b4dba8 100%);
	background: linear-gradient(to bottom,  #e0f9e2 0%,#b4dba8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f9e2', endColorstr='#b4dba8',GradientType=0 );
}

.standby {
	background: #f4e1c3;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZTFjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGI5NWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f4e1c3 0%, #f4b95f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4e1c3), color-stop(100%,#f4b95f));
	background: -webkit-linear-gradient(top,  #f4e1c3 0%,#f4b95f 100%);
	background: -o-linear-gradient(top,  #f4e1c3 0%,#f4b95f 100%);
	background: -ms-linear-gradient(top,  #f4e1c3 0%,#f4b95f 100%);
	background: linear-gradient(to bottom,  #f4e1c3 0%,#f4b95f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4e1c3', endColorstr='#f4b95f',GradientType=0 );
}

.closed {
	background: #e8ccc9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4Y2NjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZDkyODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e8ccc9 0%, #ed9282 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8ccc9), color-stop(100%,#ed9282));
	background: -webkit-linear-gradient(top,  #e8ccc9 0%,#ed9282 100%);
	background: -o-linear-gradient(top,  #e8ccc9 0%,#ed9282 100%);
	background: -ms-linear-gradient(top,  #e8ccc9 0%,#ed9282 100%);
	background: linear-gradient(to bottom,  #e8ccc9 0%,#ed9282 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ccc9', endColorstr='#ed9282',GradientType=0 );
}

.previous {
	background: #ededed;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMmIyYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ededed 0%, #b2b2b2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#b2b2b2));
	background: -webkit-linear-gradient(top,  #ededed 0%,#b2b2b2 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#b2b2b2 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#b2b2b2 100%);
	background: linear-gradient(to bottom,  #ededed 0%,#b2b2b2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#b2b2b2',GradientType=0 );
}

/****************************************
Gradients For Backgrounds
****************************************/

.gradient-gray {
	background: #404040;
	
}

.gradient-blue {
	background: #d7e4ef;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZTRlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNmM0ZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d7e4ef 0%, #a6c4dd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7e4ef), color-stop(100%,#a6c4dd));
	background: -webkit-linear-gradient(top,  #d7e4ef 0%,#a6c4dd 100%);
	background: -o-linear-gradient(top,  #d7e4ef 0%,#a6c4dd 100%);
	background: -ms-linear-gradient(top,  #d7e4ef 0%,#a6c4dd 100%);
	background: linear-gradient(to bottom,  #d7e4ef 0%,#a6c4dd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e4ef', endColorstr='#a6c4dd',GradientType=0 );
}

.gradient-gold {
	background: #edd9a8;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZDlhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2E5NTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #edd9a8 0%, #d3a957 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edd9a8), color-stop(100%,#d3a957));
	background: -webkit-linear-gradient(top,  #edd9a8 0%,#d3a957 100%);
	background: -o-linear-gradient(top,  #edd9a8 0%,#d3a957 100%);
	background: -ms-linear-gradient(top,  #edd9a8 0%,#d3a957 100%);
	background: linear-gradient(to bottom,  #edd9a8 0%,#d3a957 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edd9a8', endColorstr='#d3a957',GradientType=0 );
}

.gradient-dark {
	background: #727272;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyNzI3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjNmM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #727272 0%, #3f3f3f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#727272), color-stop(100%,#3f3f3f));
	background: -webkit-linear-gradient(top,  #727272 0%,#3f3f3f 100%);
	background: -o-linear-gradient(top,  #727272 0%,#3f3f3f 100%);
	background: -ms-linear-gradient(top,  #727272 0%,#3f3f3f 100%);
	background: linear-gradient(to bottom,  #727272 0%,#3f3f3f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#3f3f3f',GradientType=0 );
}

.gradient-over {
	background: #d4d5d8;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDVkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmYwZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d4d5d8 0%, #eff0f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d5d8), color-stop(100%,#eff0f4));
	background: -webkit-linear-gradient(top,  #d4d5d8 0%,#eff0f4 100%);
	background: -o-linear-gradient(top,  #d4d5d8 0%,#eff0f4 100%);
	background: -ms-linear-gradient(top,  #d4d5d8 0%,#eff0f4 100%);
	background: linear-gradient(to bottom,  #d4d5d8 0%,#eff0f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d5d8', endColorstr='#eff0f4',GradientType=0 );
}

.gradient-under {
	background: #eff0f4;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZjBmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #eff0f4 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff0f4), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #eff0f4 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #eff0f4 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #eff0f4 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #eff0f4 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f4', endColorstr='#ffffff',GradientType=0 );

}

/*
.gradient-selected-top {
	background: #d4d5d8;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDVkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmYwZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d4d5d8 0%, #eff0f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d5d8), color-stop(100%,#eff0f4));
	background: -webkit-linear-gradient(top,  #d4d5d8 0%,#eff0f4 100%);
	background: -o-linear-gradient(top,  #d4d5d8 0%,#eff0f4 100%);
	background: -ms-linear-gradient(top,  #d4d5d8 0%,#eff0f4 100%);
	background: linear-gradient(to bottom,  #d4d5d8 0%,#eff0f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d5d8', endColorstr='#eff0f4',GradientType=0 );
}

.gradient-selected-bottom {
	background: #eff0f4;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZjBmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNGQ1ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #eff0f4 0%, #d4d5d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff0f4), color-stop(100%,#d4d5d8));
	background: -webkit-linear-gradient(top,  #eff0f4 0%,#d4d5d8 100%);
	background: -o-linear-gradient(top,  #eff0f4 0%,#d4d5d8 100%);
	background: -ms-linear-gradient(top,  #eff0f4 0%,#d4d5d8 100%);
	background: linear-gradient(to bottom,  #eff0f4 0%,#d4d5d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f4', endColorstr='#d4d5d8',GradientType=0 );
}
*/


/* Friday, August 30, 2019 */
.export.section {
    text-align: center;
    margin: 10px 0px 40px;
}

.export.section a {
    color: #333;
    border: 1px solid #333;
    padding: 10px 30px;
}

.attendence {
    border: 1px solid #ccc;
    padding: 2rem;
    text-align: left;
}

table {}

.attendance-content table {
    width: 100%;
    border: 1px solid #333;
    margin: 2rem 0;
    text-align: left;
}

.attendance-content table td, .attendance-content table th {
    border: 1px solid #ccc;
    padding: 1rem;
}

span.absent {
    color: #F44336;
}

span.present {
    color: #4CAF50;
}
.attendence button, .btn {
    border: 2px solid;
    padding: .5rem 1rem;
    font-weight: bold;
    background: #fff;
	margin: 1rem 0;
	display: inline-block;
	color: #000;
}
.select-date {
    border: 1px solid;
	padding: 10px 10px;
	overflow: hidden;
}

.select-date p {
    float: left;
}
.date-ig {
    float: right;
}
.date-ig button {
    background: #fff;
    border: 1px solid;
    padding: 4px 20px;
}

.date-ig input {
    height: 26px;
    position: relative;
    top: 2px;
    padding: 0 10px;
}
.att-list .date {
    text-align: center;
    margin-top: -20px;
    margin-bottom: 30px;
}

a.btn.btn-disable {
    background-color: gray;
}
/* Friday, August 30, 2019 */

/* blog style*/
.blog-main:not(:last-child){
	border-bottom: 1px solid #d6d6d6;
}
.blog-main:not(:first-child){
	margin-top: 3rem;
}
.blog-main--content{
	color: #355167 !important;
}
.deletePostBtn{
	color:darkred;
}

/* For devices larger than 550px */
@media (max-width: 650px) {
	.blog-main{
		margin-top: 2rem;
	}
	.blog-main--parent{
		margin-left: .5rem !important;
		margin-right: .5rem !important;
	}
	.blog-main--content h3{
		font-size: 1.2rem;
	}
	.blog-main--content h1, .home-blog-content h1{

		font-size: 1.3rem;
	}
	.blog-description .home-blog-content p{
		font-size: .8rem;
	}
	.home-blog-content{
		flex-direction: column;
	}

}
/*.cke_reset_all .ui-dialog{*/
/*	 display: none;*/
/* }*/
/*navigation new*/
#toggleBtnShow,#toggleBtnClose {
	clear: both;
	display: none;
	cursor: pointer;
	right: 2%;
	top: 35%;
	transform: translate(-50%, -5%);
}
.nav-container{
	margin-bottom: -30px;
}
/* home new */
.rte-bg-gray {
	background-color: #345167;
}
.rteportal-href{
	margin-top: 30px;
}
.bg-clip-image {
	clip-path: polygon(100% 0, 82% 100%, 100% 100%);
	height: 100% !important;
	background: #355167;
	width: 100%;
	z-index: 2;
	-webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.75) !important;
	-moz-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.75) !important;
}
.bg-map {
	width: 200px;
	height: 200px;
	background: url("../images/home/BAUASI-Area-Map_Lighter.svg") 0 0 no-repeat;
	bottom: 5%;
	right: 0;
	z-index: 3;
	position: absolute;
	display: inline-block;
}
.blog-mobile-nav-bg a:link, .blog-mobile-nav-bg a:active,.blog-mobile-nav-bg a:visited{
		color: black;
	
	}

/* responsive CSS */
@media (min-width: 768px) {
	.rte-home-btn {
		margin-top: -30px;
	}.rte-home-btn-blog {
		margin-top: -50px;
	}
}
@media(max-width: 767.9px){
	.bg-clip-image {
		display: none;
	}
	.bg-map {
		display: none;
	}
}
@media (max-width: 540px) {
	#toggleBtnShow {
		display: block;
		z-index: 50;
		cursor: pointer;
		clear: both;
	}
	.home-blog-content-description{
		margin-left: 0 !important;
	}
	.nav-container{
		margin-bottom: 0;
	}
	.blog-mobile-nav-bg{
		background-color: #FFFFFF;
	}
	.blog-mobile-nav-bg a:hover{
		color: #345167;
		font-weight: bold;
	}
}
/* ./responsive CSS */
.modal {
	display: none;
	position: fixed;
	z-index: 10;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5);
}


.modal-content {
	margin: 10% auto;
	width: 60%;
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
	animation-name: modalopen;
	animation-duration: 1s;
}
.modal-content__blog{
	width: 60% !important;

}
.modal-header h2{
	font-size: 2rem;
}

.modal-header {
	background: #345167;
	padding: 15px;
	color: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.modal-body {
	padding: 10px 20px;
	background: #fff;
}

.close {
	float: right;
	font-size: 30px;
	color: #fff;
}
.modal-content__blog .close {
	margin: 0;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

@keyframes modalopen {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


.rte-bg-warning{
	background: #e1be2d;
}

@media (min-width: 768px){
	.md\:bg-orange-400 {
		background-color: #e1be2d !important;
	}
}

.cat_wrapper {
	display: flex;
	padding: 2em;
}

.cat-create {
	width: 60%;
	display: flex;
	flex-direction: column;
}

.cat-list {
	width: 40%;
	padding-left: 2em;
}

.cat-create input[type="text"] {
	padding: .5em;
}
.sub_btn button {
	background: #325167;
	border: none;
	font-size: 1em;
	padding: 0.8em 1.5em;
	color: #fff;
	font-weight: bold;
}
.cat-create h3{
	line-height: 0.8;
	margin-bottom: 1em;
}
.cat-item h3{
	line-height: 0.8;
	margin-bottom: .2em;
}
.sub_btn {
	margin-top: 1em;
}
.cat-list .cat-item {
	display: flex;
	margin-bottom: 1em;
}

.cat-list .cat-item input {
	padding: 0.2em .5em;
}

.cat-list .cat-item button {
	padding: 0 0.8em;
	margin: 0 .3em;
}
.update_cat, .update_tag {
	background: #325167;
	border: none;
	color: #fff;
	font-weight: bold;
	font-size: .8em;
}
.delete_cat, .delete_tag {
	background: #F44336;
	border: none;
	color: #fff;
	font-weight: bold;
	font-size: .8em;
}


/*  Slide styles */
.slides-input-group {
    display: flex;
    flex-wrap: wrap;
	flex-direction: column;
	padding: 0 15px;
}

.slides-input-group input, .slides-input-group button {
    margin-bottom: 1em;
}

.slide-bg-image {
    background-size: cover;
    width: 100%;
    max-width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.slides-preview-group {
    width: 200px;
    padding: 15px;
}

.slides-preview-sec {
    display: flex;
}

.rtep-slide-be {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}
.rtep-slide-be hr {
    margin: 0 15px;
}
.rtep-slide-be button {
    background-color: #0A246A;
    border:none;
    color: #fff;
    padding: 0.5em;
    margin-top: 1em;
    font-weight: bold;
}
.rtep-slide-be button.remove-btn{
    background-color: #FF5722;
    border:none;
    color: #fff;
    padding: 0.5em;
    margin-top: 1em;
    font-weight: bold;
}
/* ./ Slide styles */

.mail-list {
    margin: 0 3em;
    background: #e3e3e3;
    padding: 12px;
	text-align: center;
	margin-bottom: 4em;
}

.action_feedback {
    display: none;
    max-width: 200px;
    background: #4CAF50;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 4px 0;
    font-size: 14px;
}

.action_feedback .feedback_icon {
    margin-right: 8px;
}

.tag_group, .select_f_option, .disp_group, .subject_group {
    margin-bottom: 12px;
}

.tag_group label, .select_f_option label, .disp_group label, .subject_group label {
	padding-bottom: 6px;
    display: inline-block;
}

.subject_group input {
    height: 34px;
    border: 1px solid #aaa;
    border-radius: 3px;
}

/* .ftr_text.text-center {
    color: #bbb;
}

.ftr_text.text-center a {
    color: #209ee7;
}

.batep_ftr_wrapper {
    background: #2d3748f2;
} */

.slides-preview-sec {
	flex-wrap: wrap;
}
.absolute.bg-clip-image {
	display: none;
	border: none;
}
.absolute.bg-map {
	display: none;
}
.dr-item {
    display: flex;
    border: 1px solid #555;
    justify-content: center;
    text-align: center;
}

.dr-item .w-33 {
    width: 33.33%;
    border-right: 1px solid #555;
    align-items: center;
    justify-content: center;
    display: flex;
}

.dr-item .w-66 {
    width: 66.66%;
    padding: 5px;
}

.rtep-dr-be {
    margin: 40px 0;
}
.dr-items {
    margin: 0 10%;
}
button.dc_save {
    margin: 0 10%;
    margin-bottom: 6em;
    padding: 0.75em 1.5em;
}


/************************************ Styles By TTP CK **********************************/
ul.PdfListing {width: 100%; float: left;list-style: none;}
ul.PdfListing li {width: 50%; float: left; list-style: none; padding: 10px; margin-bottom: 10px;}
.pdfIconDoc { float: left; margin-right: 10px;}
.downloadPdfIcon {float: right; margin-top: 5px;}
.textPdfName {float: left; padding-right: 10px; line-height: 40px;} 
ul.PdfListing li a {background: #f7f7f7; display: block; width: 100%; font-size: 13px; color: #000; text-decoration: none !important;  float: left; padding: 5px;}
ul.PdfListing li:hover a {    background-color: #b7d4db;    transition: 0.4s ease-in-out;}
.privacePlicyTable{width: 623px;}
ul.PdfListing.Adminpdf .remove-btn {    width: 30px;
    height: 30px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: 11px;  background-color: transparent !important; box-shadow: none !important;
    border: 0;}
ul.PdfListing.Adminpdf  li a{position: relative; padding-right: 50px;}
@media only screen and (max-width: 639px) {
	ul.PdfListing li {width: 100%; }
	.privacePlicyTable{width: 100%;}
}