/* style-ro.css */

a {
	text-decoration: none;
	color: #2f20d1;
}

a:hover {
	text-decoration: underline;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, Segoe UI,
		Helvetica Neue, Helvetica, Arial, sans-serif;
	margin: 0 auto;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	color: #2f2f2f;
	line-height: 1.5;
}

.button1 {
        background-color: #1c87c9;
        border: none;
        border-radius: 6px;
        color: white;
        cursor: pointer;
        display: inline-block;
        font-size: 20px;
        margin: 4px 2px;
        padding: 10px 28px;
        text-align: center;
        text-decoration: none;
}

.button2 {
        background-color: #13db90;
        border-radius: 6px;
        color: #ffffff;
        cursor: pointer;
        display: inline-block;
        margin: 4px 2px;
        outline: none;
       /* padding: 10px 32px; */
		padding: 10px 10px;
        text-align: center;
        text-decoration: none;
        transition: 0.3s;

}

.button2:hover {
        background-color: #c2c7c7;
}

.button3 {
        background-color: #c6112f8f;
        border: 2px solid transparent;
        border-radius: 6px;
        color: #ffffff;
        cursor: pointer;
        display: inline-block;
        margin: 4px 2px;
        outline: none;
        /* padding: 10px 20px; */
		padding: 10px 2px;
        text-align: center;
        text-decoration: none;
        transition: 0.3s;
}
.button3:hover,
.button3:focus {
        background-color: #c2c7c7;
        border-color: #7aa8b7;
}

.card {
	padding: 1rem 2rem;
	border-radius: 4px;
	background: var(- -bg-color);
	box-shadow: 0 1px 3px #747681;
}

.court-container {
	width: 90%;
	margin: auto;
	padding: 0px 20px 0px 20px;
}

.cursor-pointer {
	cursor: pointer;
}

.display-none {
	display: none;
}

.efile {
	color: red;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}

.error {
	padding: 6px 20px;
	border-radius: 3px;
	background-color: #fb817c;
	border: 1px solid #e46b66;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.font-bold {
	font-weight: bold;
}

.full-width {
	width: 100%;
}

.header {
	background-image : url('../image/header.gif');
	background-size: cover;
	color: white;
	padding: 10px;
	position: relative;
}

.header2 {
	/* background-image : url('../image/header.gif'); */
	background-size: cover;
	border-radius: 5px;
/*	color: white; */
	/* display: inline-block; */
	font-size: 1.75em;
	/* padding: 20px; */
	position: relative;
	text-align: center;
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

.img2 {
	width: 70%; /* 260px; */
	height: auto; /* 95px; */
/*	vertical-align: middle; */
}

.inline-block {
	display: inline-block;
}


.label {
	color: #565656;
	margin-bottom: 2px;
}


.message {
	border-radius: 3px;
	box-sizing: border-box;
	color: rgb(40, 40, 40);
	font-size: 1.2em;
	margin: 6px;
	overflow: auto;
	padding: 6px 20px;
	width: 100%;
}

.pdffile {
	color:red;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
}

.revised-date {
	color: white;
	position: absolute;
	right: 45%; /* 120px; */
	top: 8%; /* 30px; */
}

.row {
	padding: 6px 0 6px 0;
}

.success {
	background-color: #48e0a4;
	border: #40cc94 1px solid;
}



.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}



.mr-20 {
	margin-right: 20px;
}




table {
  text-align: left;
  position: relative;
}

th {
  background-color: lightgrey; 
  /* background-color: #80808075; */
  font-size: 0.9em;
  position: sticky;
  top: 0;
}

.th-head {
  text-align: center;
}

td.p {
	white-space:pre-wrap;
}

.ud-container {
	width: 90%;
	margin: 20 auto;
	padding: 0px 20px 0px 20px;
}
.validation-message {
	color: #e20900;
	display: inline-block;
}

/* parent-child classes */

.parentClass { 
/*	background: #d0dee34a; */
	width: 100%; /*  90vw; */
	/* margin: 8vw 10vw;  */
	height: 300px; 
} 

.childClass { 
	position: absolute; 
	/* opacity: 0.6; */ 
	/* height: 50%; */
	/* background: yellow;  */
	/* width: 20%; */
} 

.firstchild { 
	left: 37%;
/*	top: 0;  */
	top: 2%;
} 

.secondchild {
/*	color: white; */
/*	top: 0;  */ 
	top: 12%;
/*	right: 0; */
	left: 36%;
} 

.thirdchild { 
	/* background: #bbb;  */
	left: 36%; 
	top: 22%;
}



@media screen and (max-width: 780px) {
	.court-container {width: auto;}
}

@media screen and (max-width: 600px) {
	.court-container {padding: 0px 20px;}
	.efile { font-size: 80%;}
	.header2 {font-size: 1.5em;}
	.pdffile { font-size: 80%;}
	.text-center { font-size: 80%;}
	input, textarea, select {width: 100%;}
}

@media screen and (max-width: 480px) {
	.header2 {font-size: 1.25em;}
	.secondchild {
		left: 38%;
		top: 12%;
	}

@media screen and (max-width: 320px) {
	.header2 {font-size: 1em;}
	.secondchild {
		left: 33%;
	}
}