.form {
  width: 500px;
  padding: 25px;
  border-radius: 5px;
  padding-bottom: 50px;
  box-shadow: 0px 0px 5px gray;
}
.form input {
  width: 100%;
  border: none;
  padding: 8px;
  outline: none;
  margin-top: 25px;
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: 0px 0px 3px gray;
}
.form button {
  width: 100%;
  padding: 8px;
  border: none;
  outline: none;
  color: white;
  margin-top: 25px;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: rgb(65, 65, 201);
}
.form button:disabled {
  cursor: not-allowed;
  background-color: lightgray;
}
.form h1 {
  font-family: sans-serif;
}

.searchCriterionBox {
  text-align: center;
  padding: 8px 10px;
  margin-bottom: 4px;
  background-color: #edf5fd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 100%;
}

.custom_highlight:focus{
  background-color: white;
  box-shadow: 0 0 5px black;
  border: 1px solid black;

}


.searchCriterionBox1 {
  text-align: center;
  padding: 8px 10px;
  margin-bottom: 4px;

  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 96%;
}
.InputTable {
  margin: 0px 5px 5px 5px;
  padding: 5px 0px 0px 0px;
  width: auto;
}
.row-form {
  overflow: hidden;
  margin-bottom: 8px;
  line-height: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-justify-content: center;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-firstHalf,
.col-secondHalf,
.field_cmDetail_Inst,
.col-thirdHalf {
  width: 16.6666%;
  display: inline-block;
}
.col-3 {
  width: 24.9999%;
  display: flex;
}


.nowrapping{
  white-space: nowrap !important;
}
/* @media only screen and (max-width: 600px) {
  .col-3 > .col-3-inside {
    flex-direction: column;
  }
} */

/*by default white-space: nowrap; */
.row-form label {
  white-space: unset;
  text-align: right;
  font-weight: normal;
  color: #065c8d;
  font-family: "Open Sans", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 13px;
  padding: 3px 0px 1px 0px;
  /* display: flex; */
  /* float: left; */
  width: 30%;
  line-height: 1.2;
  margin: 0px 0px 0px 1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.btnLinkGreen,
.btnLinkGreen#btnCancel,
.k-filter-menu .k-button.k-primary {
  font-family: "Open Sans";
  font-size: 12px;
  color: #fff;
  height: 27px;
  border: 1px solid #11b135;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: 2px;
  margin-right: 2px;
  background: #11b135;
  outline: none;
  width: auto;
  cursor: pointer;
  outline: none;
  appearance: none;
}

.btnLinkGreen:focus{
  border: 1px solid black;
}

.InputTable .row-form input[type="text"],
[type="number"],
[type="date"],
.selectclass {
  font-family: "Open Sans", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 12px; 
  /* float: right; */
 color: #414141;
  height: 22px;
  width: 66%;
  border: 1px solid #d0d6e1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding-left: 7px;
  padding-right: 7px;
  -webkit-transition: 0.3s ease-in-out all;
  -moz-transition: 0.3s ease-in-out all;
  -ms-transition: 0.3s ease-in-out all;
  -o-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
} 

.myDatepicker {
  width: 15.3vw !important;
  transition: width 0.00001s !important;
  position: relative;
  left: 0.7vw !important;
}

.InputTable select {
  font-family: "Open Sans", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 12px;
  /* float: right; */
  color: #414141;
  height: 22px;

  width: 66%;
  border: 1px solid #d0d6e1;
  outline: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 28px 0 7px;
  background-image: url("/src/components/DropDownList/icon_ddl.png");
  background-position: right;
  background-repeat: no-repeat;
  -ms-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-left: auto;
}

.messagePan {
  background: #fefdbd;
  background: -moz-linear-gradient(top, #ffe08c 0%, #fcfbd6 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffe08c),
    color-stop(100%, #fcfbd6)
  );
  background: -webkit-linear-gradient(top, #ffe08c 0%, #fcfbd6 100%);
  background: -o-linear-gradient(top, #ffe08c 0%, #fcfbd6 100%);
  background: -ms-linear-gradient(top, #ffe08c 0%, #fcfbd6 100%);
  background: linear-gradient(to bottom, #ffe08c 0%, #fcfbd6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe08c', endColorstr='#fcfbd6',GradientType=0 );
  border: 1px solid #ffe081;
  width: 100%;
  vertical-align: bottom;
  top: 0px;
  left: 0px;
}

.messagePan div.errorMessage {
  color: #ee0606;
  line-height: 17px;
  font-weight: bold;
  text-shadow: 1px 1px 0 #ffffff;
  word-break: break-word;
}