/* .iframe.no-scrolling.ce-iframe{
  width: 100% !important;
} */

.agrisano-tile{
  border: 0;
  background: #eff3f7;
  border-radius: 12px;
  box-shadow: none;
  left: 0rem;
  right: 0;
  /* width: calc(100% - 2rem); */
  width: 100%;;
  padding: 0;
  margin-bottom: 0;
  margin-top: 0;
  height: 100%;
}

.sidebar-visible .layout-2-1, 
.layout-2-1{
  align-items: flex-end;
  padding-top: 1rem;
  padding-bottom: 3rem;;
}
.tile-content-box {
  position: relative;
  overflow: visible;;
}
.tile-content-box:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 12px;
  background-color: #1E5193;
  border-radius: 12px;
  top: 0x;
  left: 0px;
  right: 0px;
}
.sidebar-visible .layout-2-1 .sidebar, .layout-2-1 .sidebar {
  margin-left: 1.85rem;
  margin-bottom: 0rem;;
}
.header-with-tooltip h2 {
  display: inline;
  color: #000000;
  font-family: 'DINMedium', Verdana, Geneva, Tahoma, sans-serif;
  font-size: 45px;
  /* font-weight: bold; */
  letter-spacing: 0;
  line-height: 58px;
}
.header-with-tooltip h3 {
  display: inline;
  color: #000000;
  font-family: 'DINMedium', Verdana, Geneva, Tahoma, sans-serif;
  font-size: 24px;
  /* font-weight: bold; */
  letter-spacing: 0;
  line-height: 32px;
}
.header-with-tooltip h4 {
  display: inline;
  color: #000000;
  font-family: 'DINMedium', Verdana, Geneva, Tahoma, sans-serif;
  font-size: 20px;
  /* font-weight: bold; */
  letter-spacing: 0;
  line-height: 26px;
}
.font-weight-bold dl dt {
  font-weight: bold;
  color: #000000;
  font-family: 'DINMedium', Verdana, Geneva, Tahoma, sans-serif;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 31px;
  padding-bottom: 15px;
}
.tile-content-box > .tile-content {
  padding: 4rem 4rem 2rem 4rem;
}
.columns-3 .tile-content-box > .tile-content,
.columns-2 .tile-content-box > .tile-content {
  padding: 2rem 2rem 0rem 2rem;
}
.header-with-tooltip {
  margin-bottom: 2rem;
}

.columns > .column {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0%;
  margin: 0 2rem 0rem 0rem;

}



.form-group .label, .form-group .no-label {
  margin-top: 0rem;
  text-align: left;
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;
  font-weight: 700;
  padding-bottom: .4rem;
}
.form-group > .form-field {
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

.two-col .two-col-half .form-group > label,
.two-col .two-col-half .label,
.two-col .two-col-half .no-label,
.two-col .two-col-half .form-field {
  flex-basis: 100%;
  max-width: 100%;
  min-height: 1rem;
}

/* .image-wrapper {
  align-items: flex-start;
} */
.alert-error.alert, 
.alert-error .alert{
  border-color: transparent;
}
table tr th {
  background: #1e3f72;
  color: #ffffff;
  font-weight: 700;
}

table.table_colspan tr td,
table.table_colspan tr:nth-child(2) th{
  text-align: right;
} 
table.table_colspan tr:nth-child(2) th:nth-child(1),
table.table_colspan tr:nth-child(2) th:nth-child(2),
table.table_colspan tr:nth-child(2) th:last-child{
  text-align: left;
} 

table.table_colspan tr td:nth-child(1),
table.table_colspan tr td:nth-child(2),
table.table_colspan tr td:last-child{
  text-align: left;
} 


.blue_bg{
  background-color: #e9ecf1;
  padding: 7px;;
}
.blue_bg select{
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 12px;
}
.blue_bg .alert-error.alert, 
.blue_bg .alert-error .alert {
  background: #e9ecf1;
  border-color: transparent;
  color: #C0646A;
}

textarea, input, select{
  border-radius: 12px;
  border: 1px solid #e9ecf1;
  background-color: #e9ecf1;
}
input, select {
  padding: 1.6rem 0.8rem;
}

textarea:focus,
input:focus,
select:focus{
  box-shadow: 0 0 0.2rem 0.2rem rgb(30 63 114 / 25%);
  border: 1px solid #e9ecf1;
  background-color: #e9ecf1;
}

select {
  /* background: transparent; */
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23025194%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  background-color: #e9ecf1;
  border: 1px solid #e9ecf1;
  border-radius: 12px;
  padding: 0.75rem 0.8rem;

}

.blue_bg textarea, 
.blue_bg input, 
.blue_bg select{
  border-radius: 12px;
  border: 1px solid #e9ecf1;
  background-color: #fff;
}
.blue_bg textarea:focus,
.blue_bg input:focus,
.blue_bg select:focus{
  box-shadow: 0 0 0.2rem 0.2rem rgb(255 255 255 / 25%);
  border: 1px solid #fff;
}

textarea.has-error:focus, 
input.has-error:focus, 
select.has-error:focus {
  box-shadow: 0 0 0.2rem 0.2rem rgb(192 100 106 / 25%);
  border: 1px solid #C0646A;
}

.button-style-olive .a-button,
.button-element .a-button {
  border-radius: 12px;
}
::placeholder{
  color: #878787;
  font-family: "DINMedium";
  font-size: 18px;
  letter-spacing: 0;
  line-height: 23px;
}

.two-col .two-col-full, .two-col .two-col-half {
  margin: 0.7rem 0 0.7rem 0;
}
.two-col .two-col-half {
  flex-basis: 49%;
  max-width: 49%;
  width: 49%;
}
.two-col .two-col-half.left {
  margin-right: 1%;
}

.two-col .two-col-half.right {
  margin-left: 1%;
}
.c-radio > label {
  display: inline-block;
  padding: 0 0 0 2.3rem;
}
.c-radio > input[type="radio"], 
.c-radio > label:before, 
.c-radio > label:after {
  border: 0.1rem solid;  
  position: absolute;
  top: 0.1rem;
  left: 0.15rem;  
  width: 1.3rem;
  height: 1.3rem;  
  border-color: #1e3f72;
}
.c-radio > input:checked ~ label:after {
  border-color: #fff;
  border-width: 0.2rem;
  box-shadow: inset 0 0 0 0.1rem #1e3f72;
  background: #1e3f72;
}
.a-checkbox > label:before {
  height: 1.4rem;
  left: -1.6rem;
  top: 0rem;
  width: 1.4rem;
  background: #fff;
  border-color: #1e3f72;
}
.a-checkbox > label:after {
  border: 0;
  border-bottom: 0.2rem solid #1e3f72;
  border-right: 0.2rem solid #1e3f72;
  height: 0.9rem;
  Left: -1.15rem;
  top: 0.20rem;
  transform-origin: center center;
  transform: rotate(40deg) scale(0);
  width: 0.5rem;
}
.form-check{
  padding-bottom: 0;
}
.button-element .a-button {
  color: #ffffff;
  background: #1e3f72;
}
.button-element .a-button a, 
.button-element .a-button input[type="submit"]{
  color: #fff;;
  padding: 0.55rem 2rem 0.5rem 2rem;

}
.alert-info.alert .a-button, 
.alert-info .alert .a-button {
  background: #1e3f72;
  border: 0.1rem solid #1e3f72;
}
.alert .a-button:hover, 
.alert .a-button:focus, 
.alert .a-button:active {
  /* background-color: #1e3f72!important; */
    background-color: #315da1!important;
    border-color: #315da1;
}
form .divider {
  margin-left: 0;
  width: 100%;
}
.tooltip-visible{
  position: relative;
}
/* .tooltip-visible:after{
  content:'';
  position: absolute;;
  background: url(../img/info_icon.png) no-repeat center center;;
  width: 24px;
  height: 24px;
  top: 0;
  right: -6px;
} */
.link-list {
  list-style-position: outside;
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-indent: 0;
}

.tooltip-hidden .info_icon{
  display: none;
}
.tooltip-visible .info_icon{
  display: block;
  position: absolute;;
  /* background: url(../img/info_icon.png) no-repeat center center;; */
  width: 22px;
  height: 22px;
  top: 0;
  right: -20px;
}











@media (max-width: 58rem){
  .columns > .column {
      flex-basis: 100%;
      margin: 0 0 1.5rem  0;
    }
    .tile-content-box > .tile-content {
      padding: 1.5rem;
    }
    .header-with-tooltip h2{
      font-size: 30px;;
    }
    .form-check span.label{
      padding-bottom: 0;
      display: none;
    }
    #form .two-col .two-col-half{
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      margin-left: 0;
    }
  }