.f-ver label {display:block;}
.f-ver input,.f-ver select {margin-bottom:4px}
.f-sep {display:block;clear:both;overflow:auto}
.f-view {clear:both}
.f-hor {float:left;}
.f-buttons {clear:both;display:block}
.f-hor input,.f-hor select {margin-right:4px}

.counter {font-weight:bold;display:inline-block;font-size:90%;padding:2px;padding-left:4px;padding-right:4px;margin:-2px;margin-left:2px;border-radius:5px;color:white;background-color:red;text-shadow:1px 1px 0 #000000}
.prof-icon {background-color:#e5e5e5;margin-bottom:18px;float:right;display:block;margin-left:10px;border-radius:50%;height:55px;width:55px}
.ui.warning.message ul {padding-left:5px}

tfoot tr td {border-top:1px dotted black; border-bottom:2px solid black;font-weight:bold;padding:4px}

panel {display:inline-block;padding:5px}
panel select {width:auto}
panel label {display:block;clear:both}
.full panel select,.full panel input,.full panel textarea {width:170px}

h2 {border-bottom:1px dotted gray;background-color:#f9f9f9;padding:5px;text-transform:uppercase;}
panel label{width:100%;font-size:10pt;display:block;font-weight:bold;padding:2px}
panel label span {font-size:7pt;color:gray;font-weight:normal;paddaing:4px;display:block}
panel {display:inline-block;padding:8px;width:270px;padding-bottom:0px;padding-top:3px}
panel input[type=text],panel input[type=password], panel select,panel input[type=number] {width:100%;padding:4px}
panel input[type=text].blur {color:#d1d1d1}
#caustomer panel {width:260px}
#mapcanvas {width:770px;height:500px;margin:0px auto;float:right;border:1px solid #f5f5f5}

table.sortable thead tr .headerSortUp {
	background-image: url(/img/asc.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
table.sortable thead tr .headerSortDown {
	background-image: url(/img/desc.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

.tr-red td {background-color:#faddd7 !important}
.tr-green td {background-color:#fff6bf !important}
.tr-blue td {background-color:#E8B9FA !important}
.tr-redred td {background-color:#f6bfb4;border-bottom:1px solid #f0927f}
.tr-orange td {background-color: orange !important;}

.triangle-right {
  position:relative;
  padding:10px;
  margin:1em 0 1em;
  color:#fff;
  background:#075698; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
  background:-moz-linear-gradient(#2e88c4, #075698);
  background:-o-linear-gradient(#2e88c4, #075698);
  background:linear-gradient(#2e88c4, #075698);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-right.top {
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#075698), to(#2e88c4));
  background:-moz-linear-gradient(#075698, #2e88c4);
  background:-o-linear-gradient(#075698, #2e88c4);
  background:linear-gradient(#075698, #2e88c4);
}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-right.left {
  margin-left:40px;
  background:#075698;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-right.right {
  margin-right:40px;
  background:#075698;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-right:after {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#075698 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* Variant : top
------------------------------------------ */

.triangle-right.top:after {
  top:-20px; /* value = - border-top-width - border-bottom-width */
  right:50px; /* controls horizontal position */
  bottom:auto;
  left:auto;
  border-width:20px 20px 0 0; /* vary these values to change the angle of the vertex */
  border-color:transparent #075698;
}

/* Variant : left
------------------------------------------ */

.triangle-right.left:after {
  top:16px;
  left:-40px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  border-width:15px 40px 0 0; /* vary these values to change the angle of the vertex */
  border-color:transparent #075698;
}

/* Variant : right
------------------------------------------ */

.triangle-right.right:after {
  top:16px;
  right:-40px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  left:auto;
  border-width:15px 0 0 40px; /* vary these values to change the angle of the vertex */
  border-color:transparent #075698 ;
}


.check {opacity:0.4;cursor:pointer}
.starred {opacity:1}
.pan {display:inline-block;padding:8px;text-align:center;border:1px dotted #e5e5e5;margin:8px;padding-left:12px;padding-right:12px}
.pan abbr {font-size:24pt;boarder-bottom:1px dotted #e5e5e5;padding:5px;margin:10px;color:green}
.pan span {font-size:7pt;color:gray;display:block;padding:6px}


.dropbtn {text-shadow: 0px 1px 1px white;
  border-right: 1px solid #f5f5f5;
  border-bottom: 0px none;
  margin: 0px;
  padding: 0 0 0 3px;
  text-decoration: none;
  text-align: center;
  margin-left: 0px;
  border:none;
  outline:none;
  cursor:pointer;
  background-color:transparent;
 }
 .dropbtn span {float: none;
   font-weight: bold;
    color: black;
    float: left;
    display: block;
    padding: 5px 5px 4px 4px;
    padding: 8px;
    padding-right: 4px;
    padding-bottom: 6px;
    padding-left: 0px;
}

.dropbtn span img {margin-right: 3px;
    margin-top: -2px;}
 
.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 100px;
  margin-top:-2px;
  border:1px solid #e5e5e5;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  abackground-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}