body {
	/** margin: 0px;
    padding: 0px;
	font: 95%;
	background-color:#494a4c;**/
}

.nav {
	align-items: center;
}




/**Side nav **/
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 0;
	background-color: #000000;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 30px;
	text-align: center;

}

.sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;

}

.sidenav a:hover {
	color: #f1f1f1;
}

.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 10px;
	}

	.sidenav a {
		font-size: 14px;
	}
}

/**END Side nav **/


.datatable_container_temp_solution {
	width: 90vw;
	overflow-x: scroll;
}

a.white:link {
	color: #ffffff;
	text-decoration: underline;
}

a.white:active {
	color: #ffffff;
	text-decoration: underline;
}

a.white:visited {
	color: #ffffff;
	text-decoration: underline;
}

a.white:hover {
	color: #ffffff;
	text-decoration: none;
}

.formElm {
	margin-bottom: 5px;
}

.leaflet-top {
	z-index: 1;
}

#gps_map {
	float: left;
	width: 825px;
	left: 20px;
	height: 510px;
}

.noscript {
	width: 100%;
	height: 100%;
	/* will cover the text displayed when javascript is enabled*/
	z-index: 100000;
	/* higher than other z-index */
	position: absolute;
}

.noscript #div100 {
	display: block;
	height: 100%;
	background-color: white;
}

.my-div-icon {
	color: black;
	text-decoration: underline;
	width: 200px;
	/* font-weight:bold; */
}

.pad-style {
	color: black;
	text-decoration: underline;
	width: 250px;
	font-size: 17px;
}

.PopupPanel {
	border: solid 2px black;
	position: fixed;
	background-color: #FFFFFF;
	z-index: 100000;
	border-radius: 10px;
	padding: 10px;
	overflow: auto;

	left: 50%;
	top: 50%;

	transform: translate(-50%, -50%);

	width: 90%;
	height: 90%;
	box-shadow: 10px 10px 5px #888888;
}

.toast {
	border: solid 2px black;
	position: fixed;
	background-color: #F3F781;
	z-index: 100000;
	border-radius: 20px;
	padding: 20px;
	overflow: auto;

	left: 50%;
	top: 50%;

	transform: translate(-50%, -50%);

	width: 40%;
	height: 5%;
	text-align: center;

}

.camera_window_ras {
	border: solid 2px black;
	position: fixed;
	background-color: #FFFFFF;
	z-index: 100000;
	border-radius: 10px;
	padding: 10px;
	overflow: auto;

	left: 50%;
	top: 50%;

	transform: translate(-50%, -50%);

	width: 95%;
	height: 95%;

	text-align: center;
}


p.small_caps {
	text-transform: capitalize;
	font-variant: small-caps;
}

.noti_bubble_tab {
	position: absolute;
	/* This breaks the div from the normal HTML document. */
	top: -8px;
	right: -1px;
	padding: 2px 4px 2px 4px;
	background-color: #f24343;
	/* you could use a background image if you'd like as well */
	color: white;
	/**font-weight:bold;**/
	font-size: 0.7em;

	/* The following is CSS3, but isn't crucial for this technique to work. */
	/* Keep in mind that if a browser doesn't support CSS3, it's fine! They just won't have rounded borders and won't have a box shadow effect. */
	/* You can always use a background image to produce the same effect if you want to, and you can use both together so browsers without CSS3 still have the rounded/shadow look. */
	border-radius: 30px;
	box-shadow: 1px 1px 1px gray;
}

.css_little_red {
	background-color: #FFFFFF;
	/* blue */
	border: 1px solid #F34616;
	color: #F34616;
	padding: 1px 1px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 1px;
	margin-bottom: 1px;
}

.css_button_blue {
	background-image: linear-gradient(45deg, rgb(18, 16, 141), rgb(39, 53, 170), rgb(28, 48, 225));
	border: none;
	border-radius: 8px;
	color: #FFFFFF;
	padding: 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	box-shadow: 0 0 5px;
}

.css_button_blue:hover {
	color: #fff;
	background-image: linear-gradient(45deg, rgb(28, 48, 225), rgb(39, 53, 170), rgb(18, 16, 141));
}

.header2 {
	padding: 0px;
	margin: 0px;
	margin-left: -5px;
	color: #0000CC;
}

mark {
	background-color: yellow;
	color: black;
}

table {
	border-collapse: collapse;
}

.thead-primary {
	background-color: #007BFF;
	color: white;
}

th,
td {
	padding: 0;
}

a img {
	border: 0;
}

div.divider {
	width: 450px;
	margin: 20px auto;
	background-color: #EAEAEA;
	border: 4px double;
	padding: 10px;
	font-size: 85%;
}

select,
input,
textarea {
	background-color: #E8E8E8;
}

input:focus,
textarea:focus,
select:focus {
	background-color: #E8E8E8;
	border: 1px solid black;
}

/*#header_div .dropdown-toggle::after {
    color: #fff;
    margin-left: .255em;
    vertical-align: middle;
    border-top: 0.4em solid;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent;
}*/

/*#header_div .dropdown-toggle:hover::after,
#header_div .dropdown-toggle.active::after,
#header_div .dropdown-toggle.active {
    color: #000000;
}*/

/*#header_div {*/
    /* height:50px; */
/*    width: 100%;*/
    /*background-color: #E9E8E8; */
   /* background-color: #000000;
    color: #FFFFFF;
    /*border-top: none !important;
    /*border-bottom: 2px ridge #000080;*/
    /*border-bottom: 3px solid red;
    padding: 10px;
}*/

/*input[type="checkbox"], 
input[type="radio"],
input.radio,
input.checkbox {
    vertical-align:text-top;
    width:13px;
    height:13px;
    padding:0;
    margin:0;
    position:relative;
    overflow:hidden;
    top:2px;
}*/


#top_left {
	text-align: left;
	/*background-color:#494a4c;*/
	color: black;
	display: inline-block;
}

#top_center {
	text-align: left;
	/* float:left;	 */
	position: relative;
	display: inline-block;


}

/*#top_right {
	text-align: right;
	/*background-color:#494a4c; */
	/*color: White;
	float: right;
	position: relative;
	display: inline-block;*/
}
*/

#container {
	position: absolue;
	/* float:left; */
	top: 100px;
	/* left:0px; */
	right: 0px;
	bottom: 0px;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
	border-radius: 2px;
	padding: 2px;
	/*overflow-y:scroll;*/
}

#container_login {
	position: absolue;
	float: left;
	top: 50px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #494a4c;
	color: #FFFFFF;
	width: 100%;
	/*overflow-y:scroll;*/
}

#inner_container {
	position: absolute;
	top: 50%;
	height: 10em;
	margin-top: -5em
}

#bottom_left {
	text-align: center;
	align: center;
	position: relative;
	float: left;
	background-color: #494a4c;
	/*background-color:#EAEAEA;*/
	width: 0px;
	/*changed from 120px due to removing left navigation*/
	color: White;
}

#bottom_right {
	text-align: left;
	float: left;
	position: relative;
	left: 0px;
	/*Changed from 10px to keep from having to scroll right.*/
	width: auto;
	background-color: #FFFFFF;
}

#form_col1 {
	float: left;
	/*width:500px;*/
}

#form_col2 {
	float: left;
	/*position:relative;*/
	/*left:10px;*/
	/*top:1px;*/
	/*width:500px;*/
}

#form_row2 {
	clear: both;
	width: 100%;
	border: 1px solid black;
}

#claim_tracking {
	/*outline: 1px solid black;*/
	border: 1px solid black;
}

#claim_commodity,
#claim_processing,
#claim_amounts,
#claim_description,
#entry_general,
#entry_dates,
#entry_defects,
#entry_defects,
#damage_y {
	/*outline: 1px solid black;*/
	border: 1px solid black;
}

#home_col_1_1,
#home_col_1_2,
#home_col_2_1,
#home_col_2_2,
#home_col_2_3 {
	float: left;
	/*width:30%;*/
	border: 1px dotted black;
	margin-right: 40px;
}

#header_pudel {
	font-size: 24pt;
	font-family: sans-serif, Arial;
	font-weight: bold;
}

.parent {
	margin: 0px;
	padding: 0px;
	height: 500px;
	background-color: white;
	border: black solid;
	border-width: 1px;
	position: relative;
	width: 1400px;
}

.header {
	font-weight: bold;
	font-size: 16pt;
	font-family: sans-serif, Arial;
	border: black solid;
	border-width: 1px;
	width: 1400px;
}

.scrollContainer {
	position: absolute;
	bottom: 0px;
	top: 55px;
	left: 0px;
	right: 0px;
	width: 1400px;
}

.innerScroll {
	position: absolute;
	overflow-y: auto;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 400px;
	width: 1400px;
	border: black solid;
	border-width: 1px;
}

.buttonsScroll {
	position: absolute;
	top: 405px;
	width: 1400px;
}

table.my_table {
	border-collapse: separate;
	padding-left: 5px;
	padding-right: 5px;
	border-collapse: expression('separate', cellSpacing='10px');
}

a.changeBlue:link {
	/* default link color */
	color: #ffffff;
	text-decoration: none;
}

a.changeBlue:visited {
	color: #ffffff;
}

a.changeBlue:hover {
	/* change to blue on mouseover */
	color: #ff0000;
}

a.changeBabyBlue:link {
	/* default link color */
	color: #3399FF;
	text-decoration: none;
	height: 36px;
}

a.changeBabyBlue:visited {
	color: #3399FF;
}

a.changeBabyBlue:hover {
	/* change to blue on mouseover */
	color: #00FFCC;
}


.red_table {
	margin: 0px;
	padding: 0px;
	width: 100%;
	border: 1px solid #000000;

	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;

	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;

	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;

	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
}

.red_table table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.red_table tr:last-child td:last-child {
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.red_table table tr:first-child td:first-child {
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
}

.red_table table tr:first-child td:last-child {
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}

.red_table tr:last-child td:first-child {
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.red_table tr:hover td {}

.red_table tr:nth-child(odd) {
	background-color: #999999;
}

.red_table tr:nth-child(even) {
	background-color: #ffffff;
}

.red_table td {
	vertical-align: middle;


	border: 1px solid #000000;
	border-width: 0px 1px 1px 0px;
	text-align: left;
	padding: 7px;
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
	color: #000000;
}

.red_table tr:last-child td {
	border-width: 0px 1px 0px 0px;
}

.red_table tr td:last-child {
	border-width: 0px 0px 1px 0px;
}

.red_table tr:last-child td:last-child {
	border-width: 0px 0px 0px 0px;
}

.red_table tr:first-child td {
	background-color: #ff5656;
	border: 0px solid #000000;
	text-align: center;
	border-width: 0px 0px 1px 1px;
	font-size: 14px;
	font-family: Arial;
	font-weight: normal;
	color: #ffffff;
}

.red_table tr:first-child:hover td {
	background-color: #ff5656;
}

.red_table tr:first-child td:first-child {
	border-width: 0px 0px 1px 0px;
}

.red_table tr:first-child td:last-child {
	border-width: 0px 0px 1px 1px;
}

.alert-box {
	color: #555;
	border-radius: 10px;
	font-family: Tahoma, Geneva, Arial, sans-serif;
	font-size: 11px;
	padding: 10px 36px;
	margin: 10px;
}

.alert-box span {
	font-weight: bold;
	text-transform: uppercase;
}

.alert-box-error {
	background: #ffecec url('images/error.png') no-repeat 10px 50%;
	border: 1px solid #f5aca6;
}

.alert-box-success {
	background: #e9ffd9 url('images/success.png') no-repeat 10px 50%;
	border: 1px solid #a6ca8a;
}

.alert-box-warning {
	background: #fff8c4 url('images/warning.png') no-repeat 10px 50%;
	border: 1px solid #f2c779;
}

.alert-box-notice {
	background: #e3f7fc url('images/notice.png') no-repeat 10px 50%;
	border: 1px solid #8ed9f6;
}

.banner {
	background-image: linear-gradient(45deg, rgb(18, 16, 141), rgb(39, 53, 170), rgb(28, 48, 225));
	border-radius: 100px;
	padding: 10px;
	position: relative;
}

.content_banner {
	position: absolute;
	margin-top: -10px;
	text-align: center;
	width: 100%;
	color: white;
	font-weight: bold;
	/**text-shadow: 0 1px 0 black;**/
}

.sub_heading {
	font-size: 13px;
	font-family: sans-serif;
}

div.div_left_menu {
	border: 1px solid #000000;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	width: 150px;
	color: #000000;
	background-color: #ffffff;
	padding: 4px;
	text-align: center;
}

div.div_left_menu_selected {
	border: 1px solid #000000;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	width: 150px;
	color: #ffffff;
	background-color: #000066;
	padding: 4px;
	text-align: center;
}

div.div_left_menu:hover {
	border: 1px solid #000000;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #000000;
	background-color: #E0E6F8;
	padding: 4px;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}

.generic_form_input {
	min-width: 50px;
	color: #000000;
	background-color: #ffffff;
	padding: 4px;
	text-align: left;
	display: inline-block;
	font-size: 13px;
	font-family: sans-serif;
	border-radius: 6px;
	position: relative;
	float: left;
}

div.div_main_form_section {
	border: 1px solid #000000;
	border-radius: 10px;
	color: #000000;
	background-color: #ffffff;
	padding: 4px;
	overflow: auto;
}

.circle_div_red {
	border-radius: 50%;
	width: 15px;
	height: 15px;
	/* width and height can be anything, as long as they're equal */
	background-image:
		radial-gradient(circle at top right,
			white,
			red);
}

.circle_div_green {
	border-radius: 50%;
	width: 15px;
	height: 15px;
	/* width and height can be anything, as long as they're equal */
	background-image:
		radial-gradient(circle at top right,
			white,
			green);
}

.circle_div_orange {
	border-radius: 50%;
	width: 15px;
	height: 15px;
	/* width and height can be anything, as long as they're equal */
	background-image:
		radial-gradient(circle at top right,
			yellow,
			orange);
}


.blue_table {
	margin: 0px;
	padding: 0px;
	width: 100%;
	border: 1px solid #000000;

	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;

	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;

	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;

	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
}

.blue_table table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.blue_table tr:last-child td:last-child {
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.blue_table table tr:first-child td:first-child {
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
}

.blue_table table tr:first-child td:last-child {
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}

.blue_table tr:last-child td:first-child {
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.blue_table tr:nth-child(odd) {
	background-color: #E5E8E8;
}

.blue_table tr:nth-child(even) {
	background-color: #ffffff;
}

.blue_table td {
	vertical-align: middle;


	border: 1px solid #000000;
	border-width: 0px 1px 1px 0px;
	text-align: left;
	padding: 7px;
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
	color: #000000;
}

.blue_table tr:last-child td {
	border-width: 0px 1px 0px 0px;
}

.blue_table tr td:last-child {
	border-width: 0px 0px 1px 0px;
}

.blue_table tr:last-child td:last-child {
	border-width: 0px 0px 0px 0px;
}

.blue_table tr:first-child td {

	background-color: rgb(39, 53, 170);
	border: 0px solid #000000;
	text-align: center;
	border-width: 0px 0px 1px 1px;
	font-size: 14px;
	font-family: Arial;
	font-weight: normal;
	color: #ffffff;
}

.blue_table tr:first-child td:first-child {
	border-width: 0px 0px 1px 0px;
}

.blue_table tr:first-child td:last-child {
	border-width: 0px 0px 1px 1px;
}

.toast {
	border: solid 2px black;
	position: fixed;
	background-color: #F3F781;
	z-index: 100000;
	border-radius: 20px;
	padding: 20px;
	overflow: auto;

	left: 50%;
	top: 50%;

	transform: translate(-50%, -50%);

	width: 40%;
	height: 5%;
	text-align: center;

}

div.div_attribute_box {
	border: 1px solid #000000;
	border-radius: 3px;
	color: #000000;
	background-color: #D8F6CE;
	padding: 3px;
	text-align: center;
	float: left;
	margin: 2px;
}

.div_attribute_box span {
	font-weight: bold;
}

div.tbl_div_attribute_box {
	border: 1px solid #ABADAD;
	border-radius: 2px;
	color: #000000;
	background-color: #F0F3F2;
	padding: 2px;
	text-align: center;
	float: left;
	margin: 2px;
}

.tbl_div_attribute_box span {
	font-weight: bold;
}



.new_blue_table {
	margin: 0px;
	padding: 0px;
	border: 1px solid #000000;

	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;

	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;

	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;

	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
}

.new_blue_table table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.new_blue_table tr:last-child td:last-child {
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.new_blue_table table tr:first-child td:first-child {
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
}

.new_blue_table table tr:first-child td:last-child {
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}

.new_blue_table tr:last-child td:first-child {
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.new_blue_table tr:nth-child(odd) {
	background-color: #E5E8E8;
}

.new_blue_table tr:nth-child(even) {
	background-color: #ffffff;
}

.new_blue_table td {
	vertical-align: middle;


	border: 1px solid #000000;
	border-width: 0px 1px 1px 0px;
	text-align: left;
	padding: 7px;
	font-size: 10px;
	font-family: Arial;
	font-weight: normal;
	color: #000000;
}

.new_blue_table tr:last-child td {
	border-width: 0px 1px 0px 0px;
}

.new_blue_table tr td:last-child {
	border-width: 0px 0px 1px 0px;
}

.new_blue_table tr:last-child td:last-child {
	border-width: 0px 0px 0px 0px;
}

.new_blue_table tr:first-child td {

	background-color: #000066;
	border: 0px solid #000000;
	text-align: center;
	border-width: 0px 0px 1px 1px;
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
	color: #ffffff;
}

.new_blue_table tr:first-child td:first-child {
	border-width: 0px 0px 1px 0px;
}

.new_blue_table tr:first-child td:last-child {
	border-width: 0px 0px 1px 1px;
}


/* Create/To Do/Secondary Function */
.color-create {
	background-color: #004ea4;
	color: white !important;
}

.color-create:hover {
	background-color: #002a84;
	color: white !important;
}

.color-outline-create {
	background-color: transparent;
	border-color: #004ea4;
	color: #004ea4 !important;
}

.color-outline-create:hover {
	background-color: #004ea4;
	color: white !important;
}

/* Go/Save/Proceed/Complete */
.color-go {
	background-color: #00b88c;
	color: white;
}

.color-go:hover {
	background-color: #006d53;
	color: white !important;
}

.color-outline-go {
	background-color: transparent;
	border-color: #00b88c;
	color: #00b88c !important;
}

.color-outline-go:hover {
	background-color: #00b88c;
	color: white !important;
}

/* Void/Cancel/Error/Not Started */
.color-void {
	background-color: #f23e56;
	color: white !important;
}

.color-void:hover {
	background-color: #9c2838;
	color: white !important;
}

.color-outline-void {
	background-color: transparent;
	border-color: #f23e56;
	color: #f23e56 !important;
}

.color-outline-void:hover {
	background-color: #f23e56;
	color: white !important;
}

/* Function/Option/Edit/Neutral */
.color-option {
	background-color: #218bff;
	color: white !important;
}

.color-option:hover {
	background-color: #165da8;
	color: white !important;
}

.color-outline-option {
	background-color: transparent;
	border-color: #218bff;
	color: #218bff !important;
}

.color-outline-option:hover {
	background-color: #218bff;
	color: white !important;
}

/* Caution/Partially Complete */
.color-caution {
	background-color: #ffc000;
	color: white !important;
}

.color-caution:hover {
	background-color: #a87e00;
	color: white !important;
}

.color-outline-caution {
	background-color: transparent;
	border-color: #ffc000;
	color: #ffc000 !important;
}

.color-outline-caution:hover {
	background-color: #ffc000;
	color: white !important;
}


/* Unavailable/Action Needed to Activate/Return/Back */
.color-back {
	background-color: #a6a6a6;
	color: black !important;
}

.color-back:hover {
	background-color: #6b6a6a;
	color: white !important;
}

.color-outline-back {
	background-color: transparent;
	border-color: #a6a6a6;
	color: #a6a6a6 !important;
}

.color-outline-back:hover {
	background-color: #a6a6a6;
	color: white !important;
}


/* Export */
.color-export {
	background-color: #8b52b6;
	color: white !important;
}

.color-export {
	background-color: #503069;
	color: white !important;
}

.color-outline-export {
	background-color: transparent;
	border-color: #8b52b6;
	color: #8b52b6 !important;
}

.color-outline-export:hover {
	background-color: #8b52b6;
	color: white !important;
}

.color-card-title {
	background-color: #a7d1ff;
}

.editable-style {
	text-decoration-line: underline;
	text-decoration-style: dashed;
}

/* Stream Test */
#stream_test {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	min-height: 100vh;
}

.section-btn {
	padding-top: 3px;
	padding-bottom: 3px;
	width: 100%;
	color: #0056b3;
	border-color: #0056b3;
	margin-bottom: 0.25rem;
}

.section-btn:hover {
	background-color: #0056b3;
	border-color: #0056b3;
}

/* ///////////////////////////////////////////////////////////////////////////// 404 page styling //////////////////////////////////////////////////////////////////////////*/
.notfound_container {
	text-align: center;
	height: 95vh;
	display: flex;
	/* flex-wrap: inherit; */
	align-items: center;
}

.notfound_container .card-body {
	position: relative;
	margin-top: 10px;
}

.notfound_container .card-body img {
	z-index: 9;

}

.notfound_container .card-body .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(243, 241, 239, 0.8);
	padding: 60px;
	z-index: 99;
}

.notfound_container .card-body .inner h3 {
	font-weight: bold;
}

.notfound_container .card-body .inner a {
	display: block;
	font-size: 18px;
	background: #007bff;
	color: #fff;
	padding: 5px 0;

}

/* ///////////////////////////////////////////////////////////////////////////// 404 page styling //////////////////////////////////////////////////////////////////////////*/

.success-checkmark {
	width: 80px;
	height: 80px;
	margin: 0 auto;
}

.success-checkmark .check-icon {
	width: 80px;
	height: 80px;
	position: relative;
	border-radius: 50%;
	box-sizing: content-box;
	border: 4px solid #4CAF50;
}

.success-checkmark .check-icon::before {
	top: 3px;
	left: -2px;
	width: 30px;
	transform-origin: 100% 50%;
	border-radius: 100px 0 0 100px;
}

.success-checkmark .check-icon::after {
	top: 0;
	left: 30px;
	width: 60px;
	transform-origin: 0 50%;
	border-radius: 0 100px 100px 0;
	animation: rotate-circle 4.25s ease-in;
}

.success-checkmark .check-icon::before,
.success-checkmark .check-icon::after {
	content: '';
	height: 100px;
	position: absolute;
	background: #FFFFFF;
	transform: rotate(-45deg);
}

.success-checkmark .check-icon .icon-line {
	height: 5px;
	background-color: #4CAF50;
	display: block;
	border-radius: 2px;
	position: absolute;
	z-index: 10;
}

.success-checkmark .check-icon .icon-line.line-tip {
	top: 45px;
	left: 13px;
	width: 25px;
	transform: rotate(45deg);
	animation: icon-line-tip 0.75s;
}

.success-checkmark .check-icon .icon-line.line-long {
	top: 38px;
	right: 8px;
	width: 47px;
	transform: rotate(-45deg);
	animation: icon-line-long 0.75s;
}

.success-checkmark .check-icon .icon-circle {
	top: -4px;
	left: -4px;
	z-index: 10;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	position: absolute;
	box-sizing: content-box;
	border: 4px solid rgba(76, 175, 80, 0.5);
}

.success-checkmark .check-icon .icon-fix {
	top: 8px;
	width: 5px;
	left: 26px;
	z-index: 1;
	height: 85px;
	position: absolute;
	transform: rotate(-45deg);
	background-color: #FFFFFF;
}

@keyframes rotate-circle {
	0% {
		transform: rotate(-45deg);
	}

	5% {
		transform: rotate(-45deg);
	}

	12% {
		transform: rotate(-405deg);
	}

	100% {
		transform: rotate(-405deg);
	}
}

@keyframes icon-line-tip {
	0% {
		width: 0;
		left: 1px;
		top: 19px;
	}

	54% {
		width: 0;
		left: 1px;
		top: 19px;
	}

	70% {
		width: 50px;
		left: -8px;
		top: 37px;
	}

	84% {
		width: 17px;
		left: 21px;
		top: 48px;
	}

	100% {
		width: 25px;
		left: 14px;
		top: 45px;
	}
}

@keyframes icon-line-long {
	0% {
		width: 0;
		right: 46px;
		top: 54px;
	}

	65% {
		width: 0;
		right: 46px;
		top: 54px;
	}

	84% {
		width: 55px;
		right: 0px;
		top: 35px;
	}

	100% {
		width: 47px;
		right: 8px;
		top: 38px;
	}
}

.table>:not(caption)>*>* {
	background-color: var();
}

#toast {
	display: none !important;
}

#bs-select-5 ul {
	margin: 0 !important;
}

img {
	image-orientation: from-image;
}