/*X-Small devices (portrait phones, less than 576px)*/
/*No media query for `xs` since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	.main-content-width {
		width: calc(100% - 279px)!important;	
		margin-left:279px;
	}
	.show-menu-xs {
		display: none;
	}
	.main-left-menu-width {
		width: 279px !important;
	}
	.footer-wrapper {
		margin-left: 300px;
	}
	#master-menu {
		width: 279px;
	}
    .btn-judge {
        all: unset;
        cursor: pointer;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        text-align: center !important;
        font-size: 60px;
        color: maroon;
        margin-bottom: 20px;
        /*		height: 200px;
		width: 200px;*/
        padding: 30% 40%;
    }
	.aboutArea{
		padding:2em;
	}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	#acc-dropdown-ul.dropdown-menu[data-bs-popper] {
		left: unset;
		right: 0;
	}
	.main-content-width {
		margin-left:279px;
	}
	.hide-lightbox
	{
		display:none;
	}
	#login-text {
		display: none !important;
	}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.avatar-pic {
		width: 15%;
		height: 100px;
	}
	.w-lg-10 {
		width: 10%;
	}
	.judge-button{
		padding:30% 0!important;

	}
	.judge-button {
		font-size:100px!important;
	}

	.end-note {
		position: absolute;
		bottom: 0;
		color:orange;
	}
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.avatar-pic {
		width: 10%;
		height: 100px;
	}
	.min-row {
		--bs-gutter-x: 1.5rem;
		--bs-gutter-y: 0;
		display: flex;
		flex-wrap: wrap;
		margin-top: calc(var(--bs-gutter-y) * -1);
		margin-right: calc(var(--bs-gutter-x) * -.5);
		margin-left: calc(var(--bs-gutter-x) * -.5);
	}
	.lg-gall-w{
		width:1320px!important;
	}
	.sm-only {
		display: none !important;
	}
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
	
	.search-box-lg{
		width:400px!important;
	}
}

@media (min-width: 1099.98px) {

	.navbar-toggler-icon {
		display: none !important;
	}
}


/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.show-menu-xs {
		padding-left: 15px;
		position: absolute;
		display: table;
		opacity: .6;
		z-index:10;
		top:calc(100vh / 2);
		width:100px;

	}
	.main-left-menu-width
	{
		width:100%;
	}

	.footer-wrapper {
		text-align:center;
	}
	#master-menu {
		--bs-gutter-x: 0;
		padding-left: 10px;
		left:0;
	}
	#master-menu {
		width: 100%;
	}
	.offcanvas-start {
		width: 100%;
	}
	.offcanvas-start {
		transform: translateX(-100%);
	}
/*	#navbarCollapse li {
		border-bottom: 1px solid dimgray;
	}*/

	#navbarCollapse a {
		padding-left: .3em;
	}
	.profile-img{
		width:40px;
		height:40px;
	}
	.search-wrapper {
		margin: 5px 0 !important;
	}
	.breadcrumb{
		margin-bottom:5px;
	}
	.btn-judge {
		all: unset;
		cursor: pointer;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
		text-align: center !important;
		font-size: 90px;
		color: maroon;
		margin-bottom: 30px;
/*		height: 300px;*/
		width: 100%;
	}
	.entrant-burger li{
		border:none!important;
	}
    .switch-buttons {
        width: 100% !important;
    }
	.pad-mob-5
	{
		padding-left:5px;
	}
	#section-parts td {
		padding: 7px 7px !important;
		border: 1px solid dimgray !important;
	}
	.navbar-toggler-icon {
		display: inline-block !important;
	}
	#help-canvas {
		position: fixed;
		right: 0;
		bottom: 0;
		height: 30px;
		border-top-left-radius: 30px;
		background-color: orange;
		width: 30px;
		padding:10px;
	}
	#help-img{
		vertical-align:top;
		width:15px;
	}
	.font-small {
		font-size: 10px;
	}
	.btn-gall-lnk{
		width:100%;
	}
	.w-sm-100
	{
		width:100%!important;
	}
	.sm-va-middle {
		vertical-align: middle;
	}
/*	#help-canvas
	{
		display:none;
	}*/
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	.w-sm-100 {
		width: 100% !important;
	}

	.active-tab {
		color: #495057;
		background-color: #fff !important;
		border-color: #dee2e6 #dee2e6 #fff !important;
		font-weight:bold;
	}
	.hide-tab-xs {
		display:none!important;		
	}
	.show-tab-xs {
		display: block !important;
	}
	.bot-pad-mob-zero{
		padding-bottom:0!important;
	}
	#sortable-gall-view{
		display:table-cell;
	}

	.mob-px-0
	{
		padding-left:0!important;
		padding-right:0!important;
	}
	.profile-img {
		width: 40px;
		height: 40px;
	}
	.display-lightbox
	{
		display:none;
	}
	.fiap-thumb {
		background-color: gainsboro;
	}
	.mob-mb-2{
		margin-bottom:0.6em!important;
	}
	.fiap-lib-title{
		padding: 10px 0 10px 5px;
	}
	.lnk-bb {
		border-bottom: 1px solid dimgray!important;
	}

	.lnk-bt {
		border-top: 1px solid dimgray!important;
		margin-top: 10px;
	}

	#refreshAllButton{
		padding:5px!important;
	}
	#last-image {
		max-height: 30px;
		max-width: 30px;
		bottom: 50px;
		left: 10px;
	}
	.MainImage {
		height: unset !important;
	}
	.home-ctrls {
		position: absolute;
		margin-top:15px;
		text-align:right;
		width:50%;
	}
	.center-icon{
		margin-top:3px!important;
	}
	.judge-ctrl {
		width: 300px !important;
	}
	.home-ctrls{
		width:100%;
		margin-top:10px;
	}
	.footer-col-width {
		width: 100%;
	}
	#page-banner {
		margin-top: 55px;
	}
	.menu-cont-hight{
		max-height:35vh;
	}
	.menu-cont-hight-mob {
		max-height: 25vh;
	}
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	.no-border-sm {
		border: none !important;
	}
	.avatar-pic {
		width: unset;
		height: 40px;
	}
	.image-stats-lbl {
		font-size: 12px;
		font-weight: bold;
		padding: 5px 0 5px 5px !important;
	}
	.fiap-filter-li-2 {
		margin-top: 5px;
		margin-left: 7px;
	}

	.fiap-filter-li-1 {
		margin-top: 5px;
	}
	#ent-management-page {
		width: 100% !important;
	}

}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
	.w-sm-20 {
		width: 20%;
	}
	.w-sm-30 {
		width: 30%;
	}
	.w-sm-50 {
		width: 50%;
	}
	.xl-only{
		display:none!important;
	}
	.exlo {
		display: none!important;
	}
	.xl-only {
		display: none !important;
	}
}

/*X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 999px) {
	.rec-pos {
		display: none !important;
	}
}

@media (min-width: 999px) {
	.rec-pos-mob {
		display: none !important;
	}
}
/*Apply styles starting from medium devices and up to extra large devices*/
@media (min-width: 570px) and (max-width: 1099.98px) {

	.sec-img-controlls {
		display: none;
	}

}
#sidebarMenu{
	height:90vh!important;
}


@media (max-width: 767px) {
	.carousel-inner .carousel-item > div {
		display: none;
	}

		.carousel-inner .carousel-item > div:first-child {
			display: block;
		}
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
	display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

	.carousel-inner .carousel-item-end.active,
	.carousel-inner .carousel-item-next {
		transform: translateX(25%);
	}

	.carousel-inner .carousel-item-start.active,
	.carousel-inner .carousel-item-prev {
		transform: translateX(-25%);
	}
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
	transform: translateX(0);
}


@media print{
	#wrapper-stand {
		text-align:center!important;
	}
}

@media (min-width: 2200px) {

	.carousel-caption{
		right:23%!important;
	}
}