@import url(//fonts.googleapis.com/css?family=Varela);
@import url(../dashboard/downloadRequests/downloadRequests.css);
.dropdown.logout-menu.open a {
    text-align: right;
}

.dropdown-menu-logout li a{
  text-align: left !important;
}


 .loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  border-bottom : 16px solid black;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: relative;
  top: 40%;
  left: 45%;
}
textarea[disabled] {
   background-color: white;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.spinner{
  width: 100%;
height: 100%;
z-index: 10000;
position: absolute;
top: 0;
left: 0;
margin: 0 auto;
text-align: center;
vertical-align: middle;
background: white;
opacity: 0.8;
}

.stylish-input-group {
  background-color: #f3f4f8; }
  .stylish-input-group .form-control {
    border-right: 0;
    box-shadow: 0 0 0;
    border-color: #ccc;
    background-color: transparent; }
    .form-control .no-border{
  border-color: transparent;

}
/*.meldinglist-time-div{float:left;padding-left:8px;}*/
.subpage .detail{
  padding-left: 1px;
}
.meldinglist-time-div span{
  display: block;
}

.nav>li>a:focus, .nav>li>a:hover{
  background-color:transparent;
  color: inherit;
  outline: none;
}
.subpage .list{
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}

.subpage .idlist{
  margin: 4px 0 22px 0;
}

.subpage .idsection{
    text-align: center;
}

.subpage .subtitle{
    text-align: center;
}

.subpage .indexId{
        display: flex;
    flex-direction: row;
}

.headerlogin{
  position: fixed;
width: 100%;
height:80px;
background: #243449;
z-index: 10;
top:0
}

.rs .deletAll{
    font-weight: bold;
    margin: 0 0 10px 14px;
}
#incident-span-edit{display: none;}
.nopadd{
  padding: 0;
}
#inputSuccess2{
  background-color: white;
}
  .stylish-input-group button {
    border: 0; }
  .stylish-input-group .input-group-addon, .stylish-input-group button {
    background: transparent; }

.nopadding {
  padding: 0;
  margin: 0; }

.nopadding-left {
  margin-left: 0;
  padding-left: 0; }

.nopadding-right {
  margin-right: 0;
  padding-right: 0; }

.tile {
  display: block;
  background-color: white;
  padding: 2vw;
  text-align: center;
  border: 1px solid #eee;
  color: #444444; }
  .tile:hover, .tile:focus {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.5);
    color: #0c7287; }
  .tile h2 {
    font-size: 1.9rem;
    color: #666; }
  .tile h3 {
    font-size: 6rem;
    position: relative;
    display: inline-block; }
  .tile span.badge {
    position: absolute;
    top: 0;
    right: -3.3rem;
    background-color: #f90205;
    font-size: 1.8rem; }

.alerts {
  margin-top: 3vmin;
  width: 95%;
  margin-left: 2.5%; }
  .alerts li {
    background-color: white;
    border: 1px solid #eee;
    border-left: 2px solid #0c7287;
    font-size: 1.5rem;
    padding: .5rem 1rem .5rem 3.8rem;
    position: relative; }
    .alerts li i {
      position: absolute;
      left: .8rem;
      top: .8rem; }
    .alerts li span {
      position: absolute;
      right: .5rem; }

.filter-list a {
  display: block;
  padding: 1rem;
  color: #666;
  font-size: 1.5rem; }
.filter-list li.active a {
  font-weight: bold;
  color: #444444; }

.filter-list-result {
  padding: 1rem 1rem 0 0;
}

.filter-list-resultmelding {
  padding: 0rem 1rem 0 0;
}
.container{
  width:100% !important;
}

  
.rs .rstitle{
     padding-left: 0%;
}

.rs .rstitle{
    font-weight: bold;
}

.rs .fontresize{
    width:6rem;
}

.filter-list-result h3 {
    color: #666;
    font-weight: normal;
    margin: .5rem 0;
    padding: 0;
    font-size: 1.7rem; }
  .filter-list-result p {
    font-size: 1.6rem;
    color: #777;
    margin: 0;
    padding: 0;
    width: 90%; }
  .filter-list-result .melding-anchor {
    display: block; }
    .filter-list-result .melding-anchor:hover, .filter-list-result .melding-anchor:focus {
      text-decoration: none;
  }
  .filter-list-result li {
    position: relative;
     border-bottom:1px solid #D6D6C2;
  display:block;width:100%;float:left;clear:both;
    }
  .list-height li{
    /*height:65px;*/
   }
    .filter-list-result li:hover, .filter-list-result li:focus {
      background-color: #eee; }
    .filter-list-result li.unopened {
      border-left: 2px solid #0c7287; }
      .filter-list-result li.unopened h3 {
        font-weight: bold; }



    .filter-list-result li span {
      color: #8493A7 !important;
      font-size: 14px !important;
      font-weight: 300;
      word-break:break-word;
      /*margin-left: 0.53em; */
    /*vertical-align:text-top;*/}

      /*.filter-list-result1 li span {
        color: #666;
        font-size: 12.5px;
        margin-left: 0.53em; }*/


.object-grid {
  margin-top: 2rem; }
  .object-grid > div > div {
    border: 1px solid #eee;
    text-align: center;
    padding: 1rem;
    margin: 1rem 0; }
    .object-grid > div > div:hover, .object-grid > div > div:focus {
      background-color: #eee; }
    .object-grid > div > div span {
      display: inline-block;
      margin: 1rem 0;
      font-size: 1.5rem; }

form.generic {
  display: block;
  margin-top: 1rem;
  margin-right: 2rem;
  padding-left: 0px;
  position: relative; 
  padding: 11px;
  padding-bottom: 0px;
  border-radius: 5px;
}
form.generic input{outline: 0;}
  form.generic label {
    font-weight: normal;     color: #8493a7;
    font-size: 14px; }
    .voortop label{display: block !important;}
  form.generic input[type=checkbox] {
    margin: 0 .75rem 1rem 0; }
  form.generic div.row {
   margin-bottom: 2em;
    margin-left: 0px; }

.login form.generic div.row {
      margin:0;
      margin-bottom: 2rem;
      margin-left: 0px;
 }

/* .logcontain .todostyle:hover
 {
   background-color:#857AFF;
 }*/
.todostyle:hover{
  color:white !important;
}
 .logcontain .todo
 {
   background-color: #0E7DAA;
 }
 .logcontain .toknow
 {
   background-color: #27AEE9
 }

  form.generic h3, form.generic > h4 {
    margin-left: 15px;
    margin-bottom: 2.5rem; }
  form.generic .icon-buttons {
    position: absolute;
    right: 0;
    top: 1.8rem; }
  form.generic button {
    position: relative;
    bottom: 0; 
    font-size: 15px;
  }
    form.generic button.read {
      /*right:0.5rem;*/ }
  form.generic p, form.generic ul, form.generic ol {
    color: #444444;
    font-size: 1.4rem; }
    form.generic p.info, form.generic ul.info, form.generic ol.info {
      color: #444444;
      font-size: 1.45rem; }
  form.generic .dropdown button {
    color: #999;
    margin: 0 0 0 0 !important; }
     form.generic .dropdown .btn-success {
    color: #fff !important;}
  form.generic.offset {
    margin: 3rem 0 0rem 0; }
  form.generic .progress {
    margin-bottom: 2rem; }
    form.generic .progress .progress-bar {
      background-color: #0c7287; }

.dialogues {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 10000;
  color: #444444; }
  .dialogues .dialogue {
    background-color: white;
    width: 50%;
    height: auto;
    position: absolute;
    left: 20%;
    top: 20%;
    bottom: 40%;
    right: 30%;
    padding: 2rem; }
    .dialogues .dialogue h1 {
      font-size: 2.5vmin; }
    .dialogues .dialogue p, .dialogues .dialogue button {
      font-size: 1.4vmin; }
    .dialogues .dialogue .close-button {
      position: absolute;
      top: 0;
      right: 0;
      width: 5vmin;
      height: 5vmin;
      background-color: #00778b;
      color: white;
      text-align: center;
      font-size: 3.5vmin; }
      .dialogues .dialogue .close-button:hover, .dialogues .dialogue .close-button:focus {
        color: #ccc;
        cursor: pointer; }
    .dialogues .dialogue .dialogue-textbox {
      margin: 2% 0 2% 0;
      height: 26%;
      overflow-y: auto; }

.bullet-lg {
  font-size: 1.6rem;
  margin: 2vmin 0; }
  .bullet-lg li {
    position: relative;
    padding-left: 3rem;
    line-height: 2.4rem; }
    .bullet-lg li span {
      position: absolute;
      left: 0;
      top: .3em;
      background-color: #0c7287; }

.nav .alignlogboek{
  display: flex;
flex-direction: column;
align-items: center;
margin-top: 0.8em !important;
}

div.messages {
  font-size: 1.3rem; }

nav.pagination {
  width: 100%;
  border-radius: 0;
  margin-top: 1rem;
  border-top: 2px solid #eee; }
  nav.pagination li.active a {
    background-color: #2a2d34;
    border-color: #2a2d34; }

.nav .nameheader{
    float:left;
    margin: 1.5em 0.5em 0% 0% !important;
}

.page-bullets {
  margin-bottom: 2rem; }
  .page-bullets li.active span.badge {
    background-color: #0c7287;
    color: white; }
  .page-bullets span.badge {
    background-color: #fff;
    color: #0c7287;
    border: 2px solid #0c7287; }

.btn.btn-warning {
  background-color: #857AFF;
  border-color: #857AFF;
}
.mqflag2 {
  /*width: 26px;
  margin: 1px;
  padding:3px;
  height: 22px;*/
     /* width: 35px;
    height: 35px; */
    margin: 4px 0%;
    padding: 2px;
    border: 1px solid #fff;
}
.status-org-severity {
  width:24px !important;
  margin:4px 0%;
  margin-top:10px;
  padding:5px;
}

  .btn.btn-warning:hover, .btn.btn-warning:focus {
    background-color: #857AFF;
  border-color: #857AFF;
  }
.btn.btn-primary {
  background-color: #0c7287;
  border-color: #0c7287; }
  .btn.btn-primary:hover, .btn.btn-primary:focus {
    background-color: #0c6175; }
.expand {
    height: 1em;
    width: 50%;
    padding: 3px;
}
/*.active{
  background-color:silver;
}*/

.labeladjust{
    width:94%;
    color: grey;
    cursor: pointer;
}
.bibimg-div{
   margin-left:3%;margin-top:-3%;width:60%;height:100%;
}
.bibimg-div-row{
  display:block;height:50%;
}
.bibimg-h2{
  line-height:1.6em;font-size:14px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;width:90%;
}
.bibimg-trashrow{
  display:block;height:50%;margin-top:20%;
}
.username{
  width:100%;font-size:13px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:-2px;display:block;color:#8C9AAD;

}
.bib-glyphicontrash-icon{
  /*float:left;font-size:13px;cursor:pointer;margin-top:6px;color:#A7B0BB;*/
  /*width:6%;*/
  /*float:left;*/
}
.melding-imageName{
  display:inline;
  float:left;
  border-radius:none;
  padding:0;
  margin:0;
  float:left;
}

.template-adjust{

  position: fixed;
  top: 0;
  z-index: 102;
  width:100%;
}
/*.nav-pills>li.active>a:after{
  content: "";
  height: 4px;
  background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.2) 0%, #857AFF 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #857AFF;
}*/
.nav-pills>li.active>a{
  color: black;
  background-color: #d3dae4;
}
.nav-pills>li.active>a{
  color: black;
  background-color: #d3dae4;
}
.bibliotheek-nav.nav-pills>li:hover>a{
  
    border:1px solid #DDE1E9;
    border-radius:5px;
}
.bibliotheek-nav.nav-pills>li.active>a
{
    border:1px solid #DDE1E9;
    border-radius:5px;
}

.exportexcel{
  margin-top: 0px;
}
.spacer{
  min-height:80px;
  display: none;
}

.template-spacer{
    min-height:80px;
    background: #f0f4f6;
}

/*.dropdown-menu  button.pull-right{
  display:none;
  visibility:hidden;
}
.dropdown-menu  table th button.pull-right{
  display:block;
  visibility:visible;
}*/



#dummyOmschrijving{
  background-color: white;
padding-left: 0;
height: 4em;
border: 1px solid #D6D6C2;
margin: 0;
padding: 0;
border-radius: 6px;
}

.emergency-list-menu{
  width: 450px !important;
  height: 650px;
  border-color: #857aff !important;
  border-radius: 11px !important;
}

.scroller {
  max-height: 265px !important;
  overflow-y: scroll;
  overflow-x: hidden;
}

.todo_send_on_en{
  top: 10px !important;
}

.todo_send_on_de{
  top: 10px !important;
}

.todo_send_on_nl{
  top: 10px !important;
}

.todo_send_on_pl{
  top: 10px !important;
}

.calendar_todo_en{
  margin-top: -12px !important;
  height: 37px !important;
  padding-top: 25px !important;
}

.calendar_todo_nl{
  margin-top: -12px !important;
  height: 37px !important;
  padding-top: 25px !important;
}

.calendar_todo_pl{
  margin-top: -12px !important;
  height: 37px !important;
  padding-top: 25px !important;
}

.calendar_todo_fr{
  margin-top: -12px !important;
  height: 37px !important;
  padding-top: 25px !important;
}

.calendar_todo_es{
  margin-top: -12px !important;
  height: 37px !important;
  padding-top: 25px !important;
}

.calendar_todo_de{
  margin-top: -12px !important;
  height: 37px !important;
  padding-top: 25px !important;
}

.calendar_todo_sa{
  margin-top: -12px !important;
  height: 37px !important;
  padding-top: 25px !important;
}

.calendar_todo_br{
  margin-top: -12px !important;
  height: 37px !important;
  padding-top: 25px !important;
}

.taken-time-todo{
  background-color: white;
  border: 1px solid #DDE1E9;
  margin: 0 !important;
  width: 100%;
  border-radius: 4px;
  margin-left: -90px !important;
  margin-top: -6px !important;
  height: 37px !important;
  padding-top: 4px !important;
  padding-left: .3em !important;
  padding-right: .3em !important;
  padding-bottom: .3em !important;
}

.taken-time-all-lang{
  height: 30px !important;
  margin-top: 0px !important;
}

.incident-select-en{
  width: 100%;
  color: rgb(132, 147, 167) !important;
  height: 38px;
  background: #fff;
  border: 1px solid #DDE1E9;
  border-radius: 4px;
  outline: none;
  margin-top: -17px;
  margin-left: -40px !important;
}

.incident-select-fr{
  width: 100%;
  color: rgb(132, 147, 167) !important;
  height: 38px;
  background: #fff;
  border: 1px solid #DDE1E9;
  border-radius: 4px;
  outline: none;
  margin-top: -17px;
  margin-left: -40px !important;
}

.incident-select-es{
  width: 100%;
  color: rgb(132, 147, 167) !important;
  height: 38px;
  background: #fff;
  border: 1px solid #DDE1E9;
  border-radius: 4px;
  outline: none;
  margin-top: -17px;
  margin-left: -40px !important;
}
.incident-select-nl{
  width: 100%;
  color: rgb(132, 147, 167) !important;
  height: 38px;
  background: #fff;
  border: 1px solid #DDE1E9;
  border-radius: 4px;
  outline: none;
  margin-top: -17px;
  margin-left: -72px !important;
}

.incident-select-pl{
  width: 100%;
  color: rgb(132, 147, 167) !important;
  height: 38px;
  background: #fff;
  border: 1px solid #DDE1E9;
  border-radius: 4px;
  outline: none;
  margin-top: -17px;
  margin-left: -45px !important;
}

.incident-select-es{
  width: 100%;
  color: rgb(132, 147, 167) !important;
  height: 38px;
  background: #fff;
  border: 1px solid #DDE1E9;
  border-radius: 4px;
  outline: none;
  margin-top: -17px;
  margin-left: -45px !important;
}
.incident-select-fr{
  width: 100%;
  color: rgb(132, 147, 167) !important;
  height: 38px;
  background: #fff;
  border: 1px solid #DDE1E9;
  border-radius: 4px;
  outline: none;
  margin-top: -17px;
  margin-left: -45px !important;
}
.incident-select-de{
  width: 100%;
  color: rgb(132, 147, 167) !important;
  height: 38px;
  background: #fff;
  border: 1px solid #DDE1E9;
  border-radius: 4px;
  outline: none;
  margin-top: -17px;
  margin-left: -51px !important;
}
.incident-select-sa{
  width: 100%;
  color: rgb(132, 147, 167) !important;
  height: 38px;
  background: #fff;
  border: 1px solid #DDE1E9;
  border-radius: 4px;
  outline: none;
  margin-top: -17px;
  margin-left: -50px !important;
}
.incident-select-br{
  width: 100%;
  color: rgb(132, 147, 167) !important;
  height: 38px;
  background: #fff;
  border: 1px solid #DDE1E9;
  border-radius: 4px;
  outline: none;
  margin-top: -17px;
  margin-left: -48px !important;
}

.location-text-all-language{
  top: -12px !important;
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .header {
    height: 6rem !important; }
    .header span.logo img {
      width: 2.8rem !important; }

  .aside a i {
    font-size: 2rem; }

  .body-main {
    min-height: auto !important; }
    .body-main .subhead {
      height: auto !important; }
    .body-main h1, .body-main button {
      margin-top: 2.66667rem !important; }
    .body-main h1 {
      font-size: 2.1rem !important; }
    .body-main h2 {
      font-size: 1.9rem; }
    .body-main h3 {
      font-size: 1.5rem;
      line-height: 1.9rem; }
    .body-main h4, .body-main p, .body-main label, .body-main ol, .body-main ul {
      font-size: 1.3rem !important;
      line-height: 1.9rem !important;
      color: #444444; }
    .body-main button {
      font-size: 1.3rem !important;
      margin-bottom: 2rem; }

  div.status {
    margin-top: 2.4rem !important; }

  .inner-body {
    min-height: 72rem !important; }

  div.alerts li {
    font-size: 1.2rem; }
    div.alerts li span {
      position: relative;
      display: block;
      right: 0; }

  div.tiles > div:nth-child(2) {
    margin: 0px;
    padding-right: 0px;
    padding-left: 5px; }
  div.tiles > div:nth-child(3) {
    margin: 0;
    padding-left: 2px;
    padding-right: 5px; }

  a.tile {
    padding: .5rem; }
    a.tile h2 {
      font-size: 1.3rem !important; }
    a.tile h3 {
      display: inline-block;
      text-align: center;
      font-size: 2.8rem !important; }
      a.tile h3 span.badge {
        font-size: 0.7rem !important;
        right: -2rem !important; }

  ul.filter-list a {
    font-size: 1.3rem; }

  ul.filter-list-result span {
    font-size: 1.1rem; }

  nav.pagination a {
    font-size: 1.1rem !important;
    padding: 0.3rem 0.5rem !important; }

  .footer img {
    width: 10rem !important;
    position: relative;
    right: -1.5rem; }

  form.generic {
    margin: 0;}
    form.generic.offset {
      margin-top: 1.5rem; }
    form.generic .row {
      margin-bottom: 0.5rem !important; }
    form.generic button.read {
      font-size: 1.1rem !important;
      margin-top: 0 !important; }
    form.generic .progress {
      margin-bottom: 1rem !important; }
    form.generic .bullet-lg {
      font-size: 1.3rem;
      line-height: 1.45rem !important; }
    form.generic ol {
      margin-left: -2rem; }
    form.generic .icon-buttons button {
      font-size: 1.2rem;
      margin-left: 0.3rem !important; }
      form.generic .icon-buttons button.btn {
        padding: 0.2rem 0.8rem !important; }

  .alert {
    margin-bottom: .5rem;
    font-size: 1.1rem; }

  .dialogues .dialogue {
    width: 90% !important;
    left: 5%;
    right: 5%;
    bottom: auto;
    margin-top: 10% !important;
    min-height: 70%;
    top: 2rem !important;
    margin-top: auto !important; }
    .dialogues .dialogue .close-button {
      width: 2.5rem;
      height: 2.5rem;
      font-size: 1.6rem; }
    .dialogues .dialogue h1 {
      font-size: 1.8rem; }
    .dialogues .dialogue p, .dialogues .dialogue button {
      font-size: 1.2rem; }
    .dialogues .dialogue .dialogue-textbox {
      margin: 5% 0 5% 0;
      height: 50%;
      overflow-y: auto; } }
@media (max-width: 767px) {
  .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
    text-align: inherit; }

  .text-left-xs {
    text-align: left; }

  .text-center-xs {
    text-align: center; }

  .text-right-xs {
    text-align: right; }

  .text-justify-xs {
    text-align: justify; } }
@media (min-width: 768px) and (max-width: 991px) {
  .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
    text-align: inherit; }

  .text-left-sm {
    text-align: left; }

  .text-center-sm {
    text-align: center; }

  .text-right-sm {
    text-align: right; }

  .text-justify-sm {
    text-align: justify; }



   }





@media (min-width: 992px) and (max-width: 1199px) {
  .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
    text-align: inherit; }

  .text-left-md {
    text-align: left; }

  .text-center-md {
    text-align: center; }

  .text-right-md {
    text-align: right; }

  .text-justify-md {
    text-align: justify; }

    .login .paddingcheck{
          min-width: 400px;
    }


   }
@media (min-width: 1200px) {
  .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
    text-align: inherit; }

  .text-left-lg {
    text-align: left; }

  .text-center-lg {
    text-align: center; }

  .text-right-lg {
    text-align: right; }

  .text-justify-lg {
    text-align: justify; } }
body {
  background-color: #F0F4F6;
  color: #fff;
   font-family:"Roboto Regular", sans-serif;
  /* font-family:'Roboto', sans-serif;*/
  }
  
  .login .design{
    border-radius: 5px;
    border: 2px solid #D6D6C2;
    background: white;
    padding: 0px 2% 0 2%;
  }

  .login .loggen{
    margin-top: 5rem;
    margin-bottom: 4rem !important;
  }
  .login .hrstyle{
    margin-bottom: 7px;
    color: black;
  }

  .login .hrstylediv{
    margin-left: 15px;
    margin-right: 15px;
  }
  .login .insideallign{
    position:relative;
  }
  .insideallign .glyphicon {
    position: absolute;
    left: 18px;
    padding: 9px;
    pointer-events: none;
  }

  .login .paddingcheck{
    padding: 0 36px 0 36px;
  }

  .glyphicon-lock:before,.glyphicon-user:before {
     color: #857AFF;
  }

.login .btn.btn-warning {
   background-color: #857AFF;
   border-color: #857AFF;
   width: 100%;
  }

.login .btn.btn-warning:hover,.loggin .btn.btn-warning:focus {
  background-color: #857AFF; }


.container {
  background-color: #f0f0f0;
  height: 100%; }
  .container.regular {
    background-color: white !important; }
  .container .header {
    background-color: white;
    height: 8rem;
    color: #444444;
    background-color: #2B3B43; }

    .container .header .navbar-toggle {
      border-color: #333; }
      .container .header .navbar-toggle span {
        color: #333;
        background-color: #333; }
    .container .header > div {
      height: 100%; }
      .container .header > div.border-bottom {
        border-bottom: 1px solid #999; }
      .container .header > div.logo_ss {
        color: white;
        border-bottom: 1px solid #999;
        text-align: center; }
        .container .header > div.logo_ss span.logo {
          position: relative;
          display: inline-block;
          font-weight: bold;
          vertical-align: middle;
          font-size: 2.5rem;
          margin: auto;
          color: #fff; }
          .container .header > div.logo_ss span.logo > span {
            line-height: 2.8rem;
            display: inline-block;
            position: absolute;
            top: -1rem;
            left: 120%;
            text-shadow: 1px 1px 1px #777; }
          .container .header > div.logo_ss span.logo img {
            width: 3.8rem;
            position: relative;
            left: -.8rem; }
      .container .header > div div.status {
        display: inline-block;
        color: #444444;
        margin-top: 3.2rem;
        margin-right: 2rem; }
      .container .header > div .stylish-input-group {
        margin-top: 2rem; }
      .container .header > div form {
        padding: 0;
        margin: 0; }
      .container .header > div a {
        color: #e4ae7a; }
  .container .aside {
    background-color: #d7dce2;
    padding: 0 !important; }
    .container .aside ul {
      margin-top: 2vw;
      border-top: 1px solid white; }
      .container .aside ul li {
        color: #444444;
        display: block;
        font-size: 1.5rem; }
        .container .aside ul li.special {
          background-color: rgba(255, 255, 255, 0.5);
          position: relative; }
          .container .aside ul li.special span {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 1px;
            background-color: #cdd4dc;
            width: 5rem;
            border-left: 1px solid white; }
            .container .aside ul li.special span i {
              position: absolute;
              top: 50%;
              left: 40%;
              color: #888888;
              font-size: 1.8rem;
              margin-top: -0.8rem; }
        .container .aside ul li.active a {
          background-color: rgba(0, 0, 0, 0.1);
          text-decoration: none; }
        .container .aside ul li a {
          padding: 2rem 0;
          color: #444444;
          display: block;
          padding-left: 1.15rem;
          border-bottom: 1px solid white;
          font-size: 1.3rem; }
          .container .aside ul li a div {
            display: inline; }
          .container .aside ul li a:hover, .container .aside ul li a:focus {
            background-color: rgba(0, 0, 0, 0.1);
            text-decoration: none; }
            .container .aside ul li a:hover span i, .container .aside ul li a:focus span i {
              color: #333333; }
          .container .aside ul li a span.badge {
            font-size: 0.9rem;
            position: relative;
            top: -.5vmin;
            left: 0.5rem;
            background-color: #f90205; }
        .container .aside ul li i {
          margin-right: .5vmin; }
  .container .body-main {
    background-color:#F0F4F6; /*#f7f7f7*/
    min-height: 70rem;
    color: #444444;
    /*padding-bottom: 3rem;*/ }
    .container .body-main .subhead {
      height: 15rem; }
      .container .body-main .subhead h1 {
        display: inline-block;
        margin-left: 2vmin;
        font-size: 3.4rem; }
      .container .body-main .subhead h1, .container .body-main .subhead button {
        position: relative;
        margin-top: 5rem; }
      .container .body-main .subhead button {
        margin-right: 1vmin; }
  .container .inner-body {
    background-color: #F0F4F6;
   /* padding: 1rem;*/}
    .container .inner-body button {
     /* margin-left: 1rem;*/ }
  .container .well {
    margin-top: 2vmin;
    color: #444444; }
  .container .footer {
  /*  background-color: #2a3538;
    padding: 1.5rem; */
    position: relative; }
    .container .footer img {
      width: 18rem; }

.logo{
  width:100% !important;
  height:100% !important;
}

.container .header > div.logo_ss span.logo img{

  width:auto !important;
  height:100% !important;
  position: absolute !important;

}

.bibimg{
  width:100%;
  height:100%;
}

.logo_ss{
  padding-right: 3px !important;
  padding-left: 3px !important;
  overflow: hidden;
}

.severity-ico:hover
{
    cursor:pointer;
    /*box-shadow: 0px 0px 150px #000000;*/
    z-index: 2;
   /* -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.3);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.3);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.3);
    transition: all 200ms ease-in;
    transform: scale(1.3);*/
  background-color:white;
}
.taken-severity-ico:hover
{
    cursor:pointer;
    z-index: 2;
    
  /*-webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);*/
  background-color:white;
  /*padding:.2em;
  border-radius:5px;
  box-shadow: 2px 2px 1px #cdcdcd;
  margin-top:-2px;*/
}





#meldinamain .tableheaderstyle {
    padding: 10px 0px;
    background-color: #E7EEF1;
    height: auto;
    border: 1px solid #D6D6C2;
    margin: 0;
}
.ico-selected,.ico-selected-statusorg
{
    cursor:pointer;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
    background: white;
    border: 1px solid #857aff;
    border-radius: 4px;
    /* margin:3px 0%; */
    /* padding: 8px; */
    /* width:35px;
    height:35px; */
   /* box-shadow: 0px 1px 7px 0px rgba(109, 104, 104, 0.26), 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(0, 0, 0, 0.42);*/
}
.ico-selected-statusorg{    
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    -moz-transform: scale(.9);
    transform: scale(.9);
  margin-left:0px;
  margin-right:0px;
  /* width:34px; */
}

.taken-ico-selected
{
    /*cursor:pointer;
    z-index: 2;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  background-color:white;
  padding:.2em;
  border-radius:5px;
  box-shadow: 2px 2px 1px #cdcdcd;
  margin-top:-2px;*/
  
    cursor:pointer;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
    background: white;
    border: 0.1px solid rgba(128, 128, 128, 0.35);
    border-radius: 5px;
  padding:9px;
  width:35px;
  height:35px;
    box-shadow: 0px 1px 7px 0px rgba(109, 104, 104, 0.26), 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(0, 0, 0, 0.42);
  margin-bottom:-5px;
  margin-top:-3px;
}

.ico-selectednew
{
  background-image: linear-gradient(-180deg, rgba(32, 32, 32, 0.61) 0%, rgba(32, 32, 32, 0.88) 100%);
  cursor: pointer;
  background:rgba(169, 167, 167, 0.53);
}
.tusers{
  width: 33px;
    vertical-align: text-bottom;
    margin-left: 5px;
    margin-bottom: 0px;
}

form.generic input::placeholder {
    color: #8493a7;
}
.imagesearch{
  position: absolute;
  top: 14px;
  left: 9px;
}
.status-ico1:hover
{
    cursor:pointer;
    z-index: 2;
   /* -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.3);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);*/
    
}


.loglockadjust {
    position: relative;
    /*right: auto !important;*/
    /*box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.66), 0px 0px 0px 0px rgba(0, 0, 0, 0.23), inset 0px 0px 0px 0px rgba(0, 0, 0, 0.59);*/
    border-radius: 0px;
    width: auto;
    background: transparent;
   
}

.loglockadjust-edit {
    position: relative;
    /*right: auto !important;*/
    /*box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.66), 0px 0px 0px 0px rgba(0, 0, 0, 0.23), inset 0px 0px 0px 0px rgba(0, 0, 0, 0.59);*/
    border-radius: 0;
    width: auto;
    background: transparent;
    margin: 4px auto;
}


/*.loglock {
    padding: 6px 0px 6px 0px;
    width: 35px;
    height: 35px;
    text-align: center;
    opacity: 0.5;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.66), 0px 0px 0px 0px rgba(0, 0, 0, 0.23), inset 0px 0px 0px 0px rgba(0, 0, 0, 0.59);
    /*float: left;
    background-color: #FFF;
  
    display:inline-block;
}*/
.box-wrapper .loglock{
  padding: 5px 3px !important;
  height: auto !important; 
}
.mr-3{
  margin-right: 3px;
}
.box-wrapper {
  display: flex !important;
}
.loglock{
    font-size: 11px;
    height: 25px;
    border-radius: 0 !important;
    border: 1px solid #ccc;
    vertical-align: sub;
    padding-top: 5px;
    padding-left: 2px;
    width: auto;
    padding-right: 2px;
    display:inline-block;
    background-color: #FFF;
    text-align: center;
    color:#ccc;
}
.loglock.ico-selectednew{
  box-shadow: none;
  border: 1px solid #857aff;
  opacity: 1;
  color:#857aff;
}
.boxeffect1{
    padding: 1px 2px 1px 2px;
  }

.loggenbutton{
  width: 100%;
  background-color:#6b61e1;
  border-radius: 0;
  color: white;
  border:0;
}
.loggenbutton:hover{
  color: white;
}
.modal-backdrop.fade{
  display: none;
}
/*.logcontain .aangemeldoor{
   margin: 1% 0px 0px 0px;
   display:flex
}*/

.logcontain .toevoegen{
   margin: 1% 0px 0px 0px;
   display:flex;
   padding:0;
}

.logcontain .verzenden{
   margin: 14px 0px 0px 0px;
   display:flex
}

.logcontain .annuleren{
    margin: 18px 0% 0% 0px;
    text-align: center;
}

.input-group.input-group-unstyled input.form-control {
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.input-group-unstyled .input-group-addon {
    border-radius: 4px;
    border: 0px;
    background-color: transparent;
}

.active_todo {
  border: 1px solid #DDE1E9 !important;
  box-shadow: 10px 10px 10px #EAEDF1 !important;
  -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}


.active_status{
    color: #fff;
    background-color: #00778b!important;
    border-color: #00778b!important;
}

.laast_bewerk{
  font-size: 9px !important;
}
.melding-list li:hover, .todolist li:hover{
  background-color:transparent;
  /*cursor:pointer;*/
}

.todolist{
  padding-right:0rem;
}
.todolist li span{
  margin-left:0em;
}

.todolist li{
  clear:both;
  display:block;
  cursor:pointer;
/*  margin-top:-1.5rem;
  margin-bottom:1.8rem;*/
}
.todolist li a{
  display:block;
  /*padding:12px 15px;*/
  padding: 14px 20px 22px 20px;
  /*margin-bottom:3rem;*/
}
#toast-container > .toast-error{
  background-position: top left;
  padding:0 3em;
  padding-bottom:1em;
  border:10px solid transparent;
}

.nav-pills>li{
  margin: 0.1em;
}

.nav-pills>li>a{
   /* color: #fff;
    background-color: #2B3B43;*/
    color: #2B3B43;
    height:2.5em;
    padding:0.5em 1em;
}

.biblio .nav-pills>li>a{
   /* color: #fff;
    background-color: #2B3B43;*/
    color: #2B3B43;
    height:auto;
    padding:0.5em 1em;
  height:53px;
}
.biblio .applylength{
  padding-left: 29px;
  padding-top:.5em;
  color: grey;
}
.adjust-menu .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .nav-pills>li>a:hover{
    /*color:#37464D;
    background-color: #EBEBEB;*/
    color:#EBEBEB;
    background-color: #243449;
}

.caret-right {
  border-bottom: 4px solid rgba(0, 0, 0, 0);
      border-top: 4px solid transparent;
      border-left: 4px solid;
      display: inline-block;
      height: 0;
      width: 0;
      float: right;
      margin: 0.4em 0em;
      color: #857AFF;
}

.biblio .caret-right {
      margin: 1.1em 0em;
}
.biblio .header1{
  margin: 0;
  padding: 26px 17px 18px 17px;
  border-bottom: 1px solid rgba(128, 128, 128, 0.15);
}
.logcontain .todostyle {
    width: auto;
    color: white;
    border-radius: 3px;
    padding: 5px;
    font-size: 10px;
    cursor: pointer;
    margin: auto 5px;
}
.logcontain .glyphicon-trash{
  cursor: pointer;
  margin-left: 2em;
  float: right;
  top: 15px;
}
.logcontain .bottomrowadjust{
  margin-bottom: 0 !important;
  margin-right: 0;
  border-top: 1px solid #D6D6C2;
  height:67px;
  
}
.nav-justified>li{
  display: inherit;
  width: initial;
}
.nav-justified>li {
    float: left;
    margin: 2em 0em 0% 38px !important;
}

.biblio .nav-justified>li {
    float: left;
    margin: 1em 0em 0% 0% !important;
}

.biblio .left{
  padding: 0 5rem 0 5rem;
}

.adjust-menu .nav-pills>li.active>a:after {
    content: "";
    height: 4px;
    background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.2) 0%, #857AFF 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #857AFF;
}

.biblio .allignimage{
      background: #F0F4F6;
      text-align: center;
      padding: 31px 0px 31px 0px;
      height: 100%;
      border: 1px solid #DDE1E9;
      cursor: pointer;
    border-radius:5px;
}

.biblio .allignimageoverhow{
  position: absolute;
  opacity: 0;
  background: #243449;
   height: 100%;
   top:0;
   width:100%;
   text-align: center;
}



.nav .logoagjust{
  margin: 4px 0px 0px 14px !Important;
  font-size: 28px;
}
.nav .logoagjust img{
  max-height: 75px;
  width: auto;
  display: block;
}
.nav-justified {
   border-collapse:separate;
   border-spacing:0em;
}

.body-main{
  width:100%;
}
textarea {
    resize: none;
}

.logcontain .allignhead{
    margin: 0;
    padding: 0;
    box-shadow: 1px 4px 12px 2px #999;
  }
.logcontain .borderanuuleren{
  border-left: 1px solid #D6D6C2;
  height:100%;
}
.logcontain .heightann{
  height:66px;
 /* cursor: pointer;*/
}
.date .dropdown-menu{
  width:100%;
  left: 0px !important;
}
.logcontain .allignheadtop{
    margin: 0rem;
    background-color: #F0F4F6;
    margin-bottom: 0rem;
    padding-top: 8px;
}
/*.logcontain .aangemeldoorin{
      float: left;
      height:43px;
      
      display:flex;
}*/
.logcontain .attachmentresize{
  border-right: 1px solid #D6D6C2;
      padding-right: 8%;
      display: -webkit-box;
    margin-left:-17%;
    height:30px;
}
@-moz-document url-prefix() {

.logcontain .attachmentresize{
        display: flex;
  }
}

li.li-no-hover>a:hover{
    background-color: transparent ;
    color:#384B64;

}
/*.glyphicon-plus:before, .glyphicon-minus:before{
    font-size: 27px;
}*/
.topmenu>li>a{
  padding:0em;
  height:3em;
  font-size:medium;
  font-weight:normal;
  background-color: #243449;
  color: #9BABBE;
}

.date table{
  background: #243449 !important;
}

.melding1 .caret{
  float:right;
  color: #857AFF;
  margin-top: 5px;
}

.melding1 .open .caret:before {
    content: "\25b2";
    font-size: 8px;
    position: absolute;
    right: 0;
    top: 9px;
}
.melding1 .open .caret{
      border:0;
}
.melding1 .open>.dropdown-menu{
  background: transparent;
  border: none;
  box-shadow: none;
    position: relative;
}

.date .text-info {
    color: white;
}

.date table td button {
  background: #243449;
  border: none;
}
.date .btn-info.active{
     color: #fff !important;
    background-color: #857AFF !important;
    border-color: #857AFF !important;
    border-radius: 3px !important;
}
.date .small,.date small {
    font-size: 15px;
    color: #857AFF;
}

.date .dropdown-menu .btn-sm{
  color: white;
}

.date .h6{
  /*visibility: hidden;*/
}
.date .dropdown-menu .h6{
  visibility: hidden;
}

.date .dropdown-menu .btn-sm{
  background: #243449;
  border: none;
}
.date .btn-default.active{
  background: #857AFF;
}
.melding-calendar-btn,.melding-calendar-btn:active,.melding-calendar-btn.active,
.melding-calendar-btn.focus,.melding-calendar-btn:focus{
  background-image:none;outline:none;-webkit-box-shadow:none;box-shadow:none;
  border:0; text-decoration:none;
}
span:focus,span.focus,button.focus,button:focus,img:focus,img.focus,p:focus,p.focus {
    outline: none;
    border: 0;
 }
/*.date .btn-default.active{
  border-radius: 3px !important;
}*/
.date table{
  border-collapse: inherit;
}
.date table th button strong{
      color: #857AFF;
}
.date table td button span{
  color:white !important;
}

.topmenu{
  position: fixed;
  top: 0.6em;
  z-index: 122221111;
  margin:-0.6em 0;
  background:#243449;
}
.dashmenu>li{
  border-spacing: none !important;
  margin:0;
  margin-top:1em;
}
.dashmenu .first{
  margin-top:-5px;
}

.dashmenu-btn{
  display:block !important;
  float:left !important;
  width:50% !important;
  margin:0 !important;
  margin-top:-5px !important;
}
.dashmenu-dropdown{
    margin-top:1em;
}
#toast-container{
  padding:2em !important;
}
.top{
  margin-top:-25px;
}
.taken-authorities-ul{
  padding-left:0.5%;float:left;width:100%;margin-top:4%;clear:both;
}
.taken-authorities-li{
  float:left;
  width:30%;
  clear:none !important;
  margin-right:1%;
  display:block !important;
  height:150px !important;
  margin-bottom:10% !important;
  overflow-y:scroll;
}
.row-taken-showdate{
  margin-top:-3rem;
}
.col-taken-showdate{
  margin-left:-24.5%;
  margin-top:-1%;
}
.col-taken-showdate::first-letter{
  text-transform:capitalize;
}
.time-format{
  padding:0;
  background-color:white;
  border-color:transparent;
  color:gray;
  font-size:small;
}
.date .dropdown-menu button{
  border-radius:0 !important;
}
.date .dropdown-menu table{
  font-family: 'Roboto Regular',sans-serif !important;
  width:101%;
  position:relative;
  top:-8px;
  left:-1px;
  padding:0 12px;
  background-color:white;
  margin-bottom:-13px;
  border:2px solid silver;
  border-top:2px solid white;
}
.date .dropdown-menu .btn-sm{
  font-size:12px !important;
  margin-right:-1px;
  border-collapse: collapse !important;
}
.date .dropdown-menu table th{
  padding:0 !important;
  border-collapse: collapse !important;
  position:relative;
  left:-1px;
  border:0px solid transparent;
}

.headerpad{
  padding: 18px 0 0 37px;
}

.select-control{
    display: block;
    width: 100%;
    height: 26px;
    padding: 0;
   /* overflow: hidden;*/
    cursor: pointer;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
  font-family:inherit;
  font-size:inherit;
  text-transform:none;
  margin:0;
  font:inherit;
  box-sizing:border-box;
}
#cms-message{
  margin-left: 27%;
  width: 100%;
  text-align: center;
  font-size:medium;
}
.mq-upper-whitespace{
 width: 89%;position: fixed;height: 85px;margin-top: 76px;margin-left: 17px;z-index: 100;background-color: white;
}
.mqselecteer{
 margin-left: 5%;
}
.color{color:#444444 !important;}
.tijd-col{padding-left:33px;width:10%;}
.melding-col{padding-left:15px;width:61%;}
.gemeld-col{padding-left:0px;width:7%;}
.voor-col{width:7%;padding-left:0px;}
.status-col{width:5%;padding-left:0px;}
.prio-col{width:4%;padding-left:0px;}
.container-taken{float:left;width:80% !important;margin: 5rem 10%;}
.createTaskBtn{background-color:#0E7DAA;padding:.6em 2.5em;font-weight:bold;}
.createInfoBtn{background-color:#27AEE9;padding:.6em 2.5em;font-weight:bold;}
.taken-selecter{border:1px solid #DDE1E9;background-color:white;padding:45px;margin-left:0%;margin-right:2.8%;}
.taken-selecter1{border:1px solid #DDE1E9;background-color:white;padding:40px;margin-left:5%;}
.taken-first-row{margin:0 !important; border-collapse: collapse;background-color:#F0F4F6;padding:10px 0;padding-top:15px; }
.no-border-radius{border-radius:0px !important; -webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;}
.taken-actionbtn-col{padding:0;margin:-11px 0px;}
.box{padding:0;margin:0;}
.taken-actions-lg{width:100%;height:66px;border:1px solid transparent;margin-top:1px;margin-bottom:1px;}
.taken-actions{width:100%;height:63px;border:1px solid transparent;margin-top:11px;margin-bottom:1px;}
.span-ontvangers{display:flex;margin-top:15px;margin-left:1em;font-size:0.9em !important;color:#8493A7}
.style-plus{font-family: -webkit-body;float:left;cursor:pointer;border:1px solid silver;padding:3px 9px;color:#857AFF;margin-right:3%;border-radius:3px;margin-top:3px;font-size:2em;font-weight:bold;}
.style-plus.glyphicon:before {
  font-size:27px;
}

.style-clip-col{padding-top:40px;border-left:1px solid silver;color:#91A0B3;}
.ontvangers-div{background-color:white;border-top:1px solid silver;padding:10px 0;margin:0;}
.taken-rounded{border:1px solid #DDE1E9;border-radius:3px;}
.taken-verzenden{background-color:#7B70F4;color:white;}
.taken-verzenden:hover{background-color:#7B70F4;color:white;}
.taken-annuleren{border-left:1px solid #DEE2EA;}
.identifiers,.toknow-identifiers{display:block;padding:3px;background-color:#0E7EAA;color:white;font-weight:bold;font-size:0.6em !important;border-radius:3px !important; -webkit-border-radius: 3px !important;-moz-border-radius: 3px !important;text-align:center;width:79%;margin-top:2.9em;}
.toknow-identifiers{background-color:#23B6F7;width:79%;}
.taken-calendar-col{background-color:white;margin-left:15px !important;text-align:left;border-radius:4px;width:60%;height: 40px;padding-top: 30px;margin-top: -16px;border:1px solid #DDE1E9;}
.taken-date-span{color:#8493A7;margin-left:5px;padding-top:1em;}
.taken-list-label{ padding: 35px 15px 25px 20px;color:#4F6076;font-size:1.5em !important;}
.expanded-taken{display:block;margin-left:0px;padding-top:6px;width: 100%;padding:0 !important;padding-bottom:12px !important;margin-bottom:0px !important;}

.color-gray{color:#8493A7;}
.todo-label,.toknow-label{font-size:larger;}

.color-gray{
  color:#8493A7 !important;
  /*font-size:14px !important;*/
}
.task-checkbox-all-items{
  margin: 0 !important;
  top: 0 !important;
}
.task-checkbox-all-items::before{
  margin: 0 !important;
  top: 0 !important;
}
.task-checkbox-all-items::after{
  top: 30% !important;
}
.glyphicon-paperclip:before {
    content: "\e142";
    font-size: 16px;
}
.paperadjust{
  transform: rotate(180deg);
  color:#8493A7 ;
}
.coloradjustall{
  color:#8493A7 !important;
}
/* Style the buttons that are used to open and close the accordion panel */
button.accordion,div.accordion {
    background-color: transparent;
    color: #444;
  padding:0% 2%;
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: 1px solid transparent;
    outline: none;
    transition: 0.4s;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active, button.accordion:hover ,div.accordion.active, div.accordion:hover {
    background-color:transparent;
}
/* Style the accordion panel. Note: hidden by default */
div.panel {
  color:#8493A7;
    background-color: transparent;
    display: block;
  -webkit-box-shadow: none;
     box-shadow: none;
     margin-bottom: 10px;
     padding: 0;
}
/* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */
div.panel.show {
    display: block;
}
button.accordion:after ,div.accordion:after{
   /* content: '\25bc';*/
    font-size: 10px;
    color: #857AFF;
    font-weight: bold;
    float: right;
}
button.accordion.active:after,div.accordion.active:after{
  /*content: "\25b2";*/
}
.filter-list-result li span.color-gray{color:#8493A7;}
.takenlist-flagandseverity{float:right;width:26%;padding-right:2%;}
.taken-time-col{margin-top: -5px !important;width:10.5%;}
.verzenden-op{position:relative;top:0.5em;font-size:12px !important;}
.discard-div{position:relative;left:2em;}
.trash-logboek{cursor:pointer;margin-left:5em;margin-top:15px;right:45%;}
.imageName{color:black;position:absolute;background-color:white;margin-top:0px;left:-4rem;width:100%;z-index:99999;padding:5px;font-size:12px;color:#C2C9D3;float:left;}
.imageName:hover{color:black;}
.filter-label{font-weight:normal;font-size:13px;color:#99A5B6;margin-bottom:0px;}
.exporter{font-size:12px;font-weight:normal;}
.file-uploadInTaken:hover{cursor:pointer;}
table .text-center em{color:gray;}
.identifiers-div{padding-left:1.5%;padding-right:.1%;}
.file-margin-top{margin-top:2.6%;}
.logboek-last4-col{float:right;position: absolute;right: -0.1em;width: 36%;background: white;}
.status-label{margin-left:0em;}
/*.stat-col{margin-left:-0.5empx;margin-right:0;}*/
.verzenden-als{margin-left: -39.5%;margin-top:1.5%;}
.top-verzenden{margin-top:1.5%;}
.tooltiptext {
    visibility: hidden;
   
}

input[type='radio'] {
    -webkit-appearance:none;
    width:16px;
    height:16px;
    border:1px solid #ACB4BE;
    border-radius:5px;
    outline:none;
    box-shadow:0 0 1px 0px silver inset;
    margin-top: 0px;
    vertical-align: bottom;
    background: #fff;
    outline: 0;
}
input[type='radio']:hover {
    box-shadow:0 0 1px 0px gray inset;
}
input[type='radio']:before {
    content:'';
    display:block;
    width:44%;
    height:44%;
    margin: 29% auto;    
    border-radius:100%;    
}
input[type='radio']:checked:before {
    background:#9188FF;
}
/*.sm-voor-adjust{
padding-left:16px;
}*/
.taken-time-row{background-color:white;padding:.3em !important;border:1px solid #DDE1E9;margin:0 !important;width:100%;border-radius:4px;height:40px;margin-top: -11px !important;margin-left: -90px !important;}
.taken-time-icon{display:block;margin-top:.4em;margin-left:5px;color:#857AFF;}
.time-input-col{padding:0 !important;margin:0 !important;}
.taken-time-input{width:93%;margin-left:15px;border:1px solid transparent;text-align:left;border-radius:4px;padding:.1em;height:36px;margin-top:-.2em;}
.ontvangers-div input[type="checkbox"]:before {
    display: inline-block;
    font: normal normal normal 22px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content:"\f096";
    opacity:1 !important;
  margin-top:12px;
  appearance:none;
    background:#fff;
}
/*.ontvangers-div input[type="checkbox"]:checked:before{
      content:"\f046";
    color:#857AFF;
}*/
.ontvangers-div input[type="checkbox"]:checked:after{
   top:85%;
}
.ontvangers-div input[type="checkbox"]{
font-size:16px;appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
.ontvangers-div input[type="checkbox"]:focus{
  border:none;outline:0;
}
.melding-loggen:hover{
  cursor:pointer;
}
.bibliotheek-trash:hover{
  cursor:pointer;
}
#status-todoslist{position:relative;top:1.3em;left:.4em;}
#category-todoslist{position:relative;top:1.2em;left:.4em;}
.repeat-div-col{margin-bottom:-5em;}
.repeat-btn{height:38px;margin-top:-0.2em;}
.repeat-select{position:relative;top:-2.7em;left:3em;padding:.7em;border-radius: 4px;border: 1px solid #DDE1E9;color:#8493A7;}
.melding-description-long{display:inline-block;overflow-wrap:break-word;}
.font-weight-400{font-weight:400;}
/*.widthann{max-width: 23.5%;}*/
.trash-logboek{right:45%;}
/*.laatst{left: 8%;}*/
.txtTijd{width:37%;margin:4px 0;margin-left:5%;height:35px;background: #FFFFFF;border: 1px solid #DDE1E9;border-radius: 4px;padding:0em .5em;position:absolute;;z-index:99;margin-left: 1.5rem !important;}
/*.txtTijdEdit{width:45%;height:40px;background: #FFFFFF;border: 1px solid #DDE1E9;border-radius: 4px;padding:0em .5em;position:absolute;;z-index:99;margin-left: 3.5rem !important;}*/

.discardCreateNewLog{color: #857AFF;float:right;position:relative;top:-3em;left:42%;padding:0.01em 0.5em;}
.spanIncidentCode{float: left;position:absolute;left:0.5em;top:0.7em}
.spanLocatie{float: left;position: absolute;top:0.7em;left:2em;}
.spanVoor{float: left;position: absolute;top: 0.7em;left: 3em;}
.txtVoor,.txtLocatie{width: 80%;height:38px;background: #FFFFFF;border: 1px solid #DDE1E9;padding:0em .8em;position:absolute;left:4.3em;}
.txtIncidentenCode{width: 80%;height:38px;background: #FFFFFF;border: 1px solid #DDE1E9;padding:0em .8em;position:absolute;left:4.3em;}
.aangemeldoor-marginleft {
    position: relative;
    margin: auto;
    text-align: left;
    margin-left: auto;
    width: 12px;
    display: inline-block;
    top: -1px;
}
.aangemeldoorin .form-control1 {
    font-size: 12px;
    color: #8493A7 !important;
    text-align: left;
    text-overflow: ellipsis;
    background: transparent;
    display: inline-block;
    width: 25%;
    padding: 2px;
    vertical-align: middle;
    height: auto;
}
/*.aangemeldoor-container{padding: 0px 0px;width:18.5%;}*/
.cancel-send-btn{background-color:transparent;}
.status-ico-container{position:relative;top:0em;border-right:1px solid silver;border-left:1px solid silver;height:2.9em;left: -0.3em;padding-right:12em;}
.span-tijd-edit{width:130%;height:40px;margin-left:3.5rem;background: #FFFFFF;border: 1px solid #DDE1E9;border-radius: 4px;padding:0em .5em;position:relative;z-index:99;}
.span-report-edit{float:left;position: absolute;left:-5%;top:.9em;z-index:9;}
.txtGemeldEdit{width: 85%;height:35px;margin:4px 0;margin-left:35%;background: #FFFFFF;border: 1px solid #DDE1E9;border-radius: 4px;padding:0em .8em}
.taken-container-edit{float:left;padding-right:1em;margin-top:1.3em;position: relative;left: 3.5em;}
.txtIncidentCode-edit{width: 80%;height:38px;background: #FFFFFF;border: 1px solid #DDE1E9;padding:0em .8em;position:absolute;left:14%;}
.glyphicon-div{float:left;margin: 5px 0px 0px 2px;text-align:left;margin-left:0.5em;}
.reported-by-header{color:#666;float:left;padding-left:0px;}
.reported-by-span{color:#8493A7 !important;font-size: 13px;}
.gemeld-span{color:#8493A7 !important;font-size: 13px;}
/*.logs-header{float:left;padding-left:12px;width:76%;}*/
.report-header-right{padding-left: 7%;}
/*.paper-clip-header{float:left;padding-left: 0;padding-right: 0;margin-left: -5%;}*/
/*.prio-header{float:left;padding: 0px 0px 0px 0px;margin-left: 2%;}*/
.header-left{padding-left:0px;}
.for-span{font-size:0.9em;padding-left:0px;width:100%;display: block;white-space: initial;text-overflow: ellipsis;}
.opvolging-span{margin-left:0rem !important;color:#8493a7 !important;font-size: 16px !important;}
/*.melding-image-indicator{float:left;padding-left: 0px;left:-3%;}*/
/* .incident-severity-span{margin-left:0.53em} */
/*.prio-span{float:left;margin-top:0%;background-color:transparent;padding-left:16%;padding-right: 0;}*/
/*.switch-span{margin-left:0.53em}*/
.txt-opvolging-description {
    width: 100%;
    outline: none;
    margin-right: 5px;
    font-size: 1.4rem;
    padding: 2px 0 4px;
    vertical-align: middle;
}
.opvolging-txt-create{border:none;background-color: transparent;width:100%;margin-right:5px;outline: none;}
.opvolging-tijd-create {
    width: 98%;
    padding-top: 10px;
    font-size: 0.8em;
    text-align: right;
    color: #666 !important;
}
.melding-status-edit{position:relative;top:.3em;border-right:1px solid silver;border-left:1px solid silver;height:2.9em;left:0.5em;}
.span-for{float: left;position:absolute;top:0.7em;left:3em;}
.txtIncidentCode-edit{width: 80%;height:38px;background: #FFFFFF;border: 1px solid #DDE1E9;padding:0em .8em;position:absolute;left:4em;}
.txtVoor-edit{width: 80%;height:38px;background: #FFFFFF;border: 1px solid #DDE1E9;padding:0em .8em;position:absolute;left:4em;}
.span-voor-edit{float: left;position:absolute;top:1.7em;left:2em;}
.txtLocatie-edit{width: 80%;height: 38px;background: #FFFFFF;border: 1px solid #DDE1E9;padding: 0em .8em;position: absolute;left: 20%;top: .5em;}
.span-locatie-edit{float: left;position: absolute;top:2.1em;left:1em;}
.span-incidentenCode-edit{float: left;position:absolute;left:-1em;top:0.4em}
.chkbox-edit-meld{float:left;padding: 37px 5px 0px 15px;}
.image-create-melding{width:33.33%;}
.image-1attachment-span{color:#C2C9D3;font-size:12px;position: relative;padding-bottom:.2em;padding-top:.3em;}
.image-1attachment-span-en{color:#C2C9D3;font-size:12px;position: relative;padding-bottom:.2em;padding-top:.3em;}
.chkbox-create-meld{float:left;padding: 20px 5px 5px 15px;}
/*.last-updated-div {
    padding-left: 15%;
    padding-bottom: .5em;
    position: absolute;
    top: 70%;
    width: calc(100% - 40px);
    text-align: center;
}*/
.taken-create-container{float:right;padding-right:1em;margin-top:1%;position: relative;right: 1em;}

.create-melding-severity {
  display: flex;
  text-align: center;
  height: 40px;
  padding-top: 2px;
  width: 100%;
  flex-direction: row;
  overflow-x: auto;
  margin-left: 5px;
}

.severity-report-edit {
    display: inline-block;
    text-align: center;
    margin-left: 60px;
    padding-left: 20px;
    border-left: 1px solid #D6D6C2;
}
/*.meldinglist-time-div{float:left;padding-left:8px;}*/
/*.create-melding-span-holder{padding-right: 0;top:0.7em;left:3em;}*/
/*.edit-melding-span-holder{padding-right: 0;top:1em;left:3em;}*/
.create-span-div{padding-right:10px;}
/*.create-span-holder{float: right;}*/
/*.create-melding-text-holder{padding-left: 0;padding-right: 15px;margin-right:-5px;}*/
.meld-txtVoor, .meld-txtLocatie, .meld-txtIncidentenCode {
    width: calc(100% - 15px);
    height: 38px;
    background: #FFFFFF;
    border: 1px solid #DDE1E9;
    padding: 0em .8em;
    position: relative;
    float: right;
    margin-right: 15px;
}
/*.meld-txtVoor{
   width: calc(100% - 25px);
}*/
.create-melding-createdby {
    border-right: 1px solid #D6D6C2;
    text-align: center;
    padding: 0px 10px;
    margin: 10px auto;
}
.spanMeldTime{top:1.2rem !important;;position: relative;}
.create-todo-label{padding-right: 0;text-align: right;}
.edit-todo-label {
    padding-right: 0;
    text-align: center;
    height: 45px;
}
.todo-minimize-container {
    margin: 0;
    /*padding-left: 0;*/
    /* padding-right: 0; */
    /*margin-left: -4px;*/
}
.createdby-width{border-right: 1px solid #D6D6C2;}
.create-top-btn{padding:0px 2px;margin-top: 5%; }


@media (min-width: 768px) and (max-width: 994px){
.taken-time-col{margin-top: -2px;width:10.5% !important;}
  #cms-message{
    margin-left: 26%;
    width: 74%;
    float:left;
    clear:both;
    text-align: center;
    font-size:medium;
  }
  .taken-actionbtn-col{padding:0;margin:10px 0;}

  .login .paddingcheck {
    padding: 0 0 0 0;
    margin-top: 3rem !important;
}
 .mqflag{
   width:4% !important;
 }
}
@media (min-width: 768px) and (max-width: 1024px){
  .safety-card-toevoegen{
    padding-left:6em !important;
  }
  .mq-todolist-flagidentifier{
    margin-right:1.8em;
  }
  .margin-top{
    margin-top:0 !important;
  }
/*  .melding-list{height:300px !important;}*/
  .tijd-col,.melding-col,.gemeld-col,.voor-col,.status-col,.prio-col,.hide-header{display:none;}
  
}
@media (min-width: 992px){

  .col-md-9 {
    width: 68%;
}
}

.taken-calendar-col{
  margin-left: 95px;
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
.takenlist-flagandseverity {
    float: right;
    width: 18%;
    padding-right: 2%;
}
.reported-by-span{
  font-size: 1.3rem;
}
.gemeld-span{
  font-size: 1.3rem;
}
#gemeld-input{
  width: 64% !important;
}
#gemeld-input-nl{
  width: 78% !important;
}
#gemeld-input-de{
    width: 69% !important;
}
#gemeld-input-es{
  width: 69% !important;
}
#gemeld-input-fr{
  width: 69% !important;
}
#gemeld-input-sa{
  width: 55% !important;
}
#gemeld-input-br{
  width: 90px !important;
}
.panel li span{    font-size: 13px !important;
    /*padding: 17px 0px 14px 10px;*/}
.follow {
    padding: 0;
    padding-left: 5px !important;
}

.uLock{padding-top: 4px !important;}
.select-editable select{padding-left:10px !important; }
.leftpanel{width: 28% !important;}
.flags{
  padding-right: 5px;
  height: 41px;
}
.loc{padding-right: 0px !important;}
.pri{margin-right: 0px !important;}
.taken-calendar-col{width:60%;margin-top:-16px;}
.taken-time-col{margin-top: -7px;width:10%;}
 .mqselecteer{margin-left:2%;}
.mqtodoswidth-adjust{width: 63% !important;overflow: hidden !important;height: 35px !important;}
/*.sm-voor-adjust{
  margin-left:0px !important;
}*/
.laast_bewerk,.enterlogin{
  font-size: 9px !important;
}
 .mqflag{
   width:11%;
 }
 .mqflag1{
   width:11%;
 }
.mqwordwidth{
  float:left;word-break: break-all;height: 21px;overflow: hidden;
}

.trash-logboek{cursor:pointer;margin-left:5em;margin-top:15px}
.logcontain .attachmentresize{
  border-right: 1px solid #D6D6C2;
      padding-right: 0%;
      display: -webkit-box;
    margin-left:-17%;
}
.verzenden-als{margin-left: -30%;margin-top:1%;}
.logboek-last4-col{float:right;position: absolute;right: -2em;width: 39%;background: white;}
.melding-description-long{display:inline-block;width:41rem;height:20px;overflow-wrap:break-word;overflow-wrap:normal;overflow:hidden}

}
.taken-time-row{background-color:white;padding:.3em !important;border:1px solid #DDE1E9;margin:0 !important;width:100%;border-radius:4px;height:40px;margin-top: -11px !important;margin-left: -90px !important;}
.taken-time-icon{display:block;margin-top:.5em;margin-left:5px;color:#857AFF;}
.time-input-col{padding:0 !important;margin:0 !important;}
.taken-time-input{width:93%;margin-left:15px;border:1px solid transparent;text-align:left;border-radius:4px;padding:.1em;height:36px;margin-top:-.2em;}
/*.stat-col{margin-left:-7px;}*/
@media screen and (min-width: 992px) and (max-width: 1159px) {
.panel li span{font-size: 13px;}
.bibimg-div{float:left; margin-left:0%;margin-top:3%;width:60%;height:100%;}
.tijd-col{padding-left:33px;width:10%;}
.melding-col{padding-left:36px;width:60%;}
.gemeld-col{padding-left:12px;width:10%;}
.voor-col{width:5%;padding-left:0px;}
.status-col{width:6%;padding-left:0px;}
.prio-col{width:6%;padding-left:4px;}
.sm-voor{width:25% !important;}
.sm-status-prio{right:0px !important;}
.sm-status-prio1{right:23px !important}
.txtTijd{width:60%;height:40px;background: #FFFFFF;border: 1px solid #DDE1E9;border-radius: 4px;padding:0em .5em;position:absolute;z-index:99;margin-left: 1rem !important;}
.spanMeldTime{top:1em !important;}
.discardCreateNewLog{color: #857AFF;float:right;position:relative;top:-2em;left:6em;padding:0.01em 0.5em;}
.spanIncidentCode{float: left;position:absolute;left:0em;top:0.7em}
.spanLocatie{float: left;position: absolute;top:0.8em;left:2.1em;}
.spanVoor{float: left;position: absolute;top: 0.7em;left: 2.7em;}
.image-create-melding {
    width: 27%;
}
.create-top-btn{margin-top: 7% !important;}
.image-1attachment-span-en {
    color: #C2C9D3;
    font-size: 12px;
    position: relative;
    padding-bottom: .2em;
    padding-top: .3em;
}
.editopvolbuttons{position: absolute;right: 1%;}
.taken-create-container {
    float: right;
    padding-right: 1em;
    margin-top: 1.8%;
    position: relative;
    right: 1.25em;
}
.opvolging-names{padding:0;}
.melding-status-edit{left: 1em !important;}
.create-melding-severity{margin-left: 11% !important;margin-top: .2em !important;}  
.txtVoor,.txtLocatie{width: 81%;height:38px;background: #FFFFFF;border: 1px solid #DDE1E9;padding:0em .8em;position:absolute;left:24%;}
.create-melding-container-div{margin-top: 0.7% !important;margin-bottom: 0.7% !important; }
.txtIncidentenCode{width: 81%;height: 38px;background: #FFFFFF;border: 1px solid #DDE1E9;padding: 0em .8em;position: absolute;left: 24%;}
.txtLocatie-edit {
    width: 80%;
    height: 38px;
    background: #FFFFFF;
    border: 1px solid #DDE1E9;
    padding: 0em .8em;
    position: absolute;
    left: 32%;
    top: .5em;
}
.chkbox-create-meld{font-size: 12.5px;}
.image-1attachment-span{
    top:1px;
}
.image-1attachment-span-en{
    top:1px;
}
.severity-report-edit{margin-top: .6em;margin-left: 6rem;}
.text-tijd-edit{left:0em !important;top:1em !important;}
.attach-edit{width:35%;}
.opvolging-width{width:60%;}
.aangemeldoor-marginleft{float:left;margin: 5px 0px 0px 2px;text-align:left;margin-left:1%;}
.last-updated-div{padding-left: 1%;}
.status-ico-container{position:relative;top:.3em;border-right:1px solid silver;border-left:1px solid silver;height:2.9em;left: 1.7em;padding-right:8.9em;}
.loglockadjust {box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.66), 0px 0px 0px 0px rgba(0, 0, 0, 0.23), inset 0px 0px 0px 0px rgba(0, 0, 0, 0.59);border-radius: 2px;background: white;}
.loglockadjust-edit {position: absolute;left: 30% !important;box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.66), 0px 0px 0px 0px rgba(0, 0, 0, 0.23), inset 0px 0px 0px 0px rgba(0, 0, 0, 0.59);border-radius: 2px;width: 42%;background: white;}
.aangemeldoor-container {padding: 0px 0px;width: 19.5%;}
.createOpvolTextDiv{width: 90% !important;}
.opvolging-names{margin-left: 1% !important;}
.span-tijd-edit{width:176%;height:40px;margin-left:3.5rem;background: #FFFFFF;border: 1px solid #DDE1E9;border-radius: 4px;padding:0em .5em;position:relative;z-index:99;}
.span-report-edit{float:left;position: absolute;left:55px;top:1em;z-index:9;}
.txtGemeldEdit{width: 72%;height:40px;margin-left:70%;background: #FFFFFF;border: 1px solid #DDE1E9;border-radius: 4px;padding:0em .8em}
.mqflag2-edit {width: 13%;height:25px;}
.ico-selected{padding:5px;margin-top:0px;}
.taken-container-edit{float:left;margin-top:1.3em;position: relative;left: 3.5%;padding-right: 0;}
.voortop{margin-top: 0 !important;left: 1%;}
.txtIncidentCode-edit{width: 80%;height:38px;background: #FFFFFF;border: 1px solid #DDE1E9;padding:0em .8em;position:absolute;left:24%;}
.widthann {width: 22% !important;}
.edit-todo-label{padding-left: 0;}
.new-log-minimize-edit{margin: 0px 9px 2px 0px;}
.glyphicon-div{float:left;margin: 5px 0px 0px 2px;text-align:left;margin-left:0.5em;}
.reported-by-header{color:#666;float:left;padding-left:11px;padding-right:0;}
.gemeld-span,.reported-by-span{color:#8493A7 !important;}
/*.logs-header{float:left;padding-left:12px;width:76%;}*/
.report-header-right{padding-left: 4.5%;}
/*.paper-clip-header{float:left;padding-left: 0;padding-right: 0;margin-left: 11%;}*/
/*.prio-header{float:left;padding: 0px 0px 0px 0px;margin-left: 10%;}*/
.time-font-size{font-size:1.3rem !important;}
.header-left{padding-left:15px;}
.for-span{font-size:0.9em;padding-left:0px;width:100%;margin-left: 0.53em !important; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.span-for-en {
    float: right;
    position: absolute;
    top: 0.8em;
    right: -3em;
    margin-left: 55%;
}
.span-for {
    float: left;
    position: absolute;
    top: 0.7em;
    left: 3.1em;
}
.span-voor-edit{top:1em;left:3.5em;}
.span-locatie-edit{top:1.4em;left:2.4em;}
.span-incidentenCode-edit{left:0em;top:0.8em;}
.span-voor-edit-en{float: left;position:absolute;top:1em;left:4em;}
/*.sm-voor-adjust{
    padding-left:16px !important;
}*/
.chkbox-edit-meld{padding: 30px 5px 0px 5px;}
.general-log{font-size: 0.2rem !important;}
.edit-1attach{margin-left: -9px !important;}
.meldinglist-time-div{padding-left: 23px !important;}
.description-span{margin-left:0.53em !important;}
.opvolging-span{margin-left: 0rem !important;height: 20px;}
/*.melding-image-indicator{float:left;padding-left: 0px;padding-right:0px;margin-left:12% !important;}*/
.incident-severity-span{margin-left:39% !important;}
/*.prio-span{float:left;margin-top:0%;background-color:transparent;padding-right: 0;}*/
/*.switch-span{margin-left:35% !important}*/
.logcontain .createdby-div{
   margin: 1% .6% 0 0;
   display:flex;
}
.txtOpvolging{padding: 0;margin-left:8%;}
.editOpvoltextdiv{width:84% !important;}
.addOpvolging-btn{margin-left:-7%;}
.txt-opvolging-description{width:55%;outline:none;}
.opvolging-txt-create{border:none;background-color: transparent;width:59%;}
.opvolging-tijd-create{width:41%;}
.voor-locatie-container{margin-left:-0.2% !important;}
.incident-container-edit{margin-left : -2%;margin-top: 1.5%;margin-bottom: 4.4%;}
.laatst{left : 1% !important;}
/*.ico-selected{height:29px;}*/
}
@media screen and (min-width: 1200px) and (max-width: 1299px) {
  .project-all-language{
    width: 17% !important;
  }
  .spanReportedBy {
    left: -10%;
  }
  .emergency-li{
    left: -1% !important;
  }
  .emergency-lis{
    float: right !important;
    position: absolute !important;
    right: 17% !important;
    vertical-align: middle;
    margin-top: 22px !important;
    top: 0;
  }
  #emergency-btn{
    padding: 6px 6px 6px 6px !important;
  }
  
/*.widthann {
    max-width: 25%;
}*/
/*.col-md-12.create-melding-severity {
    margin-left: 10px !important;
}*/
/*.uLock{
  margin-left:-17px;
}
.uLock .logLock{
    left:18%;
  }*/
/*.cancel-send-btn.widthann,
.cancel-send-btn.heightann{
    margin-left:40px !important;
  }
  .col-md-12.create-melding-severity{
    margin-left:10px !important;
  }*/
/*.txtTijd-en,.txtTijd-nl{margin-left: 0.7rem !important;}*/
/*.spanReportedBy{left:10% !important;}*/
/*#gemeld-input{width:60% !important;margin-left: 40% !important;}*/
.incident-severity-span{margin-left: 0.43em !important;}
/*.melding-image-indicator{left:0;}*/
.txtOpvolging{padding-left: 2px;}
.image-1attachment-span{top:0px;}
.image-1attachment-span-en{top:0px;}
/*.todo-minimize-container{margin:0;padding-left: 31px;}*/
.mq-todolist-flagidentifier{margin-right:0.2em;}
.tijd-col{padding-left:33px;width:10%;}
.melding-col{padding-left:20px;width:61%;}
.gemeld-col{padding-left:13px;width:8%;}
.voor-col{width:7%;padding-left:3px;}
.status-col{width:5%;padding-left:0px;}
.prio-col{width:4%;padding-left:5px;}
.taken-actions{width:100%;height:70px;border:1px solid transparent;border-left:1px solid #f0f4f6;}
.file-margin-top{margin-top:3%;}
.logboek-last4-col{float:right;position: absolute;right:0;width:35.8%;background: white;}
/*.stat-col{display:flex;margin-left:-1em;margin-right:0em;}*/
.verzenden-als{margin-left: -33.5%;margin-top:1.5%;}
/*.sm-voor-adjust{padding-left:0px;}*/
.txtIncidentenCode{width:80%;left:4.4em;}
/*.aangemeldoor-container{padding: 0px 0px;width:19.5%;}*/
/*.cancel-send-btn{background-color:transparent;width:22.1%;}*/
.spanIncidentCode {float: left;position: absolute;left: 0.5em;top: 0.9em;}
.spanLocatie {float: left;position: absolute;top: 0.9em;left: 2.6em;}
.span-for{float: right;position: absolute;top: 0.9em;right: -3.4em;margin-left: 25%;}
.span-for-en {
    float: right;
    position: absolute;
    top: 0.9em;
    right: -3.4em;
    margin-left: 55%;
}
.spanMeldTime{position: relative;top:1.2rem !important;}
.txtIncidentCode-edit{margin-top: 1%;}
.span-tijd-edit{margin-left: 4rem;padding: 1.6em .5em;}
.text-tijd-edit{top:1.1em !important;left:0.3em !important;}
/*.txtGemeldEdit{margin-left: 33%;padding: 1.6em 0.8em;}*/
.span-report-edit{float:left;position: absolute;left:-7%;top:1.05em;z-index: 9;}
.taken-container-edit{float:left;padding-right:1em;margin-top:1.3em;position: relative;left: 2.5em;}
.create-melding-container-div{
  margin-top: 0.5% !important;
  margin-bottom: 0.5% !important;
}
/*.loglockadjust{right: 52px;}*/
.new-log-minimize-edit{margin: 0px 9px 0px 9px;}
.header-left{padding-left: 15px;}
/*.meldinglist-time-div{float:left;padding-left: 3.5%;}*/
.reported-by-header{color: #666;float: left;padding-left: 15px;padding-right: 0;}
/*.logs-header{float: left;padding-left:12px;width:76%;}*/
/*.for-span{font-size:0.9em;padding-left:0px;width:100%;margin-left: 0.53em !important; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}*/
.span-voor-edit{float: left;position:absolute;top:0.9em;left:2em;}
.span-voor-edit-en{float: left;position:absolute;top:0.9em;left:2.5em;}
.span-locatie-edit{float: left;position: absolute;top: 1.3em;left: 1em;}
.report-header-right{padding-left: 6.7%;}
/*.paper-clip-header{float:left;padding-left: 0;padding-right: 0;margin-left: -3%;}*/
/*.prio-header{float:left;padding: 0px 0px 0px 0px;margin-left: 0%;}*/
.image-1attachment-span{color:#C2C9D3;font-size:12px;position: relative;padding-bottom:.2em;top:2px;}
.image-1attachment-span-en{color:#C2C9D3;font-size:12px;position: relative;padding-bottom:.2em;top:2px;}
.image-create-melding{width:27.33%;}
.chkbox-edit-meld{float:left;padding: 36px 5px 0px 15px;}
.chkbox-create-meld{float:left;padding: 23px 5px 5px 15px;}
/*.aangemeldoor-marginleft {
    float: left;
    margin: 5px 0px 0px 2px;
    text-align: left;
    margin-left: 0.5em;
}*/
/*.last-updated-div{padding-left: 4%;padding-bottom:.5em;position:absolute;top:70%;}
.txtIncidentCode-edit {
    width: 81%;
    height: 38px;
    background: #FFFFFF;
    border: 1px solid #DDE1E9;
    padding: 0em .8em;
    position: absolute;
    left: 13%;
}*/
.span-incidentenCode-edit {
    float: left;
    position: absolute;
    left: -1em;
    top: 0.9em;
}
.txtLocatie-edit {
    width: 81%;
    height: 38px;
    background: #FFFFFF;
    border: 1px solid #DDE1E9;
    padding: 0em .8em;
    position: absolute;
    left: 21%;
    top: .5em;
}
.txtVoor-edit{width: 81%;height:38px;background: #FFFFFF;border: 1px solid #DDE1E9;padding:0em .8em;position:absolute;left:4.1em;}
.incident-container-edit{
  padding-top:8px;
}
.discardCreateNewLog {
    color: #857AFF;
    float: right;
    position: relative;
    top: -2em;
    left: 38%;
    padding: 0.01em 0.5em;
}
.new-log-minimize{margin : 0px 6px 0px 6px;} 
/*.create-top-btn{margin-top: 7% !important;padding: 0px 0px !important;} */
.status-ico-container{position:relative;top:0em;border-right:1px solid silver;border-left:1px solid silver;height:2.9em;left: -0.3em;padding-right:12.3em;}
.txtVoor,.txtLocatie{width: 80%;height:38px;background: #FFFFFF;border: 1px solid #DDE1E9;padding:0em .8em;position:absolute;left:4.4em;}
.taken-create-container{float:right;padding-right:1em;margin-top:1.3%;position: relative;right: 1.5em;}
/*.createdby-width {
    width: 17%;
}*/
/*.laatst {
    left: 1% !important;
}*/
/*.create-melding-severity {
    display: flex;
    margin-top: .3em;
    margin-left: 2.2em;
}*/

}
@media screen and (min-width: 1300px) and (max-width: 1400px) {
  /*.meld-txtVoor, .meld-txtLocatie, .meld-txtIncidentenCode {
      margin-right: 15px;
  }*/
  .create-melding-severity{
    width:70%;
  }
  .task-all-project-font-size{
    font-size: 12px !important;
  }
  .project-all-language{
    width: 15% !important;
  }
  .incident-select-pl{
    margin-left: -45px !important;
  }
  .incident-select-nl{
    margin-left: -72px !important;
  }
  .incident-select-de{
    margin-left: -51px !important;
  }
  .incident-select-en{
    margin-left: -40px !important;
  }
  .incident-select-fr{
    margin-left: -40px !important;
  }
  .incident-select-es{
    margin-left: -50px !important;
  }
  .incident-select-sa{
    margin-left: -40px !important;
  }
  .incident-select-br{
    margin-left: -40px !important;
  }
  .margin-top{
    /*margin-top:20% !important;*/
  }
  .reported-by-span{
    font-size: 1.3rem;
  }
  .gemeld-span{
    font-size: 1.3rem;
  }
  /*.create-top-btn{padding : 0px 7px 0px 4px ;margin-top: 0% !important;}*/
  /*#gemeld-input{width:65% !important;margin-left:32% !important;}*/
  .spanReportedBy{left:-7%}
  /*.txtTijd-nl{margin-left: 0.3rem !important;}*/
  .image-1attachment-span-en{top:0px;}
  .txtOpvolging{padding: 0;}
  .opvolging-names{padding-right: 0;}
  .logboek-last4-col{float:right;position: absolute;right: .1em;width: 38%;background: white;}
  /*.stat-col{display:flex;margin-left:-1em !important;margin-right:0em;}*/

  .melding-status-edit{position:relative;top:.3em;border-right:1px solid silver;border-left:1px solid silver;height:2.9em;left:-0.5em;}
  /*.logcontain .createdby-width{width:17%;}*/
  /*.widthann {max-width: 23.3%;}*/
  .incident-container-edit{margin-left : -1.5%;}
  .voor-locatie-create{padding-left:1%;}
  .melding-incident-create{width:41.6%;padding-left:0;}
  /*.cancel-send-btn {
      background-color: transparent;
      margin-left: 16px !important;
  }*/
  /*.create-melding-createdby{width:18.9%;}*/
  .report-header-right{padding-left: 5.5%;}
  /*.paper-clip-header{float:left;padding-left: 0;padding-right: 0;margin-left: -5%;}*/
  /*.prio-header{float:left;padding: 0px 0px 0px 0px;margin-left: 0%;}*/
  .txtIncidentenCode {width: 80%;height: 38px;background: #FFFFFF;border: 1px solid #DDE1E9;padding: 0em .8em;position: absolute;left: 4.9em;}
  .spanIncidentCode {float: left;position: absolute;left: 0.5em;top: 0.8em;}
  .spanLocatie {float: left;position: absolute;top: 0.8em;left: 2.6em;}
  .span-for{float: right;position: absolute;top: 0.8em;right: -3.4em;margin-left: 25%;}
  .span-for-en {
      float: right;
      position: absolute;
      top: 0.8em;
      right: -3.4em;
      margin-left: 55%;
  }
  /*.sm-voor-adjust{padding-left: 3px !important;}*/
  .header-left{padding-left:15px !important;}
  .reported-by-header{padding-left:18px !important;padding-right: 0 !important;}
  /*.logs-header{padding-left: 12px;width:76%;float:left;}*/
  .report-header-right{padding-left: 6.3%;}
  /*.meldinglist-time-div{padding-left: 24px !important;}*/
  /*.switch-span{margin-left: 0px !important;}*/
  /*.prio-span{padding-left: 20% !important;}*/
  .new-log-minimize-edit{margin : 0px 10px 2px 0px;} 
  .txtIncidentCode-edit {
      width: 80%;
      height: 38px;
      background: #FFFFFF;
      border: 1px solid #DDE1E9;
      padding: 0em .8em;
      position: absolute;
      left: 18%;
  }

  .txtVoor-edit{width: 90%;height:38px;background: #FFFFFF;border: 1px solid #DDE1E9;padding:0em .8em;position:absolute;left:3.8em;}
  .span-voor-edit{float: left;position:absolute;top:1.7em;left:1.2em;}
  .span-voor-edit-en{float: left;position:absolute;top:1.7em;left:2em;}
  /*.voortop{padding-right: 0px !important;}*/
  /*.loglockadjust-edit{left:3.6em !important;}*/
  /*.txtGemeldEdit{margin-left: 33% !important;}*/
  /*.span-report-edit{left:20px !important;}*/
  .txtLocatie-edit{
      width: 90%;
      height: 38px;
      background: #FFFFFF;
      border: 1px solid #DDE1E9;
      padding: 0em .8em;
      position: absolute;
      left: 18%;
      top: .5em;
  }
  
  .span-tijd-edit{padding: 1.5em .5em 1.3em ;}
  .span-incidentenCode-edit{float: left;position:absolute;left:-1em;top:2em}
  .span-locatie-edit {
    float: left;
    position: absolute;
    top: 2.1em;
    left: 0.2em;
  }
    .laatst {
        left: 1% !important;
  }
  .txtIncidentCode-edit {
    width: 90%;
    height: 38px;
    background: #FFFFFF;
    border: 1px solid #DDE1E9;
    padding: 0em .8em;
    position: absolute;
    left: 14%;
    top: 0.9em;
}
.taken-container-edit{float:left;padding-right:1em;margin-top:1.7%;position: relative;left: 3.1em;}
.image-1attachment-span {
    color: #C2C9D3;
    font-size: 12px;
    position: relative;
    padding-bottom: .2em;
    padding-top: .3em;
}
.discardCreateNewLog {
    color: #857AFF;
    float: right;
    position: relative;
    top: -2em;
    left: 42%;
    padding: 0.01em 0.5em;
}
.new-log-minimize{margin : 1.5px 3px 3px 3px;}  
.status-ico-container {
    position: relative;
    top: 0em;
    border-right: 1px solid silver;
    border-left: 1px solid silver;
    height: 2.9em;
    left: -0.3em;
    padding-right: 12.4em;
}
.txtVoor,.txtLocatie{left:4.9em;}
.taken-create-container{right: 1.8em !important;}
/*.loglockadjust{right: 52px;}*/
/*#gemeld-input{padding:0em .8em 0em;}*/
/*.spanReportedBy{top:1.2rem !important; }*/
.spanMeldTime{top:1.2rem !important;;position: relative;}
.create-melding-container-div{
      margin-bottom: 0.5% !important;
      margin-top: 3px !important
  }
.incident-severity-span{margin-left: 0.23em !important;}
.emergency-li{
  left: 2% !important;
}
.emergency-lis{
  float: right !important;
  position: absolute !important;
  right: 18% !important;
  vertical-align: middle;
  margin-top: 22px !important;
  top: 0;
}
.scroller {
  max-height: 200px !important;
}
.emergency-list-menu{
  height: 550px !important;
}
}

@media screen and (min-width: 1401px) and (max-width: 1499px) {
  .create-melding-severity{
    width:65%;
  }
  .task-topic-single-festival{
    margin-left: 25px !important;
  }
  .emergencyPopUp-dialog{
    padding-top: 50px !important;
  }
  .specificEmergencyPopUp-modal{
    padding-top: 50px !important;
  }
  .create-top-btn.btn-icnx.glyphicon:before{
    top:0px;
  }
  .emergency-li{
    left: 7% !important;
  }
  .emergency-lis{
    float: right !important;
    position: absolute !important;
    right: 17% !important;
    vertical-align: middle;
    margin-top: 22px !important;
    top: 0;
  }
  
  .margin-top{
    /*margin-top:20% !important;*/
  }
  .header-left {
    padding-left: 15px;
  }
  /*.cancel-send-btn.heightann{
    margin-left:40px !important;
  }*/
  /*.col-md-12.create-melding-severity{
    margin-left:30px !important;
  }*/
  /*.create-todo-label{left:2%;}*/
  /*#gemeld-input{width:77% !important; margin-left: 27% !important;}*/
 
  /*.spanReportedBy{left:0px !important;}*/
 /* .voor-list{padding-right: 8px !important;}*/
  .txtOpvolging{padding: 0;}
  .image-1attachment-span{top:0px;}
  .image-1attachment-span-en{top:0px;}
  /*.sm-voor-adjust{padding-left: 0px !important;}*/
  .logboek-last4-col{float:right;position: absolute;right: .1em;width: 38%;background: white;}
  /*.stat-col{display:flex;margin-left:-7px !important;margin-right:0em;}*/
  .melding-status-edit{position:relative;top:.3em;border-right:1px solid silver;border-left:1px solid silver;height:2.9em;left:-0.5em;}
  /*.logcontain .createdby-width{width:17%;}*/
  /*.widthann {max-width: 25%;}*/
  .incident-container-edit{margin-left : -1.5%;}
  /*.voor-locatie-create{padding-left:1%;}*/
  .melding-incident-create{width:41.6%;padding-left:0;}
  .cancel-send-btn {background-color: transparent;}
  /*.create-melding-createdby{width:19%;}*/
  /*.laatst{left:1% !important;}*/
  .reported-by-header {
    color: #666;
    float: left;
    padding-left: 15px;
  }
  /*.logs-header {
    float: left;
    padding-left: 12px; 
    width:76%;
  }*/
  .report-header-right{padding-left: 6.3%;}
  /*.paper-clip-header{float:left;padding-left: 0;padding-right: 0;margin-left: -7%;}*/
  /*.prio-header{float:left;padding: 0px 0px 0px 0px;margin-left: 0%;}*/
  .txtVoor, .txtLocatie {
    width: 80%;
    height: 38px;
    background: #FFFFFF;
    border: 1px solid #DDE1E9;
    padding: 0em .8em;
    position: absolute;
    left: 23%;
  }
  .txtIncidentenCode {width: 80%;height: 38px;background: #FFFFFF;border: 1px solid #DDE1E9;padding: 0em .8em;position: absolute;left: 23%;}
  .txtLocatie-edit {
      width: 86%;
      height: 38px;
      background: #FFFFFF;
      border: 1px solid #DDE1E9;
      padding: 0em .8em;
      position: absolute;
      left: 18%;
      top: .5em;
  }
  .txtVoor-edit{width: 86%;height:38px;background: #FFFFFF;border: 1px solid #DDE1E9;padding:0em .8em;position:absolute;left:18%;}
  .spanIncidentCode {float: left;position: absolute;left: 0.5em;top: 0.7em;}
  .spanLocatie {float: left;position: absolute;top: 0.8em;left: 2.6em;}
  .span-for{float: right;position: absolute;top: 0.8em;right: -3.4em;margin-left: 25%;}
  .span-for-en {
      float: right;
      position: absolute;
      top: 0.8em;
      right: -3.4em;
      margin-left: 55%;
  }
  .span-voor-edit-en{float: left;position:absolute;top:0.8em;left:2.5em;}
  .span-voor-edit{float: left;position: absolute;top: 0.8em;left: 2em;}
  .span-locatie-edit{float: left;position: absolute;top: 1.2em;left: 1em;}
  /*.last-updated-div {
      padding-left: 3%;
      padding-bottom: .5em;
      position: absolute;
      top: 70%;
  }*/
  /*.aangemeldoor-marginleft {
      float: left;
      margin: 5px 0px 0px 2px;
      text-align: left;
      margin-left: 0.5em;
  }*/
  .txtIncidentCode-edit {
      width: 86%;
      height: 38px;
      background: #FFFFFF;
      border: 1px solid #DDE1E9;
      padding: 0em .8em;
      position: absolute;
      left: 14%;
      top:0.9em;
  }
  .span-incidentenCode-edit {
      float: left;
      position: absolute;
      left: 0em;
      top: 1.5em;
  }
  .chkbox-edit-meld{float:left;padding: 39px 5px 0px 15px;}
  .image-create-melding{width:33.33%;}
  .image-1attachment-span{color:#C2C9D3;font-size:12px;position: relative;padding-bottom:.2em;padding-top:.3em;}
  .discardCreateNewLog {
      color: #857AFF;
      float: right;
      position: relative;
      top: -2.1em;
      left: 41%;
      padding: 0.01em 0.5em;
  }
  .new-log-minimize{margin : 0px 3px 0px 3px;} 
  .new-log-minimize-edit{margin : 0px 7px 0px 7px;} 
  .text-tijd-edit{top:1em !important;left:1% !important;}
  /*.txtGemeldEdit{width: 85%;height:40px;margin-left:24%;background: #FFFFFF;border: 1px solid #DDE1E9;border-radius: 4px;padding:0em .8em}*/
  /*.span-report-edit{float:left;position: absolute;left:-14%;top:1em;z-index:9;}*/
  /*.severity-report-edit {
      margin-left: 17.5% !important;
  }*/
  .taken-create-container {
      float: right;
      padding-right: 1em;
      margin-top: 1.3%;
      position: relative;
      right: 2em;
  }
  /*.spanReportedBy {
      float: left;
      position: absolute;
      left: 38px;
      top: .9em;
      z-index: 9;
  }*/
  /*.create-melding-severity {
      display: flex;
      margin-top: .5em;
      margin-left: 3.2em;
  }*/
  /*.loglockadjust {
      position: absolute;
      right: 53px;
      box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.66), 0px 0px 0px 0px rgba(0, 0, 0, 0.23), inset 0px 0px 0px 0px rgba(0, 0, 0, 0.59);
      border-radius: 2px;
      width: 42%;
      background: white;
  }*/

  /*.loglockadjust-edit {
      position: absolute;
      right: 53px;
      box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.66), 0px 0px 0px 0px rgba(0, 0, 0, 0.23), inset 0px 0px 0px 0px rgba(0, 0, 0, 0.59);
      border-radius: 2px;
      width: 42%;
      background: white;
      left:30% !important;
  }*/
  .status-ico-container {
      position: relative;
      top: 0em;
      border-right: 1px solid silver;
      border-left: 1px solid silver;
      height: 2.9em;
      left: -0.3em;
      padding-right: 13.2em;
  }
  .create-melding-container-div{
      margin-bottom: 0.5% !important;
      margin-top: 3px !important
  }
  /*.meldinglist-time-div{float:left;padding-left:3.5%;}*/
  /*.for-span {
      padding-left: 0px;
      width: 100%;
      margin-left: 0.53em !important;
      display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
  }*/
  /*.melding-image-indicator {
      float: left;
      padding-left: 0px;
      left: -5%;
  }*/
  .incident-severity-span {
      margin-left: 1px !important;
  }
  /*.prio-span {
    float: left;
    margin-top: 0%;
    background-color: transparent;
    padding-left: 8% !important;
    padding-right: 0;
  }*/
  .project-all-language{
    width: 15% !important;
  }
}

@media screen and (min-width: 1500px) and (max-width: 1599px) {


}

@media screen and (min-width: 1930px){
  .emergency-lis{
    float: right !important;
    position: absolute !important;
    right: 18% !important;
    vertical-align: middle;
    margin-top: 22px !important;
    top: 0;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1649px){
  .emergency-li{
    left: 16% !important;
  }
  .emergency-lis{
    float: right !important;
    position: absolute !important;
    right: 16% !important;
    vertical-align: middle;
    margin-top: 22px !important;
    top: 0;
  }
  
}

@media screen and (min-width: 1650px) and (max-width: 1699px){
  .emergency-li{
    left: 20% !important;
  }
  .emergency-lis{
    float: right !important;
    position: absolute !important;
    right: 16% !important;
    vertical-align: middle;
    margin-top: 22px !important;
    top: 0;
  }
  
}

@media screen and (min-width: 1600px) and (max-width: 1699px) {
    .new-log-minimize-edit{margin: 0px 9px 2px 0px;}
    .new-log-minimize{margin: 0px 5px 1px 4px;}
    .discardCreateNewLog{top: -2.3em;left: 38%;}
    .edit-1attach{padding-top: 3.5% !important;}
    .image-1attachment-span{top:2px;}
    .image-1attachment-span-en{top:2px;}
    .txtIncidentenCode{
        width: 80%;
        height: 38px;
        background: #FFFFFF;
        border: 1px solid #DDE1E9;
        padding: 0em .8em;
        position: absolute;
        left: 6em;
        top: 4px;
    }
    .create-todo-label{left:3.5% ;}
    .todo-minimize-container{padding-left: 30px !important;}
    .create-top-btn{padding : 0px 3px !important;}
  /*  .voor-list{padding-right: 16px !important;}*/
    /*.widthann{width:24.8% !important;}*/
    .incident-severity-span{margin-left: 0.33em !important;}
    /*.melding-image-indicator{left:-5% !important;}*/
    .createOpvolTextDiv{width:97% !important;}
    /*.txtOpvolging{padding: 0;margin-left: -3%;}*/
    .editOpvoltextdivwidth{width: 97% ! important;}
    .txtVoor, .txtLocatie{
          width: 80%;
          height: 38px;
          background: #FFFFFF;
          border: 1px solid #DDE1E9;
          padding: 0em .8em;
          position: absolute;
          left: 6em;
    }
    /*.cancel-send-btn{width: 22.5%;}*/
    .span-for{
        float: left;
        position: absolute;
        top: 0.7em;
        left: 5em;
    }

    .spanLocatie{
        float: left;
        position: absolute;
        top: 0.7em;
        left: 4em;
    }

    .spanIncidentCode {
        float: left;
        position: absolute;
        left: 1.9em;
        top: 1em;
    }
    
    /*.create-melding-createdby{width:18.9%;}*/
    .status-ico-container {
        position: relative;
        top: 0em;
        border-right: 1px solid silver;
        border-left: 1px solid silver;
        height: 2.9em;
        left: -0.3em;
        padding-right: 15.9em;
    }

    .span-for-en {
        float: right;
        position: absolute;
        top: 0.7em;
        right: -4.4em;
        margin-left: 55%;
    }
    .span-voor-edit {
        float: left;
        position: absolute;
        top: 0.9em;
        left: 4.5em;
    }
    .span-voor-edit-en{float: left;position:absolute;top:0.9em;left:5em;}
    /*.create-melding-severity{display: flex;margin-top:.3em;margin-left:27%;}*/
    /*#gemeld-input{margin-left: 5.5em !important;width:88% !important;}*/
    .header-left{padding-left:15px;}
    .reported-by-header{padding-left:4px;}
    /*.logs-header{padding-left: 12px;width:76%;float:left;}*/
    /*.sm-voor-adjust{padding-left: 1px;}*/
    /*.prio-header{margin-left: 0.5%;}*/
    /*.meldinglist-time-div{padding-left: 30px;}*/
    /*.for-span{margin-left: 0.53em !important;}*/
    /*.prio-span{padding-left: 13% !important;}*/
    /*.loglockadjust {
        position: absolute;
        right: 62px;
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.66), 0px 0px 0px 0px rgba(0, 0, 0, 0.23), inset 0px 0px 0px 0px rgba(0, 0, 0, 0.59);
        border-radius: 2px;
        width: 42%;
        background: white;
    }*/
    
    /*.loglockadjust-edit {
        position: absolute;
        right: 62px;
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.66), 0px 0px 0px 0px rgba(0, 0, 0, 0.23), inset 0px 0px 0px 0px rgba(0, 0, 0, 0.59);
        border-radius: 2px;
        width: 42%;
        background: white;
    }*/


    /*.aangemeldoor-marginleft {
        float: left;
        margin: 5px 0px 0px 2px;
        text-align: left;
        margin-left: 0.5em;
    }*/

    /*.last-updated-div {
        padding-left: 3%;
        padding-bottom: .5em;
        position: absolute;
        top: 70%;
    }*/
    /*.laast_bewerk{margin-left: -0.5% !important;}*/
    /*.spanReportedBy {
        float: left;
        position: absolute;
        left: 11px;
        top: .9em;
        z-index: 9;
    }*/
    
    .taken-create-container {
        float: right;
        padding-right: 1em;
        margin-top: 1%;
        position: relative;
        
    }
    .opvolging-span{
        margin-top: -1px;
    }

    /*.createdby-width{width:17.1%;}*/
    .glyphicon-div {
        float: left;
        margin: 5px 0px 0px 2px;
        text-align: left;
        margin-left: 0.5em;
    }

    .laatst{left:3% !important;}
    .txtIncidentCode-edit {
        width: 80%;
        height: 38px;
        background: #FFFFFF;
        border: 1px solid #DDE1E9;
        padding: 0em .8em;
        position: absolute;
        left: 3.8em;
        top: 1em;
    }

    .txtLocatie-edit {
        width: 80%;
        height: 38px;
        background: #FFFFFF;
        border: 1px solid #DDE1E9;
        padding: 0em .8em;
        position: absolute;
        left: 25%;
        top: .5em;
    }

    .txtVoor-edit {
        width: 80%;
        height: 38px;
        background: #FFFFFF;
        border: 1px solid #DDE1E9;
        padding: 0em .8em;
        position: absolute;
        left: 25%;
    }

    .span-incidentenCode-edit {
        float: left;
        position: absolute;
        left: 1.5em;
        top: 1.8em;
    }

    .span-locatie-edit {
        float: left;
        position: absolute;
        top: 1.3em;
        left: 3.5em;
    }

    .melding-status-edit {
        position: relative;
        top: .3em;
        border-right: 1px solid silver;
        border-left: 1px solid silver;
        height: 2.9em;
        left: 1em;
    }

    
    /*.loglockadjust-edit{
      left: 30% !important;
    }*/

    .taken-container-edit {
        float: left;
        padding-right: 1em;
        margin-top: 1.3em;
        position: relative;
        left: 7%;
    }

    /*.severity-report-edit{display: flex;margin-top:.3em;margin-left: 70% !important;}*/
    /*.span-report-edit {
        float: left;
        position: absolute;
        left: 6%;
        top: 1em;
        z-index: 9;
    }*/
    .txtTijdEdit{margin-left: 3.9rem !important;}
    /*.txtGemeldEdit{width:100% !important;margin-left: 28% !important;}*/
    .text-tijd-edit{top:1em !important;}
    .span-tijd-edit{margin-left: 72%;}
    .chkbox-edit-meld {
        float: left;
        padding: 41px 5px 0px 15px;
    }
    .create-melding-container-div{margin-bottom: 1% !important;}
    /*.switch-span {
        margin-left: -25% !important;
    }*/

}


@media (max-width: 992px){

 .voortop{
   margin-top: 2rem;
 }

 .attachmentresize{
   float:right;
 }

 .imageresize{
   margin-right: 1rem;
 }
 .resizerow{
   margin-top: 10rem;
 }

 .resizerow1{
   margin-top: 136px;
 }

 .gemeldadjust{
   margin-left: 8.5em !important;
 }
 .gemeldadjust1{
   left:0rem;
 }

.logcontain .bottomrowadjust{
  height:auto;
}
.logcontain .borderanuuleren,.logcontain .attachmentresize,.logcontain .aangemeldoorin{
  border: none;
}

.logcontain .attachmentresize{
      margin-left: 0;
}

.logcontain .toevoegen {
    display: initial;
}

.login .paddingcheck {
    padding: 0 0 0 0;
    margin-top: 7rem;
}

.login .design {
border-radius: 5px;
border: 2px solid #D6D6C2;
background: white;
padding: 0px 3% 0 3%;
}

}
@media (min-width: 1500px) and (max-width: 1600px){
  .taken-calendar-col{
    margin-top:-5%;
  }
  .melding-list-header{    width: calc(72% - 17px) !important;}
  .identifiers,.toknow-identifiers{display:block;padding:3px;background-color:#0E7EAA;color:white;font-weight:bold;font-size:0.6em !important;border-radius:3px !important; -webkit-border-radius: 3px !important;-moz-border-radius: 3px !important;text-align:center;width:50%;margin-top:.4em;}
.toknow-identifiers{background-color:#23B6F7;width:60%;}
.discard-div{position:relative;left:3em;}
.logboek-last4-col{float:right;position: absolute;right: 0.1em;width: 36%;background: white;}
/*.stat-col{display:flex;margin-left:0em;margin-right:0em;}*/
}
/*.cancel-send-btn.heightann{
    margin-left:42px !important;
  }
  .col-md-12.create-melding-severity{
    margin-left:60px !important;
  }*/
@media (min-width: 1601px) and (max-width: 1900px){
  .taken-.txtVoor-edit {
        width: 80%;
        height: 38px;
        background: #FFFFFF;
        border: 1px solid #DDE1E9;
        padding: 0em .8em;
        position: absolute;
        left: 25%;
    }calendar-col{
    margin-top:-5.5%;
  }
  .identifiers,.toknow-identifiers{display:block;padding:3px;background-color:#0E7EAA;color:white;font-weight:bold;font-size:0.6em !important;border-radius:3px !important; -webkit-border-radius: 3px !important;-moz-border-radius: 3px !important;text-align:center;width:50%;margin-top:.4em;}
.toknow-identifiers{background-color:#23B6F7;width:60%;}
.discard-div{position:relative;left:5em;}
.logboek-last4-col{float:right;position: absolute;right: 0.1em;width: 36%;background: white;}
/*.cancel-send-btn.heightann{
    margin-left:42px !important;
  }*/
  /*.col-md-12.create-melding-severity{
    margin-left:60px !important;
  }*/
/*.stat-col{display:flex;margin-left:0em;margin-right:0em;}*/
}
@media (min-width: 1901px) and (max-width: 1980px){
  .taken-calendar-col{
    margin-top:-5.5%;
  }
  /*.create-top-btn{padding : 1px 4px !important;}*/
/*  .voor-list{padding-right: 13px !important;}*/
  /*.sm-voor-adjust{padding-left: 5px !important;}*/
  /*.widthann{width:23.25% !important;}*/
  /*.txtTijd{margin-left: 4.5rem !important;}*/
  /*.opvolging-names{margin-left: -7% !important;}*/
  /*.editOpvoltextdiv{width:100% !important;}*/
  /*.txtOpvolging{padding-left: 0;margin-left: -5% !important;padding-right: 0;}*/
  /*.createOpvolTextDiv{width:100% !important;}*/
  .identifiers,.toknow-identifiers{display:block;padding:3px;background-color:#0E7EAA;color:white;font-weight:bold;font-size:0.6em !important;border-radius:3px !important; -webkit-border-radius: 3px !important;-moz-border-radius: 3px !important;text-align:center;width:50%;margin-top:.4em;}
  .toknow-identifiers{background-color:#23B6F7;width:60%;}
  .discard-div{position:relative;left:5em;}
  .logboek-last4-col{float:right;position: absolute;right: 0.1em;width: 36%;background: white;}
  /*.stat-col{display:flex;margin-left:0em;margin-right:0em;}*/
  .new-log-minimize{margin: 1px 4px 1px 4px;}
  .new-log-minimize-edit{margin: 0px 8px 0px 8px; top:0px !important;}
/*  .txtTijd{margin-left: 4.5rem !important;}
  .txtTijd-en,.txtTijd-nl{margin-left: 1.5rem !important;}
  .txtTijdEdit{margin-left: 4.5rem !important;}
*/  /*.spanReportedBy{left: 5% !important;}*/
  #gemeld-input{width:68% !important;margin-left: 25% !important;}
  /*.create-melding-severity{display: flex;margin-top:.3em;margin-left:32%;}*/
  /*.create-todo-label{left:2%;top:10px;}*/
  /*.meldinglist-time-div{padding-left: 22px;}*/
  /*.for-span{margin-left:0.53em !important;}*/
  /*.logs-header{padding-left: 12px;width:76%;float:left;}*/
  .report-header-right{padding-left: 6%;}
  /*.paper-clip-header{margin-left: -2% !important;}*/
  /*.prio-header{margin-left: -0.5% !important;}*/
  /*.prio-span{padding-left: 7%;}*/
  /*.cancel-send-btn.heightann{
    margin-left:10px !important;
  }*/
  /*.col-md-12.create-melding-severity{
    margin-left:85px !important;
  }*/
  .text-tijd-edit{top:1em !important;}
  .span-tijd-edit{margin-left: 72%;}
  .span-report-edit {
        float: left;
        position: absolute;
        left: 2%;
        top: 1em;
        z-index: 9;
    }
  /*.txtGemeldEdit{width:100% !important;margin-left: 24% !important;}*/
  .edit-todo-label{right:-3%;}
  .melding-status-edit {
        position: relative;
        top: .3em;
        border-right: 1px solid silver;
        border-left: 1px solid silver;
        height: 2.9em;
        left: 1em;
    }
  /*.loglockadjust-edit{
    left: 30% !important;
  }*/

  .taken-container-edit {
      float: left;
      padding-right: 1em;
      margin-top: 1.3em;
      position: relative;
      left: 7%;
  }

  .span-voor-edit {
      float: left;
      position: absolute;
      top: 0.9em;
      left: 4.5em;
  }
  .span-voor-edit-en{float: left;position:absolute;top:0.9em;left:5em;}
  .txtVoor-edit {
        width: 80%;
        height: 38px;
        background: #FFFFFF;
        border: 1px solid #DDE1E9;
        padding: 0em .8em;
        position: absolute;
        left: 25%;
    }

  .span-incidentenCode-edit {
      float: left;
      position: absolute;
      left: 1.5em;
      top: 1.8em;
  }

  .span-locatie-edit {
      float: left;
      position: absolute;
      top: 1.3em;
      left: 3.5em;
  }

  .txtIncidentCode-edit {
        width: 80%;
        height: 38px;
        background: #FFFFFF;
        border: 1px solid #DDE1E9;
        padding: 0em .8em;
        position: absolute;
        left: 4.5em;
        top: 1em;
    }

    .txtLocatie-edit {
        width: 80%;
        height: 38px;
        background: #FFFFFF;
        border: 1px solid #DDE1E9;
        padding: 0em .8em;
        position: absolute;
        left: 25%;
        top: .5em;
    }

    .txtVoor-edit {
        width: 80%;
        height: 38px;
        background: #FFFFFF;
        border: 1px solid #DDE1E9;
        padding: 0em .8em;
        position: absolute;
        left: 25%;
    }
    
    /*.severity-report-edit{display: flex;margin-top:.3em;margin-left: 35%;}*/
    /*.createdby-width{width:17.3%;}*/
}


.dashmenu .switch {
    position: relative;
    display: inline-block;
    width: 51px;
    height: 21px;
  
}

.dashmenu .switch input {display:none;}

.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: 18px;
  width: 18px;
  left: 1px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

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

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

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

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

.slider.round:before {
  border-radius: 50%;
}

.flag-icon.flag-icon-squared {
    width: 1.5em ;
}

.flag-icon {
    background-size: cover !important;
    line-height: 1.2em !important;
}

.ico-flag-selected{
    background-size: contain !important;
    width:25px !important;
      cursor: pointer;
    /* z-index: 2; */
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
    background: #6277a8;
    border: 1px solid #6277a8;
    border-radius: 5px;
    padding: 8px;
    height: 30px;
    box-shadow: 0px 1px 5px 5px rgba(109, 132, 187, 1), 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(12, 0, 0, 0.42);
    margin-bottom: -9px;
    margin-top: -2px;
    margin-right: 3px;
    margin-left: 3px;
}

/*ncr3at0 alignments*/
.followup button.btn-icn {
    width: 24px;
    height: 24px;
    line-height: 1.2;
    position: absolute !important;
    padding: 5px;
    right: 5px;
    top: 3px;
}
.btn-icnx.glyphicon {
    width: 24px;
    height: 24px;
    line-height: 1;
    position: relative;
    margin: 8px 0;
}
.create-top-btn.btn-icnx.glyphicon{
  margin:4px 0;
}
.create-top-btn.btn-icnx.glyphicon:before{
  top:4px;
}
.create-top-btn.btn-icnx.glyphicon.glyphicon-plus:before{
  top:2px;
}
.glyphicon-minus::before{
  color:#333 !important;
}
.btn-icnx.glyphicon::before {
    font-size: 24px !important;
    color: #857AFF;
    /*font-family: -webkit-body;*/
    position: relative !important;
    top: -2px;
    /* left: -4px; */
}
.followup button.btn-icn.glyphicon-plus::before,
.followup button.btn-icn.glyphicon-minus::before {
    font-size: 22px;
    color: #857AFF;
    /*font-family: -webkit-body;*/
    top: -6px;
    position: relative;
    /*left: -3px;*/
}
/*.followup button.btn-icn.glyphicon-plus::before{
  top:-4px;
}*/
/*.followup button.btn-icn.glyphicon-minus,
.btn-icnx.glyphicon-minus{
  text-indent: -2px;
}*/
.followup span.new {
    width: 24px;
    color: #857AFF;
    background-color: #FFF;
    position: absolute;
    right: 25px;
    top: 3px;
    height: 24px;
    padding: 0 6px;
    line-height: 23px;
    border: 1px solid #ccc;
    cursor: pointer;
}
.todostyle.new{
  /* Without apache */
  /* background-image: url("/app/images/plus-empty.png"); */
  /* with apache */
  background-image: url("../images/plus-empty.png");
  background-position: center;
  background-size: 80%;
  background-repeat: no-repeat;
}
.bottomrowadjust .bots{
    z-index: 2;
    position: absolute;
    right: -15px;
    top:6px;
}
.btn-icnx.imgBtn.up,
.followup .imgBtn.up{
    /* Without apache */
    /* background-image: url("/app/images/arrow-up.png"); */
    /* with apache */
    background-image: url("../images/arrow-up.png");
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
}
.btn-icnx.imgBtn.down,
.followup .imgBtn.down {
    /* Without apache */
    /* background-image: url("/app/images/arrow-down.png"); */
    /* with apache */
    background-image: url("../images/arrow-down.png");
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
}
/*.logcontain .aangemeldoor {
    padding: 0 0 0 30px;
    margin: 1% -20px;
}*/
.row.opvolging-width-inner{
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 11;
  /*padding: 0 10px;*/
  left: 0;
  top: 0;
  background-color: #F0F4F6;
  overflow:hidden;
  margin:auto;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.59), 0px 0px 0px 1px rgba(0, 0, 0, 0.59), inset 0px 0px 0px 0px rgba(0, 0, 0, 0.59);
}
.cheks-outer .cheks {
    display: inline;
    position: relative;
    vertical-align: bottom;
    /*min-width: 30%;*/
    margin-right: 30px;
    /*padding-bottom: 10px;*/
}
.cheks-outer .cheks input[type="checkbox"]{
    display: inline;
    vertical-align: bottom;
    margin: auto;
}
.cheks-outer .cheks img{
    width: 18px;
    padding:0;
    position: relative;
    vertical-align: bottom;
}
.cheks-outer .cheks span,
.cheks-outer .cheks small{
  vertical-align: bottom;
  font-size:12px;
}
.new-log-minimize-edit{
  top:auto !important;
  margin:0px !important;
}
/*.filter-list-result.bd li span {
      font-size: 12px;
      margin-left: 0.53em; 
}*/
.filter-list-result.bd .mn span {
      font-size: 1.4rem;
      /*margin-left: 0.53em; */
}
.filter-list-result.bd .mn .description-span {
    margin-bottom: 5px;
    display: inline-block;
    position: relative;
    color: #384b64 !important;
    font-size: 16px;
    width: auto;
   
  }
.tab-row-outer .col-md-1{
  text-align:left;
  position:relative;
}
.tab-row-outer .col-md-1.colby5{
  /* width:8% !important; */
  text-align:left !important;
}
.tab-row-outer .col-md-1.sm-voor{
  text-align:left;
  /* width:9% !important; */
}
.tab-row-outer .col-md-6{
  text-align:left;
  position:relative;
  width:55.3332%;
}
.tab-row-outer .row{
  margin:0 auto;
}
/*.filter-list-result1 .tab-row-outer span {
    margin-left: 0;
}*/

/*.scrollBr::-webkit-scrollbar{
  width:2px;
}*/
.macScroll{
  padding-right: 0px !important;
}
#gemeld-input{
    width: 64%;
    height: 35px;
    background: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 0px 5px 5px 0px;
    padding: 0em .8em 0em;
    border-left: 0;
    color: #384b64;
    margin-left: 80px;
}
#gemeld-input-nl{
    width: 81%;
    height: 35px;
    background: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 0px 5px 5px 0px;
    padding: 0em .8em 0em;
    border-left: 0;
    color: #384b64;
    margin-left: 50px;
}
#gemeld-input-de{
    width: 73%;
    height: 35px;
    background: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 0px 5px 5px 0px;
    padding: 0em .4em 0em;
    border-left: 0;
    color: #384b64;
    margin-left: 65px;
}
#gemeld-input-fr{
  width: 73%;
  height: 35px;
  background: #FFFFFF;
  border: 1px solid #ccc;
  border-radius: 0px 5px 5px 0px;
  padding: 0em .4em 0em;
  border-left: 0;
  color: #384b64;
  margin-left: 65px;
}
#gemeld-input-sa{
  width: 55%;
  height: 35px;
  background: #FFFFFF;
  border: 1px solid #ccc;
  border-radius: 0px 5px 5px 0px;
  padding: 0em .4em 0em;
  border-left: 0;
  color: #384b64;
  margin-left: 115px;
}
#gemeld-input-br{
  width: 65%;
  height: 35px;
  background: #FFFFFF;
  border: 1px solid #ccc;
  border-radius: 0px 5px 5px 0px;
  padding: 0em .4em 0em;
  border-left: 0;
  color: #384b64;
  margin-left: 90px;
}
#gemeld-input-es{
  width: 73%;
  height: 35px;
  background: #FFFFFF;
  border: 1px solid #ccc;
  border-radius: 0px 5px 5px 0px;
  padding: 0em .4em 0em;
  border-left: 0;
  color: #384b64;
  margin-left: 65px;
}
.opvolging-width-inner .createOpvolTextDiv{
  padding:0;
}
.ed-creatby {
    text-align: center;
/*    padding: 0 0 0px 15px;
*/    margin: 10px auto;
}
@media screen and (min-width: 1200px) and (max-width: 1300px) {
  .followup button.btn-icn.glyphicon-plus::before,
  .followup button.btn-icn.glyphicon-minus::before {
      top: -5px;
  }
  .create-top-btn.btn-icnx.glyphicon:before {
      top: 5px;
  }
}

.logout-menu {
  float: right !important;
  position: absolute  !important; 
  right: 10px !important; 
  vertical-align: middle;
  margin-top: 20px !important;
  top:0;
}
#omschrijvingCreate{padding: 10px !important;margin-top: 10px;     color: #384b64;
  font-weight: 300;
    font-size: 14px;}
.panel li{display: inline-block;}
.panel li span{color: #8493a7;font-size: 13px;}
.fltrbtn{
    padding: 14px 6px 14px 12px;
    background: #edeff0;
    border: 1px solid #dde1e9;
    border-radius: 5px;
    color: #8493a7;
    margin-left: -5px;

}
.catpopup{
  position: absolute;
    z-index: 99;
    width: 230px;
    background: #fff;
    padding: 0 10px 10px;
    left: 95px;
    border: 1px solid #ccc;
}
.catpopup li{
      margin-top: 10px;
      display: block;
}
.generic input[type="checkbox"]:after {
    -webkit-transition: opacity 0.05s ease-in-out;
    transition: opacity 0.05s ease-in-out;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 31%;
    left: 5px;
    display: table;
    width: 11px;
    height: 6px;
    border: 3px solid #786DF0;
    border-top: 0;
    border-right: 0;
    content: ' ';
    opacity: 0;
}
.generic input[type='checkbox']{
  height: 20px;
    width: 20px;
    background: white;
    vertical-align: baseline;
    position: relative;
    outline: 0;
    margin:0;
}
.generic input[type='checkbox']:checked:after {
    opacity: 1;
}
.generic input[type='checkbox']:before{
  display: table;
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    content: ' ';
    /* -webkit-transition: background-color 20ms ease-in-out; */
    transition: background-color 20ms ease-in-out;
    background: white;
    border-color: #ddd;
}
textarea#omschrijvingCreate::placeholder {
    color: #8493a7;
}
 .txtTijd-en,.txtTijd-nl{width: 100%;
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 5px 0px 0px 5px;
    height: 35px;
    font-size: 15px;
    color: #384b64;
  }
  .imagefilename{
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 5px;

  }
  .badge1{
    top: 10px;
    margin-left: -2px !important;
    right: 0;
    background: #8479fc;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    padding: 1px 5px;
  }
.dropdown1{
  width:8px;position: absolute;right: 4px;top: 10px;
}
.editmelding.leftpanel img{
    display: inline-block !important;
}

.create-left-div{
  display: block;
  margin-top: 1rem; 
  padding-left: 0px;
  position: relative;
  padding: 11px;
  padding-bottom: 0px;
  border-radius: 5px;
}

div.create-left-div div.row {
  margin-bottom: 2em;
  margin-left: 0px;
}

div.create-left-div input {
  outline: 0;
}

div.create-left-div label {
  font-weight: normal;
  color: #8493a7;
  font-size: 14px;
}

@media screen and (min-width: 1440px){
  .create-meld-container .row{margin-right: -10px;}
}

.melding-long {
  /* hide text if it more than N lines  */
  overflow: hidden;
  max-height: 48px;
  /* for set '...' in absolute position */
  position: relative; 
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  /*max-height: 3.6em;*/ 
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;  
  /* place for '...' */
  margin-right: -1em;
  padding-right: 1em;
}

/* create the ... */
.melding-long:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.melding-long:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: white;
}
/*.voortop .select-editable select:focus{border:1px solid #384b64;}*/
.follow{
  padding: 0;
  padding-left: 15px;
}
@media screen and (min-width: 1281px) and (max-width: 1366px){
  .pri{margin-right: 5px !important;}
  .create-meld-container .row {
    margin-right: -10px;
}
.follow{
  padding-left: 2.5%;
  }

}
.select-editable .dropdown-menu>li>a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.box1{
      padding-top: 50px;
    width: 250px;
    margin: 0 auto;
    height: 300px;
}


.flag-eng-dut-nav{
  float: right !important;
  position:relative !important;
  right:6% !important;
}

 .login-sucess-msg{
  background-color: #fff;
    border-radius: 5px;
    border: 2px solid #D6D6C2;
}

/*#successMsg1{
    color: green;
    font-weight: 500;
    font-size: 16px;
}*/

/*
.Pass-change-div{
  display: flex;
  justify-content: center;
  align-items: center;
} */
.modal-body .item span{
  float: right;
  color: #8493a7;
}
.modal-body .item{
  padding: 5px 0;
}
.modal-body .item label{ 
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width:75%;
  padding-left: 20px;
}
.inner.box_wrapper > p strong {
    width: 75%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.modal-body .item input{
  margin-right: 5px;
}
#logboekFilterId .modal-body .item input{
  position: absolute;
}
#logboekFilterId .modal-body .item input[type='checkbox']{
  width: 16px;
    height: 16px;
}
.festincident{
  border: 1px solid #bbbb;
   color: #8493A7; 
   width: 82%;
   text-align:center;
   font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 1px;
    font-weight: 300;
}
#logboekFilterId .modal-body .item input[type='checkbox']:after {
    top: 28%;
    left: 3px;
    width: 10px;
    height: 6px;
}
.pass-error{
  padding-left: 15px;
  padding-right: 15px;
  float: right;
  width: 75%;
  margin-top: 2px;

}

.username-pass{
  position: relative;
  top: -4.5px;
}
.container .inner-body.fullwidth{
  width: 95% !important;
  left:5% !important;
}
.container .inner-body.fullwidth .melding-list-header{
  width: calc(94% - 2px) !important;
}
.panel.show.col-md-5.noLogboekFilter{
  width: 23% !important;
      margin-top: 34px !important;
}
     /*Media for IE10 & IE11 CSS styles go here */

  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     
      .flag-eng-dut-nav{
        display: flex !important;
        width: auto !important;
      }
      
      .flag-eng-dut-nav .eng-flag-icon{
        right: 4px !important;
      }
  }


.prio-span .sync{
 margin-left: 10px !important;
 position: absolute;
 top: 2px;
}

.descbig{
  width:63% !important;
}
.statustitle{
  display: inline-block;
  width: 70%;
  min-height: 40px;
}
.topdesk{
  color:#105493;
  border:1px solid #105493;
  font-size: 10px;
  text-align: center;
  line-height: 15px;
  margin-top: 5px;
}
.topdesk1{
  font-size: 12px;background: #105493;border-radius: 0;
}
.topdeskmelding{
  background: #105493;
}

.flag-priority {
  position: relative;
  display: inline-block;
}

.red-flag-priority, .green-flag-priority, .yellow-flag-priority {
  position: absolute;
  top: 14px;
  left: 15px;
  font-size: 9px !important;
  margin: 0;
  z-index: 1;
  color: #000 !important;
  font-weight: normal !important;
  cursor: pointer;
}

.opvolging-div-img-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.createOpvolTextDiv .opvolging-names {
  padding-bottom: 10px !important;
}

.opvolging-names .opvolging-div-img-wrapper{
  width: 100%;
}

.d-flex-flags-todo {
  display: flex;
  flex-flow: row-reverse;
}

.d-flex-flags-todo .taken-ico-selected ~ .red-flag-priority, .d-flex-flags-todo .taken-ico-selected ~ .green-flag-priority, .d-flex-flags-todo .taken-ico-selected ~ .yellow-flag-priority {
  top: 7px;
  transition: all .3s;
}

.log-creation-wrapper{
  position: relative;
}

.paper-clip-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute; 
  left: 0;
  bottom: 2px;
  z-index: 9999;
}

.paper-clip-wrapper  img{
  padding: 3px !important;
}

label.green-flag-priority, .flag-priority label{
  display: none;
}

.melding-create-image-wrap{
  margin-left: 25px !important;
  margin-bottom: 5px;
}

.opvolging-uur-edit {
  width: 78%;
  text-align: right;
}

#logboekFilterId .modal-body .item input:focus {
  outline: 0;
}

.analyse-logbook-wrapper {
  display: flex;
  align-items: center;
}

.analyse-logbook-wrapper .analyze-logbook-label {
  display: inline-block;
  margin-left: 8px;
}

.mb-8 {
  margin-bottom: 8px;
}

@media only screen and (min-width: 1700px){
    .dashmenu .switch {
      position: relative;
      display: inline-block;
      width: 51px;
      height: 21px;
      right: 187px !important;
  }
}

/* new date css */

.date-multi-select table{
  background: #243449 !important;
}


.date-multi-select .text-info {
  color: white;
}

.date-multi-select table td button {
  background: #243449;
  border: none;
}
.date-multi-select .btn-info.active{
   color: #fff !important;
  background-color: #857AFF !important;
  border-color: #857AFF !important;
  border-radius: 4px !important;
}
.date-multi-select .small,.date-multi-select small {
  font-size: 15px;
  color: #857AFF;
}

.date-multi-select .dropdown-menu .btn-sm{
  color: white;
}

.date-multi-select .dropdown-menu .h6{
  visibility: hidden;
}

.date-multi-select .dropdown-menu .btn-sm{
  background: #243449;
  border: none;
}
.date-multi-select .btn-default.active {
  background: #243449;
}

.melding-calendar-btn,.melding-calendar-btn:active,.melding-calendar-btn.active,
.melding-calendar-btn.focus,.melding-calendar-btn:focus{
  background-image:none;outline:none;-webkit-box-shadow:none;box-shadow:none;
  border:0; text-decoration:none;
}

span:focus,span.focus,button.focus,button:focus,img:focus,img.focus,p:focus,p.focus {
  outline: none;
  border: 0;
}
.btn:focus {outline: none !important}
.date-multi-select table{
  border-collapse: inherit;
}
.date-multi-select table th button strong{
  color: #857AFF;
}
.date-multi-select table td button span{
  color:white !important;
}

.date-multi-select .btn-info {
  color: #fff;
  background-color: #857aff !important;
  border-color: #857aff !important;
}

.date-multi-select .dropdown-menu, .dropdown-menu-logout {
  position: relative;
}


.date-multi-select .input-group-btn {
  vertical-align: top;
}

.date-multi-select .dropdown-menu {
  width: 92%;
  left: 0px !important;
  top: 16px !important;
}

.date-multi-select .dropdown-menu button {
  border-radius: 4px !important;
}

.filter-list-result li span.time-font-size {
  font-size: 12px !important;
  word-break: break-all !important;
}

.model-log-date .date-multi-select .dropdown-menu {
  top: 0 !important;
}

.filter-list-result1 {
  width: 100%;
}

.d-flex {
  display: flex;

}

.progress {
  height: 5px;
  margin-bottom: 10px;
}

.Leftpanel-left-progressbar, .Leftpanel-right-progressbar {
  width: 50%;
}

.Leftpanel-left-progressbar, .Leftpanel-right-progressbar, .chart-wrapper, .chart-data-first-wrapper,.chart-data-third-wrapper, .chart-data-fourth-wrapper{
  background: #fff;
  padding: 15px 10px;
  border-radius: 5px;
  box-shadow: 0 0px 2px 1px rgba(107, 105, 105, 0.27);
}

.chart-data-second-wrapper{
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0px 2px 1px rgba(107, 105, 105, 0.27);
  min-height: 230px;
}

.chart-data-second-wrapper .heading-left-dash {
  padding: 15px 10px 5px;
}

.chart-data-first-wrapper, .chart-data-second-wrapper, .chart-wrapper, .chart-data-third-wrapper{
  margin-bottom: 20px;
}

.chart-wrapper, .chart-data-first-wrapper{
  min-height: 205px;
}

.chart-data-first-wrapper .heading-left-dash{
  padding-bottom: 10px;
}

.chart-data-third-wrapper, .chart-data-fourth-wrapper  {
  min-height: 139px;
}

.chart-data-second-wrapper .scroll-max-height{
  max-height: 261px;
  border-radius:5px;
}

.mr-right {
  margin-right: 5px;
}

.mr-left {
  margin-left: 5px;
}

.collapse-left-panel-arrow {
  position: absolute;
  top: -3px;
  right: -6px;
  padding: 2px 7px;
  cursor: pointer;
}

.cust-left-wrapper {
  padding: 15px 0 !important; 
  position: relative;
}

.cust-left-wrapper-dashboard {
  padding: 15px 0 !important; 
  position: relative;
}

.staus-wrapper .box {
  width: 100%;
}

.status-toekn {
  font-size: 13px !important;
  color: #8493a7 !important;
  font-weight:500; 
}

.cust-left-wrapper div.row {
  margin: 0 !important; 
}

.staus-wrapper .staus-wrapper{ 
}

.staus-wrapper .subtitle {
  font-size: 13px;
  font-weight: 300;
  color: #8493a7;
  width: 52%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.staus-wrapper .progress--label {
  position: relative;
  color: #d9534f;
  margin-top: 10px;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
}

.staus-wrapper .progress--label h5,.staus-wrapper .progress--label p {
  margin: 0;
  color:#8493a7;
}

.staus-wrapper .progress--label h5 img{
  /* width: 35px; */
}

.staus-wrapper .progress {
  height: 0.5rem;
}

.staus-wrapper .progress-bar {
  background-color: #3e5062 !important;
}

.staus-wrapper .success {
  background-color: #5cb85c;
}

.staus-wrapper .danger {
  background-color: #3e5062;
}

.staus-wrapper .text-green {
  color: #5cb85c;
}

.staus-wrapper .subtitle strong{
  color: #4a525d;
}

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .filter-list-result1 {
    width: 99.3%;
  }
}

@media (min-width: 1150px) and (max-width: 1500px) {
  .prio-span .sync {
    margin-left: 10px !important;
    position: absolute;
    top: 3px;
    left: 28px;
}
}

/* css for tabs */
  /*
 CSS for the main interaction
*/
.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

#tab1:checked ~ .tab-panels #marzen,
#tab2:checked ~ .tab-panels #rauchbier,
#tab3:checked ~ .tab-panels #rauchbier2,
#tab4:checked ~ .tab-panels #ai-editor {
  display: block;
}

.tabset > label {
  position: relative;
  display: inline-block;
  padding: 15px 7px 7px;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 500;
  color: #3c4f67;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #06c;
}

.tabset > input:checked + label {
  border-bottom: 3px solid #857aff;
  color: #384b64;
  background-color: transparent;
  border-radius: 0;
  font-weight: 600;
}

.tabset {
  margin-top: 2px;
}

.tabset label {
  font-size: 13px;
}

/* end here */

/* AI editor panel */
.ai-editor-panel {
  background: #ffffff;
  padding: 16px;
  min-height: 85vh;
  max-width: 520px;
  width: 100%;
  margin: 0 auto 24px 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ai-log-list {
  max-height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 4px 0 0;
  margin-bottom: 8px;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
}

.ai-editor-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.ai-editor-brand {
  font-weight: 700;
  color: #1b2534;
  letter-spacing: 0.4px;
}

.ai-editor-tabs {
  display: flex;
  gap: 16px;
  font-weight: 600;
  color: #7c73ff;
}

.ai-editor-tab {
  position: relative;
  padding-bottom: 6px;
  color: #8a8f9a;
}

.ai-editor-tab.active {
  color: #7c73ff;
}

.ai-editor-tab.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #7c73ff;
  border-radius: 6px;
}

.ai-editor-badge {
  background: #ff3b30;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 6px;
}

.ai-summary-card {
  background: #E7EAF1;
  border-radius: 4px;
  padding: 16px 20px;
  display: flex;
  gap: 24px;
  margin-bottom: 16px;
  width: 100%;
  align-items: center;
}

.ai-summary-content {
  display: flex;
  gap: 24px;
  width: 100%;
  align-items: center;
}

.ai-summary-skeleton {
  display: flex;
  gap: 24px;
  width: 100%;
  align-items: center;
}

.ai-summary-skeleton .ai-skeleton-line {
  flex: 1;
  height: 20px;
  margin-bottom: 0;
}

.ai-empty-message {
  padding: 16px 0;
  color: #000000;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}

.ai-summary-block {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


.ai-summary-card .ai-summary-block + .ai-summary-block {
  position: relative;
}

.ai-summary-card .ai-summary-block + .ai-summary-block::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 70%;
  background: #c9ced8;
}
.ai-summary-value {
  font-size: 32px;
  font-weight: 700;
  color: #3c495c;
  line-height: 1;
}

.ai-summary-label {
  margin-top: 4px;
  display: block;
  font-size: 12px;
  color: #323E48;
  font-weight: 400;
}

.ai-summary-total .ai-summary-value {
  font-size: 23px;
}

.ai-summary-total .ai-summary-label {
  padding-top: 5px;
}

.ai-summary-attention .ai-summary-value {
  font-size: 35px;
}

.ai-summary-value-skeleton {
  width: 50px;
  height: 28px;
  background: linear-gradient(90deg, #eceff5 0%, #f7f9fc 50%, #eceff5 100%);
  background-size: 200% 100%;
  animation: ai-skeleton-shimmer 1.2s ease-in-out infinite;
  border-radius: 2px;
}

.ai-log-card {
  background: #ffffff;
  border: none;
  border-bottom: none;
  padding: 14px 0;
  width: 100%;
  box-shadow: none;
  position: relative;
}

.ai-log-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -16px;
  right: -20px;
  height: 1px;
  background: #dcdfe6;
}

.ai-log-card .ai-log-header {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  color: #384b64;
  margin-bottom: 6px;
  font-size: 15px;
}

.ai-log-meta {
  color: #323E48;
  font-weight: 400;
  font-size: 12px;
  padding-right: 10px;
}

.ai-log-body {
  color: #4b4b4b;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 12px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ai-pagination-container {
  margin-top: auto;
  padding-top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: transparent;
  padding-bottom: 0;
  padding-right: 45px;
}

.ai-page-numbers-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
}

.ai-page-arrow {
  flex-shrink: 0;
}

.ai-page-btn,
.ai-page-number {
  min-width: 26px;
  height: 26px;
  padding: 0 6px;
  border: 1px solid #d5d8e1;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #4b4b4b;
  cursor: pointer;
  background: #f8f9fb;
  flex-shrink: 0;
}

.ai-page-btn.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.ai-page-number.active {
  border-color: #7c73ff;
  background: #eef0ff;
  color: #4b4b4b;
  font-weight: 600;
}

.ai-skeleton-card {
  background: #f3f4f7;
  border: 1px solid #e1e3ea;
  border-radius: 8px;
  padding: 16px 16px 14px;
  margin-bottom: 12px;
}

.ai-skeleton-line {
  height: 12px;
  background: linear-gradient(90deg, #eceff5 0%, #f7f9fc 50%, #eceff5 100%);
  background-size: 200% 100%;
  animation: ai-skeleton-shimmer 1.2s ease-in-out infinite;
  border-radius: 6px;
  margin-bottom: 10px;
}

.ai-skeleton-line.short {
  width: 40%;
}

@keyframes ai-skeleton-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

.ai-tag-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.ai-pill {
  padding: 6px 10px;
  border-radius: 2px;
  font-size: 10px;
  font-weight: 400;
  color: #ffffff;
  display: inline-block;
}

.ai-pill.needs-attention {
  background: #e45850;
}

.ai-pill.neutral {
  background: #e9ebf1;
  color: #6a7485;
}

.ai-log-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  width: 100%;
  margin-top: 14px;
}

.ai-btn {
  flex: 0 0 auto;
  border-radius: 4px;
  height: 32px;
  padding: 0 12px;
  font-weight: 400;
  font-size: 12px;
  line-height: 30px;
  cursor: pointer;
}

.ai-btn.secondary {
  background: #ffffff;
  color: #7c73ff;
  border: 1px solid #7c73ff;
}

.ai-btn.primary {
  background: #7c73ff;
  color: #ffffff;
  border-color: #7c73ff;
  border: 1px solid #7c73ff;
}

.ai-editor-panel .ai-log-card + .ai-log-card {
  margin-top: 12px;
}

.ai-followups-section {
  margin-top: 16px;
  padding-top: 16px;
}

.ai-followups-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  color: #666;
  font-size: 13px;
  user-select: none;
}

.ai-followups-toggle:hover {
  color: #7c73ff;
}

.ai-followups-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
}

.ai-followups-icon.ai-expand-btn {
  overflow: hidden;
  color: #857AFF;
  border: 1px solid #857AFF;
  border-radius: 50%;
  align-items: center;
}

.ai-followups-icon.expanded {
  transform: rotate(180deg);
}

.ai-followups-label {
  font-weight: 700;
  font-size: 12px;
  color: #756AEC;
}

.ai-followups-list {
  margin-top: 12px;
  margin-bottom: 16px;
}

.ai-followup-item {
  padding: 10px 0 10px 12px;
  background: #fafafa;
  border-radius: 6px;
  margin-bottom: 8px;
  padding: 12px;
}

.ai-followup-item:last-child {
  margin-bottom: 0;
}

.ai-followup-header {
  margin-bottom: 4px;
}

.ai-followup-meta {
  font-size: 12px;
  color: #323E48;
  font-weight: 400;
}

.ai-followup-body {
  font-size: 12px;
  color: #323E48;
  margin-bottom: 8px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 400;
}

.ai-followup-item .ai-tag-row {
  margin-top: 8px;
}

.ai-pill.small {
  font-size: 10px;
  padding: 2px 8px;
}

.ai-followup-badge {
  display: inline-block;
  font-size: 10px;
  color: #91A0B3;
  border: 1px solid #91A0B3;
  border-radius: 2px;
  padding: 2px 8px;
  margin-top: 8px;
  margin-bottom: 6px;
  font-weight: 400;
}

img.severity-ico {
  width: 20px;
}
.create-melding-severity img.severity-ico{
  width: 32px;
    margin: 0;
    margin-top: 1px;
    padding: 5px;
}
.heading-left-dash {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.heading-left-dash h3{
  margin: 0 !important;
  font-size: 12px;
  color: rgba(36, 52, 73, 1);
  font-weight: 700;
}

.switch-dashwrapper {
  border: 1px solid #dadee7;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
}

.btn-switch {
  background-color: #edeff0;
  box-shadow: none;
  border: 0;
  padding: 4px 11px;
}

.btn-switch.active {
  background-color: #fff;
  color: #857aff;
  font-weight: 500;
}

.switch-dashwrapper button:nth-child(2){
  border-left: 1px solid #dadee7;
}

.list-graph-data ul{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
  margin-bottom: 3px;
}

.list-graph-data ul li {
  padding-left: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 5px;
}

.list-graph-data ul li:not(:last-child) {
  margin-bottom: 18px;
}

.donut-graph-div img {
  width: 88%;
}

.list-graph-data ul li label{
  font-size: 12px;
  color: rgba(36, 52, 73, 1);
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 120px;
}

.graph-content-wrapper {
  display: flex;
  align-items: center;
  min-height: 150px;
  flex-wrap: wrap;
}

.donut-graph-div {
  width: 50%;
}

.list-graph-data {
  width: 50%;
}

.list-graph-data ul li span{
  font-size: 12px;
  color: rgba(132, 147, 167, 1);
}

.donut-label.legend0::before,
.donut-label.legend1::before,
.donut-label.legend2::before,
.donut-label.legend3::before,
.donut-label.legend4::before
{
  content:'';
  position: absolute;
  left: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.legend3::before {
  background-color: #A7B0BB;
  top: 2px;
}

.legend2::before {
  background-color: #FFD116;
  top: 2px;
}

.legend1::before {
  background-color: #06C2CE;
  top: 2px;
}

.legend0::before {
  background-color: #756AEC;
  top: 2px;
}

.legend4::before {
  background-color: #EF7320;
  top: 2px;
}

.chart-data-second-wrapper .table-striped>tbody>tr:nth-of-type(odd) {
  background-color: rgba(246, 248, 251, 1);
}

.table-flag-img {
  width: 20px;
  vertical-align: baseline;
}
.chart-data-second-wrapper .table>thead:first-child>tr>th:first-child {
    text-align: left;
    vertical-align: baseline;
    
}
.chart-data-second-wrapper table th{
  font-size: 12px;
  font-weight: 500;
  padding: 13px 10px 0px!important;
  color: rgba(132, 147, 167, 1);
  text-align: center;
}

.chart-data-second-wrapper table td{
  font-size: 12px;
  color: rgba(36, 52, 73, 1);
  padding: 8px 10px !important;
}

/* css for scroll */

.mCSB_inside>.mCSB_container {
    margin-right: 0px !important; 
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(132, 147, 167, 1) !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_draggerRail  {
  width: 5px !important;
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(201, 207, 218, 1) !important;
}

/* ends css  */

/* css for progress */
.progress-meld-pg {
  width: 48px;
  height: 48px;
  line-height: 150px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}
.progress-meld-pg:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 4px solid #eee;
  position: absolute;
  top: 0;
  left: 0;
}
.progress-meld-pg > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.progress-meld-pg .progress-meld-pg-left {
  left: 0;
}
.progress-meld-pg .progress-meld-pg-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 4px;
  border-style: solid;
  position: absolute;
  top: 0;
}

.purple-wrapper .progress-meld-pg-bar {
  border-color: rgba(133, 122, 255, 1);
}

.incidentPercBlackColor{
  color: black !important;
}

.incidentPercWhiteColor{
  color: #fff !important;
}

.incidentRedColor{
  background: red !important
}

.incidentGreenColor{
  background: rgba(108, 198, 86, 1) !important;
}

.box .incidentBoxColor{
    padding: 10px 15px;
    border-radius: 5px 5px 0 0;
    margin-bottom: 10px;
    min-height: 90px;
}

.box .incidentBoxBlackColor{
  background: #243449 !important;
  color: #fff !important;
}

.box .incidentBoxWhiteColor{
  background: white !important;
  color: black !important;
}

.red-wrapper .progress-meld-pg-bar {
  border-color: rgba(252, 72, 72, 1);
}
.yellow-wrapper .progress-meld-pg-bar {
  border-color: rgba(255, 223, 30, 1);
}
.green-wrapper .progress-meld-pg-bar {
  border-color: rgba(108, 198, 86, 1);
}

.green-wrapper .progress-meld-pg-bar {
  border-color: rgba(108, 198, 86, 1);
}

.black-wrapper .progress-meld-pg-bar {
  border-color: rgba(0, 0, 0, 1);
}

.orange-wrapper .progress-meld-pg-bar {
  border-color: rgb(234, 133, 55);
}

.progress-meld-pg .progress-meld-pg-left .progress-meld-pg-bar {
  left: 100%;
  border-top-right-radius: 75px;
  border-bottom-right-radius: 75px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.progress-meld-pg .progress-meld-pg-right {
  right: 0;
}
.progress-meld-pg .progress-meld-pg-right .progress-meld-pg-bar {
  left: -100%;
  border-top-left-radius: 75px;
  border-bottom-left-radius: 75px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.progress-meld-pg .progress-meld-pg-value {
  display: flex;
  border-radius: 50%;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-weight: 300;
}

.progress-meld-pg .progress-meld-pg-value span {
  font-size: 12px;
  text-transform: uppercase;
}

/* This for loop creates the 	necessary css animation names 
Due to the split circle of progress-meld-pg-left and progress-meld-pg right, we must use the animations on each side. 
*/

/* loading for 1% */
.progress-meld-pg[data-percentage="1"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-01 1s linear forwards;
}

.progress-meld-pg[data-percentage="1"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: 0;
}


/* loading for 2% */
.progress-meld-pg[data-percentage="2"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-02 1s linear forwards;
}
.progress-meld-pg[data-percentage="2"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: 0;
}

/* loading for 3% */
.progress-meld-pg[data-percentage="3"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-03 1s linear forwards;
}
.progress-meld-pg[data-percentage="3"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: 0;
}

/* loading for 4% */
.progress-meld-pg[data-percentage="4"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-04 1s linear forwards;
}
.progress-meld-pg[data-percentage="4"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: 0;
}

/* loading for 5% */
.progress-meld-pg[data-percentage="5"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-05 1s linear forwards;
}
.progress-meld-pg[data-percentage="5"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: 0;
}

/* loading for 6% */
.progress-meld-pg[data-percentage="6"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-06 1s linear forwards;
}
.progress-meld-pg[data-percentage="6"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: 0;
}

/* loading for 7% */
.progress-meld-pg[data-percentage="7"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-07 1s linear forwards;
}
.progress-meld-pg[data-percentage="7"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: 0;
}

/* loading for 8% */
.progress-meld-pg[data-percentage="8"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-08 1s linear forwards;
}
.progress-meld-pg[data-percentage="8"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: 0;
}

/* loading for 9% */
.progress-meld-pg[data-percentage="9"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-09 1s linear forwards;
}
.progress-meld-pg[data-percentage="9"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: 0;
}

/* loading for 10% */
.progress-meld-pg[data-percentage="10"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-1 1s linear forwards;
}
.progress-meld-pg[data-percentage="10"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: 0;
}

.progress-meld-pg[data-percentage="10"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-1 1s linear forwards;
}
.progress-meld-pg[data-percentage="10"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: 0;
}

/* loading for 20% */
.progress-meld-pg[data-percentage="20"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-2 1s linear forwards;
}
.progress-meld-pg[data-percentage="20"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: 0;
}

/* loading for 30% */
.progress-meld-pg[data-percentage="30"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-3 1s linear forwards;
}
.progress-meld-pg[data-percentage="30"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: 0;
}

/* loading for 40% */
.progress-meld-pg[data-percentage="40"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-4 1s linear forwards;
}
.progress-meld-pg[data-percentage="40"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: 0;
}

/* loading for 50% */
.progress-meld-pg[data-percentage="50"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-5 1s linear forwards;
}
.progress-meld-pg[data-percentage="50"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: 0;
}

/* loading for 60% */
.progress-meld-pg[data-percentage="60"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-5 1s linear forwards;
}
.progress-meld-pg[data-percentage="60"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: loading-1 1s linear forwards 1s;
}

/* loading for 70% */
.progress-meld-pg[data-percentage="70"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-5 1s linear forwards;
}
.progress-meld-pg[data-percentage="70"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: loading-2 1s linear forwards 1s;
}

/* loading for 80% */
.progress-meld-pg[data-percentage="80"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-5 1s linear forwards;
}
.progress-meld-pg[data-percentage="80"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: loading-3 1s linear forwards 1s;
}

/* loading for 90% */
.progress-meld-pg[data-percentage="90"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-5 1s linear forwards;
}
.progress-meld-pg[data-percentage="90"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: loading-4 1s linear forwards 1s;
}

/* loading for 91% */
.progress-meld-pg[data-percentage="91"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-5 1s linear forwards;
}
.progress-meld-pg[data-percentage="91"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: loading-91 1s linear forwards 1s;
} 


/* loading for 92% */
.progress-meld-pg[data-percentage="92"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-5 1s linear forwards;
}
.progress-meld-pg[data-percentage="92"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: loading-92 1s linear forwards 1s;
}

/* loading for 93% */
.progress-meld-pg[data-percentage="93"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-5 1s linear forwards;
}
.progress-meld-pg[data-percentage="93"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: loading-93 1s linear forwards 1s;
}

/* loading for 94% */
.progress-meld-pg[data-percentage="94"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-5 1s linear forwards;
}
.progress-meld-pg[data-percentage="94"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: loading-94 1s linear forwards 1s;
}

/* loading for 95% */
.progress-meld-pg[data-percentage="95"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-5 1s linear forwards;
}
.progress-meld-pg[data-percentage="95"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: loading-95 1s linear forwards 1s;
}

/* loading for 96% */
.progress-meld-pg[data-percentage="96"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-5 1s linear forwards;
}
.progress-meld-pg[data-percentage="96"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: loading-96 1s linear forwards 1s;
}

/* loading for 97% */
.progress-meld-pg[data-percentage="97"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-5 1s linear forwards;
}
.progress-meld-pg[data-percentage="97"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: loading-97 1s linear forwards 1s;
}

/* loading for 98% */
.progress-meld-pg[data-percentage="98"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-5 1s linear forwards;
}
.progress-meld-pg[data-percentage="98"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: loading-98 1s linear forwards 1s;
}


/* loading for 99% */
.progress-meld-pg[data-percentage="99"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-5 1s linear forwards;
}
.progress-meld-pg[data-percentage="99"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: loading-99 1s linear forwards 1s;
}

/* loading for 100% */
.progress-meld-pg[data-percentage="100"] .progress-meld-pg-right .progress-meld-pg-bar {
  animation: loading-5 1s linear forwards;
}
.progress-meld-pg[data-percentage="100"] .progress-meld-pg-left .progress-meld-pg-bar {
  animation: loading-5 1s linear forwards 1s;
}

@keyframes loading-01 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(3);
    transform: rotate(3deg);
  }
}

@keyframes loading-02 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(6);
    transform: rotate(6deg);
  }
}

@keyframes loading-03 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(9);
    transform: rotate(9deg);
  }
}

@keyframes loading-04 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(12);
    transform: rotate(12deg);
  }
}

@keyframes loading-05 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(15);
    transform: rotate(15deg);
  }
}

@keyframes loading-06 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(18);
    transform: rotate(18deg);
  }
}

@keyframes loading-07 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(21);
    transform: rotate(21deg);
  }
}

@keyframes loading-08 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(24);
    transform: rotate(24deg);
  }
}

@keyframes loading-09 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(30);
    transform: rotate(30deg);
  }
}

@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(36);
    transform: rotate(36deg);
  }
}
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(72);
    transform: rotate(72deg);
  }
}
@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(108);
    transform: rotate(108deg);
  }
}
@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(144);
    transform: rotate(144deg);
  }
}

/* animation for 91% to 99% */

@keyframes loading-91 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);  
  }
  100% {
    -webkit-transform: rotate(150);
    transform: rotate(150deg);
  }
}

@keyframes loading-92 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);  
  }
  100% {
    -webkit-transform: rotate(153);
    transform: rotate(153deg);
  }
}

@keyframes loading-93 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);  
  }
  100% {
    -webkit-transform: rotate(156);
    transform: rotate(156deg);
  }
}

@keyframes loading-94 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);  
  }
  100% {
    -webkit-transform: rotate(159);
    transform: rotate(159deg);
  }
}

@keyframes loading-95 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);  
  }
  100% {
    -webkit-transform: rotate(162);
    transform: rotate(162deg);
  }
}

@keyframes loading-96 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);  
  }
  100% {
    -webkit-transform: rotate(165);
    transform: rotate(165deg);
  }
}

@keyframes loading-97 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);  
  }
  100% {
    -webkit-transform: rotate(169);
    transform: rotate(169deg);
  }
}

@keyframes loading-98 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);  
  }
  100% {
    -webkit-transform: rotate(173);
    transform: rotate(173deg);
  }
}

@keyframes loading-99 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);  
  }
  100% {
    -webkit-transform: rotate(177);
    transform: rotate(177deg);
  }
}


/* end here */

@keyframes loading-5 {  
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);  
  }
  100% {
    -webkit-transform: rotate(180);
    transform: rotate(180deg);
  }
}

@keyframes loading-91 {  
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);  
  }
  100% {
    -webkit-transform: rotate(148deg);
    transform: rotate(148deg);
  }
}
@keyframes loading-92 {  
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);  
  }
  100% {
    -webkit-transform: rotate(152deg);
    transform: rotate(152deg);
  }
}
@keyframes loading-93 {  
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);  
  }
  100% {
    -webkit-transform: rotate(156deg);
    transform: rotate(156deg);
  }
}
@keyframes loading-94 {  
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);  
  }
  100% {
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg);
  }
}
@keyframes loading-95 {  
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);  
  }
  100% {
    -webkit-transform: rotate(164deg);
    transform: rotate(164deg);
  }
}
@keyframes loading-96 {  
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);  
  }
  100% {
    -webkit-transform: rotate(168deg);
    transform: rotate(168deg);
  }
}

@keyframes loading-97 {  
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);  
  }
  100% {
    -webkit-transform: rotate(172deg);
    transform: rotate(172deg);
  }
}

@keyframes loading-98 {  
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);  
  }
  100% {
    -webkit-transform: rotate(175deg);
    transform: rotate(175deg);
  }
}

@keyframes loading-99 {  
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);  
  }
  100% {
    -webkit-transform: rotate(177deg);
    transform: rotate(177deg);
  }
}

.ring-dash {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  min-height: 108px;
  padding-top: 22px;
}

.ring-dash-3 {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding-top: 22px;
}

.total-text {
  font-size: 10px;
  color: rgba(56, 75, 100, 1);
  font-weight: 700;
  margin-top: 12px;
  margin-bottom: 0;
  text-align: center;
  padding: 4px 0;
}

.ring-flag img{
  width: 20px;
    margin-top: 12px;
}

/* ends progress */

.tab-panels .collapse-left-panel-arrow {
  position: absolute;
  top: -13px;
  right: -6px;
  padding: 2px 7px;
  cursor: pointer;
}

.wrapper-4by2 {
  display: flex;
  flex-direction: column;
}

.ring-4by-2 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding: 10px 0px 0px;
  padding-top: 22px;
  min-height: 108px;
}

.flag img{
  width: 20px;
}

.tooltip-cust{
  display: inline-block;
position: relative;
}

.tooltip-cust:hover>div.tooltip-wrapper {
  opacity: 1;
  filter: alpha(opacity=100);
  top: 100%;
  right: -9px;
  z-index: 99;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  transform: translate(100%, -50%);
}

.tooltip-cust .tooltip-wrapper {
  background: none repeat scroll 0 0 #222;
  padding: 16px 15px;
  min-width: 240px;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  text-align: center;
  z-index: 2;
  text-transform: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
  top: -50%;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(211, 214, 218, 1);
  border-radius: 4px;
  box-shadow: 0px 4px 16px 0px rgba(132, 147, 167, 0.2);
}

.tooltip-wrapper:before {
  border-color: #313131 rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 10px 5px 0px;
  top: 36%;
  content: "";
  display: block;
  left: -10px;
  position: absolute;
  width: 0;
  transform: translateY(-50%) rotate(90deg);
}

.tooltip-cust .tooltip-wrapper:after {
  border-color: #fff rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 10px 5px 0px;
  top: 36%;
  content: "";
  display: block;
  left: -10px;
  position: absolute;
  width: 0;
  transform: translateY(-50%) rotate(90deg);
}

.tooltip-wrapper li {
    /*padding-left: 20px;*/
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tooltip-wrapper label {
  font-size: 12px;
  color: rgba(36, 52, 73, 1);
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 120px;
}

.tooltip-wrapper ul {
  margin: 0;
}

.tooltip-wrapper ul li:not(:last-child){
  margin-bottom: 10px;
}

.tooltip-wrapper li span{
  font-size: 12px;
  color: rgba(132, 147, 167, 1);
}

.nvd3.nv-pie .nv-pie-title{
  fill : #384B64 !important;
}

svg.nvd3-svg{
  margin-left: -5% !important;
}

.chart-data-second-wrapper .table>tbody>tr>td {
  border-top: 0;
  text-align: center;
  vertical-align: bottom;
}
.create-melding-severity .flag-priority:not(:last-child) {
  margin-right: 10px;
}
.chart-data-second-wrapper :nth-child(2)
{
  vertical-align: baseline;
}

.col-md-2+.col-md-2+.panel {
    margin-left: 0px;
}
.col-md-2+.panel {
    margin-left: 30px;
}
.incident-code label.ellipsis{
  margin-left: 0;
    max-width: 250px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.festdropdown{
  padding-left: 5px;
    text-overflow: ellipsis;
    width: 115px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: text-top;
}
.deadlineDateTimePicker .dropdown-menu{
  background-color: #243449;
  color: #ffffff
}
.deadlineDateTimePicker .datetimepicker .current{
  background-color: #384b64 !important;
}
.datetimepicker .active{
  background-image:  linear-gradient(to bottom, #857AFF, #857AFF);
  background-color: #857AFF;
}

.deadlineDateTimePicker th{
  color: #857AFF;
}
.deadlineDateTimePicker th i{
  color: #ffffff;
}

.deadlineDateTimePicker .datetimepicker .minute:hover, .deadlineDateTimePicker .datetimepicker .hour:hover, .deadlineDateTimePicker .datetimepicker .day:hover, .deadlineDateTimePicker .datetimepicker .switch:hover, .deadlineDateTimePicker .datetimepicker .left:hover, .deadlineDateTimePicker .datetimepicker .right:hover, .deadlineDateTimePicker .datetimepicker span:hover, .deadlineDateTimePicker .datetimepicker .minute:hover, .deadlineDateTimePicker .datetimepicker .hour:hover, .deadlineDateTimePicker .datetimepicker .day:hover {
  background: unset !important;
}
.deadlineDateTimePicker .glyphicon-arrow-left:before {
  content: "\e079";
}
.deadlineDateTimePicker .glyphicon-arrow-right:before {
  content: "\e080";
}
.deadlineIcon{
  color: #857AFF;
}

.flex-1{
  flex: 1 !important;
}
.pl-2{
  padding-left: 20px;
}
.custom-align-items-center{
  align-items: center;
}
.close-cross-btn{
  position: absolute !important;
  color: white !important;
  background-color: #857AFF;
  top: -7px;
  right: -7px;
  height: 20px;
  width: 20px;
  font-size: 1.2rem !important;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
  border: 1px solid !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.time-icon-input{
  display: flex;
  flex: 1;
  text-align: center;
  align-items: center;
  height: 100%;
}
.time-icon-wrapper{
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}
.time-input{
  border: none; 
  width: 100%;
  box-shadow: unset;
}
.font-size-log{
 font-size: 8;
}
.deadlineDateTimePicker a{
  color: #384b64 !important;
  font-weight: 300 !important;
  font-size: 12px !important;
}
.deadline-date-time-picker-dropdown-parent .dropdown-menu {
  background: #243449;
}
.deadline-date-time-picker-dropdown-parent th{
  color: #857AFF;
}
.deadline-date-time-picker-dropdown-parent td{
  color: #ffffff;
}
.deadline-date-time-picker-dropdown-parent .datetimepicker .current{
  background-color: #1e2b3e;
}
.deadline-date-time-picker-dropdown-parent .datetimepicker .day:hover{
  background-color: #1e2b3e;
}
.deadline-date-time-picker-dropdown-paren .left{
  color: #ffffff !important;
}
.deadline-date-time-picker-dropdown-paren .right{
  color: #ffffff !important;
}
.deadline-date-time-picker-dropdown-paren .left:hover{
  background-color: #1e2b3e !important;
}
.deadline-date-time-picker-dropdown-paren .right:hover{
  background-color: #1e2b3e !important;
}
.deadline-date-time-picker-dropdown-paren .switch:hover{
  background-color: #1e2b3e !important;
}
.deadline-date-time-picker-dropdown-parent .glyphicon-arrow-right:before{
  content: "\e080" !important;
}
.deadline-date-time-picker-dropdown-parent .glyphicon-arrow-left:before{
  content: "\e079" !important;
}
/* Todo, Toknow button alignment fixes*/
.facilitor-btn{
  width: 50px !important; 
  margin: 0px !important;
}
.sm-status-prio .taskstat{ 
  margin: 2px 0px !important;
}
.time-completion-wrapper{
  position: absolute;
  /* width: 100%; */
  right: -19px;
}
.time-completion{
  white-space: pre-wrap;
  position: relative;
  top: -18px;
  display: block;
  line-height: 1.1em;
  color: #857AFF !important;
}
@media screen and (min-width: 1300px) {
  .time-completion-wrapper{
    right: -10px;
  }
}
.time-completion-ontvanger {
  white-space: pre-wrap;
  position: relative;
  top: -5.5px;
  display: inline-flex;
  line-height: 1.1em;
  padding: 0px 10px;
}
.card-todo-time-completion{
  white-space: pre-wrap;
  position: relative;
  top: 3px;
  display: block;
  line-height: 1.1em;
  color: #857AFF !important;
}
.deadline-date-time-picker-dropdown-parent .datetimepicker .minute:hover, .datetimepicker .hour:hover, .datetimepicker .day:hover, .datetimepicker .switch:hover, .datetimepicker .left:hover, .datetimepicker .right:hover {
  background-color: #1e2b3e;
}
.deadline-date-time-picker-dropdown-parent .datetimepicker span:hover{
  background:  #1e2b3e;
}
.selectStatusWrapper{
  width: 100%;
  padding: 15px;
}
.selectStatusWrapper select{
  position: unset;
}

.highlightFormTab{
  border: 1px solid #bbbb;
  margin-top: 6px;
  background: #243449;
  color: white; 
  width: 82%;
  text-align:center;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 1px;
  font-weight: 300;
}

.todostyle.disabled {
  cursor: not-allowed !important;
  pointer-events: none !important;
  opacity: 0.6 !important;
}

#deleteFollowupModalToggle .modal-body{
    color:#444444 !important;
}

/* -- SSO Page Layout -- */
.sso-page {
  min-height: calc(100vh - 120px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 24px;
  background: #F0F4F6;
}

.sso-center {
  width: 100%;
  max-width: 380px;
  text-align: center;
}

.sso-card {
  width: 100%;
  max-width: 480px;
  background: #fff;
  border-radius: 16px;
  padding: 40px 36px;
  box-shadow: 0 4px 24px rgba(45, 42, 58, 0.08);
  border: 1px solid rgba(45, 42, 58, 0.06);
}

.sso-logo {
  text-align: center;
  margin-bottom: 24px;
}

.sso-logo img {
  height: 40px;
}

/* -- SSO Button -- */
.sso-btn {
  display: inline-block;
  padding: 12px 28px;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  background: #857AFF;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}

.sso-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.sso-btn-full {
  width: 100%;
}

/* -- SSO Spinner -- */
.sso-spinner {
  width: 72px;
  height: 72px;
  margin: 0 auto 32px;
  position: relative;
}

.sso-spinner::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 4px solid rgba(133, 122, 255, 0.12);
}

.sso-spinner::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 4px solid transparent;
  border-top-color: #857AFF;
  border-right-color: #857AFF;
  border-bottom-color: #857AFF;
  border-left-color: transparent;
  animation: sso-spin 0.9s cubic-bezier(0.5, 0.15, 0.5, 0.85) infinite;
  filter: drop-shadow(0 0 10px rgba(133, 122, 255, 0.25));
}

@keyframes sso-spin {
  to { transform: rotate(360deg); }
}

.sso-spinner-sm {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255,255,255,0.4);
  border-top-color: #fff;
  border-radius: 50%;
  animation: sso-spin 0.7s linear infinite;
  vertical-align: middle;
  margin-right: 8px;
}

/* -- SSO Typography -- */
.sso-headline {
  font-size: 22px;
  font-weight: 600;
  color: #2d2a3a;
  margin: 0 0 12px;
  letter-spacing: -0.02em;
  line-height: 1.3;
}

.sso-body {
  font-size: 15px;
  color: #5c5870;
  margin: 0 0 20px;
  line-height: 1.5;
}

.sso-note {
  font-size: 13px;
  color: #8e8a9e;
  margin: 0;
}

.sso-sub {
  font-size: 14px;
  color: #5c5870;
  margin: 0 0 28px;
  line-height: 1.5;
}

.sso-label {
  font-size: 14px;
  font-weight: 500;
  color: #2d2a3a;
  margin-bottom: 8px;
  display: block;
}

.sso-select {
  width: 100%;
  padding: 5px 14px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  color: #2d2a3a;
  background: #fff;
  outline: none;
}

.sso-select:focus,
.sso-select:focus-visible,
.sso-select:active {
  border: 1px solid #ddd !important;
  outline: none !important;
  box-shadow: none !important;
}

/* -- SSO Error -- */
.sso-error-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 24px;
  border-radius: 50%;
  background: #fef2f2;
  color: #dc2626;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
}

.sso-error-icon .fa {
  line-height: 1;
}

.sso-error-inline {
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 13px;
  color: #dc2626;
  margin-bottom: 20px;
}

/* -- SSO Back Link -- */
.sso-back-link {
  cursor: pointer;
  color: #857AFF;
}

.sso-back-link:hover {
  color: #6e63e6;
}

/* -- SSO Providers -- */
.sso-providers-subtitle {
  margin: 10px 0 6px;
  color: #8493a7;
}

.sso-email-display {
  margin: 0 0 14px;
  color: #4a525d;
  font-weight: 600;
  word-break: break-word;
}

.providers-list .provider-btn {
  width: 100%;
  text-align: left;
  padding: 12px 14px;
  margin-bottom: 10px;
  border: 1px solid #e6eaf0;
  border-radius: 8px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.provider-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.provider-icon {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #f4f6fb;
  color: #4a525d;
  display: flex;
  align-items: center;
  justify-content: center;
}

.provider-icon i {
  font-size: 18px;
  line-height: 1;
}

.provider-name {
  font-weight: 700;
  color: #4a525d;
}

.provider-type {
  font-size: 12px;
  color: #8493a7;
}

.provider-arrow {
  color: #8493a7;
}

.sso-providers-layout {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 180px);
  overflow: hidden;
}

.sso-providers-header {
  flex: 0 0 auto;
  background: #fff;
  padding-top: 6px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6eaf0;
}

.sso-providers-scroll {
  flex: 1 1 auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-top: 12px;
  padding-bottom: 12px;
}

.sso-providers-footer {
  flex: 0 0 auto;
  background: #fff;
  border-top: 1px solid #e6eaf0;
  padding-top: 12px;
}

.sso-providers-back-btn {
  width: 100%;
  color: #857AFF;
  background: transparent;
}

.sso-providers-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  padding: 20px;
}