@import url("qtip/jquery.qtip.css");

#map {
        height: 100%;
      }
.jumbotron {
    background-color: #c0cf97;
}
.popover {
  max-width: 700px;
}
.bg-digenter {
  background-color: rgba(89, 12, 0, 0.9);
  background: rgb(56,10,0);
  background: -moz-linear-gradient(top, rgba(56,10,0,1) 0%, rgba(255,170,140,1) 3%, rgba(79,17,0,1) 4%, rgba(140,49,29,1) 96%, rgba(255,178,147,1) 98%, rgba(66,1,0,1) 99%);
  background: -webkit-linear-gradient(top, rgba(56,10,0,1) 0%,rgba(255,170,140,1) 3%,rgba(79,17,0,1) 4%,rgba(140,49,29,1) 96%,rgba(255,178,147,1) 98%,rgba(66,1,0,1) 99%);
  background: linear-gradient(to bottom, rgba(56,10,0,1) 0%,rgba(255,170,140,1) 3%,rgba(79,17,0,1) 4%,rgba(140,49,29,1) 96%,rgba(255,178,147,1) 98%,rgba(66,1,0,1) 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#380a00', endColorstr='#420100',GradientType=0 );
  background: #053800;
  background: -moz-linear-gradient(top, #053800 0%, #b4ff8c 3%, #094f00 4%, #2b891c 96%, #aeff93 98%, #044200 99%);
  background: -webkit-linear-gradient(top, #053800 0%,#b4ff8c 3%,#094f00 4%,#2b891c 96%,#aeff93 98%,#044200 99%);
  background: linear-gradient(to bottom, #053800 0%,#b4ff8c 3%,#094f00 4%,#2b891c 96%,#aeff93 98%,#044200 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#053800', endColorstr='#044200',GradientType=0 );
  border-color: #E7E7E7;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 2px 7px 0px rgba(31, 50, 30, 0.6);
}

ul, li, ol {
  list-style: none;
  padding: 0;
}

#navbarResponsive {
  background: green;
  margin-top: 7px;
}

@media (min-width: 991px) {
  #navbarResponsive {
    background: transparent;
  }
}

body, .bg-footer {
  background-color: #2A3C2A;
  opacity:1;
}

.navbar-toggler-right {
  position: absolute;
right: 1rem;}
}
/* Qlip css directives */

.qnormal > .qtip-titlebar {
  background-color: #99a675; 
  color: #460c04;
  color: #000;
/*  text-shadow: 0 -1px 0 rgba(0,0,0,.2);*/
}

.qdanger > .qtip-titlebar {
  background-color: red; 
  color: white;
}

.qwarning > .qtip-titlebar {
  background-color: orange; 
  color: white;
}

.qsuccess > .qtip-titlebar {
  background-color: green; 
  color: white;
}
/* Form controls don't go vertical. */
	input, textarea, keygen, select, button, isindex, meter, progress {
	    -webkit-writing-mode: horizontal-tb !important;
	}
img:-moz-broken::before, input:-moz-broken::before, img:-moz-user-disabled::before, input:-moz-user-disabled::before, img:-moz-loading::before, input:-moz-loading::before,
applet:-moz-empty-except-children-with-localname(param):-moz-broken::before,applet:-moz-empty-except-children-with-localname(param):-moz-user-disabled::before {
  content: -moz-alt-content !important;
  unicode-bidi: -moz-isolate;
}
img:-moz-suppressed, input:-moz-suppressed, object:-moz-suppressed,embed:-moz-suppressed, applet:-moz-suppressed {
   /*
     Set visibility too in case the page changes display.  Note that we _may_
     want to just set visibility and not display, in general, if we find that
     display:none breaks too many layouts.  And if we decide we really do want
     people to be able to right-click blocked images, etc, we need to set
     neither one, and hack the painting code.... :(
    */
   display: none !important;
   visibility: hidden !important;
 }
/* focusable content: anything w/ tabindex >=0 is focusable, but we
    skip drawing a focus outline on a few things that handle it
    themselves. */
 :-moz-focusring:not(input):not(button):not(select):not(textarea):not(iframe):not(frame):not(body):not(html) {
   /* Don't specify the outline-color, we should always use initial value. */
    outline: 1px dotted;
 }

/*.qtip { max-width: none !important; }*/
.qtip { max-width: 600px !important; }
.ui-tooltip{
    max-width: none;
} 
.qtip_red:hover, .qtip_red:focus {
  background-color: #c12e2a;
  border-color: #ac2925;
  background-position: 0 -15px;
}

.qtip_orange:hover, .qtip_orange:focus {
  background-color: #eb9316;
  border-color: #d58512;
  background-position: 0 -15px;
}

.qtip_green:hover, .qtip_green:focus {
  background-color: #419641;
  border-color: #398439;
  background-position: 0 -15px;
}

.qtip_blue:hover, .qtip_blue:focus {
  background-color: #2d6ca2;
  border-color: #285e8e;
  background-position: 0 -15px;
}

.qtip_grey:hover, .qtip_grey:focus {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100 */
  background: rgb(226,226,226); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

  border-color: #9e9e9e;
  background-position: 0 -15px;
}

.qtip_pale_red:hover, .qtip_pale_red:focus {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6acac+0,f5a5a5+50,f49a9a+51,f9c9c9+100 */
  background: rgb(246,172,172); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(246,172,172,1) 0%, rgba(245,165,165,1) 50%, rgba(244,154,154,1) 51%, rgba(249,201,201,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(246,172,172,1) 0%,rgba(245,165,165,1) 50%,rgba(244,154,154,1) 51%,rgba(249,201,201,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(246,172,172,1) 0%,rgba(245,165,165,1) 50%,rgba(244,154,154,1) 51%,rgba(249,201,201,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6acac', endColorstr='#f9c9c9',GradientType=0 ); /* IE6-9 */
  border-color: #ac2925;
  background-position: 0 -15px;
}

.qtip_red , .qdanger > .qtip-titlebar {
  background-image: -webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);
  background-image: linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);  background-image: -webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);
  background-repeat: repeat-x;
  border: 1px solid #b92c28;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  color: white;
}

.qtip_orange , .qwarning > .qtip-titlebar {
  background-image: -webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
  background-image: linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border: 1px solid #e38d13;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  color: white;
}

.qtip_green , .qsuccess > .qtip-titlebar{
  background-image: -webkit-linear-gradient(top,#5cb85c 0,#419641 100%);
  background-image: linear-gradient(to bottom,#5cb85c 0,#419641 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border: 1px solid #3e8f3e;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  color: white;
}

.qtip_blue , .qbasic_blue > .qtip-titlebar{
  background-image: -webkit-linear-gradient(top,#428bca 0,#2d6ca2 100%);
  background-image: linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border: 1px solid #2b669a;  
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  color: white;
}
.qtip_grey , .qbasic_grey > .qtip-titlebar{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b9b9b9+0,b4b4b4+50,ababab+51,d0d0d0+100 */
  background: rgb(185,185,185); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(185,185,185,1) 0%, rgba(180,180,180,1) 50%, rgba(171,171,171,1) 51%, rgba(208,208,208,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(185,185,185,1) 0%,rgba(180,180,180,1) 50%,rgba(171,171,171,1) 51%,rgba(208,208,208,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(185,185,185,1) 0%,rgba(180,180,180,1) 50%,rgba(171,171,171,1) 51%,rgba(208,208,208,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b9b9', endColorstr='#d0d0d0',GradientType=0 ); /* IE6-9 */
  background-repeat: repeat-x;
  border: 1px solid #999;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  color: white;
}

.qtip_pale_red , .qbasic_pale_red > .qtip-titlebar{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f28a8a+0,f17f7f+50,ef7171+51,f7b3b3+100 */
  background: rgb(242,138,138); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(242,138,138,1) 0%, rgba(241,127,127,1) 50%, rgba(239,113,113,1) 51%, rgba(247,179,179,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(242,138,138,1) 0%,rgba(241,127,127,1) 50%,rgba(239,113,113,1) 51%,rgba(247,179,179,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(242,138,138,1) 0%,rgba(241,127,127,1) 50%,rgba(239,113,113,1) 51%,rgba(247,179,179,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28a8a', endColorstr='#f7b3b3',GradientType=0 ); /* IE6-9 */
  background-repeat: repeat-x;
  border: 1px solid #b92c28;  
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  color: white;
}

.qtip_btn {
  min-width: 80px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 2px;
}

.pbtn, .pbtn:hover, .pbtn:focus {
/*  text-shadow: 0 -1px 0 rgba(0,0,0,.2);*/
  color: #eee18b;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
  margin-bottom: 0;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.22);
  margin-right: 5px;
  line-height: normal;
/*  royalblue*/  
  color: #ecffea;
  background-color: royalblue;
  border: 1px solid #0149b4;
  
/* narancs */  
background-color: #cf9201;
color: white;
border: 1px solid #a26900;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff303+0,d79d13+5,d78e20+12,d27e00+50,d85400+98,2b2201+100 */
background: #fff303; /* Old browsers */
background: -moz-linear-gradient(top,  #fff303 0%, #d79d13 5%, #d78e20 12%, #d27e00 50%, #d85400 98%, #2b2201 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fff303 0%,#d79d13 5%,#d78e20 12%,#d27e00 50%,#d85400 98%,#2b2201 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fff303 0%,#d79d13 5%,#d78e20 12%,#d27e00 50%,#d85400 98%,#2b2201 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff303', endColorstr='#2b2201',GradientType=0 ); /* IE6-9 */


}

.pbtn:hover, .pbtn:focus {
  border-color: #9effff;
  border: 1px solid white;
}

.pbdelete, .pbdelete:hover, .pbdelete:focus{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f06000+0,c82d12+5,c8261e+12,c40a00+50,c80021+98,270a01+100 */
background: #f06000; /* Old browsers */
background: -moz-linear-gradient(top,  #f06000 0%, #c82d12 5%, #c8261e 12%, #c40a00 50%, #c80021 98%, #270a01 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f06000 0%,#c82d12 5%,#c8261e 12%,#c40a00 50%,#c80021 98%,#270a01 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f06000 0%,#c82d12 5%,#c8261e 12%,#c40a00 50%,#c80021 98%,#270a01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f06000', endColorstr='#270a01',GradientType=0 ); /* IE6-9 */
}
.pbdelete:hover, .pbdelete:focus{
  border: 1px solid white;
}

.pbsmall{
  padding: 1px 5px;
  font-weight: 400;
  font-size: 11px;
/*  font-style: italic;*/
  letter-spacing:0px;
  border-radius: 2px;
}
.pbnormal {
  padding: 4px 5px;
  font-weight: 400;
  font-size: 14px;
/*  font-style: italic;*/
  letter-spacing: 1px;
  min-width: 80px;
  border-radius: 2px;
  line-height: 18px;
}

.pbbig {
  padding: 3px 5px;
  font-weight: 400;
  font-size: 25px;
/*  font-style: italic;*/
  letter-spacing: 2px;
  min-width: 80px;
  border-radius: 4px;
  line-height: 30px;
}

.pbdisabled{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4ab00+0,976e0d+5,976417+12,945900+50,983a00+98,1d1701+100 */
background: rgb(180,171,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(180,171,0,1) 0%, rgba(151,110,13,1) 5%, rgba(151,100,23,1) 12%, rgba(148,89,0,1) 50%, rgba(152,58,0,1) 98%, rgba(29,23,1,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(180,171,0,1) 0%,rgba(151,110,13,1) 5%,rgba(151,100,23,1) 12%,rgba(148,89,0,1) 50%,rgba(152,58,0,1) 98%,rgba(29,23,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(180,171,0,1) 0%,rgba(151,110,13,1) 5%,rgba(151,100,23,1) 12%,rgba(148,89,0,1) 50%,rgba(152,58,0,1) 98%,rgba(29,23,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ab00', endColorstr='#1d1701',GradientType=0 ); /* IE6-9 */
  border: 1px solid #520e04;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  color: #e1daaa;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
  margin-bottom: 0;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
/*  line-height: 1.42857143;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.22);
  margin-right: 5px;
}

.errorbtn {
  background: -webkit-linear-gradient(top, #ef0c0c 0%,#db0707 5%,#ce0606 50%,#A40000 100%);
  background: linear-gradient(to bottom, #ef0c0c 0%,#db0707 5%,#ce0606 50%,#A40000 100%);
  border: 1px solid #870303;
  text-shadow: 0 -1px 0 rgba(80, 2, 2, 0.54);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
  margin-bottom: 0;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.22);
  margin-right: 5px;
}
.okbtn {
  background: -webkit-linear-gradient(top, #0cef1e 0%,#07db09 5%,#0bce06 50%,#0AA400 100%);
  background: linear-gradient(to bottom, #0cef1e 0%,#07db09 5%,#0bce06 50%,#0AA400 100%);
  border: 1px solid #116f03;
  text-shadow: 0px -1px 0px rgba(4, 33, 1, 0.45);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
  margin-bottom: 0;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.22);
  margin-right: 5px;
}

.okbtn:hover, .okbtn:focus, .errorbtn:hover, .errorbtn:focus {
  background-color: 33c12a;
  border-color: #f0e18b;
  border-color: #520e04;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#77f70e+0,0dcc00+4,0d9b15+48,127707+50,136b06+98,280601+100 */
  background: rgb(119,247,14); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(119,247,14,1) 0%, rgba(13,204,0,1) 4%, rgba(13,155,21,1) 48%, rgba(18,119,7,1) 50%, rgba(19,107,6,1) 98%, rgba(40,6,1,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(119,247,14,1) 0%,rgba(13,204,0,1) 4%,rgba(13,155,21,1) 48%,rgba(18,119,7,1) 50%,rgba(19,107,6,1) 98%,rgba(40,6,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(119,247,14,1) 0%,rgba(13,204,0,1) 4%,rgba(13,155,21,1) 48%,rgba(18,119,7,1) 50%,rgba(19,107,6,1) 98%,rgba(40,6,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77f70e', endColorstr='#280601',GradientType=0 ); /* IE6-9 */
}
.errorbtn:hover, .errorbtn:focus {
  background-color: #c12e2a;
  border-color: #f0e18b;
  border-color: #520e04;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f70e0e+0,d30000+4,9b0d0d+48,770707+50,680606+98,280601+100 */
  background: rgb(247,14,14); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(247,14,14,1) 0%, rgba(211,0,0,1) 4%, rgba(155,13,13,1) 48%, rgba(119,7,7,1) 50%, rgba(104,6,6,1) 98%, rgba(40,6,1,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(247,14,14,1) 0%,rgba(211,0,0,1) 4%,rgba(155,13,13,1) 48%,rgba(119,7,7,1) 50%,rgba(104,6,6,1) 98%,rgba(40,6,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(247,14,14,1) 0%,rgba(211,0,0,1) 4%,rgba(155,13,13,1) 48%,rgba(119,7,7,1) 50%,rgba(104,6,6,1) 98%,rgba(40,6,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f70e0e', endColorstr='#280601',GradientType=0 ); /* IE6-9 */
}

li.digenter {
   text-align: left;
   font-weight: normal;
}

/*.table-strongborder {
   border-width: 1px;
   border-style: solid;
   border-color: black;
}*/

.table-strongborder th {
   border-width: 1px;
   border-style: solid;
   border-color: darkgray;
   background-color: #28a745;
}

.table-strongborder td {
   border-width: 1px;
   border-style: solid;
   border-color: darkgray;
   padding-left: 5px;
   padding-right: 5px;
}

table.topnav_table_right {
  max-width: 310px;
  border-collapse: collapse;
  position: inherit;
  margin-right: 50px;
}

.exit_icon_td {
  width: 50px; height: 50px;display: block;position: absolute;
}

.navbar-default .navbar-topnav > li > a.topnav-home-image:hover , .navbar-default .navbar-topnav > li > a.topnav-image:hover {
    border: 1px solid transparent;
}

.topnav-image span {
  background:url('../images/icons/all_icons.png') center no-repeat;
  height:50px;
  width: 50px;
  margin-top: -15px;
  display: table-cell;
}
.topnav-image {
  opacity: 0.8;
  display: -moz-inline-box;
  display: -webkit-inline-box;
}
span.topnav-exit-image {
  background-position:-31px -3097px;
  filter: brightness(80%) drop-shadow(#008000 0px 0px 0px) contrast(120%) saturate(600%);
  -webkit-filter: brightness(0.8) drop-shadow(0px 0px 0px rgb(0, 128, 0)) contrast(1.2) saturate(6);
  opacity: 0.9;
}
span.topnav-exit-image:hover {
  filter: drop-shadow(rgb(255, 0, 0) 0px 0px 0px) contrast(120%) saturate(200%);
  -webkit-filter: drop-shadow(0px 0px 0px rgb(255, 0, 0)) contrast(1.2) saturate(2); 
  opacity: 0.9;
}

/* custom Select2 css ************/  
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #ff00008f;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
    padding-right: 9px;
    border: 1px solid #ff000061;
    border-radius: 3px;
    padding-left: 7px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #ffffff;
    background-color: red;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 3px;
    padding-right: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: -4px;
    width: 20px;
}
.select2-results__option {
    padding: 0px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container--default .select2-selection--single {
    background-color: #e0ffc4;
    border-radius: 3px;
}
.select2-dropdown {
    background-color: #e0ffc4;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
     background-color: #fff;
}
.select2-container--open .select2-dropdown--below {
    z-index: 10031 !important;
}
ul.select2-results__options {
 max-height: 300px !important;
}
/*  2018.06.04 - a selectek 54px magasak legyenek, megfelelő betűmérettel: 42px*/
.select2-container .select2-selection--single {
  height: 38px;
  font-size: 1em;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 35px;
}
.select2-results {
  display: block;
  font-size: 1em;
}

/****************************/  
 
.flash_button{
	animation-name: flash;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
/*Firefox 1+*/
	-webkit-animation-name: flash;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
/*Safari 3-4*/
	-moz-animation-name: flash;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
}

legend {
  border: 1px solid #ccc;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-color: orange;
  /*margin-left: -15px;*/
}

input[type="number"] {
  width: 120px;
}

.pretty .state label::before {
  border-color: #bdc3c7;
  background-color: #fff;
}

/*  day night switcher */
.wrapper{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
/*	width: 400px;
	margin: 50vh auto 0;*/
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.switch_box{
  display: inline-block;
/*  
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 200px;
	min-width: 200px;
	height: 200px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
*/          
}
/*  fényerősség állítás %*/
.ui-slider-range {
   background:green;
}
.project {
/*position: absolute;

margin-left: 260px;

margin-top: -24px;
*/
display: inline-block;
}
.bar {
  max-width: 135px;
}
.percent {
  color:green;
  font-weight:bold;
  text-align:center;
  width:100%;
  border:none;
}

/* Switch 3 Specific Style Start */
h6.day_night_666 {
  background-color: white;
}

.box_3{
	/*background: #19232b;*/
}

.toggle_switch{
  width: 55px;
  height: 25px;
  position: absolute;
  margin-top: -16px;
}

input[type="checkbox"].switch_3{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  outline: 0;
  z-index: 1;
}

svg.checkbox .outer-ring{
  stroke-dasharray: 375;
  stroke-dashoffset: 375;
  -webkit-animation: resetRing .35s ease-in-out forwards;
          animation: resetRing .35s ease-in-out forwards;
}

input[type="checkbox"].switch_3:checked + svg.checkbox .outer-ring{
  -webkit-animation: animateRing .35s ease-in-out forwards;
          animation: animateRing .35s ease-in-out forwards;
}

input[type="checkbox"].switch_3:checked + svg.checkbox .is_checked{
  opacity: 1;
  -webkit-transform: translateX(0) rotate(0deg);
          transform: translateX(0) rotate(0deg);
}

input[type="checkbox"].switch_3:checked + svg.checkbox .is_unchecked{
  opacity: 0;
  -webkit-transform: translateX(-200%) rotate(180deg);
          transform: translateX(-200%) rotate(180deg);
}


svg.checkbox{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

svg.checkbox .is_checked{
  opacity: 0;
  fill: yellow;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: translateX(200%) rotate(45deg);
          transform: translateX(200%) rotate(45deg);
  -webkit-transition: all .35s;
  transition: all .35s;
}

svg.checkbox .is_unchecked{
  opacity: 1;
  fill: #fff;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: translateX(0) rotate(0deg);
          transform: translateX(0) rotate(0deg);
  -webkit-transition: all .35s;
  transition: all .35s;
}

@-webkit-keyframes animateRing{
  to{
    stroke-dashoffset: 0;
    stroke: #b0aa28;
  }
}

@keyframes animateRing{
  to{
    stroke-dashoffset: 0;
    stroke: #b0aa28;
  }
}

@-webkit-keyframes resetRing{
  to{
    stroke-dashoffset: 0;
    stroke: #233043;
  }
}

@keyframes resetRing{
  to{
    stroke-dashoffset: 0;
    stroke: #233043;
  }
}
/* Switch 3 Specific Style End */

.preloader_container {
  position: relative;
/*  width: 1263px;*/
  display: none;
  z-index: 10000;
  margin: 0 auto;
  opacity: 0.9;
}           
.preloader_content {
  position: absolute;
  width: 100%;
  background-color: #99a675;
}
.preloader_title {
  text-align: center;
  margin: 55px auto;
  width: 100%;
  position: absolute;
  color: #f0edda;
  text-shadow: 0px 1px 2px #521302;
  font-size: 21px;
  font-weight: bold;
/*  font-style: italic;*/
}

