root {
    display: block;
}

html{
	overflow: -moz-scrollbars-vertical;
}

body {
    font-family:Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 76%;
    color: #000000;
    background-color:#f1f1f1;
}

-moz-any-link:focus {
  border: none;
}

#addinfo, #top_tip{
   margin: 2px 5px;
   min-height: 20px;
   width: max-content;
   padding: 2px;
   text-align: center;
}

#addinfo{
   border: none;
}

#avid_header{
   padding:0px;
   text-align: center;
   margin: 5px;
   height: 142px;
   vertical-align: middle;
   border-bottom:1px gray solid;
   background-image: url("../images/bannerbiotech.jpg");
}

#footer_links{
   text-align:center;
   margin: 10px;
}

#home, #whoisme, #lower_panel{
   width: 920px;
}
#repository{
   width: 920px;
   margin: 3px auto;
   border: 1px solid gray;
}

#footer{
   height: 30px;
   border: 1px solid gray;
   width: 850px;
   font-size:.8em;
   font-weight: bold;
   text-align: right;
   padding: 4px 15px 0px 2px;
   vertical-align:middle;
   background-color: #804051;
   margin: 2px;
}

#avid_footer{
   height: auto;
   border: 1px solid gray;
   font-size: 1em;
   text-align: right;
   padding: 5px;
   margin: 4px;
   vertical-align:middle;
   background-color: #804051;
}

#mainField label, #transfer label, #tanks_audit label{
   padding-top: 5px;
   height: 30px;
   margin-left: 20px;
}

#generate #general, #generate #sequence, #generate #info{
   float: left;
   margin: 2px 4px;
   height: 250px;
}

#generate #general{
   width: 350px;
}

#generate #sequence{
   width: 200px;
   border-left: 1px dotted #d3d3d3;
   padding-left: 5px;
}

#generate #info{
   width: 330px;
   float: none;
   margin-left: 580px;
   border-left: 1px dotted #d3d3d3;
   padding-left: 5px;
}

#generate .links, #transfer .links, #tanks_audit .links{
   width: 100%;
}

#mainField, #generate {
   margin: 0px auto 5px auto;
   width: 100%;
}

#mainField div, #generate div{
   margin-bottom: 10px;
}

#mainField .shift-right, #generate .shift-right{
   margin-left: 250px;
}

#mainField .links{
   width: 100%;
}

#generate label{
   width: 80px;
   float: left;
   height: 20px;
   padding: 5px 5px 0px 0px;
   text-align: right;
}

#sequence label{
   width: 40px;
}

#sequence select{
   width: 150px;
}

#info select{
   width: 200px;
}

.left-align{
   float: left;
}

.links{
   text-align: center;
   margin: 4px 2px;
}

#projectId img, #requesterId img{
   margin: 2px;
}

#main #top{
   text-align: center;
   border-bottom: 1px dotted black;
   padding: 5px 0px;
}

#uhondo #left_panel{
   width: 210px;
   float: left;
}

#uhondo #left_panel img{
   margin: 0px 3px;
   cursor: pointer;
}

#uhondo #right_panel{
   border-left: 1px solid black;
   width: 690px;
   min-height: 50px;
   max-height: 600px;
   overflow: auto;
   margin: 5px 5px 5px 175px;
   padding: 5px;
}

#right_panel #sheet{
   max-height: 510px;
   overflow: auto;
   width: 680px;
}

#addinfo{
   font-weight: bold;
}

.links, #upload, .instructions{
   text-align: center;
   display: inline-block;
}

[name=upload] .links{
   width: 100%;
}

.error{
   color: red;
   text-align: center;
   font-size: 0.9em;
}

.warnings{
   color: orange;
   text-align: left;
   font-size: 0.9em;
}

#credits{
   width: 500px;
   margin: 2px auto;
   text-align: center;
   font-size: 0.9em;
}

/* Notification message*/
#notification_box{
	text-align: right;
	margin-left: 50%;
	font-size: 13px;
	font-weight: bold;
   top: 35px;
   z-index:999;
   width:435px;
   position: fixed;
}

#notification_box span{
   background-color: #CCFF99;
   padding:  15px;
   display:  block;
}
/* Notification message*/

/* Login Page*/
#login{
   margin: 2px auto;
   width: 450px;
   text-align: center;
   margin-top: 60px;
}

#login .form-group{
   margin: 7px;
   width: 320px;
}

#login input, #mainField input, #transfer input, #tanks_audit input{
   height: 30px;
   width: 150px;
   margin-left: 10px;
}

#sequence input{
   width: 80px;
}

#login_page .top{
   height: 25px;
   font-weight: bold;
   font-size: 1.5em;
   text-align: center;
}

#login_page .buttons{
   padding: 3px;
}
/* Login Page*/

#whoisme{
    font-style: italic;
    margin: 1px 10px 1px 0px;
}

#recharge_projects{
   border-radius:2px;
   box-shadow:0 1px 2px #aaa;
}

#whoisme .user{ float: right; margin-right: 10px; }
#whoisme .back{ padding-left: 10px; text-align: left; }

#odk_table {
   margin: 0 auto;
   border-collapse: separate;
   border-spacing: 20px 5px;
   padding-top: 30px;
}

#box_storage #meta_data_div {
   float: left;
   margin: 2px 4px 2px 80px;
   height: 350px;
   width: 350px;
}
#box_storage .flexigrid {
   margin-left: 10px;
}
#box_storage #submit_button_div{
   width: 95%;
   margin: 10px;
}

#box_storage label{margin-left: 7px;}
#box_storage input, #box_storage select{margin-left: 4px;}
#box_details .form-group, #box_details .left-align{width: 150px; margin: 5px;}
#box_details, #box_location, #location_div, #purpose_div, #return_div, hr{width: 100%; clear: both;}
#purpose_div {margin-top: 30px;}
#return_div {clear: both;}
#return_div .left-align{width: 210px; margin: 5px;}
#location_div .left-align{width: 150px; margin: 5px;}
#purpose_div .left-align{width: 150px; margin: 5px;}
#location_div select, #location_div input {width: 120px; margin: 5px 2px;}
#return_div select, #return_div input {width: 200px; margin: 5px 2px;}
#return_div input, #search_div input, #edit_div input {height: 30px;}
#search_div input {margin-top: 10px;}
#search_div .search_criteria, #recharge_div {display: inline-block;}
#search_div .search_criteria select{width: 150px;}
#purpose_div select, #purpose_div input {width: 120px; margin: 5px 2px;}
#box_location .left-align{margin: 5px 2px;}
#box_location .loc_divs{width: 250px;}
#box_details select{width: 180px; margin: 5px 2px;}
.left-align .radio-inline{width: 50px; float: left; margin: 0px;}
.jqx-grid-column-header, #statusbarspace_recharge_table, #statusbarln2_recharge_table, #statusbarlabels_recharge_table, #statusbarinventory_recharge_table{z-index:0!important;}

#tank_boxes, #retrieved_boxes, #returned_boxes, #deleted_boxes, #searched_boxes, #recharge_details_div {margin: 5px;}

#inventory_form .left-align {width: 240px;}
#inventory_form {margin: 20px;}

#odk_table td{ height: 30px; }
#odk_table input { height: 25px; }
#odk_heading, .mod_user_heading { text-align: center; margin: 10px 0px 0px 0px; }
.center{ text-align: center; clear: both;}
.right{ text-align: right; clear: both;}
#user_left div{ margin: 8px 0px; }
.user_form label{ width: 135px !important; }
.odk_parser div{ margin: 8px 0px; }
.odk_parser label{ width: 350px !important; }
.odk_parser input[type="text"], .odk_parser select, .odk_parser input[type="file"], .user_form input[type="text"], .user_form select, .user_form input[type="password"], .user_form input[type="email"]{ height: 25px !important; margin-left: 7px !important; }
#parseType, #dwnldImages{width: 170px; height: 28px !important; }
.issue_inv div{ margin: 8px 0px; }
.issue_inv label{ width: 350px !important; }
.issue_inv input[type="text"], .odk_parser select, .odk_parser input[type="file"]{ height: 25px !important; margin-left: 7px !important; }
.issue_inv select{width: 170px; height: 28px !important; }
ul.ui-autocomplete {z-index: 1000!important; }

#odk_upload_form .form-group {margin-left: 250px; margin-bottom: 30px;}
#odk_upload_form #odk_instructions {margin-left: 30px; margin-right: 30px;}
#odk_upload_form .odk_uploader_field_divs {margin: 10px; display: inline;}
#odk_upload_form .odk_uploader_field_divs input {height: 25px;}

#user_left{ float: left; width: 40%; }
#user_right{ width: 57%; margin-left: 42%; }
#user_right .actions{ width: 110px; float: left; margin: 100px 2px auto 2px; text-align: center; }
#all_groups, #user_groups{ float: left; }
#user_groups{ float: none; }

/*Repository 3d specific styles*/
#repo_container {position: absolute; left:0px; top:0px; width: 100%; height: 100%; font-family: 'Roboto', sans-serif;}
#reset_button {cursor: pointer; position: absolute; left:0px; top:10px; width: 100px; height: 45px; line-height: 45px; background-color: #333333; display: table-cell; text-align: center; vertical-align: middle; color: #ffffff; border: 1px solid; border-radius: 25px;font-family: 'Roboto', sans-serif;}
#mta_btn {cursor: pointer; position: absolute; left:0px; top:10px; width: 100px; height: 45px; line-height: 45px; background-color: #333333; display: table-cell; text-align: center; vertical-align: middle; color: #ffffff; border: 1px solid; border-radius: 25px;font-family: 'Roboto', sans-serif;}
#add_box_mta_btn {cursor: pointer; position: absolute; left:0px; top:10px; width: 100px; height: 45px; line-height: 45px; background-color: #333333; display: table-cell; text-align: center; vertical-align: middle; color: #ffffff; border: 1px solid; border-radius: 25px;font-family: 'Roboto', sans-serif;}
.zoom_button {cursor: pointer; position: absolute; background-color: #333333; display: table-cell; text-align: center; vertical-align: middle; width: 35px; height: 35px; line-height: 35px; color: #ffffff; border: 1px solid;
               border-radius: 50%; font-size: 25px; font-weight: bolder;  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* ============================== Farm animals module ============================================== */
#animals{ margin-top: 10px; }
#animals #left_panel { float: left; }
#animals #right_panel {float: left; }
#add_animals [type=text]{ height: 30px; }
#animal_locations { min-height: 330px; }
#animal_locations #level1_pl, #animal_locations #level2_pl, #animal_locations #animalsOnLocation_pl { float: left; margin: 5px 7.5px; }
#animal_locations #animalsOnLocation { float: none; margin: 5px 7.5px; }
#animal_locations .label, #animal_locations .actions { text-align: center; margin: 2px auto; }
#animalsOnLocation_pl { display: none; }
#modal_window { display: none; }
#move_animals { min-height: 400px; }
#events_home .actions, #move_animals #actions, #ownership #actions, #experiments #actions { width: 180px; float: left; margin: 130px 2px auto 2px; text-align: center; }
#event_actions { float: left; margin: auto; min-height: 400px; width: 250px; padding: 5px 2px 2px 5px; }
#event_actions .save{ text-align: center; }
#exp_grid{ min-height: 400px; }
#experiments #grid_actions{ width: 100%; text-align: center; margin: 4px; }
#new_locations, #all_animals { width: 220px; float: left;  margin: 5px 7.5px; }
#events{ height: 400px; }  /** A kludge to force proper display of the listboxes */
#animal_info{ display: none; }
.status_bar_div{ float: left; margin-left: 5px; padding: 4px 0px 0px 4px; }
.status_bar_span{ margin: 0px 1px 0px 3px; position: relative; top: 2px; }
#exitTypeId, #eventValuePlaceId{ display: none; }
#gallery li{ float: left; margin: 2px; list-style-type: none;}
#images #upload{margin: 5px 2px 2px 10px;}
#images #info{margin: 5px 30px 2px 30px; padding: 3px; background-color: #FFFFFF; }
#cows_details{width: 70%; margin: 3px auto; }
#cow_list{width: 300px; float: left; }
#weight_graph{ width: 680px; height: 400px; margin-left: 220px; }
#batch_upload #upload{ float: left; margin: 5px; width: 35%; }
#batch_upload #details{ margin: 5px; width: 60%; margin-left: 36%; }
/* ============================== Farm animals module ============================================== */

/* ============================== DMP Visualization ============================================== */
/* ============================== DMP Visualization ============================================== */

#mta_box_list_div{
   width: auto;
   height: auto;
   position: absolute;
   display: none;
   background: white;
   padding: 1rem;
   border-radius:2px;
   box-shadow:0 1px 2px #aaa;
   font-size: 15px;
}

#mta_box_list{
   width: 200px;
   height: auto;
   max-height: 200px;
   overflow-y: scroll;
   list-style-type: none;
}
#loading_box {
   cursor: pointer;
   position: absolute;
   background-color: #ffffff;
   opacity: 70%;
   border-radius: 1px;
   z-index: 2;
   width: 10rem;
   height: 3rem;
   border-radius:5px;
   line-height: 3rem;
   text-align: center;
   font-weight: bolder;
}

#sample_ttip {
   background: #ffffff;
   position:absolute;
   left:50%;
   top: 1%;
   z-index: 1;
   width: auto;
   height: auto;
   outline: 0;
   border:0;
   font-size:0.6rem;
   border-radius:5px;
   box-shadow:0 1px 2px #aaa;
   padding-left: 0.5rem;
   padding-right: 1.5rem;
   padding-top: 1rem;
   padding-bottom: 1rem;
}

#virt_box {
   cursor: pointer;
   background: #ffffff;
   position:absolute;
   z-index:1;
   width:15rem;
   height:15rem;
   outline: 0;
   border:0;
   font-size:0.8rem;
   border-radius:1px;
   box-shadow:0 1px 2px #aaa;
}

#stats_box {
   background: #ffffff;
   position:absolute;
   z-index:1;
   width:15rem;
   outline: 0;
   border:0;
   font-size:1.2rem;
   padding:.75rem 1rem;
   border-radius:1px;
   box-shadow:0 1px 2px #aaa;
}

#search_canvas {
   position: absolute;
   left:20px;
   top:60px;
   font-family: 'Roboto', safontns-serif;
   width: 400px;
   height: auto;
   z-index:1;
   padding-top: 1.5rem;
   padding-left: .5rem;
   padding-right: .5rem;
   padding-bottom: 1.5rem;
   margin:0 1rem 1rem;
}

#search_box_3d {
  position:absolute;
  left: 20px;
  top: 20px;
  z-index:2;
  width:26rem;
  margin: 0 1rem 1rem;
  outline: 0;
  border:0;
  font-size:1.2rem;
  padding:.75rem 1rem;
  border-radius:3px;
  box-shadow:0 1px 2px #aaa;
  opacity: 0.3;
  transition: .5s;
}

#clear_search {
   cursor: pointer;
   position: absolute;
   margin-top: 13px;
   margin-left: 30px;
   top: 20px;
   background: transparent;
   width: 20px;
   height: 20px;
   line-height: 20px;
   text-align: center;
   z-index: 3;
   font-weight: bolder;
   color: d3d3d3;
}

#search_box_3d:focus {
  opacity: 1;
}
#search_box_3d:hover {
   opacity: 1;
}

.card-3d {
   cursor: pointer;
   display: block;
   background: #ffffff;
   position:relative;
   font-size:.9rem;
   z-index:10;
   color:gray;
   width:400px;
   line-height:1rem;
   text-align:left;
   border-radius:.3rem;
   box-shadow:0 1px 2px #aaa;
   margin-bottom: 1rem;
   padding-top: 0.8rem;
   padding-bottom: 0.8rem;
   opacity: 0.3;
   transition: .5s;
}

.card-3d:hover {
   opacity: 1;
}

#search_canvas h1, #stats_box h1, #sample_ttip h1 {
   font-size:1.2rem;
   font-weight:200;
   margin-left: 20px;
   line-height: 1rem;
}
#search_canvas strong, #stats_box strong, #sample_ttip strong {
   font-weight:300;
   color:#539D00;
}

#search_canvas h2, #stats_box h2, #sample_ttip h2 {
   font-size:.9rem;
   line-height:2.5;
   color:gray;
   font-weight:400;
   margin-left: 25px;
   line-height: 1.2rem;
}

/* Samples visualization */
#map {
   height: 100%;
   width: 100%;
   position: relative;
   left: 0%;
   top: 0%;
   z-index: 1;
}

#samples_heads_up {
   cursor: pointer;
   display: none;
   width: auto;
   height: 2.5rem;
   z-index: 2;
   padding-left: 1rem;
   padding-right: 1rem;
   position: absolute;
   top: 5%;
   background: #ffffff;
   font-family: 'Roboto', sans-serif;
   border-radius: 10px;
   box-shadow: 0 1px 2px #aaa;
}

#sample_count {
   text-align: center;
   line-height: 2.5rem;
}

#samples_download_btn, #sample_count {
   display: inline-block;
}

#samples_download_btn {
   cursor: pointer;
   height: 70%;
   width: 2.1rem;
   float: right;
   background-size: cover;
   background-repeat: no-repeat;
   margin-top: 0.2rem;
   margin-left: 0.3rem;
}

#samples_timeline {
   height: 0px;
   width: 100%;
   position: absolute;
   left: 0%;
   top : 100%;
   display: none;
   background: #e0f7fa;
   z-index: 2;
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}

#play_button {
   display: none;
   cursor: pointer;
   position: absolute;
   width: 2.5rem;
   height: 2.5rem;
   left: 1%;
   top : 100%;
   border-radius: 50%;
   z-index: 2;
   box-shadow: 0 2px 4px #aaa;
   background: #dd2c00;
   background-image: url(../images/ic_action_play.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position-x: 3px;
}

#stop_button {
   display: none;
   cursor: pointer;
   position: absolute;
   width: 1.5rem;
   height: 1.5rem;
   left: 2%;
   top : 100%;
   border-radius: 50%;
   z-index: 2;
   box-shadow: 0 2px 4px #aaa;
   background: #dd2c00;
   background-image: url(../images/ic_action_stop.png);
   background-size: cover;
   background-repeat: no-repeat;
}

#play_slider {
   height: 0px;
   width: 2rem;
   position: absolute;
   left: 0%;
   top : 100%;
   display: none;
   background: #e51c23;
   z-index: 3;
   opacity: 0.4;
}

.filter_container {
   position: absolute;
   z-index: 2;
   width: 20rem;
   border-radius: 2px;
   box-shadow: 0 1px 2px #aaa;
   background: #ffffff;
   padding: 10px;
   color: #3d3d3d;
   font-family: 'Roboto', sans-serif;
}

.filter_list {
   z-index: 3;
   width:100%;
   height: auto;
   max-height: 200px;
   overflow-y: scroll;
   font-size: 12px;
}

.filter_label {
   cursor: pointer;
   float: left;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.filter_toggle {
   cursor: pointer;
   height: 100%;
   float: right;
   background-size: cover;
   background-repeat: no-repeat;
}

#set_select_container{
   z-index: 2;
   position: absolute;
   border-radius: 2px;
   box-shadow: 0 1px 2px #aaa;
   background: #ffffff;
   padding: 1rem;
   width: 30rem;
   height: auto;
   font-family: 'Roboto', sans-serif;
}

#set_select_inst {
   margin-bottom: 1rem;
}

#set_select_list {
   width:100%;
   height: auto;
   max-height: 200px;
   overflow-y: scroll;
   font-size: 12px;
}

#set_select_btn {
   float: right;
}

#set_mod_container {
   display: none;
   z-index: 2;
   position: absolute;
   border-radius: 2px;
   box-shadow: 0 1px 2px #aaa;
   background: #ffffff;
   padding: 1rem;
   width: 30rem;
   height: auto;
   font-family: 'Roboto', sans-serif;
}

#set_mod_name {
   font-size: 18px;
}

#set_mod_ids, #set_mod_loc, #set_mod_time, #set_mod_locality {
   padding-left: 1rem;
   font-size: 15px;
}

#set_mod_id_list, #set_mod_loc_lat, #set_mod_loc_lon, #set_mod_time_value, #set_mod_locality_value {
   padding-left: 1rem;
}

#set_mod_btn, #set_mod_id_btn {
   float: right;
}

#id_mod_container, #gen_mod_container {
   display: none;
   z-index: 2;
   position: absolute;
   border-radius: 2px;
   box-shadow: 0 1px 2px #aaa;
   background: #ffffff;
   padding: 1rem;
   width: auto;
   height: auto;
   font-family: 'Roboto', sans-serif;
}

#id_mod_name {
   width: 20rem;
   margin-bottom: 1.5rem;
}

#gen_mod_name {
   font-size: 25px;
   margin-bottom: 1.5rem;
}

#id_mod_selections, #gen_mod_selections {
   height: auto;
   width: auto;
   max-width: 50rem;
   overflow-x: scroll;
   white-space: nowrap;
}

.id_mod_selection, .gen_mod_selection {
   display: inline-block;
   width: 20rem;
   max-height: 22rem;
   overflow-y: scroll;
   font-size: 12px;
}

#id_mod_add_btn, #id_mod_cancel_btn, #gen_mod_add_btn, #gen_mod_cancel_btn {
   float: right;
   margin-left: 1rem;
   margin-top: 1rem;
}

#mvmt_timeline {
   height: auto;
   width: 100%;
   position: absolute;
   left: 0%;
   top : 100%;
   display: none;
   background: #e0f7fa;
   z-index: 2;
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}

.mvmt_point {
   display: inline-block;
   position: absolute;
   top: 50%;
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background-color: red;
   margin-top: 5px;
   margin-bottom: 5px;
}

#mvmt_ttip {
   display: none;
   background: #ffffff;
   position:absolute;
   left:50%;
   top: 1%;
   z-index: 3;
   width: auto;
   height: auto;
   outline: 0;
   border:0;
   font-size:0.9rem;
   border-radius:5px;
   box-shadow:0 1px 2px #aaa;
   padding-left: 0.5rem;
   padding-right: 1.5rem;
   padding-top: 1rem;
   padding-bottom: 1rem;
}

#lits_search_res {
   z-index: 3;
   position: absolute;
   left: 40px;
   top: 80px;
   display: none;
   background: #ffffff;
   border-radius:2px;
   box-shadow:0 1px 2px #aaa;
   padding: 1rem;
   color: grey;
   font-family: 'Roboto', safontns-serif;
}

.lits_search_res {
   line-height: 1.5rem;
   cursor:  pointer;
}

#animal_details {
   display: none;
   z-index: 3;
   position: absolute;
   height: auto;
   width: auto;
   max-width: 60rem;
   max-height: 40rem;
   overflow-x: scroll;
   overflow-y:scroll;
   background: #ffffff;
   font-size:0.8rem;
   font-style: normal;
   padding: 1rem;
   border-radius:2px;
   box-shadow:0 1px 2px #aaa;
}

#email_dialog, #mta_dialog, #instructions_dialog, .repo_dialog {
   position: fixed !important;
   display: none;
   z-index: 3;
   width: 30rem;
   height: auto;
   position: absolute;
   background: white;
   padding: 1rem;
   border-radius:2px;
   box-shadow:0 1px 2px #aaa;
   font-size: 15px;
}

#email_dialog.a:link, #mta_dialog.a:link, .repo_dialog.a:link {
   color: #5677fc;
   text-decoration: none;
}

#email_dialog_toggle, #mta_dialog_toggle, #instructions_dialog_toggle, #mta_box_list_toggle, .repo_dialog_close {
   cursor: pointer;
   width: 1.2rem;
   height: 1.2rem;
   float: right;
   background-size: cover;
   background-repeat: no-repeat;
   position: relative;
   top: 0%;
   background-image: url(../images/ic_action_cancel.png);
}

#user_email {
   display: inline-block;
   width: 15rem;
   height: 100%;
   position: relative;
   font-size: 15px;
   top: 0%;
   margin-left: 1rem;
   border-radius: 5px;
   border: 0;
}

#user_email:focus {
   outline: 0;
}

#send_button {
   display: inline-block;
   float: right;
   width: 4rem;
   height: 1.8rem;
   color: white;
   background-color: #5677fc;
   position: relative;
   top: 0%;
   margin-right: 0.3rem;
   margin-left: 1rem;
   border-radius: 5px;
   border: 0;
}

#animals .left{
   float: left !important;
   margin: 0px;
   margin: 0px;
   width: 450px;
}

#animals .right{
   float: left !important;
   width: 450px;
}

.drag_drop_area:hover {
   border: 2px #3d3d3d dashed;
}

.column_diff_project {
    background-color: #DBD0E8 !important;
    color: black !important;
    font-weight: bold !important;
}

#match_gps table { margin-top: 10px; margin-bottom: 10px; }
#match_gps table td, #match_gps table tr { margin: 0px; padding: 2px; border-spacing: 0px; border-collapse: collapse; font-family: Verdana; font-size: 12px; }
h4 { display: inline-block; margin: 0px; }

#edit_labels_prices, #edit_storage_prices, #edit_ln2_prices{display: none; width: 300px;}
#price_tabs .save_btn {margin-right: 5px; width: 60px;}

/** Tanks audit **/
#audit_tanks .main, #audit_tanks .links{ width: 100%; } 
#tanks_audit input { width: 100px; }
/** #audit_structure{ float: left; } 
#audit_body{ min-height: 100%; width: 700px; margin-left: 210px; } */
#audit_progress, #lc_linkage{ width: 99%; margin: 10px 2px; }

#lc_linkage .jqx-progressbar-value.jqx-fill-state-pressed{ background-color: #2dc93769; }
#audit_progress .jqx-progressbar-value.jqx-fill-state-pressed{ background-color: #cc323269; }

.progress_text{ text-align: center; width: 100%; }
.audit_edit_slot{ margin: 5px 2px; width: 100%; padding: 10px 0px 10px 0px; border-bottom: 1px solid darkred; display: flow-root; }
div.audited{background-color: #2dc93769;}
div.partially_audited{ background-color: #e7b41669; }
div.not_audited{ background-color: #cc323269; }

.aes{ float: left; }
.aes input{ height: auto; margin: 0px 3px; }
.aes .row_no { margin: auto; padding: 27px 10px 0px; font-weight: 700; }
input.aes_name{ width: 120px; }
input.aes_samples{ width: 70px; }
input.aes_pi{ width: 120px; }
input.aes_project{ width: 120px; }
input.aes_comment{ width: 550px; margin-left: 5px; }
.aes.comments{ display:none; }
select.aes_size{ width: 120px; }
.is_empty, .is_comment{ padding-top: 7px; padding-left: 10px; }
.tower_specs .name { font-size: 22px; text-align: center; padding: 3px 20px; }
.tower .spec { float: left; margin: 2px 5px 10px; text-align: center; }
.no_goblets{ margin-top: 0px; }
.no_goblets input{ margin: 0px 3px 0px 0px; padding: 0px; }
.spec label { font-style: italic; }
.spec .has_goblets label { float: left; margin-right: 6px; }
.audit_item:after{ content: ''; margin: 5px 5px 0px 0px; height: 15px; width: 15px; background-color: #bbb; border: 0.5px solid #bbb; border-radius: 50%; display: inline-block; transform: translateY(10%) translateX(50%); }
.audit_item.audited:after{background-color: #2dc93769; border-color: #2dc937; }
.audit_item.partially_audited:after{background-color: #e7b41669; border-color: #e7b416; }
.audit_item.not_audited:after{background-color: #cc323269; border-color: #cc3232; }
.jqx-tree-item-selected{ padding-right: 8px; }
.jqx-tree-item-li{ line-height: 10px !important; }

/** Vizualization */
#slots_usage{ min-height: 350px; }
#unlinked_by_project, #unlinked_by_pi{ min-height: 550px; }
#slots_util, #space_util{ min-height: 400px; }
#narrative .hero-unit{ padding: 10px; background-color: #fff; }
#narrative .hero-unit .heading{ margin-bottom: -5px; }
#narrative .hero-unit small{ font-size: 80%; color: gray; } 
#left_panel .actions{ margin: 5px 0px; text-align: center; }

.btn-group:first-child{ float: left; }
#audited_boxes_wrapper{ margin-top: 10px; }
#audited_boxes_filter { float: right; width: 50%; }
#audited_boxes_filter input{ width: 75% !important; }
.box_actions.icon-upload{ cursor: pointer; }