input[type=date]{
  -webkit-appearance: none;
  -moz-appearance: none;
}

.readonly_field{
  pointer-events:none;
}

.alert-danger{
  background-color: #f7c8c5;
}

.alert-success{
  background-color: #9bef97;
}

#alertContainer{
  height:40px;
}

hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 3px;
}

#selected-items {
    margin: 0px auto;
    text-align: center;
    font-size: 1.0em;
    list-style: none;
    color: #383a47;
    margin-bottom:7%;
    display:none;
}

#selected-items li {
    padding-bottom: 10px;
}

#selected-items .fa-user-plus {
    padding-right: 5px;
}

input[type="button"]{
  color: white;
  background-color: #333;
  border-color: #333;
  border-radius: 5px;
  font-size: 16px;
  padding: 6px 12px;
}

table.dataTable.dtr-column>tbody>tr.pending>td.control:before,
table.dataTable.dtr-column>tbody>tr.pending>th.control:before{
  background-color: #e24736;
}

table.dataTable.dtr-column>tbody>tr.partial>td.control:before,
table.dataTable.dtr-column>tbody>tr.partial>th.control:before{
  background-color: #dce236;
}

table.dataTable.dtr-column>tbody>tr.approved>td.control:before,
table.dataTable.dtr-column>tbody>tr.approved>th.control:before{
  background-color: #36e24a;
}

table.dataTable.dtr-column>tbody>tr.parent>td.control:before,
table.dataTable.dtr-column>tbody>tr.parent>th.control:before{
  background-color: grey !important;
}

.home {
    border: none;
    box-shadow: none;
    transition: all 0.1s ease-in-out;
    color: white;
    background-color: #333;
    margin-bottom: 20;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.3em;
    border-radius: 2px;
    -webkit-appearance: button;
    text-rendering: geometricPrecision;
    outline: none ;
    text-decoration: none;

  }

.search-form textarea,.search-form input[type=email],
.search-form input[type=text], .search-form input[type=password],
textarea, input[type="index-text"], input[type="password"],
input[type="week"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
{ display: block; height: 26px; padding: 3px 0px; font-size: 14px; width:92%; line-height: 1.3em;  color: black; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 2px;}

select:disabled{
    background-color: #eee !important;
}

table.dataTable.compact tbody th, table.dataTable.compact tbody td{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.form-control{
  height: 36px !important;
}
.select2-container, .select2-selection--single{
  height: 36px !important;
}
/*---------------------------------------------------------------------- iphone5/6 --------------------------------------------*/


@media (max-device-width: 767px) and (orientation: landscape) {
  table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before{
    background-color: red;
  }

    .search-form textarea, .search-form input[type=email],
    .search-form input[type=text], .search-form,
    textarea, input[type="index-text"],
    input[type="search"]
    { display: block; height: 26px; padding: 16px 0px; font-size: 16px; width:80%; text-align: left; line-height: 1.3em;  color: black; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 2px; }

    .search-form input[type='index-text']{
    font-weight: normal;
    text-decoration: underline;
    text-decoration-color: rgba(251,175,93,1);
    }


}
@media (max-device-width: 767px) and (orientation: portrait)  {

  table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before{
    background-color: red;
  }
  .search-form textarea, .search-form input[type=email],
  .search-form input[type=text], .search-form,
  textarea, input[type="index-text"],
  input[type="search"]
  { display: block; height: 26px; padding: 16px 0px; font-size: 16px; width:80%; text-align: left; line-height: 1.3em;  color: black; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 2px; }


}