@CHARSET "ISO-8859-1";
@import url("../general/CAPSSizes.css");

.is-modal-background{
    display: flex;
    justify-content: center;
    align-items: center;
    position:fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}


.is-modal-container {
    display: flex;
    flex-direction: column;
    flex: 100%;
    height: 90%;
}


.is-modal-navigation-bar-container {
    display: flex;
    flex-flow: row;
    justify-content: space-around;
    align-items: center;
    flex: 100%;
    height: 10%;
    background-color: var(--BEIGE);
    border-radius: var(--BORDER_RADIUS);
}


.is-navigation-button-image {
    width: 16px;
    height: 16px;
}


.is-modal-header{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 8%;
    border: 1px solid var(--GREY_DARK);
    background-color: var(--DARK_BLUE);
    border-radius:5px;
    color: var(--GREY_LIGHT);
    font-family: var(--STANDARD_FONT);
    font-weight:bold;
}


.is-modal-header-tittle{
    text-align: center;
    flex: 95%;
    font-size: 16px;
}


.is-modal-header-close-button{
    flex: 5%;
    color: var(--WHITE_GREY);
    float: right;
    font-size: 28px;
    font-weight: bold;
}


.is-modal-header-close-button:hover{
    color: black;
    text-decoration: none;
    cursor: pointer;
}


.is-modal-notification{
    height: 15px;
    width:100%; 
    display: flex; 
    flex-direction: row;
    justify-content: center; 
    align-items: center;
}


.is-modal-body{
    display: flex;
    flex-flow: row wrap;
    flex: 92%;
    border: 1px solid var(--DARK_GREY);
    border-radius: var(--STANDARD_RADIUS);
    background-color: var(--WHITE_BLUE);
    font-family: var(--STANDARD_FONT);
    font-weight:bold;
}


.is-modal-panel{
    display: flex;
    flex-flow: column wrap;
    justify-content: space-around;
    background-color: var(--WHITE_BLUE) ;
    flex: 50%;
}

.is-modal-row{
	display: flex;
	padding: 10px;
	align-items : center;
}

.is-modal-row-small{
	display: flex;
	padding: 0px 10px;
}

.is-tag{
	flex: 40%;
}

.em-tag{
	width: 30%;
    padding-left: 10%;
}

.is-input{
	flex-grow: 2;
	height: var(--STANDARD_INPUT_HEIGHT);
	text-align: center;
	border-radius: var(--BORDER_RADIUS);
	box-shadow: 2px 2px var(--LIGHT_GREY);
}

.is-input-full{
	width: -webkit-fill-available;
	height: var(--STANDARD_INPUT_HEIGHT);
	border-radius: var(--BORDER_RADIUS);
	box-shadow: 2px 2px var(--LIGHT_GREY);
}

.is-div-medium{
	width: 50%;
	display:flex;
}

.is-input-medium{
	width: 50%;
	height: var(--STANDARD_INPUT_HEIGHT);
	text-align: center;
	border-radius: var(--BORDER_RADIUS);
	box-shadow: 2px 2px var(--LIGHT_GREY);
}

.is-input-left{
	width: 50%;
	height: var(--STANDARD_INPUT_HEIGHT);
	text-align: left;
	border-radius: var(--BORDER_RADIUS);
	box-shadow: 2px 2px var(--LIGHT_GREY);
}

input.is-input-medium[type=checkbox], input.is-input-medium[type=radio]{
	height: 20px;
    width: 50%;
    border-radius: 0px;
    box-shadow: 0px 0px;
}

.buttonsContainer {
    display: flex;
    align-self: center;
    width: 100%;
    height: 50px;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
}

.buttonsContainer input[type=submit]:disabled, .buttonsContainer input[type=button]:disabled,
.buttonsContainer input[type=reset]:disabled,.buttonsContainer input[type=file]:disabled{
	background-color:gray;
	cursor:auto;
}

.buttonsContainer input[type=submit], .buttonsContainer input[type=button],
.buttonsContainer input[type=reset],.buttonsContainer input[type=file],
.buttonsContainer #fileButton{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140;
    height: 30px;
    border-radius: 5px;
    background-color: var(--LIGHT_BLUE);
    color: white;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    cursor: pointer;
}

.buttonsContainer #fileButton{
	box-sizing : border-box;
	padding: 1px 6px;
	border-width:2px;
	border-style:outset;
	border-color:rgb(118, 118, 118) rgb(133, 133, 133);
}

.smallButtons{
	background-color: #182459;
    color: white;
    border-radius: 3px;
	width: fit-content;
	margin: 1%;
}

.queryReport{
	position:relative; 
	display: inline-block;
	cursor:pointer;
}

.queryList{
	background-color:rgb(25, 42, 86);
	opacity:0.9;
	position:absolute;  
	width:max-content;
	max-width:80px; 
	display:none; 
	padding:0px 0px;
	z-index: 999;
	border: 1px solid #182459;
	border-radius:3px;
	transition: opacity 0.3s; 
	top:auto; 
	right:6.2%;
	bottom:auto;
	margin-top:50px;
}

.queryList-row{
	font-family: "Open Sans",Arial,sans-serif;
	text-align:left;
	padding:8px;
	width:100%;
	color:white;
}
@media(max-width:1900px){
	.queryList{
		right:7.2%;
	}
}
@media(max-width:1000px){
	.queryList{
		right:9%;
	}
}