form{
    font-family: verdana;
}
.instruction{
    border: 2px solid #a5a5a5;
    margin-left: 10px;
    margin-right: 10px;
    margin-top:auto;
    font-family: verdana;
    font-style: italic;
    font-size: 80%;
}
textarea{
    width:75%;
}
td{
    text-align: left;
}

.grid-container {
    height: 300px; /* Set the desired height */
    overflow-y: auto; /* Enable vertical scrolling */
}

  #inst
  {
    background-color:   rgb(0, 176, 241);
    height: 30px;
    text-indent: 10px;
    vertical-align: middle;
    padding-top: 2px;
  }
  #txt{
      width: 100%;
  }

#grp{
    background-color: rgb(153, 205, 255);
    height: 30px;
    text-align: center;
	width: 1190px;
}
#blue {
    background-color: rgb(153, 205, 255);
    width: 450px;
    border: 1px solid black;
  }
  #name, #estimate,#cont_start , #cont_end,#estimate,#cont_value, #currnt_credit,#revised_credit,#attach_agree
  {
    width: 300px;
  }
  #country, #HFM_Code, #sales_channel{
    width: 400px;
  }

#part1{
    border:0px solid black;
    margin-left:60px;
    margin-right:auto;
}

.required {
    color: red;
  }
h3{
    color: red;
}
i{
    color: black;
}
.hd_wh{
    color: white;
}
  ===============
.box {
    width: auto;
    height: auto;
    border: 1px solid black;
    margin: 10px;

}

#group2_head{
    position: relative;
    bottom: 50%;
    left: 150%;
    background-color: rgb(64, 161, 240);


}
.navbarform {
    background-color: rgb(0, 113, 193);
    border: 0.5px solid rgb(0, 113, 193);
    height: 100px;
    display: flex;
}

.margform{
    border: 2px solid #b7b5b5;
    margin-left: auto;
    margin-right: auto;
}
.navheadform {
    color: white;
    list-style: none;
    margin-left: 20%;
	text-align: center;
	padding-top: 20px;

}
.navbarform img {
    margin-top: 10px;
    margin-left: 30px;
    height: 80px;
    width: 200px;
    border-radius: 4px;
}



.header {
    border: 1px solid black;
    text-align: center;
    background-color: rgb(0, 176, 241);
    color: black;
    font-weight: bold;
    height: 40px;
    padding-top: 7px;
}

.header h3 {
    margin: 5px;
}

.instructions {
    border: 1px solid rgb(0, 0, 0);
    background-color: rgb(118, 186, 250);
    color: rgb(15, 15, 15);
    height: 30px;

}

#list{
    list-style: none;
}

.category {
    background-color: #fff1bb;
    width: 70%;
    border: 1px solid black;
    margin: 20px 0px 20px 170px;
}

/* PART II - Non - standard terms assesment */

/* group1 */

.group1 {
    border: 1px solid black;
    margin: 30px 60px 30px 60px;
    text-align: center;
}

.group1 th {
    border: 1px solid black;
}
.group1 td{
	padding-top:3px;
}
#group1_terms {
    background-color: rgb(153, 205, 255);
    width:500px;    /* width: 300px; */
}

#group1_head {
    background-color: rgb(153, 205, 255);
}

#contact {
    margin: 0px 45px 10px 60px;
}

/* group2 */

.group2 {
    border: 1px solid black;
    margin: 30px 60px 30px 60px;
    text-align: center;
}

.group2 th {
    border: 1px solid black;
}

#group2_terms {
    background-color: rgb(153, 205, 255);
}

#group2_data {
    background-color: rgb(153, 205, 255);
}
.resp
{
    width:250px;
}
.th1{
    width: 30px;
    border: 1px solid black;
    background-color: white;
    text-align: left;
  }

/* Accounting and Disclosure */

.header_white {
    border: 1px solid black;
    text-align: center;
    background-color: rgb(0, 176, 241);
    color: white;
    font-weight: bold;
}

.header_white h3 {
    margin: 5px;
}



/* Non - standard term(s) for review and approval */

.header_non_standard {
    border: 1px solid black;
    text-align: center;
    background-color: rgb(153, 205, 255);
    color: black;
    font-weight: bold;
}

.header_non_standard h3 {
    margin: 2px;
}


.note h5 {
    margin: 15px 0px 0px 10px;
    color: red;
}

.note p {
    margin: 1px 9px;
}

.note table {
    border: 0.5px solid rgb(156, 154, 154);
    margin-left: 8px;
}

.note a {
    color: rgb(41, 136, 198);
}


/* Documanet how each of the below criteria are met before recognizing revenue */


.header_document {
    margin-top: 10px;
    border: 0.5px solid black;
    text-align: center;
    background-color: rgb(0, 176, 241);
    color: white;
    font-weight: bold;
}

.header_document h4 {
    margin: 3px;
}

.table_document tr >td{
	border: 0.5px solid black;
}
.group1 tr >td{
	border: 0.5px solid black;
}
.table_document span {
    color: red;
}

.table_document {
    width: 100%;

}

.table_document,tr,td {
    /*border: 0.5px solid rgb(70, 66, 66);*/
}

#supporting_documentatiion {
    background-color: rgb(153, 205, 255);
}

/*                                                                  Approval Process                                                          */

.approval{
    border: 1px solid black;
    margin: 30px 60px 30px 60px;
    width: 90.5%;
}

.approval td{
    border: 1px solid black;
    text-align: center;
}

.approval th{
    border: 1px solid black;
    text-align: center;
}


.approval_head{
    background-color: rgb(153, 205, 255);
}

/*                                                                    Buttons                                                                */


.vertical-center {
    margin-top: 2%;
	padding-bottom: 2%;
    display: flex;
    justify-content: center;
}

#submit{

    padding: 5px 20px 5px 20px;
    background-color: rgb(98, 241, 85);
    cursor: pointer;
}
.radio-inline{
    cursor: pointer;

}
#draft {
    margin-left: 10px;
    padding: 5px 20px 5px 20px;
    background-color: yellow;
    cursor: pointer;
}

#cancel {
    margin-left: 10px;
    padding: 5px 20px 5px 20px;
    background-color: #f44336;
    cursor: pointer;
}


/* help */


#need_help {
    margin-left: 20px;
    margin-bottom: 0px;
    color: red;
}

#for_question {
    padding-top: 0px;
    margin-top: 0px;
    margin-left: 20px;
}

#mail {
    color: #1aa3ff;
}

#instnew{
    text-indent: 15px;
    vertical-align: middle;
    padding-top: 7px;
}

.border{
	border: 1px solid black;
}
/*.borderless {
	border-top: 0px!important;
	border-bottom: 0px!important;
	border-left: 0px!important;
	border-right: 0px!important;
    width: 600px;
}*/
input {
    /*height: 22px;*/
    
}
#name{
    width: 560px;
}
.inputtext-center{
    text-align: center;
}
select {
  width: 100px;
  padding: 8px 16px;
  margin-top: 5px;
}
select option {
  font-size: 14px;
  padding: 8px 8px 8px 28px;
  position: relative;
  color: #999;
}
select option:before {
  content: "";
  color: black;
  position: absolute;
  height: 18px;
  width: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0px;
  border: 1px solid #ccc;
  border-radius: 2px;
  z-index: 1;
}
select option:checked:after {
  content: attr(title);
  /*background: #dcd8d8;*/
  color: black;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 8px 8px 8px 28px;
  border: none;
}
select option:checked:before {
  border-color: black;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMC42MSA4LjQ4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzNlODhmYTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkFzc2V0IDg8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJfMSIgZGF0YS1uYW1lPSIxIj48cmVjdCBjbGFzcz0iY2xzLTEiIHg9Ii0wLjAzIiB5PSI1LjAxIiB3aWR0aD0iNSIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0Ljk3IDAuMDEpIHJvdGF0ZSg0NSkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjUuMzYiIHk9Ii0wLjc2IiB3aWR0aD0iMiIgaGVpZ2h0PSIxMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC44NiAtMy4yNikgcm90YXRlKDQ1KSIvPjwvZz48L2c+PC9zdmc+);
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center;
}

.group3 {
    /*border: 1px solid black;*/
    margin: 30px 80px 30px 80px;
}

.group3 td {
    /*border: 1px solid black;*/
    padding: 10px;
}

.borderless {
	border-left:none;
	border-bottom:none;
	border-top:none;
	border-right:none;
}
.tdcenter{
	text-align:center!important;
}

.filebutton > input {
    height: 44px;
	padding-top:2px;
	align:left;
}

select[multiple], select[size] {
    height: 114px !important;
}

textarea {
    margin-top: 10px;
	height: 80px;
	width:450px;
}