html {
  box-sizing: border-box;
  overflow: hidden;
}
*, *:before, *:after {
  box-sizing: inherit;
}
.hidden{visibility: none;height:0;overflow: hidden;display:none}
.hiddeni{visibility: none !important;height:0;overflow: hidden;display:none !important}
.small{font-size:.8em}
.text-muted{color:gray}
html,
body,
#map {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family:'Segoe UI','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
  background: #ccc;
  background-size: 30px 30px;
    background-image: linear-gradient(to right, #c4c4c4 1px, transparent 1px), linear-gradient(to bottom, #c4c4c4 1px, transparent 1px)
}
body{
  padding-top: 20px;
padding-top: env(safe-area-inset-top);
}
/* UI */
.flex{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}
.flex-grow{flex-grow:1}
.flex-wrap{flex-wrap: wrap;}
.shadow{
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}
.rounded{-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px}
a{
    color:#005197;
    text-decoration:none
}
#sortablelist>a{position: relative}
.sorthandler{
  font-size:10px;
  color:gray;
  display:inline-block;
  opacity:0;
  visibility: hidden;
  position: absolute;
  left:20px;
  top:14px;
}
#sortablelist>a:hover .slojicon{
  visibility: hidden;
}
#sortablelist>a:hover .sorthandler{
  visibility: visible;opacity:1
}
.credits{
  padding-top: 10px;
  border-top: 1px solid #ddd;
  text-align: center;
  color:gray;
  font-size: .9em;
  margin: 10px 0;
  width: 100%;
}
.credits span{font-size: .9em; color:#b3b3b3}
.ol-control button:focus, .ol-control button:hover{background: #eee}
.s-loader{text-align: center;font-size: .8em;padding:20px 0}
.s-loader>i{
  color:#eee;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.s-loader>i:nth-child(2){-webkit-animation-delay: .5s;animation-delay: .5s;}
.s-loader>i:nth-child(3){-webkit-animation-delay: 1s;animation-delay: 1s;}
@keyframes pulse {
  0% {color: #eee}
  50% {color: #ccc}
  100% {color: #eee}
}
.pull-right{float:right}
/* BUTTONS */
.btn {
    border:solid 1px #f2f2f2;
    display:inline-block;
    padding:1px 5px;
    color:#666;
    text-align:center;
    min-width:24px;
}
.btn:hover{
  border-color:#999;
  border-bottom-color:#000;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
  color:#000;
  background-color:#f2f2f2
}
.btn:active{
  background-color:#ccc
}
.btn.active{
  background:white;color:#000
}
/* TABS */
.mc-tabs{
  border-bottom:solid 1px #ccc;
  background-color:rgb(245, 245, 245)
}
.mc-tabs .tab{
  text-align: center;
  padding:10px;
  color:#000;
  text-transform: uppercase;
  margin-bottom:-1px;
  border-bottom:solid 3px transparent;
}

.mc-tabs .tab.active{border-bottom:solid 3px #005197;}
.mc-tabs .tab:hover{
  border-bottom:solid 3px #0068c1
}
.mc-tabs .tab:active{
  background:#d6ecff;
  border-bottom:solid 3px #0068c1
}
.rightsidebar-container .mc-tabs{
  margin: auto -15px
}
/* MAIN */
.c{
  background-color: #fff;
  height: calc( 100vh - 45px );

}
.c-map-header,.c-map-footer{
  position: absolute;
  z-index: 90;
  width:100%
}
.c-map-header{width:calc(100% - 180px)}
.c-map-header-bg{
  background: #fff;
  margin:9px;
  margin-top:11px;
  width:41px;
  text-align: center;

}
/* - search */
.c-map-header-s{
  z-index: 290;
  top: 10px;
  left: 50px;
  color: white;
  height: 40px;
  text-align: center;
  line-height: 40px;
  text-align: left;
}

.c-map-header-s input{
  border:none;
  font-size: 1em
}
.c-map-header-s a{
  width:50px;
  text-align: center;
}
.c-map-legsast{
  position: absolute;
  bottom: 35px;
  left:-9999px;
  visibility: hidden;
  pointer-events: none;
  min-height: 100px;
}
.c-map-legsast.active{
  /* odkomentirati ovo za ukljucenje ove opcije */
  /*left:8px;
  visibility: visible;
  pointer-events: all;*/
}
.c-map-legsast>a.button {
  background-color:#f5f9fc;
  border:solid 2px gray;
  display:inline-block;
  width:100px;
  height:120px;
  text-align: center;
  color:#000;
  font-size: .8em;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}
.c-map-legsast>a.button>span{
  background:#fff;
  border:solid 1px #bbb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin:4px;
  display: block;
}
.c-map-legsast>a.button>.fa{
  visibility: hidden;
  font-size: 2em;
  position: absolute;
  top:50px;
  left:0;
  width: 100%
}
.c-map-legsast>a.button:hover>.fa{
  visibility: visible;
}
#mdl_sastleg .modal__container{
  width:90vw;
  max-height:98vh;
}
#mdl_sastleg-content p{
  font-size:.8em;
  margin:5px 10px;
}
#searchform .fa-search {
  line-height: 40px;
  width: 50px;
  text-align: center;
  color: #777;
}
#searchresultslist {
  background: #fff;
  width: 96%;
  position: absolute;
  top: 58px;
  left: 7px;
  border-radius: 4px;
}
#searchresultslist ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#searchresultslist ul li {
  color: #333;
  padding: 0 20px;
  line-height: 35px;
  border-bottom: 1px solid #ddd;
}
#searchresultslist ul li a.s-r {
  width: 100%;
  text-align: left;
  padding: 0;
}

/* Features */
/* .feature_container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin: 7px;
  position: relative;
} */
/* .feature_btn {
  flex: 1 auto;
  text-align: center;
  color: #bcc1c8;
  font-size: 22px;
  margin-right: 5px;
  background: #5b6e70;
  border-radius: 5px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.feature_btn:hover,
.feature_btn.active {
  color: #fff;
} */

#drawing_selection,
#measuring_selection {
  position: absolute;
  /* right: -999px; */
  padding: 0;
  width: 0;
  transition: all 0.2s ease-in-out;
  display: none;
}
#measuring_selection {
  top: 105px;
}
#drawing_selection.show,
#measuring_selection.show{
  bottom: 35px;
  right: 40px;
  width: auto;
  min-width: 100px;
  display: block;
}
.selection_list {
  margin: 0;
  list-style: none;
  padding: 0;
  background: #fff;
}
.selection_list_item a {
  padding: 4px 10px;
  border-bottom: 1px solid #ccc;
  color: #333;
  display: block;
}
.selection_list_item:last-of-type a {
  border-bottom: none;
}
.selection_list_item a:hover,
.selection_list_item a.active {
  background: #ddd;
}
.selection_list .selection_list_header {
  background: #ddd;
  text-transform: uppercase;
  font-size: 12px;
  padding: 4px 10px;
}


/* - sidebar  */
.c-t{
  background-color: rgb(245, 245, 245);
  width: 20%;
  min-width: 300px;
  width: 400px;
  z-index: 100;
  overflow-y: auto;
  position: absolute;
  height: calc( 100vh - 45px );
  transition: all 0.3s ease-in-out;
  left: 0;
}
.c-t-h{
  background: #fff;
  border-bottom: solid 1px #ccc
}
.c-t-h>div,.c-t-h>a{
  line-height: 50px;
  height: 50px;
  width: 40px;
}
.c-t-h-collapse{
  width:20px;
  text-align: center;
}
.c-t-h-logo{
  background: url('/css/images/vidiplan.png') 4px 50% no-repeat;
  background-size: auto 30px;
  width: 100%;
  padding-left:40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  color:#4c8495
}
.c-map {
  position: relative;
  width: 100%;
  margin-left: 400px;
}
.sidebar .sidebar_label{
  text-transform: uppercase;
  font-weight: 500;
  font-size: .8em;
  display: block;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #eee;
  padding: 5px 10px;
  color: #777;
}
/* .sidebar .sidebar_label i{
  float:right
} */
.sidebar .sbtn{
  display:block;
  background: #fff;
  text-decoration: none;
  font-weight: 400;
  font-size: .9em;
  padding:8px 15px;
  margin-bottom: 1px;
  color:#000;
  position: relative;
  white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sidebar .sbtn .onlyactive{
  visibility: hidden;
  position: absolute;
  top:12px;
  right:10px
}
.sidebar .sbtn .loader{
  /* visibility: hidden; */
  display: none;
  position: absolute;
  top:12px;
  right:10px
}
.sidebar .sbtn.loading .loader{
  /* visibility: visible; */
  display: block;
}

.sidebar .sbtn.active{
  background: #f6f8f9;
  color:#2c98ac;
  font-weight: 500
}
.sidebar .sbtn.active .onlyactive{
  visibility: visible;
}
.c-t-menu{
  color: #000;
  width: 41px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  display: block;
  font-size: 18px;
}
.ol-zoom{
  top:70px;
}

.ol-control button.zoomtobtn{
  background-image:url('/img/zoomto.svg');
  background-size:70%;
  background-position: center;
  background-repeat: no-repeat;

}
.ol-rotate{top:108px}
.ol-setmarkertoextent{
  top: 10px;
  right: 120px
}
.ol-settostart{
  top:170px;
  left:8px;
}
.ol-control button.settostartbtn{
  background-image:url('/img/globe.svg');
  background-size:50%;
  background-position: center;
  background-repeat: no-repeat;
}
.ol-search{
  top:10px;
  right:64px;
}
.ol-control button.searchbtn{
  background-image:url('/img/search.svg');
  background-size:40%;
  background-position: center;
  background-repeat: no-repeat;
}
.search_content{
  padding-top:20px
}

.ol-control.drawcontrol {
  bottom: 10px;
  right: 8px;
}
.ol-control.measurecontrol {
  top: 105px;
  right: 8px;
}

.sidebar .sidebar_list a:hover,
.sidebar .sbtn:hover,
.sidebar .sbtn.active:hover {
  background: #eee;
}
.sidebar .ostalo {
  border-top: 1px solid #eee;
}

.s {
    margin: 10px
}

.uppercase{
  text-transform: uppercase;
}

/* sidebar collapsed */
.c-t.collapsed{
  /* display:none;width:0; */
  left: -400px;
  /* display: none; */
}
.c-map.collapsed {
  margin-left: 0;
}
.c-t.collapsed a.sbtn{
  text-align: center;
  line-height: 20px;
}
.c-t.collapsed a.sbtn span{
  display:none
}
[data-simplebar]{
  z-index: 1000 !important
}

/* Right sidebar */
 #right_sidebar {
  margin-top: 38px;
  background-color: #fff;
  width: 0;
  z-index: 100;
  overflow-y: auto;
  position: absolute;
  right: -520px;
  top: 65px;
  height: calc( 100vh - 130px );
  width: 500px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);
box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);
-webkit-border-top-left-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-bottomleft: 9px;
border-top-left-radius: 9px;
border-bottom-left-radius: 9px;
 }
 #right_sidebar.collapsed {
  right: 0;
 }
 #right_sidebar .rightsidebar-container {
  padding: 0 15px;
 }
 #right_sidebar .sidebar_label span {
   color: #333;
 }
 #right_sidebar .sidebar_label i.fa-times {
   float: right;
   padding: 3px 5px;
 }
 #right_sidebar .sidebar_label i.fa-times:hover {
   cursor: pointer;
 }

/* ol theme */
.ol-control{
  padding:0;
}
.ol-control button{
  background: #fff;
  color:#000;
  border-radius: 0;
  width:40px;
  height:40px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}

/* modal */
.mm{padding-bottom: 10px}
.m-c{
  visibility: hidden;
  height:0;
  pointer-events: none;
  overflow: hidden
}
.m-cw{
  border-bottom: solid 1px #eee;
  align-items: center;
}
.m-c.s{
  visibility: visible;
  pointer-events: initial;
  height: initial;
  overflow:visible;
}
.m-c-l{
  flex: 0 0 50px;
  min-height: 50px;
  line-height: 50px;
  width:50px;
  font-size: 40px;
  text-align: center;
  color:#208fa3
}
.m-c-l.disabled {
  color: #ddd;
}

.m-c-attr,.m-c-maps{
  width:100%;
  font-size: .9rem
}
.mc-btns{
  margin:10px;
  text-align: center;
}
.mc-btns a{
  margin-bottom: 4px
}
.m-c.fw .m-c-attr{
  width:100%;
}
.m-c-attr{
  padding: 5px
}
.m-c-t{
  text-align: center;
  padding:5px;
}
.m-c-t1{
  font-weight: 600;
  line-height: 1rem;
  margin-bottom: 5px;
}
.m-c-t2{
  font-size:.9em;
}
.m-c-t2>span{
  color:gray
}
.m-c-attr div>span.l{
  /* font-weight: 700; */
  font-size: .9em;
  /* text-transform: uppercase; */
  font-style: italic;
  color: #777;
}
.ol-attribution button{width:20px;height:20px;line-height: 1em;font-size: 1em}
/* search */
.s-r{
  border-bottom: solid 1px #eee;
  padding: 10px;
  color: #333;
  font-size: .9em;
}
.modal__container{
  min-width: 100px !important;
  margin-top: calc( env(safe-area-inset-top) + 10px ) !important;
}
.m-c-maps{
  margin-top:10px;
  background: #bfcacc;
  padding: 10px;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.m-c-maps .ppinfo a {
  width:100%;
  display:block;
  color:black;
  margin: 0;
  text-align: left;
  background: #fff;
  border: solid 1px #fff;
}
.m-c-maps .ppinfo a:hover {
  background: #eee;
}
.m-c-maps .ppinfo a.active {
  background: #0084ca;
  color: #fff;
}
#c_praster_lbl{
  color:gray;
}
#c_praster_lbl>span{
  color:green
}

.m-c-attr-btn>a{
  border:solid 1px #085f7b;
  display:inline-block;
  height:46px;
  width:46px;
  text-align: center;
  line-height: 41px;
  font-size: 20px;
  color:#085f7b;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  margin-bottom: 4px;
}
.rendered_attrs_before{
  margin-top:5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rendered_attrs_after{
  margin-top:10px
}
/* attrs */
.r_vrstaodluke_37a62{ /* null */
  color:#ccc
}
.r_vrstaodluke_5ad2e{
  color:green;
  font-weight: 600;
}
.r_vrstaodluke_3b4a7{
  color:#d58a00;
  font-weight: 600;
}
.r_status{
  text-align: center;
  /* background: gray; */
  color:#fff;
  background:gray;
  /* display:inline-block; */
  padding: 4px 14px;
  font-weight: 600;
  font-size:.9em;
  order: 2;
}
.r_vrstaodluke {
  order: 1;
}
.r_status_d9ed2{
  background: green
}
.r_status_3b4a7{
  background: #e39300
}
.r_status_6718d{ /* obaveza donosenja */
  background:#0087ff
}
.backtobeginning {
  bottom:25px;
  right:7px;
}
.pgzinfo{
  bottom:7px;
  left:7px;
  width:60px;
  height:50px
}
.pgzinfo button{
  width: 58px;
  font-size: 18px !important;
  line-height: 18px;
  height:48px;
}

/** Upute */
.modal__content.upute {
  padding: 10px 20px;
}
.modal__content.upute p {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.modal__content.upute span.icon {
  height: 30px;
  width: 30px;
  margin-right: 10px;
  border: 1px solid
  #333;
  border-radius: 3px;
  text-align: center;
}
.modal__content.upute span.icon.text {
  font-size: 11px;
  line-height: 13px;
}
.modal__content.upute span.icon.text a {
  color: #000;
}
.modal__content.upute ol li {
  font-size: 14px;
  line-height: 20px;;
}
.modal__content.upute ol li span.icon_in_text {
  width: 20px;
  display: inline-block;
}
.modal__content.upute ol li span.icon_in_text img {
  width: 20px;
  height: auto;
  vertical-align: bottom;
}

.modal__content.upute ol li span.icon_in_text.text {
  font-size: 10px;
  line-height: 12px;
  border: 1px solid #333;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  width: 30px;
  height: 30px;
  text-align: center;
}
.modal__content.upute img.sc_img {
  width: 100%;
  height: auto;
}
.pulse {
  animation: pulseEffect 1s 2;
}
@keyframes pulseEffect {
  0%, 100% {
    background-color: #fff;
  }
  50% {
    background-color: #0084ca;
  }
}

small { font-size: 0.9rem }
sup { position: relative; top: -0.5em; font-size: 0.7rem; }

/* Form */
.form-label {
  display: inline-block;
  margin-bottom: .5rem;
}
.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px);
}
.form-group {
  margin-bottom: 1rem;
}
.form-buttons-container {
  display: flex;
  flex-wrap: nowrap;
}
.form-button {
  flex: 0 auto;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  margin-right: 10px;
}
.form-button:hover {
  cursor: pointer;
}
.form-button.submit-button {
  color: #fff;
  border: 1px solid #28a745;
  background-color: #28a745;
}
.form-button.submit-button:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.form-button.cancel-button {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.form-button.cancel-button:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.form-button.primary-button {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.form-button.primary-button:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

/* END Form */

/* User */
.btn-container {
  margin: 7px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  border-radius: 3px;
  position: relative;
}
.btn-container a {
  color: #333;
  width: 15px
}
.btn-container a i {
  line-height: 16px;
  margin-right: 5px;
  color: #333;
}

/* Errors */
.err_field_msg {
  font-size: 14px;
  color: red;
  padding-left: 5px;
}
#err_msg.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #ebccd1;
  border-radius: 4px;
  color: #a94442;
  background-color: #f2dede;
}
#err_msg.success {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #d6e9c6;
  border-radius: 4px;
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

/* User sidebar */
.userprofile h4 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 10px 0 0;
}
.align-fa {
  width: 20px;
  margin-right: 5px;
  text-align: center;
}
.userprofile p {
  margin-bottom: 5px;
  margin-top: 0;
}
.userprofile .buttons {
  margin-top: 20px;
}

.advanced-search-result{
  background: white;
  padding: 10px;
  border: solid 1px #eee;
  line-height: 1.1em;
}
.advanced-search-result.loading{pointer-events: none;color:#000;text-decoration: none}
.advanced-search-result.loading #ulica_result_button{visibility:hidden}
#ulica_result_text{  padding:4px;}
#ulica_result_button{
  background-color:green;
  color:#fff;
  padding:4px;
  font-size:.9em;
}
#opacitysliderlabel{
  left: 20%;
  top: -24px;
  position: relative;
  font-size: 12px;
  z-index: -1
}
.opacityslidercontrol{
  position: absolute;
  padding-top: 18px;
  padding-left: 35px;
  padding-right: 35px;
  top: 10px;
  left: 88px;
  z-index: 91;
  width:248px;
  background-color: rgba(242, 242, 242, .75);
  border-radius: 3px;
  height:40px;
}
.opacityslidercontrol>input{display:none}

.active_map{
  position: absolute;
  top:-10px;
  left: 250px;
  height:40px
}

.showInfo{
  position: absolute;
  top:10px;
  right:8px;
}

.alert {
  position: absolute;
  padding: .75rem 1.25rem;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  border-radius: .25rem;
  margin-inline: auto;
  left: 0;
  right: 0;
  width: fit-content;
  z-index: 100;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-danger{
  color:#721c24;
  background-color:#f8d7da;
  border-color:#f5c6cb
}