#signcontainer {
	background-color:#fff;
	outline: 0.1rem solid black;
	border-color:#000;
	border-radius: 10px;
	padding:4px
}
#roadsign {
	background-color:#308446;
	color:#fff;
	font-size:4em;
	font-family:"hwygothic";
	padding-top: 3px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-left: 20px;
	border-radius: 10px;
}
@font-face {
    font-family: 'hwygothic';
    src: url('HWYGCOND.WOFF') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
         url('HWYGCOND.TTF') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
} 
.tflt_maint {
	margin-right: 1rem;
	display: inline-flex;
	color: #b33939;
	text-shadow:1px 2px 3px #000;
}
.rw-header-icon {
	margin-right: 1rem;
	display: inline-flex;
	color: #227093;
	text-shadow:1px 1px 1px #000;
}
.text-work {
	color:#227093;
}
.work-header-title {
	color:#227093;
	line-height: normal;
	font-size: 2.25rem;
	font-weight: 500;
	display: flex;
	align-items: center;
	margin-bottom: 0;
}
.bg-roads {background-color:#5E5E5D;}
.bg-calls {background-color:#b33939;}
.bg-rw-yellow {background-color:#f6a525;}
.bg-road-sign {background-color:#308446;}
.bg-work {background-color:#227093;}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.huge {
    font-size: 40px;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-roads {
    border-color: #000000;
}
.panel-roads .panel-heading {
    border-color: #2E4053;
    color: #fff;
    background-color: #5E5E5D;
}
.panel-roads a {
    color: #2E4053;
}
.panel-roads a:hover {
    color: #6699FF;
}


.panel-work {
    border-color: #000000;
}
.panel-work .panel-heading {
    border-color: #000000;
    color: #fff;
    background-color: #227093;
}
.panel-work a {
    color: #2E4053;
}
.panel-work a:hover {
    color: #6699FF;
}

.panel-calls {
    border-color: #000000;
}
.panel-calls .panel-heading {
    border-color: #000000;
    color: #fff;
    background-color: #b33939;
}
.panel-calls a {
    color: #b33939;
}
.panel-calls a:hover {
    color: #360808;
}

.text-bg-work {
  color: #f7f1e3 !important;
  background-color: #227093 !important;
}
.text-bg-calls {
  color: #fff !important;
  background-color: #b33939 !important;
}
.card-footer-roads {
  background-color: #fff;
  padding:15px;
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
@media print {
  #logo {
    content: url("../images/rw-admin-logo.png");
	display: block;
    width: 175px;
	margin-top:20px;
  }
body {margin-top: -50px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px}
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 23px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 18px;
}

.slider.round:before {
  border-radius: 50%;
}
.drop-zone {
    height: 200px;
    padding: 10px;
    border: 3px #ccc dashed;
    color: #aaa;
    text-align: center;
    border-radius: 3px;
    background-image: url('here.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #ededed;
    cursor: pointer;
}
.list-i 
{
    border-radius: 5px;
    margin: 10px;
    position: relative;
    border: 1px solid #ccc;
    width:520px;
    float:left;
}

.list-i canvas
{
    padding: 10px;
}
.list-i img
{
    padding: 10px;
}
.close{
    position: absolute;
    right: 5px;
    top: 5px; 
}