/* Add here all your css styles (customizations) */


/* html {
    font-size: 16px;
} */

/*
--my-primary-color: #72c02c;
--my-secondary-color: #0176ff;
*/

/* @media (min-width: 576px) { */
@media (max-width: 992px) {
.title_padding {
	/* padding-top: 120px; */
	padding-top: 0px;
}
/*.jumptarget::before {
        content: "";
        display: block;
        height: 130px; 
        margin: -130Px 0 0;*/ /* negative fixed header height */
    /*}*/
}

@media (min-width: 992px) {
.title_padding {
	padding-top: 0px;
}
.jumptarget::before {
	content: "";
	display: block;
	height: 105px; /* fixed header height*/
	margin: -105px 0 0; /* negative fixed header height */
}
}
#sideNav .u-body--header-side {
	opacity: 1 !important;
	visibility: visible !important;
}
/* TIF Color Blue */
.header-bg-tif {
	/*background-color: #004f3e !important;*/
	background-color: #222222 !important;
}
.g-bg-tif {
	/*background-color: #004f3e !important;*/
	background-color: #f8f9fa !important;
}
.menu-bg-color {
	/*background-color: #e6f9d6;*/
    /*background-color: #ecfadf;*/
    /*background-color: #fefefe;*/
    /* background-color: #f9fdf9; */
	column-rule-color: #cccccc !important;
	/*border-color: #0873d3 !important;*/
	border-color: #72c02c !important;
	/*background-color: #0873d3 !important; */
    /*background-color:aliceblue;*/
	background-color: rgba(15,15,15,0.96) !important;
	/*background-color: #0873d3 !important;*/
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	line-height: 0.8 !important;/*background-color:#72c02c; */
    /*color: white !important;*/
}
/*@media (min-width: 992px) {
    .menu-bg-color {
        column-rule-color: #eeeeee !important;
        border-color: #0873d3 !important;
        background-color: #0873d3 !important;
    }
    nav-submenu-society .nav-link {
        color: white !important;
    }
    }
} */

.menu-bg-color2 {
	/*background-color: #e6f9d6;*/
	background-color: #d7ecfe;
}
.menu-bg-color3 {
	/*background-color: #e6f9d6;*/
    /*background-color: rgba(30,30,30,.9);
    color:aliceblue !important;*/
	border-color: #72c02c !important;
}
.icon-color {
	/*color: darkred;*/
    /* color: #0873d3; */
    /* color: #66B31A; */
	color: #4b9403;/* color: #a10f2b; */ 
    /*color: darkgreen;*/
}
.sponsor {
	background-color: #fdfadf !important;
}
.cosponsor {
	/* background-color:#dcecf8; */
	background-color: #e2eef7 !important;
}

@media (min-width: 992px) {
#navSociety.hs-has-sub-menu > a::after,  #navMembers.hs-has-sub-menu > a::after,  #navCommissions.hs-has-sub-menu > a::after,  #navDocuments.hs-has-sub-menu > a::after,  #navPublications.hs-has-sub-menu > a::after,  #navEducation.hs-has-sub-menu > a::after,  #navCalendar.hs-has-sub-menu > a::after,  #navLinks.hs-has-sub-menu > a::after,  #navNews.hs-has-sub-menu > a::after {
	content: "" !important;
	font-family: "hs-icons" !important;
	font-size: 2px;
	display: inline;
	margin-left: 0px !important;
}
}
/*.hs-has-sub-menu > a::after {
    content: "" !important;
    font-family: "hs-icons" !important;
    font-size: 2px;
    display: inline;
    margin-left:0px !important;
} */



#mypromo {
	background-color: #000;
	text-align: center;
	padding-top: 140px
}
#header_img {
	height: 190px;
	max-height: 190px;
	background-image: url(/images/header-isprs.jpg);
}
#bodyText a, .bodyText a {
	/*color: #0176ff !important;*/
	color: #0873d3 !important;/*color: #66B31A !important; */
    /*color: #527bcc !important; */
    /*font-weight:500;*/
}
#stmLogos a {
	/*color: #0176ff !important;*/
	color: #0873d3 !important;
}
#right-coloumn a {
	/*color: #0176ff !important;*/
	color: #0873d3 !important;
}
#mapid {
	height: 500px;
}
#aspnetForm {
	margin-bottom: 0px;
}
.header-color-tif {
	color: #ffffff !important;
}
.header_title {
	color: aliceblue;
	/*text-shadow: 1px 1px 1px darkred;*/
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.nav-color-tif {
	color: #000000 !important;
}
.g-brd-primary2 {
	border-color: #469EEC;
}
/* Button My Menu */
.u-btn-isprs {
	color: #fff;
	background-color: #333;
}
.u-btn-isprs:hover, .u-btn-isprs.active {
	border-color: #66B31A;
	background-color: #66B31A;
}
.u-btn-isprs:hover, .u-btn-isprs:focus, .u-btn-isprs.active {
	color: #fff;
}
.tif-bottom-line {
	border-bottom-width: 2px;
	/*border-bottom-color: #72c02c;*/
	border-bottom-color: #0873d3;
	border-bottom-style: solid;
}
.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}
.font-size-smaller {
	font-size: smaller;
}
/*h1 {
        color: #004f3e !important;
    } */

.login-name {
	text-transform: none;
	text-decoration: none;
}
.go_top {
	font-size: xx-small;
	border-top: 1px solid #eeeeee;
	padding-top: 0px;
	padding-bottom: 10px;
}
/* Image placed left, wird vom Text umflossen */
img.img_left {
	float: left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 10px;
	border: none;
}
/* Image placed right, wird vom Text umflossen */
img.img_right {
	float: right;
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	border: none;
}
h2, h3, h4 {
	/* color: #2d4a74; */
    /*color: #004f3e; */
    /*color: #0176ff;*/
    /*color: #0873d3;*/
    /*color: #72c02c;*/
    /*color: #0873d3;*/
	color: #111111;
}



.my_secondary_color {
	/* color: #2d4a74; */
    /*color: #004f3e; */
    /*color: #0176ff;*/
    /*color: #0873d3;*/
	color: #66B31A;/*color: #0873d3;*/
    /*color: #111111;*/
}
.office-border {
	border-color: white !important;
	border-width: 2px !important;
}
.nav-link {
	text-transform: none;
}
#js-header .dropdown-item:hover {
	/* background-color: rgba(114, 192, 44, 0.9); */
	background-color: rgba(90, 90, 90, 0.75);
}
.link-weight {
	font-weight: 600;
}
#myGridView.gridHeaderStyle, .gridHeaderStyle {
	color: white !important;
	border-color: white !important;
	border-style: solid !important;
	font-weight: bold;
	border-width: 1px;
	/*background-color: #0873d3;*/
    /*background-color: #055398;*/
	background-color: #333;
}
.detailsHeaderStyle {
	color: #333333!important;
	/*color: black!important;*/
	border-color: white !important;
	border-style: solid !important;
	font-weight: bold;
	/*font-weight: normal;*/
	font-size: larger;
	border-width: 0px;
	/*background-color: #0873d3;*/
	/*background-color: #055398 !important;*/
	background-color: #ffffff !important;
	vertical-align: top;
}
ol li {
	margin-bottom: 6px !important;
}
ul li {
	margin-bottom: 6px !important;
}
#myGridView a {
	color: inherit !important;
}


.text-bold {
		font-weight:bold;
	}
a.light {
	color: #469EEC;
}
.grid {
	background-color: inherit !important;
	border-style: solid;
	border-width: 2px;
	border-color: white;
	vertical-align: top;
	color: #333333;
}
.grid a {
	/*color: !important #72c02c;*/
	color: #527bcc !important;
}
.header_row {
	background-color: #2d2d2d;
	border-color: white !important;
	border-width: 2px !important;
	border-style: solid;
	color: white !important;
}
#bodyText tr.header_row th a {
	color: #469EEC !important;/*color: greenyellow !important; */
}
.row1 {
	background-color: rgb(248, 249, 250);
	border-top-style: none;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-style: solid;
	vertical-align: top;
	color: #333333;
	line-height: 1.6;
}
.row2 {
	background-color: #e9e9e9;
	border-top-style: none;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-style: solid;
	vertical-align: top;
	color: #333333;
	line-height: 1.6;
}
tr.row1 td {
	background-color: rgb(248, 249, 250);
	border-top-style: none;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-style: solid;
	vertical-align: top;
	padding-left: 4px;
	color: #333333;
	line-height: 1.6;
}
tr.row2 td {
	background-color: #e9e9e9;
	border-top-style: none;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-style: solid;
	vertical-align: top;
	color: #333333;
	line-height: 1.6;
}
table {
	/*font-size: 14px;*/
	font-size: 1rem;
}
table.table-fine {
	border-left-color: #ffffff;
	border-bottom-color: #ffffff;
	color: #000000;
	border-top-color: #ffffff;
	/*font-family: Arial, Helvetica, sans-serif;*/
	border-collapse: collapse;
	background-color: #F8F8F8;
	padding: 5px;
	border-right-color: #ffffff;
	vertical-align: top;
}
table.table-fine th {
	border: 1px solid #ffffff;
	COLOR: #FFFFFF;
	/*FONT-FAMILY: Arial, Helvetica, sans-serif;*/
	TEXT-ALIGN: left;
	/*background-color: #0873d3;*/
/*background-color: #2d2d2d;*/
/*background-color: #055398;*/
	background-color: #333;
	height: 30px;
	width: 0;
	padding: 5px;
}
table.table-fine th a {
	border: 0px solid #ffffff;
	COLOR: #FFFFFF;
	/*FONT-FAMILY: Arial, Helvetica, sans-serif;*/
	TEXT-ALIGN: left;
	background-color: #0873d3;
	height: 30px;
	width: 0;
}
table.table-fine td {
	/* border: #ffffff 1px solid; */
	border: #ffffff 2px solid;
	padding: 5px;
	color: #555555;
	/*font-family: Arial, Helvetica, sans-serif;*/
	background-color: #f8f9fa;
	vertical-align: top;
}
table.table-icorse {
	border-left-color: #ffffff;
	border-bottom-color: #ffffff;
	color: #000000;
	border-top-color: #ffffff;
	/*font-family: Arial, Helvetica, sans-serif;*/
	border-collapse: collapse;
	background-color: #F8F8F8;
	padding: 5px;
	border-right-color: #ffffff;
	vertical-align: top;
}
table.table-icorse th {
	border: 2px solid #ffffff;
	COLOR: #FFFFFF;
	/*FONT-FAMILY: Arial, Helvetica, sans-serif;*/
	TEXT-ALIGN: left;
	/*background-color: #0873d3;*/
/*background-color: #2d2d2d;*/
/*background-color: #055398;*/
	background-color: #333;
	height: 30px;
	width: 0;
	padding: 5px;
}
table.table-icorse th a {
	border: 0px solid #ffffff;
	COLOR: #FFFFFF;
	/*FONT-FAMILY: Arial, Helvetica, sans-serif;*/
	TEXT-ALIGN: left;
	background-color: #0873d3;
	height: 30px;
	width: 0;
}
table.table-icorse td {
	/* border: #ffffff 1px solid; */
	border-top: #ffffff 2px solid;
	border-left: #ffffff 2px solid;
	border-right: #ffffff 2px solid;
	border-bottom: 0;
	padding: 5px;
	color: #555555;
	/*font-family: Arial, Helvetica, sans-serif;*/
	background-color: #f8f9fa;
	vertical-align: top;
}
table.table-icorse td.no-hor-lines {
	/* border: #ffffff 1px solid; */
	border-left: #ffffff 2px solid;
	border-right: #ffffff 2px solid;
	border-top: 0;
	border-bottom: 0;
	padding: 5px;
	color: #555555;
	/*font-family: Arial, Helvetica, sans-serif;*/
	background-color: #f8f9fa;
	/* background-color: red; */
	vertical-align: top;
}
table.table-fine2 {
	border-left-color: #ffffff;
	border-bottom-color: #ffffff;
	color: #000000;
	border-top-color: #ffffff;
	/*font-family: Arial, Helvetica, sans-serif;*/
	border-collapse: collapse;
	background-color: #F8F8F8;
	padding: 5px;
	border-right-color: #ffffff;
	vertical-align: top;
}
table.table-fine2 th {
	border: 1px solid #ffffff;
	COLOR: #FFFFFF;
	/*font-family: Arial, Helvetica, sans-serif;*/
	TEXT-ALIGN: left;
	background-color: #333;
	height: 30px;
	width: 0;
	padding: 5px;
}
table.table-fine2 th a {
	border: 0px solid #ffffff;
	COLOR: #FFFFFF;
	/*font-family: Arial, Helvetica, sans-serif;*/
	TEXT-ALIGN: left;
	background-color: #0873d3;
	height: 30px;
	width: 0;
}
table.table-fine2 td {
	border-right: #ffffff 1px solid;
	padding: 5px;
	border-top: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	color: #555555;
	border-bottom: #ffffff 1px solid;
	/*font-family: Arial, Helvetica, sans-serif;*/
	background-color: #f8f9fa;
}
table.table-small {
	border-left-color: #ffffff;
	border-bottom-color: #ffffff;
	color: #000000;
	border-top-color: #ffffff;
	/*font-family: Arial, Helvetica, sans-serif;*/
	border-collapse: collapse;
	background-color: #F8F8F8;
	padding: 5px;
	border-right-color: #ffffff;
	vertical-align: top;/* font-size: 90%; */
}
table.table-small th {
	border: 1px solid #ffffff;
	color: #ffffff;
	/*FONT-FAMILY: Arial, Helvetica, sans-serif;*/
	text-align: left;
	/*background-color: #0873d3;*/
	background-color: #055398;
	height: 30px;
	padding: 5px;
	width: 0;/* font-size: 90%; */
}
table.table-small th a {
	border: 0px solid #ffffff;
	COLOR: #FFFFFF;
	/*FONT-FAMILY: Arial, Helvetica, sans-serif;*/
	text-align: left;
	background-color: #0873d3;
	height: 30px;
	width: 0;/* font-size: 90%; */
}
table.table-small td {
	border: #ffffff 1px solid;
	padding: 5px;
	color: #333333;
	/*font-family: Arial, Helvetica, sans-serif;*/
	background-color: #f8f9fa;
	vertical-align: top;/* font-size: 90%; */
}
table.table-grey, table.table-grey-left {
	border-width: 1px 1px 0px 0px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #d0d0d0;
	border-collapse: separate;
	background-color: white;/*color: #123456;*/
}
table.table-grey th, table.table-grey-left th {
	border-width: 0px 0px 1px 1px;
	padding: 2px;
	border-style: solid;
	background-color: #f0f0f0;
	border-color: #d0d0d0;
	/*color: #666;*/
	text-align: center;
	border-bottom: solid 1px #c0c0c0;
}
table.table-grey td, table.table-grey-left td {
	border-width: 0px 0px 1px 1px;
	padding: 4px;
	border-style: solid;
	border-color: #d0d0d0;
	/*color: #666;*/
	vertical-align: top;
	text-align: center;
}
table.table-grey-left th, table.table-grey-left td {
	text-align: left;
}
table.table-calendar {
	border-right: #fff 3px solid !important;
	border-top: #fff 3px solid !important;
	border-left: #fff 3px solid !important;
	border-bottom: #fff 3px solid !important;
	border-collapse: collapse !important;
	border-spacing: 7px;/*background-color: #F8F8F8; !important;
    border-right-color: #163782; !important;*/
}
/*table.table-calendar tr {
        background-color: #f8f9fa;
    }*/

table.table-calendar th {
	border-right: #fff 3px solid !important;
	border-top: #fff 3px solid !important;
	border-left: #fff 3px solid !important;
	border-bottom: #fff 3px solid !important;
	color: #eee !important;
	padding: 7px !important;
	/* font-family: Arial, Helvetica, sans-serif; !important; */
	text-align: center;
	background-color: #333 !important;
}
table.table-calendar td {
	/*background-color: #f8f9fa;*/
	border: #fff 3px solid !important;
	padding: 7px !important;
	color: #333333;
	background-color: inherit;
}


table.officer td {
	line-height: 1.6;
}

table.officer td p {
	line-height: 1.6;
}



table.officer2
{
    border-width: 1px 1px 0px 0px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #d0d0d0;
	border-collapse: separate;
	background-color: white;
}
table.officer2 th {
	border-width: 0px 0px 1px 1px;
	padding: 2px;
	border-style: solid;
	background-color: #f0f0f0;
	border-color: #d0d0d0;
	text-align: left;
	border-bottom: solid 1px #c0c0c0;
	color: #2d4a74;
}

table.officer2 td
{
    border-width: 0px 0px 1px 1px;
	padding: 4px;
	border-style: solid;
	border-color: #d0d0d0;
	vertical-align: top;
	text-align:left;
}

p.pub {
	margin-bottom: 0rem !important;
}
.sponsor {
	background-color: #fdfadf !important;
}
.cosponsor {
	/* background-color:#dcecf8; */
	background-color: #e2eef7 !important;
}
.other {
	background-color: #f8f9fa !important;
}
.w100 {
	width: 100% !important;
}
.w33 {
	width: 33% !important;
}
.inputfield-req {
	/*border-color: darkgrey;
    border-left-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
    border-left-color: darkred;*/
	background-color: #ebf6e1;
}
.mylogin_label {
	min-width: 200px;
}
.mylogin_field {
	min-width: 350px;
}
.nowrap {
	white-space: nowrap;
}
#sidebar {
	min-width: 130px;
}
#sideNav.nav-link[data-toggle].collapsed:after {
	content: "â–¾";
}
#sideNav.nav-link[data-toggle]:not(.collapsed):after {
	content: "â–´";
}
/*#bodyText a:not( [href*='www.isprs.org'] ):not( [href*='www2.isprs.org'] ):not( [href^='5'] ):not( [href^='#'] ):not( [href^='/'] ):before {
    font-family: 'FontAwesome';
    content: " \f08e";
    font-size: smaller;
    padding-right: 4px;
} */

a:link.externerlink:before, a:visited.externerlink:before, a:hover.externerlink:before, a:active.externerlink:before, .externerlink:before, a:link.externallink:before, a:visited.externallink:before, a:hover.externallink:before, a:active.externallink:before, .externallink:before {
	font-family: 'FontAwesome';
	content: " \f08e";
	font-size: smaller;
	font-weight: normal;
	padding-right: 5px;
	/*color: #0873d3;*/
	color: #66B31A;
}
.email:before {
	/*font-family: 'FontAwesome';
	content: " \f003";
	font-size: smaller;
	padding-right: 5px;*/
	font-family: 'simple-line-icons';
	content: " \e086";
	font-size: smaller;
	padding-right: 10px;
	display:inline-block;
	margin-top: 5px;
	/*color: #a10f2b*/
	color: #66B31A;
}
.tel:before {
	/*font-family: 'FontAwesome';
	content: " \f095";
	font-size: smaller;
	padding-right: 5px;*/
	font-family: 'simple-line-icons';
	content: " \e600";
	font-size: smaller;
	padding-right: 10px;
	display:inline-block;
	margin-top: 5px;
	/*color: #4b9403;*/
	color: #66B31A;
}
.fax:before {
	/*font-family: 'FontAwesome';
	content: " \f1ac";
	font-size: smaller;
	padding-right: 5px;*/
	font-family: 'simple-line-icons';
	content: " \e02e";
	font-size: smaller;
	padding-right: 10px;
	display:inline-block;
	margin-top: 5px;
	/*color: #a10f2b;*/
	color: #66B31A;
}
.url:before {
	/*font-family: 'FontAwesome';
	content: " \f0ac";
	font-size: smaller;
	padding-right: 5px;*/
	font-family: 'simple-line-icons';
	content: " \e037";
	font-size: smaller;
	padding-right: 10px;
	display:inline-block;
	margin-top: 5px;
	/*color: #a10f2b;*/
	color: #66B31A;
}
.location:before {
	/*font-family: 'FontAwesome';
	content: " \f0ac";
	font-size: smaller;
	padding-right: 5px;*/
	font-family: 'simple-line-icons';
	content: " \e096";
	font-size: smaller;
	padding-right: 10px;
	display:inline-block;
	margin-top: 5px;
	/*color: #a10f2b;*/
	color: #66B31A;
}
.pdf:before {
	font-family: 'FontAwesome';
	content: " \f1c1";
	padding-right: 5px;
	/*color: #a10f2b;*/
	color: red;
}
.word:before {
	font-family: 'FontAwesome';
	content: " \f1c2";
	font-size: smaller;
	padding-right: 5px;
	/*color: #a10f2b;*/
	color: blue;
}
.mybox {
	background: #FDFDEF;
	border: 1px solid #eeeeee;
	box-shadow: 3px 3px 5px rgba(0,0,0, .2);
	behavior: url("/js/PIE.htc");
}
.pagination-ys {
	/*display: inline-block;*/
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}
.pagination-ys table > tbody > tr > td {
	display: inline;
}
.pagination-ys table > tbody > tr > td > a,  .pagination-ys table > tbody > tr > td > span {
	position: relative;
	float: left;
	padding: 8px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #dd4814;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	margin-left: -1px;
}
.pagination-ys table > tbody > tr > td > span {
	position: relative;
	float: left;
	padding: 8px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	margin-left: -1px;
	z-index: 2;
	color: #aea79f;
	background-color: #f5f5f5;
	border-color: #dddddd;
	cursor: default;
}
.pagination-ys table > tbody > tr > td:first-child > a,  .pagination-ys table > tbody > tr > td:first-child > span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}
.pagination-ys table > tbody > tr > td:last-child > a,  .pagination-ys table > tbody > tr > td:last-child > span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
.pagination-ys table > tbody > tr > td > a:hover,  .pagination-ys table > tbody > tr > td > span:hover,  .pagination-ys table > tbody > tr > td > a:focus,  .pagination-ys table > tbody > tr > td > span:focus {
	color: #97310e;
	background-color: #eeeeee;
	border-color: #dddddd;
}

.blink {
    animation-name: animation_blink;
    animation-timing-function: ease-in;
    animation-duration: 2s; 
    animation-iteration-count: infinite;            
}

.myfigure
{
	color: #AAAAAA;
	line-height: 1.2;
}

@keyframes animation_blink {
    0% { opacity: 1; }
    50% { opacity: 0.1; }
    100% { opacity: 1; }    
}



.my-accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  /*font-size: 15px;*/
  transition: 0.4s;
}

.active, .my-accordion:hover {
  background-color: #ccc;
}

.my-accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.text-red{
	color:red;
}