/* Custom CSS - The CSS properties in this stylesheet will over-write any original template styles if the same class names are used in addition to custom styles which can also be added. */
#head_search { background-color: #fbad23;}
.rgba #head_search { background-color:#fbad23; }
.search-container { background: #fbad23; top: 10px !important;}
.search-container .search-textfield { border-color: #fff !important; }
#head-login {
	position:absolute;
	top:110px;
	width:50%;
	right:10px;
	margin:0 2px 2px 2px;
	display:none;
    z-index: 25;
    text-align: right;
}

.primary #head-login {
    top: 80px;
}
#phone-login {
    position: relative;
    padding: 5px;
    display: block;
}

#head-login a,
.rgba #head-login, .rgba #head-login a {
    color: white !important;
    text-align: right;
}

#phone-login {
    color: #000 !important;
    background-color: #ccc !important;
}
/* color scheme santabarara */
#phone-login a, #phone-login a:link {color: #1f70a7 !important;}
#phone-login a:visited { color: #551a8b !important; }
#phone-login a:hover { color: #06e !important; }
/* visibility */
@media only screen and (min-width: 768px) {
    #head-login { display:block; }
    #phone-login { display: none; }
}

.h_label {
        margin: 15px;
        color: Black;
    }
.fieldsetBanner {
    color: #428bca 
}

.input-validation-error {
        border-width: 2px;
        border-color: red;
        background-color: rgba(251, 197, 197, 0.90);
}

.error {
    color: red;
}


#selectMolestedSpecies #ddlCategoryConfirmed #ddlStatuses #ddlActions option:disabled {
    background: #dddddd;
} 

.input-validation-border{
    border-width: 2px;
    border-style: solid;
    border-color: red !important; 
    overflow:auto;
    padding-right:10px;
    padding-bottom:3px;
}

.warning {
    color: #9F6000;
}

.isa_info i, .isa_success i, .isa_warning i, .isa_error i {
    margin: 10px 22px;
    font-size: 2em;
    vertical-align: middle;
}

.isa_info {
    margin: 20px 22px;
    padding: 10px 10px;
    color: #00529B;
    background-color: #BDE5F8;
}

.isa_success {
    margin: 20px 22px;
    padding: 10px 10px;
    color: #4F8A10;
    background-color: #DFF2BF;
}

.isa_warning {
    margin: 20px 22px;
    padding: 10px 10px;
    color: #9F6000;
    background-color: #FEEFB3;
}

.isa_error {
    margin: 20px 22px;
    padding: 10px 10px;
    color: #D8000C;
    background-color: #FFBABA;
}

.dt_bold {
    font-weight: bold;
}

  .dl-horizontal dt {
    float: left;
    min-width:220px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:auto;  
  }

  .dl-horizontal dd {
    margin-left: 220px;
  }
  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    display: table;
    content: " ";
  }
  .dl-horizontal dd:after {
    clear: both;
  }
  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    display: table;
    content: " ";
  }
  .dl-horizontal dd:after {
    clear: both;
  }

  .padded-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: left;
  }

  .div-unselected {
      display: none;
  }
  .div-selected {
      display: block;
      /*padding-left: 30px*/
  }

  .form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #ccc !important;
}

select option:disabled {
    color: #ccc;
}

.modal-backdrop
{
    opacity:0.5 !important;
}

.divResult
{        
        display:none;
        margin-top:-1px;
        border:solid 1px #dedede;
        border-top:0px;
        overflow:hidden;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        -moz-border-bottom-right-radius: 6px;
        -moz-border-bottom-left-radius: 6px;
        box-shadow: 0px 0px 5px #999;
        border-width: 3px 1px 1px;
        border-style: solid;
        border-color: #333 #DEDEDE #DEDEDE;
        background-color: white;
            z-index:50;      

        
}
.display_box
{
        padding:4px; border-top:solid 1px #dedede; 
        font-size:12px; height:25px;
}  

#cover {
    background: url("/images/spinner.jpg") no-repeat scroll center center #FFF;
    position: absolute;
    height: 100%;
    width: 100%;
    
}

.imgWrap {
  position: relative;
  height: 120px;
  width: 100px;
  
}

.imgDescription {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius:10px;
  background: rgba(29, 106, 154, 0.72);
  color: #fff;
  font-size:small;
  visibility: hidden;
  opacity: 0;

  /*remove comment if you want a gradual transition between states
  -webkit-transition: visibility opacity 0.2s;
  */
}


.imgWrap:hover .imgDescription {
  visibility: visible;
  opacity: 1;
}



.cbContainer {
    margin-left: 15px;
    margin-top: 10px;
    padding-right: 5px;
}

.cb-label,
input[type="checkbox"] + label {
    margin: 6px 0 0 6px;
}

label.required::after {
    color: red;
    content: "*";
    margin-left: 3px;
}

table.dataTable thead th.sorting,
table.dataTable thead th.sorting_disabled {
    background-color: #D6f0f2;
    border: 1px solid #fff;
    font-size: 0.9em;
}

table.dataTable.row-border > tbody > tr > th, table.dataTable.row-border > tbody > tr > td, table.dataTable.display > tbody > tr > th,
table.dataTable.display > tbody > tr > td,
table.dataTable thead th, table.dataTable thead td,
table.dataTable td {
    padding: 5px 1px;
}
    table.dataTable.display > tbody > tr > td,
    table.dataTable > tbody > tr > td {
        padding-left: 10px;
    }

table.tablesorter {
    font-family: arial;
    margin-bottom: 0;
    margin-top: 0;
}

.dataTables_wrapper .dataTables_info {
    /*padding-bottom: 0.755em;*/
}

table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled, table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting_asc_disabled, table.dataTable thead > tr > td.sorting_desc_disabled {
padding-right: 10px;
}
table.dataTable > thead > tr.filters > th, table.dataTable > thead > tr.filters > td,
table.dataTable thead > tr.filters > th.sorting,
table.dataTable thead > tr.filters > th.sorting,
table.dataTable thead > tr.filters > th.sorting_asc, table.dataTable thead > tr.filters > th.sorting_desc,
table.dataTable thead > tr.filters > th.sorting_asc_disabled, table.dataTable thead > tr.filters > th.sorting_desc_disabled, table.dataTable thead > tr.filters > td.sorting,
table.dataTable thead > tr.filters > td.sorting_asc, table.dataTable thead > tr.filters > td.sorting_desc, table.dataTable thead > tr.filters > td.sorting_asc_disabled,
table.dataTable thead > tr.filters > td.sorting_desc_disabled {
    /*padding: 2px 0;*/
}

    table.dataTable thead > tr.filters > th.sorting_asc:before,
    table.dataTable thead > tr.filters > th.sorting_asc:after {
        content: '';
    }

table.dataTable > tbody > tr.odd > td {

}
table.dataTable.display > tbody > tr.odd > td {
    background-color: #F0F8F9;
}

table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after {
    opacity: 0.9;
}

thead input {
    width: 100%;
}

.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 4px;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: inherit;
    background-color: #bedefa;
}

.dropzone  {
    background-color: #fff;
}
    .dropzone .dz-message {
     color: #428bca;
    }