.bg-primary {
	background-color: #CEB673 !important;
}

.btn-brown {
	background-color: #ffc90e !important;
	color: #434343 !important;
}

.btn-brown:hover {
	background-color: #ffde66 !important;
	color: #646464 !important;
}

/*
.jumbotron {
	padding-top: 6rem !important;
	padding-bottom: 2rem !important;
}*/

.card-body {
	-ms-flex: 1 1 auto !important;
	flex: 1 1 auto !important;
	padding: 0.4rem 0.75rem !important;
}

.card-columns {
	-webkit-column-gap: 0.25rem !important;
	-moz-column-gap: 0.25rem !important;
	column-gap: 0.25rem !important;
}
.selectWrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    border: 1px solid #bbb;
    border-radius: 8px;
    background:#FFFFFF url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%2300AEA9%22%2F%3E%3C%2Fsvg%3E') right 3px center no-repeat;
}

.selectWrapper select {
        padding: 2px 40px 2px 20px;
        font-size: 14px;
        line-height: 14px;
        width: 100%;
        border: none;
        box-shadow: none;
        background: transparent;
        background-image: none;
        -webkit-appearance: none;
        outline: none;
        cursor: pointer;
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: ellipsis;
}

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  _width: 160px;
  padding: 4px 4px;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  /*border-right-width: 2px;*/
  /*border-bottom-width: 2px;*/

}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
bottom: .5em;
}

.dataTables_wrapper {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size: 1em;
	font-weight: 400;
	line-height: 1.0;
    position: relative;
    clear: both;
    zoom: 1;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
        background-image: none;
        background-size: auto;
    background-size: 100% 100%;
}

.btn-outline-primary {
    color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.btn.focus, .btn:focus, .btn:hover {
    color: #fefefe;
    text-decoration: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	font-size: 0.9rem;
  	color: gray;
}
::-moz-placeholder { /* Firefox 19+ */
  	font-size: 0.9rem;
  	color: gray;
}
:-ms-input-placeholder { /* IE 10+ */
  	font-size: 0.9rem;
  	color: gray;
}
:-moz-placeholder { /* Firefox 18- */
  	font-size: 0.9rem;
  	color: gray;
}

.btn-group-sm > .btn, .btn-sm {
	padding: 2px 10px;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 8px;
}

.btn-group-sm > .btn, .btn-ss {
	padding: 2px 2px;
	font-size: 0.8rem;
	line-height: 1.0;
	border-radius: 8px;
}

/*
.jumbotron {
	padding: 2rem 1rem;
	margin-bottom: 2rem;
	background-color: #e9ecef;
	border-radius: 0;
}*/

/*
.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}*/

.custom-select {
	display: inline-block;
	width: 100%;
	height: calc(1.5em);
	padding: .175rem 1.75rem .175rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.1rem;
	color: #495057;
	vertical-align: middle;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.nav-tabs .nav-link {
	border: 1px solid transparent;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

@media (min-width:0px) {
	.container-mobile {
		padding: 0px !important;		
	}
	.offset-2,.offset-3 {
		margin-left: 0 !important;
	}
	.album .container {
		width: 100%;
		min-width: inherit !important;
		max-width: none !important;
		padding: 0px;
		margin: 0px;
		user-select: none;
	}
	.card {
		padding: 0px;
		/*height: 27rem;*/
	}
	.card-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 0rem;
		-moz-column-gap: 0rem;
		column-gap: 0rem;
		margin:0px;
		orphans: 1;
		widows: 1;
	}
	.search_div {
		display: none;
	}
	.dialog_div {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1050;
		display: block;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		outline: 0;
		background: lightyellow;
		box-shadow: 0px 5px #bcbcbc;
		padding: 20px 20px;
		border-color: #8c8c8c;
		border: 1px double;
		border-radius: 8px;
		width: 100%;
		height: 100%;
		/*opacity: 2;*/
	}
	.edit-reunion {
		display: block;
	}
	.create-reunion {
		display: block;
	}
	.h4, h4 {
		font-size: 1.2rem;
	}
	.lead {
		font-size: 0.9rem;
		font-weight: 300;
	}
	.show-top-banner {
		display: none;
	}
	.show-bottom-banner {
		display: block;
	}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto 
	{
		/*
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		*/
	}
	.col-md-4 {
		-ms-flex: 0 0 33.333333% !important;
		flex: 0 0 33.333333% !important;
		max-width: 33.333333% !important;
	}
	.col-md-8 {
		-ms-flex: 0 0 66.666667% !important;
		flex: 0 0 66.666667% !important;
		max-width: 66.666667% !important;
	}
	.show-common-buttons {
		display: none;
	}
	.edit-reunion-web {
		display: block;
	}
	.edit-reunion-container {
		background:#f0f0f0;
		position:absolute;
		right:.25rem;
		/*top:4px;
		bottom:auto;*/
		bottom:4px;
		top:auto;
	}
	.center-lane {
		padding-left: 0vw;
		padding-right: 0vw;
	}
	.carousel-indicators {
		bottom: 16px !important;
	}
}

@media (min-width:576px) {
	.offset-2,.offset-3 {
		margin-left: 0 !important;
	}	
	.card {
		padding: 0px;
		/*height: 27rem;*/
	}
	.card-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 0rem;
		-moz-column-gap: 0rem;
		column-gap: 0rem;
		margin:0px;
		orphans: 1;
		widows: 1;
	}
	.search_div {
		display: none;
	}
	.dialog_div {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1050;
		display: block;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		outline: 0;
		background: lightyellow;
		box-shadow: 0px 5px #bcbcbc;
		padding: 20px 20px;
		border-color: #8c8c8c;
		border: 1px double;
		border-radius: 8px;
		width: 100%;
		height: 100%;
		/*opacity: 2;*/
	}
	.edit-reunion {
		display: block;
	}
	.create-reunion {
		display: block;
	}
	.h4, h4 {
		font-size: 1.2rem;
	}
	.lead {
		font-size: 0.9rem;
		font-weight: 300;
	}
	.show-top-banner {
		display: none;
	}
	.show-bottom-banner {
		display: block;
	}
	.show-common-buttons {
		display: none;
	}
	.edit-reunion-web {
		display: block;
	}
	.edit-reunion-container {
  		background:#f0f0f0;  
		position:absolute;
		right:.25rem;
		/*top:4px;
		bottom:auto;*/
		bottom:4px;
		top:auto;
	}
}

@media (min-width:768px) {
	.container-mobile {
		padding: inherit !important;		
	}
	.offset-2,.offset-3 {
		margin-left: 16.666667% !important;
	}	
	.card {
		padding: 10px;
		height: 27rem;
	}	
	.card-columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
		column-gap: 10px;
		margin:10px;
		orphans: 1;
		widows: 1;
	}
	.search_div {
		display: none;
	}
	.dialog_div {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1050;
		display: block;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		outline: 0;
		background: lightyellow;
		box-shadow: 0px 5px #bcbcbc;
		padding: 20px 20px;
		border-color: #8c8c8c;
		border: 1px double;
		border-radius: 8px;
		width: 576px;
		/*opacity: 2;*/
	}
	.edit-reunion {
		display: block;
	}
	.create-reunion {
		display: block;
	}
	.h4, h4 {
		font-size: 1.5rem;
	}
	.lead {
		font-size: 1.25rem;
		font-weight: 300;
	}
	.show-top-banner {
		display: none;
	}
	.show-bottom-banner {
		display: block;
	}
	.show-common-buttons {
		display: block;
	}
	.edit-reunion-web {
		display: block;
	}
	.edit-reunion-container {
		background:#f0f0f0;
		position:absolute;
		right:.25rem;
		/*top:4px;
		bottom:auto;*/
		bottom:4px;
		top:auto;
	}
}

@media (min-width:992px) {
	.offset-2,.offset-3 {
		margin-left: 16.666667% !important;
	}	
	.card {
		padding: 20px;
		height: 27rem;
	}	
	.card-columns {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
		column-gap: 10px;
		margin:10px;
		orphans: 1;
		widows: 1;
	}
	.search_div {
		display: block;
	}
	.dialog_div {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1050;
		display: block;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		outline: 0;
		background: lightyellow;
		box-shadow: 0px 5px #bcbcbc;
		padding: 20px 20px;
		border-color: #8c8c8c;
		border: 1px double;
		border-radius: 8px;
		width: 576px;
		/*opacity: 2;*/
	}
	.edit-reunion {
		display: block;
	}
	.create-reunion {
		display: block;
	}
	.h4, h4 {
		font-size: 1.5rem;
	}
	.lead {
		font-size: 1.25rem;
		font-weight: 300;
	}
	.show-top-banner {
		display: block;
	}
	.show-bottom-banner {
		display: none;
	}
	.show-common-buttons {
		display: block;
	}
	.edit-reunion-web {
		display: block;
	}	
	.edit-reunion-container {
		background:#f0f0f0;
		position:absolute;
		right:9px;
		bottom:4px;
		top:auto;
	}
}

@media (min-width:1200px) {
	.offset-2 {
		margin-left: 16.666667% !important;
	}	
	.card {
		padding: 30px;
		height: 27rem;
	}		
	.card-columns {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
		column-gap: 10px;
		margin: 10px;
		orphans: 1;
		widows: 1;
	}
	.search_div {
		display: block;
	}
	.dialog_div {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1050;
		display: block;
		-webkit-overflow-scrolling: touch;
		outline: 0;
		background: lightyellow;
		box-shadow: 0px 5px #bcbcbc;
		padding: 20px 20px;
		border-color: #8c8c8c;
		border: 1px double;
		width: 576px;
		/*opacity: 2;*/
	}
	.edit-reunion {
		display: block;
	}
	.create-reunion {
		display: block;
	}
	.h4, h4 {
		font-size: 1.5rem;
	}
	.lead {
		font-size: 1.25rem;
		font-weight: 300;
	}
	.show-top-banner {
		display: block;
	}
	.show-bottom-banner {
		display: none;
	}
	.show-common-buttons {
		display: block;
	}
	.edit-reunion-web {
		display: block;
	}
	.edit-reunion-container {
		background:#f0f0f0;
		position:absolute;
		right:9px;
		bottom:4px;
		top:auto;
	}
	.center-lane {
		padding-left: 13vw;
		padding-right: 13vw;
	}
	.carousel-indicators {
		bottom: 9.6px !important;
		margin-right: 35% !important;
		margin-left: 35% !important;
	}
}


@media (min-width:1200px) and (min-resolution: 101dpi) and (max-resolution: 180dpi) {
	.col-xl-3 {
		flex: 0 0 33% !important;
		max-width: 33% !important;
	}
	.col-lg-4 {
		flex: 0 0 33% !important;
		max-width: 33% !important;
	}
}

@media (min-width:1200px) and (min-resolution: 60dpi) and (max-resolution: 100dpi){
	.col-xl-3 {
		flex: 0 0 25% !important;
		max-width: 25% !important;
	}
	.col-lg-4 {
		flex: 0 0 25% !important;
		max-width: 25% !important;
	}
}

footer {
	padding-top: 0rem !important;
}

.navbar {
	padding: 0rem 0rem 0rem 0rem !important;
}

.navbar-brand {
	margin-right:0 !important; 
}

.card-body {
	-ms-flex: 1 1 auto !important;
	flex: 1 1 auto !important;
	padding: 0 !important;
}

/*
.jumbotron {
	padding-top: 3rem;
	padding-bottom: 3rem;
	margin-bottom: 0;
	background-color: transparent !important;
}*/

.navbar-dark .navbar-toggler {
	color: #CBD3DA !important;
	border-color: transparent !important;
}

/*
.table-striped > tbody > tr:nth-of-type(2n) {
	background-color: #f5f5f5 !important;
}*/
.table td, .table th {
	border-top: none !important;
}

a:hover {
	text-decoration: none !important;
}

:root {
	--primary-bg-color: var(--theme-color8);
	--primary-bg-grad: var(--theme-color8);
	--logo-bg-color: var(--theme-color9);
	--banner-btn-bg-color: var(--theme-color8);
	--banner-btn-border-color: var(--theme-color8);
	--banner-btn-hover-text-color: var(--theme-color3);
	--banner-btn-text-color: var(--theme-color1);
	--btn-bg-color: var(--theme-color28);
	--btn-focus-color: var(--theme-color23);
	--btn-border-color: var(--theme-color5);
	--btn-shadow-color: var(--theme-color9);
	--btn-bg-color2: var(--theme-color1);
	--btn-focus-color2: var(--theme-color12);
	--btn-border-color2: var(--theme-color9);
	--btn-shadow-color2: var(--theme-color10);
	--text-secondary: var(--theme-color10);
	--text-light: var(--theme-color11);
	--text-banner: var(--theme-color26);
	--text-banner-hover: var(--theme-color8);
	--text-subtitle: var(--theme-color6);
	--search-input-border: var(--theme-color9);
	--search-input-bg: var(--theme-color8);
	--a-text-light: var(--theme-color14);
	--a-txet-light-hover: var(--theme-color8);
	--a: var(--theme-color6);
	--a-hover: var(--theme-color16);
	--a-hover-bg: var(--theme-color3);
	--a-text-banner: var(--theme-color16);
	--a-text-banner-hover: var(--theme-color3);
	--text-app: var(--theme-color6);
	--brand: var(--theme-color14);
	--body-background: var(--theme-color14);
	--body-background-grad: var(--theme-color2);
	--body-background-mobile: var(--theme-color12);
	--banner-bg: var(--theme-color8);
	--sidebar-bg: var(--theme-color17);
	--box-shadow: var(--theme-color15);

	--theme-color1: #f1d2f9;
	--theme-color2: #52459f;
	--theme-color3: #d92626;
	--theme-color4: #8d83c9;
	--theme-color5: #52459f;
	--theme-color6: #1d2129;
	--theme-color7: #bdc3c7;
	--theme-color8: #fff;
	--theme-color9: #6d7179;
	--theme-color10: #838383;
	--theme-color11: #a3a3a3;
	--theme-color12: #ecf0f1;
	--theme-color13: #58b658;
	--theme-color14: #f6f6f6;
	--theme-color15: #2e3138;
	--theme-color16: #000;
	--theme-color17: #fff7e4;
	--theme-color18: #fdf2ff;
	--theme-color19: #edf1fd;
	--theme-color20: #ecf9ff;
	--theme-color21: #e1c8ea;
	--theme-color22: #f0f9ff;
	--theme-color23: #f6ddff;
	--theme-color24: #faf0fd;
	--theme-color25: #7d14aa;
	--theme-color26: #fafafa;
	--theme-color27: #4a86cf;
	--theme-color28: #f1d8fa;
}

#banner a {
	color: var(--text-banner) !important;
}

#banner a:hover {
	color: var(--text-banner-hover) !important;
}

.btn-banner {
	background-color: /*var(--banner-btn-bg-color)*/ transparent;
	color: var(--banner-btn-text-color);
	border: 0px;
}

.btn-banner:hover {
	color: var(--banner-btn-hover-text-color);
}

.btn-login {
	background-color: var(--theme-color1) !important;
	color: #434343 !important;
	border: 0px;
	border-radius: 8px;
}

.action-font {
	/*color: var(--text-secondary) ;*/
	/*margin-top:-4px;*/
	margin-left:4px;
	margin-right:4px;
	font-size:1rem;
}
.text-app {
	color: #fff;
}
.btn-primary.focus, .btn-primary:focus {
	box-shadow: 0 0 0 .2rem /*rgba(38,143,255,.5)*/var(--btn-shadow-color);
}
.btn-secondary.active, .btn-secondary:active {
	box-shadow: 0 0 0 .2rem /*rgba(38,143,255,.5)*/var(--btn-shadow-color2) !important;
}
svg {
	stroke:var(--brand); 
 	stroke-width:1px;
}  
.navbar-dark .navbar-brand {
	color: var(--brand) !important;
}
.navbar {
	/*border-bottom: 1px #FC1268 solid;*/
}
.bg-primary {
	background-color: var(--primary-bg-color) !important;
}

.subtitle {
	color: black;
	font-weight: 500;
}

.text-banner {
	color: var(--text-banner);
}

.text-banner:hover {
	color: var(--text-banner);
}

.text-light {
	color: var(--text-light) !important;
}
.text-light:hover{
	color:white;
}
.search-input-trans {
	background: #fff !important;
	border-radius: 8px;
	color: #000;
	/*border: 1px #b9bbbc solid;*/
	border: 0px solid rgb(168,168,168);
	line-height: 1rem;
	height:1.8rem;
	margin: 0.3rem 0rem 0rem 0rem;
	padding-left: 0.6rem	;
}
.search-input-trans:hover {
	outline: thin solid var(--theme-color1) !important;
}
.search-input-trans:focus {
	outline: thin solid var(--theme-color2) !important;
}
.search-input-trans:active {
	outline: thin solid var(--theme-color3) !important;
}
.search-input {
	background: var(--search-input-bg);
	border-radius: 8px;
	color: #999;
	border: 1px var(--search-input-border) solid;
	padding: 2px 9px;
	margin: 2px 0px 0px 0px;
}
/*
.search-input:hover {
	border: thin solid var(--theme-color1) !important;
}
.search-input:focus {
	border: thin solid var(--theme-color1) !important;
}
.search-input:active {
	border: thin solid var(--theme-color1) !important;
}*/
.form-control:hover {
	outline: thin solid var(--theme-color1) !important;
	box-shadow: none !important;
}
.form-control:focus {
	box-shadow: none !important;
}
.form-control:active {
	box-shadow: none !important;
}
input:focus {
	border: 1px var(--theme-color2) solid;
}
.btn-primary {
    color: #434343 !important;
    background-color: var(--btn-bg-color) !important;
    border: 0px var(--btn-border-color) solid !important;
	border-radius: 8px;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
	background-color: var(--btn-focus-color) !important;
	/*box-shadow: none;*/
}
.btn-secondary {
    color: #434343 !important;
    background-color: var(--btn-bg-color2) !important;
    border: 0px var(--btn-border-color2) solid !important;
	border-radius: 8px;
}
.btn-secondary.active, .btn-secondary.focus, .btn-secondary:hover, .open > .dropdown-toggle.btn-secondary {
	background-color: var(--btn-focus-color2) !important;
	/*box-shadow: none;*/
}
a .text-banner {
	color: var(--text-banner) !important;
	text-decoration: none;
}
a .text-banner:hover {
	color: var(--text-banner-hover) !important;
	text-decoration: none;
}

a .text-light {
	color: var(--a-text-light) !important;
	text-decoration: none;
}
a .text-light:focus, a.text-light:hover {
	text-decoration: none;
}
#banner,#banner_anonymout,#banner_authenticated,#banner_userinfo a {
	/*text-decoration: none;*/
}

#banner,#banner_anonymout,#banner_authenticated,#banner_userinfo a:hover {
	color: var(--text-banner-hover) !important;
	text-decoration: none;
}

a {
	color: var(--a);
	text-decoration: none !important;
}

.remove-a {
	color: var(--text-app) !important;
}

a:hover{
	color: var(--a-hover);
	/*background: var(--a-hover-bg);*/
}

.carousel-indicators li {
	width: 6px;
	height: 6px;
	background-color: var(--btn-bg-color);
	border-radius: 50%;
}

dl, ol, ul {
	margin-bottom: -1.5rem;
}

.row {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

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

.notion {
	width:50px;
	height:50px;
	font-size:26px;
}

.badge {
	display: inline-flex;
	justify-content: center;
	font-weight: 300 !important;
	color: #fff;
	font-size: 0.7em !important;
	height: 18px;
}

.badge-sm {
	font-size: 0.5em !important;
	height: 14px;
	z-index: 1000;
	position: absolute;
	right: 16px;
}

@media (min-width:0px) {
	.banner-padding {
		margin-left: 7px !important;
		margin-right: 7px !important;
	}
	.container {
		max-width: 100% !important;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.explore-corner {
		border-radius: 8px;
		margin-top: 31px;
	}
	.gradient {
		/*background: linear-gradient(white, #D3D8E8);*/
		background: var(--theme-color1);
	}
	.bg-light {
		background: var(--theme-color24) !important;
	}
	.bg-dark {
		background: var(--theme-color21) !important;
	}
	.app-menu-bg {
		background: var(--theme-color25) !important;
	}
	.navigator {
		display: inline-flex;
		height: 76px;
		padding: 0px 0px !important;
		align-items: flex-start;
	}
	.nav-pt {
		padding-top:5px;
	}
	main {
		margin-left: 0px; 
		margin-right: 0px; 
		width: 100%;
	}
	.app-title {
		/*background: #ffffff;*/
		border-bottom: 1px solid #777;
		/*background: #e8e9ea;*/
		background: var(--primary-bg-color);
	}	
	.app-name {
		color: var(--text-banner);
	}
	.app-name:hover {
		color: var(--text-banner-hover);
	}
	.nav-brand-padding {
		padding-left: 0px;
	}
	.dialog_div {
		margin-top: 60px;
	}
	.tail_item_width {
		width: 30px; 
	}
	.p-q {
		padding:0.6rem 0.6rem;
	}	
}
@media (min-width:992px) {
	.explore-corner {
		border-radius: 8px;
	}
	.navigator {
		height: 0px;
		padding: 0px 15px !important;
	}
	main {
		margin-left: 5px; 
		margin-right: 5px; 
		width: calc(100% - 10px);
	}
	.app-title {
		/*background: linear-gradient(to right, #09a3f6, var(--primary-bg-color));*/
		background: var(--primary-bg-color);
		/*background: linear-gradient(to right, var(--primary-bg-color), #022131);*/
	}
	.nav-brand-padding {
		padding-left: 68px;
	}
	.dialog_div {
		margin-top: 0px;
	}
	.tail_item_width {
		width: auto; 
	}
}

.table td, .table th {
    padding: .2rem;
}

.btn-outline-danger {
	color:#fe0000 !important;
	border-color:#fe0000 !important;
}

.btn-outline-danger:hover {
	color: #fff !important;
	background-color:#fe0000 !important;
}

.text-subtitle {
	color: var(--text-subtitle);
}

.btn-yellow {
	color: #222 !important;
	border: solid 1px #e5e55d !important;
	background-color: #e5e55d !important;
	height:120px;
}

.btn-yellow:hover {
	background-color: #f1f150 !important;
	color: #000 !important;
	font-weight: 430;
	/*border: solid 4px #eded91 !important;*/
}

.btn-green {
	color: #222 !important;
	border: solid 1px #5de55d !important;
	background-color: #5de55d !important;
	height:120px;
}

.btn-green:hover {
	background-color: #50f150 !important;
	color: #000 !important;
	font-weight: 430;
	/*border: solid 4px #91ed91 !important;*/
}

.btn-red {
	color: #222 !important;
	border: solid 1px #e55d5d !important;
	background-color: #e55d5d !important;
	height:120px;
}

.btn-red:hover {
	background-color: #f15050 !important;
	color: #000 !important;
	font-weight: 430;
	/*border: solid 4px #ed9191 !important;*/
}

.modal-content {
	border-radius: 4px !important;
}

.carousel-control-prev:hover, .carousel-control-prev:active, .carousel-control-prev:focus {
	opacity: 0.5 !important;
	background-color: transparent !important;
}

.carousel-control-next:hover, .carousel-control-next:active, .carousel-control-next:focus {
	opacity: 0.5 !important;
	background-color: transparent !important;
}

.carousel-control-prev {
	justify-content: end !important;
	width: 5% !important;
	color: #aaa !important;
}

.carousel-control-next {
	justify-content: start !important;
	width: 5% !important;
	color: #aaa !important;
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' stroke-width='1' fill='%23ddd' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e") !important;
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' stroke-width='1' fill='%23ddd' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.text-primary {
	color: var(--theme-color2) !important;
}

.text-default {
	color: var(--theme-color2) !important;
}

.btn-outline-success {
	color: var(--theme-color5) !important;
	border-color: var(--theme-color5) !important;
}

.btn-outline-success:hover {
	color: #fff !important;
	background-color: var(--theme-color5) !important;
}

td.pb-2 {
	padding-bottom: 0.6rem !important;
}


.btn-group-sm > .btn, .btn-ss {
	padding: 4.5px 13px 4.5px 13px;
	font-size: 0.8rem;
	line-height: 1.0;
	border-radius: 8px;
}

.btn-group-sm > .btn, .btn-ss:hover {
	background-color: #3ab5f8;
}