.overlayDiv {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:99;
}
.hiddenDiv {
  visibility: hidden
}
.middleDiv {
  position:fixed;
  top: 50%;
  left: 50%;
  width:37em;
  height:14em;
  margin-top: -9em; /*set to a negative number 1/2 of your height*/
  margin-left: -20em; /*set to a negative number 1/2 of your width*/
  border: 1px solid #ccc;
  background-color: #f3f3f3;
}
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }  

hr{border-color: #44d1e0!important;}
/*
https://projects.lukehaas.me/-loaders/ 
https://github.com/lukehaas/-loaders
*/
.loader {
    color: #046faf;
    font-size: 90px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 72px auto;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  }
  @-webkit-keyframes load6 {
    0% {
      box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
      box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
      box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
      box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
      box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
      box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
  }
  @keyframes load6 {
    0% {
      box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
      box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
      box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
      box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
      box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
      box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
  }
  @-webkit-keyframes round {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes round {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  
  /* Generel */
  body {
    font-family: "Open Sans", sans-serif;
    background-color: #0b172e;
    /*color: #555555;*/
    color: white;
  }

  h1.pagetitle {
    margin: 0 0 7px 0;
    padding-top: 30px;
    font-size: 2em;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    /*color: rgb(15, 68, 95);*/
    color: white;
    text-shadow: 0 -1px 3px rgb(129, 129, 129)
    
  }

  .zeniverse-top-row .form-group{
    margin-bottom: 7px;
  }

  h4.systemtype {
    margin-top: 1.5em;
  }

  .pagecontent {
    margin-top: 0px;
  }

  .checkbox-adjust {
    vertical-align: -0.45em;
  }

  .no-frame,
  .no-frame[disabled] {
    border: 0px transparent;
    background-color: transparent;
    padding-left: 0;
    box-shadow: none;
    cursor: auto;
    color: #555555;
    margin: 0;
    word-break: normal;
  }
  .no-frame code {
      font-family: "Open Sans", sans-serif;
  }
/* Bootstrap resets and adjustment */
  .unframed-addons .input-group-addon {
    background-color: transparent;
    border-color: transparent;
    padding: 4px 6px 0px 6px;
    border-radius: 2px;
  }

    .unframed-addons  input.form-control:last-child{
      border-bottom-left-radius: 2px;
      border-top-left-radius: 2px;
    }
  
    .input-group i {
      font-size: 1.7em;
    }

  .row-adjust {
    padding: 0 15px;
  }

  .form-control,
  pre {
    border-radius: 2px;
  }

/* Buttons */
  .btn {
    border-radius: 1px;
    
  }

  .btn.btn-success {
    color: #ffffff;
    background: linear-gradient(90deg, #47a64a 0%, #348F50 100%);
    border-color: #119911;
    border-radius: 10px; 
    font-weight: 450;
  }

  .btn.btn-success:hover,
  .btn.btn-success:active {
    color: #ffffff;
    background-color: #119911;
    border-color: #ffffff;
    cursor: pointer;
  }

 .btn-remove {
    background-color: #ffffff;
    color: #555555;
    border: 1px solid rgb(190,62,51);;
    border-radius: 10px;
    padding: 6px 12px;
    margin-bottom: 0;
    
  }

  .btn-remove:hover,
  .btn-remove:active {
    color: #ffffff;
    background-color: #c42522;
    cursor: pointer;
  }

  .btn-default {
    background-color: #ffffff;
    border-color: #185a9d;
    color: #555555;
    border-style: solid;
    border-radius: 10px;
  }
  
    .btn-default:hover,
    .btn-default:active,
    .btn-default:focus {
      color: #ffffff;
      border-color: #2e6da4;
      background-color: #2e6da4;
      cursor: pointer;
    }
  
  .add-btn{
    color: #ffffff;
    /*background: linear-gradient(90deg, #106c71 0%, #1a5678 100%);*/
    background:#31ADE2;
    /* border-color: #487893; */
    border: 0px;
    border-radius: 10px; 
    font-weight: 450;   
  }

  .submit-btn  {
    color: #ffffff;
    /*background: linear-gradient(90deg, #106c71 0%, #1a5678 100%);*/
    background:#31ADE2;
    /* border-color: #487893; */
    border: 0px;
    border-radius: 10px; 
    font-weight: 450;   
  }

  .danger-btn {
    color: #ffffff;
    /*background: linear-gradient(90deg, #106c71 0%, #1a5678 100%);*/
    background: #cc2929;
    /* border-color: #487893; */
    border: 0px;
    border-radius: 10px; 
    font-weight: 450;   
  }



  .add-btn:hover ,
  .add-btn:active {
    color: #072240;
    background-color: #44d1e0;
    border: 0px;
    /* border-color: #ffffff; */
    cursor: pointer;
  }


  .add-btn:focus {
    color: #fff;
  }


  .submit-btn:hover
  ,.submit-btn:active {
    color: #072240;
    background-color: #44d1e0;
    border: 0px;
    /* border-color: #ffffff; */
    cursor: pointer;
  }

  .danger-btn:hover
  ,.danger-btn:active {
    color: #072240;
    background-color: #940909;
    border: 0px;
    /* border-color: #ffffff; */
    cursor: pointer;
  }

  
  .upload-btn, 
  .download-btn {
    color: #2e6da4;
    background-color: #e5e5e5;
    border-color: #e5e5e5;    
  }

  .upload-btn:hover,
  .upload-btn:active, 
  .download-btn:hover,  
  .download-btn:active {
    color: #24AEEE;
    background-color: #ffffff;
    border-color: #ffffff;
    text-transform: none;
    cursor: pointer;
  }
  .upload-btn + .download-btn {
    padding-left: 5px;
  }

  .unframed-btn {
    color: #2e6da4;
    transition-duration: 0.3s;
  }

  .unframed-btn:hover,
  .unframed-btn:active {
    color: #4a97d1;
    transform: scale(1.2);
    z-index: 100;
    transition-duration: 0.1s;
    cursor: pointer;

  }

  .form-control + button {
    margin-top: 15px;
  }
  

/* positioned buttons */
  .addlocal-btn {
    position: fixed;
    bottom: 120px;
    right: 20px;
    z-index: 100;
    min-width: 100px;
  }
  .save-btn {
    position: fixed;
    bottom: 75px;
    right: 20px;
    z-index: 100;
    min-width: 100px;
  }

  .back-btn {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 100;
    min-width: 100px;
  }

  /* Button with Icons */
  .add-btn:before,
  .addlocal-btn:before,
  .back-btn:before, 
  .download-btn:before,
  .save-btn:before,
  .upload-btn:before  {
    font-family: "zenamic-icons" !important;
    content: '\f30b';
    vertical-align: -.15em;
    padding-right: 0.5em;
  }
  .add-btn:before {
    content: '\f306';
  }
  .addlocal-btn:before {
    content: '\f306';
  }
  .back-btn:before   {
    content: '\f30b';
  }
  .download-btn:before {
    content: '\f310';    
  }
  .upload-btn:before {
    content: '\f30f';
  }

  .upload-icon:before {
    content: '\f30f';
}
  
  .save-btn:before {
    content: '\f305';
  }

  /* Radiobuttons */
  input[type=checkbox] + label,
  input[type=radio] + label {
    font-weight: normal;
    margin-right: 10px;
  }
  .checkbox-container input{
    margin-top: 10px;
  }
  .checkbox-container label {
    vertical-align: bottom;
  }
  
  /* Menu */
  .gppr-menu {
    display: flex;
    flex-direction: row;
  }
  
    .gppr-menu .btn {
      padding-top: 1.4em;
      padding-bottom: 1.4em;
    }
    
    .gppr-menu .btn-primary {
      background-color: transparent;
      border-color: transparent;
      border-radius: 0;
      color: rgba(255,255,255,0.7);
      text-shadow: 0 -1px 3px #202020;
      
    }

    .gppr-menu .btn-primary:hover {
      background-color: #185a9d;
      border-color: transparent;
      color: #ffffff;
      cursor: pointer;
    }
      .gppr-menu .btn-primary.active,
      .gppr-menu .btn-primary:active,
      .gppr-menu .btn-primary:focus,
      .gppr-menu .btn-primary.active:hover {
        background-color: transparent; 
        border-color: transparent;
        font-weight: bold; 
        color: #ffffff;
      } 

    .gppr-menu .btn-default{
      color: rgba(255,255,255,0.7);
      background-color: transparent;
      border-color: transparent;
      border-radius: 0;
      text-shadow: 0 -1px 3px #202020;
    }
    
      .gppr-menu .btn-default:hover,
      .gppr-menu .btn-default:active,
      .gppr-menu .btn-default:focus {
        background-color: #185a9d; 
        border-color: transparent;
        color: #ffffff;
      }

    .gppr-menu button {
      background-color: transparent;
      border-color: transparent;
      border-radius: 50%;
      height: 2.2em;
      width: 2.2em; 
      padding-top: 4px;
    }
      .gppr-menu button:hover {
        background-color: rgb(15, 68, 95);
        border-color: transparent; 
        cursor: pointer;
      }

      .gppr-menu button.active {
        background-color: #046faf; 
        border-color: transparent;
      }

      .gppr-menu button + button {
        margin-left: 3px;
      }

  .gppr-first {
    background-color:rgb(51, 51, 51);
    padding: 0 15px;
    flex-grow: 1;
    border-bottom-style: solid; 
    border-bottom-color:#185a9d; 
  
  }

  .gppr-second {
    background-color: rgb(51, 51, 51);
    padding: 0 15px;
    align-self: flex-end;
    text-align: right;
    border-bottom-style: solid; 
    border-bottom-color:#185a9d 
  }

  /* .gppr-third {
    background-color: #f0f;
    padding: 0 15px;
    align-self: flex-end;
    text-align: right;
  } */

   
  .menu-icon {
    color: #ffffff;
    font-size: 2em; 
    padding-right: 10px;
    vertical-align: -0.3em;
  }

  /*next menu*/
  .show-completed-label {
    padding-top: 35px !important;
    margin-top: 35px !important;
  }
  
  
  .zeniverse-top-row {
    /* height: 50px !important; */
    bottom: 100px !important;
  } 
  
  .fa-search {
    color: #44d1e0; 
  }

  /* Login page */

  body, html {
    height: 100%;
  }
  .bg {
    /* The image used */
    background: linear-gradient(90deg, #000000 0%, #185a9d 100%);

    /* Full height */
    height: 100%;
    width: 100% !important;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: repeat;
    background-size: cover;
  }

  .gppr-first-login {
    background-color: transparent
  }

  .gppr-second-login {
  background-color: transparent
  }

  .lillelogo {
    padding: 10px 15px 30px 15px;
    display: center;
  }

  .logintitle {
    font-weight: normal;
    font-size: 40px;
    text-align: center;
    color: #f1f1f1;
    padding: 70px 15px 30px 15px;
  }

  .zen-login-label {
    color: #ffffff;
    font-weight: normal;
  }

  .zen-login-form {
    color: #ffffff;
    background-color: transparent; 
    border-radius: 15px;
  }

  .zeniverse-login-button {
    color: #ffffff;
    border-radius: 15px;
    background-color:transparent;
    border-color: #ffffff; 
    border-width: 2px
  }
  .zeniverse-login-button:hover {
    background-color: #44d1e0;
    color: #ffffff;
    cursor: pointer;
  }

  .loginspacer {
    color: white
  }

  .btn-googleid {
    border: 1px solid #B52B26;
    color: #B52B26;
    background-color: transparent;
    border-radius: 50%;
    font-size: 19px;
    padding: 5px 6px 0px;
  }
  .btn-googleid:hover {
    background-color: #B52B26;
    color: #ffffff;
    cursor: pointer;
  }

  .btn-userlogin {
    border: 1px solid #2e6da4;
    color: #2e6da4;
    background-color: #ffffff;
    border-radius: 19px;
    font-size: 14px;
    padding: 7px 7  px 5px;
  }

  .btn-userlogin:hover {
    background-color: #2e6da4;
    color: #ffffff;
    cursor: pointer;
  }
  
  .btn-userlogin + .btn-userlogin,
  .btn-googleid + .btn-userlogin {
    margin-left: 7px;
  }

  /* Tabel */
  .table>tbody>tr>td, 
  .table>tbody>tr>th, 
  .table>tfoot>tr>td, 
  .table>tfoot>tr>th, 
  .table>thead>tr>td, 
  .table>thead>tr>th {
    vertical-align: middle;

  }

  .thead-dark {
    /*background: linear-gradient(90deg, #000000 0%, #185a9d 100%); */
    background: #3C60A5;
    color: #f1f1f1 !important; 
  }

  .table-striped thead th:first-child {
    border-radius: 3px 0 0 0;
  }
  .table-striped thead th:last-child {
    border-radius: 0 3px 0 0;
  }

  .table-striped thead tr th:nth-child(1)
  {
    width: 20%;
  } 

  .table-striped thead tr th:nth-child(2)
  {
    min-width: 25%;
  } 



  .thead-dark-div {
    border-radius: 10px 10px 0 0;
    padding-top:10px; 
    padding-bottom:10px; 
  }

  .thead-dark-div span {
    margin-left: 8px;
    font-weight: bold;
  }
  
  .table-striped>tbody>tr{
    /*color: #555;*/
    color: white;
  }

  .table-striped>tbody>tr{
    /* background-color: #f5f5f5;*/
     background-color:#274172;
     color: white;
   }

  .table-striped>tbody>tr:nth-of-type(odd) {
   /* background-color: #f5f5f5;*/
    background-color:#1D345E;
    color: white;
  }

  .table-striped>tbody>.sub-level,.table-striped>tbody>.sub-level:nth-of-type(odd)  {
    /* background-color: #f5f5f5;*/
     background-color:#132340;
     color: white;
   }

  


  .table-striped>tbody>tr:hover {
    /*color: #000000;*/
    color: white;
    -webkit-box-shadow:inset 0px 0px 0px 3px #3C60A5;
    -moz-box-shadow:inset 0px 0px 0px 3px #3C60A5;
    box-shadow:inset 0px 0px 0px 3px #3C60A5;
    /*background-color:rgb(129, 129, 129,0.3); */
   /* background-color:#6d6e71;*/

  }

  .table-btn {
    font-size: 1.45em;
    padding: 0.1em .25em 0.05em 0.3em;
    margin: -8px;
    background: 0px solid transparent;
    border-radius: 50%; 
    
  }
  
  .table-btn:hover {
    text-decoration: none;
    border-color: rgb(129, 129, 129);
  }

  .zen-primary {
    color: #119911;
  }
  .zen-primary:hover {
    border-color: #119911;
    color: #119911;
    cursor: pointer;
  }
  .zen-delete {
    color: #FF2A00
  }
  td.btn-cell{
    width: 50px;
    /* padding:0 !important; */
  }


  /*icons in tabel */

  .fa-play-circle {
    color: #fff;
    transition-duration: 0.3s;
  }

  .fa-play-circle:hover,
  .fa-play-circle:active {
    color: #31ADE2;
    transform: scale(1.2);
    z-index: 100;
    transition-duration: 0.1s;
    cursor: pointer;
  }

  .fa-edit {
    color: #fff;
    /* color: #44d1e0; */
    transition-duration: 0.3s;
  }

  .fa-edit:hover,
  .fa-edit:active {
    color: #4a97d1;
    transform: scale(1.2);
    z-index: 100;
    transition-duration: 0.1s;
    cursor: pointer;

  }
  .forward {
    color: #fff;
    text-decoration: solid !important; 
    border-bottom: 1px #fff solid ;
    text-align: center !important;
  }

  .forward:hover,
  .forward:active {
    color: #4a97d1;
    text-decoration: none;
    cursor: pointer;
    border: none;

  }

  .fa-trash-alt {
    /*color: #c93728;*/
    color: #fff;
    transition-duration: 0.3s;
  }

  .fa-trash-alt:hover,
  .fa-trash-alt:active {
    color: #31ADE2;
    transform: scale(1.2);
    z-index: 100;
    transition-duration: 0.1s;
    cursor: pointer;
  
  }

  .fa-download{
    color: #fff;

  }

  .fa-download:hover, 
  .fa-download:active {
    color: #31ADE2;
    transform: scale(1.2);
    z-index: 100;
    transition-duration: 0.1s;
    cursor: pointer;

  }

  .fa-eye {
    color: #ff6600;
    transition-duration: 0.3s;
  }

  .fa-eye:hover,
  .fa-eye:active {
    color:#ff9933;
    transform: scale(1.2);
    z-index: 100;
    transition-duration: 0.1s;
    cursor: pointer;
  
  }
  
  .fa-plus {
    color: #44d1e0;
    transition-duration: 0.3s;
  }

  .fa-plus:hover,
  .fa-plus:active {
    color: #19afb8;
    transform: scale(1.2);
    z-index: 100;
    transition-duration: 0.1s;
    cursor: pointer;

  }

  /* States */
  .status:before {
    font-family: "zenamic-icons";
    content: '\f301';
    vertical-align: -0.15em;
  }

    .userinput .status:before {
      color:#FF9900; 
    }
    .new .status:before {
      color:#24AEEE; 
    }
    .completed .status:before {
      color:#4DC610; 
    }
    .pending .status:before {
      color:#AD11C2; 
    }
    .failed .status:before {
      color:#D51E18; 
    }

  /* systemer */
.system-process {
  background: #fbfbfb;
  padding: 10px;
  border:1px solid #dddddd;
  margin: 10px 0;
}
.process-name {
  margin: 5px 0 20px 0; 
  color: #0A4F6E;
  font-size: 1.6em;  
}

/* Password page*/

.tag-list a {
  margin: 2px;
  padding: 5px 14px;
}
.tag-list a.selected{
  padding: 5px 6px;
}

.tag-list a.selected:before {
  font-family: "zenamic-icons" !important;
  content: '\f305';
  margin-right: 4px;
  font-size: 0.9em;
}

multiple-autocomplete li:last-of-type {
  width: 100%
}

multiple-autocomplete .form-item-container .list-inline li:last-of-type:before {
  font-family: "zenamic-icons" !important;
  content: '\f306';
  vertical-align: -.1em;
}
.form-item-container .list-inline li span {
  border-color: transparent;
  background-color: #31ade2;
  color: #fff;
  border-radius: 2px;
}
.list-inline {
  margin-top: 4px;
}

.linkDisabled {
  cursor: not-allowed;
  pointer-events: none;
  color: grey;
}

/*----------------------------------------------------------*/


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
  border-top: 3px solid #0b172e;
}


.table>thead>tr>th {
  border-bottom: 3px solid #0b172e;
}

.table{
  margin-top: 7px;
}




.input-md{

  background: #16284A;
  border: solid 1px #294882;
  border-radius: 17px !important; 
  color: white;

}



input[type="text"]{

  /*background: #767778;*/
  border: none;
  /*border-radius: 17px !important; */
  color: white;

}


.irobo-add-btn{
  background: #31ADE2;
  color: #072240;
}

.irobo-add-btn:hover{
  color: #31ADE2;
  background: #072240;
}

.irobo-tab{
  padding: 9px;
  border-radius: 5px 5px 0px 0px;
  color: white;
  text-decoration: none !important;
}

.irobo-tab:hover{
  text-decoration: none !important;
  color: white !important;
}

.irobo-tab-active{
  background-color: #44d1e0;
  color: white !important;
}

.irobo-tabs-container{
  border: solid #44d1e0 1px;
  margin-top: 7px;
  padding: 20px 5px;
}

.btn-transparent{
  background: transparent;
  border: 0px;
  outline: none;
}

.delete-link {
  color: #44d1e0;
}
.show-link {
  color: #01e7ff;
}

.delete-link:hover {
  color: #01e7ff;
}

.irobo-link {
  color: #fff;
}


.irobo-link:hover {
  color: #31ADE2;
  cursor: pointer;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
  background-color: #141f33;
}

.disabled-link {
  opacity: 0.3;
  cursor: not-allowed;
}


.disabled-link .fas{
  cursor: not-allowed;
}

.disabled-link .btn.focus,.disabled-link .btn:focus, .btn:hover{
  color: unset;
  /*background: unset;*/
}

.disabled-link .btn{
  background: unset;
}

.btn-transparent-bg button{
  background: transparent;
  
}

.disabled-link .fa-play-circle:hover, .fa-play-circle:active{
  cursor: not-allowed;
  outline: none;
}
/*---------------------app Modal----------------------------*/

.modal{
  margin-top: 60px;
}

.modal-content{
  background-color: #0B172E;

}
 
.modal-title{
  padding-bottom: 15px;
    width: 400px;
    border-bottom: solid 2px #44d1e0;
    padding-left: 20px;
}
.modal-header{
  border-bottom: none;
  padding-left: 0px;
}

.modal-footer{
  border-top: none;
}


.modal-header .close {
  padding-left: 1px;
  margin-top: -2px;
  background-color: #44d1e0;
  width: 32px;
  height: 32px;
  position: absolute;
  right: -11px;
  top: -8px;
  opacity: 1;
  border-radius: 15px;
  color: white;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #fff;
  font-size: 30px;
  font-weight: 500;
  display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center
}

.modal-header .close span {
  margin-top: 0px;
}

.changepassword-from .control-label{
  font-size: 13px;
}

.btn{
  min-width: 75px;
}

.btn-decoration-none{
  background-color: transparent;
  border: none;
}

.outline-none:focus{
  outline: none;
} 

.fa fa-sign-out pull-right{
  padding-top: 3px;
}

.modal-body{
  padding-left: 20px;
}

.form-inline .form-control {
  margin-bottom: 5px;
}

.centroi{
  display: flex;
  justify-content: center;
}