.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('../../img/plus_transp.png') 50% 50% no-repeat;
  -webkit-animation-name: rotate; 
  -webkit-animation-duration: 4.5s; 
  -webkit-animation-iteration-count: infinite;
  -webkit-transition-timing-function: linear;
}
@-moz-keyframes rotate {  
  0% { -webkit-transform: rotate(0deg); }
  20% { -webkit-transform: rotate(90deg); }
  25% { -webkit-transform: rotate(90deg); }
  45% { -webkit-transform: rotate(180deg); }
  50% { -webkit-transform: rotate(180deg); }
  70% { -webkit-transform: rotate(270deg); }
  75% { -webkit-transform: rotate(270deg); }
  100% { -webkit-transform: rotate(360deg); } 
}
@-webkit-keyframes rotate {  
  0% { -webkit-transform: rotate(0deg); }
  20% { -webkit-transform: rotate(90deg); }
  25% { -webkit-transform: rotate(90deg); }
  45% { -webkit-transform: rotate(180deg); }
  50% { -webkit-transform: rotate(180deg); }
  70% { -webkit-transform: rotate(270deg); }
  75% { -webkit-transform: rotate(270deg); }
  100% { -webkit-transform: rotate(360deg); } 
}
@keyframes rotate {  
  0% { -webkit-transform: rotate(0deg); }
  20% { -webkit-transform: rotate(90deg); }
  25% { -webkit-transform: rotate(90deg); }
  45% { -webkit-transform: rotate(180deg); }
  50% { -webkit-transform: rotate(180deg); }
  70% { -webkit-transform: rotate(270deg); }
  75% { -webkit-transform: rotate(270deg); }
  100% { -webkit-transform: rotate(360deg); } 
}

/****************************
*   FOR RESPONSIVENESS      *
****************************/

.clickable-row {
  cursor: pointer;
}

::selection {
  background: #4f5362;
  /* WebKit/Blink Browsers */
  color: #fff;
}
::-moz-selection {
  background: #4f5362;
  /* Gecko Browsers */
  color: #fff;
}
html {
  font-size: 14px;
}
@media only screen and (min-width: 480px) {
  html {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) {
  html {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1024px) {
  p {
    font-size: 1em;
    margin-bottom: 1.8em;
  }
}
/****************************
*      BODY DEFAULTS        *
****************************/
body {
  font-size: 1em;
  background: #f8f8f8;
}
a {
  color: #12819f;
}
a:hover {
  text-decoration: none;
  color: #5db9d1;
}

/********************************
*   ERROR / SUCCES message      *
********************************/

.errorWrapDEV {
  width:100%;
  margin:20px auto;
  padding:10px;
  position:relative;
  border-radius:5px;
  background-color:#e32d1f;
  border-left:5px solid #8B1A11;
  z-index: 5;
  color:white;
}

.errorWrap {
  width:50%;
  margin:20px auto;
  padding:10px;
  position:fixed;
  border-radius:5px;
  background-color:#e32d1f;
  border-left:5px solid #8B1A11;
  z-index: 5;
  color:white;
  top: 3em;
  right: 1em;
}

.errorWrapINDEX {
  width:100%;
  margin:20px auto;
  padding:10px;
  position:relative;
  border-radius:5px;
  background-color:#e32d1f;
  border-left:5px solid #8B1A11;
  z-index: 5;
  color:white;
}

.succWrapINDEX {
  width:100%;
  margin:20px auto;
  padding:10px;
  position:relative;
  border-radius:5px;
  background-color:#2c882c;
  border-left:5px solid #1e5f1e;
  z-index: 5;
  color:white;
}

.succWrap{
  width:50%;
  margin:20px auto;
  padding:10px;
  position:fixed;
  border-radius:5px;
  background-color:#2c882c;
  border-left:5px solid #1e5f1e;
  z-index: 999;
  color:white;
  top: 3em;
  right: 1em;
}

.succWrapRS{
  margin:20px;
  padding:10px;
  border-radius:5px;
  background-color:#f57e1c;
  border-left:5px solid #8B1A11;
  color:#fff;
  position: inline;
  z-index: 999;
}

.infoWrap{
  border-radius:5px;
  background-color:#0275d8 !important;
  border-left:5px solid #01539A !important;
  color:#fff;
  position: inline;
  z-index: 999;
}

/********************************
*     Extra BENO+ styling       *
********************************/

.alert-danger {
  margin:5px;
  padding:10px;
  border-radius:5px;
  background-color:#e32d1f;
  border-left:5px solid #8B1A11;
  color:#fff;
  position: inline;
  z-index: 0;
}

.alert-success {
  margin:5px;
  padding:10px;
  border-radius:5px;
  background-color:#2c882c;
  border-left:5px solid #1e5f1e;
  color:#fff;
  position: inline;
  z-index: 0;
}

.alert-warning {
  margin:5px;
  padding:10px;
  border-radius:5px;
  background-color:#f57e1c;
  border-left:5px solid #8B1A11;
  color:#fff;
  position: inline;
  z-index: 0;
}

.alert-info {
  margin:5px;
  padding:10px;
  border-radius:5px;
  background-color:#1B82DB;
  border-left:5px solid #014681;
  color:#fff;
  position: inline;
  z-index: 0;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #2c882c !important;
  border-color: #2c882c !important;
}


/********************************
*             WCAG              *
********************************/

.btn-success,
btn-primary,
btn-secondary,
btn-success,
btn-danger,
btn-warning,
btn-info,
btn-light,
btn-dark		{
  margin-bottom: 3px !important;
}

/*WCAG2.1*/
.btn-success,
.label-success{
  background-color: #2c882c !important;
}

.btn-warning{
  background: #f57e1c !important;
}

.table-striped a  {
  color: #4e7987;
}

.pagination > li.previous > a, .pagination > li.previous > span,
.pagination > li.next > a, .pagination > li.next > span{ color:#767676}



/****************************
*      Buttons        *
****************************/

/*
// Bootstrap fileinput bug
.btn {
  font-family: 'Oswald', sans-serif;
  font-size: 0.9em;
}
*/
.btn i {
  position: relative;
  top: -2px;
}
.btn.text-left {
  text-align: left;
}
.btn-brand {
  background: #37a6c4;
  color: #fff;
}
.btn-brand:hover {
  color: #fff;
  background: #2c849c;
}
.btn-dark {
  background: #272727;
  color: #fff;
}
.btn-dark:hover {
  color: #fff;
  background: #2c849c;
}
.btn-red {
  background: #4f5362;
  color: #fff;
}
.btn-red:hover {
  color: #fff;
  background: #383b46;
}
.btn-alt {
  background: #fff;
  color: #222;
}

.btn-alt:hover {
  color: #222;
  background: #f0f0f0;
}

/****************************
*      Background Colors        *
****************************/
.bk-primary {
  background: #325d88;
}

.bk-primaryProject {
  background-image: url(../../img/default-house.jpg);
  min-height: 250px;
  background-position: center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  }

.bk-success {
  background: #93c54b;
}
.bk-warning {
  background: #f47c3c;
}
.bk-danger {
  background: #d9534f;
}
.bk-info {
  background: #29abe0;
}
.bk-white,
.bk-light {
  background: #fff;
}
.bk-brand {
  background: #37a6c4;
}
.bk-dark {
  background: #222;
}
.bk-blue {
  background: #0010ce;
}
.bk-alt {
  background: #f7f7f7;
}
.bk-ghost {
  background: transparent;
}
.bk-img {
  position: relative;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image:url('../../img/bg.jpg');
}
.bk-fixed {
  background-attachment: fixed;
}
.hr-green {
  height: 2px;
  background: #37a6c4;
}
.hr-grey {
  height: 2px;
  background: #f0f0f0;
}
.hr-dashed {
  background-color: transparent;
  border-top: 1px dotted #edf0f5;
  color: transparent;
  height: 1px;
  margin: 20px 0;
}
.panel {
  overflow: hidden;
  background-color: white;
  border-color: #d7dce4;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}

.panel > .panel-headingOverview {
    background-color: white;
    border-color: transparent;
    color: black;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}
.panel > .panel-heading {
    background-color: white;
    border-color: #d7dce4;
    background-color: #e9eff4;
    color: #6c7c93;
    margin-top: -5px;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}
/****************************
*      Border        *
****************************/
.brdr {
  border: 1px solid #f0f0f0;
}
/****************************
*      Text size color        *
****************************/
.font-one {
  font-family: 'Oswald', sans-serif;
}
.text-bold {
  font-weight: bold;
}
.text-normal {
  font-weight: normal;
}
.text-thin {
  font-weight: 100;
}
.text-lowercase {
  text-transform: none;
}
.text-sm {
  font-size: 13px;
}
.text-lg {
  font-size: 18px;
}
.text-xl {
  font-size: 1.6em;
}
.text-2x {
  font-size: 2em;
}
.text-3x {
  font-size: 2.4em;
}
.text-4x {
  font-size: 3em;
}
.text-white,
.text-light {
  color: #fff !important;
}
.link-white a {
  color: #fff;
}
.text-grey {
  color: #ccc;
}
.text-dgrey {
  color: #818181;
}
.text-brand {
  color: #37a6c4;
}
.text-yellow {
  color: #ffff00;
}
.title .line {
  display: inline-block;
  padding-bottom: 10px;
  border-bottom: 3px solid #222;
}
/****************************
*       Margins         *
****************************/
.mt {
  margin-top: 18px;
}
.mt-0x {
  margin-top: 0 !important;
}
.mt-2x {
  margin-top: 36px;
}
.mt-3x {
  margin-top: 54px;
}
.mt-4x {
  margin-top: 90px;
}
.mt-5x {
  margin-top: 144px;
}
.mb {
  margin-bottom: 18px;
}
.mb-0x {
  margin-bottom: 0 !important;
}
.mb-2x {
  margin-bottom: 36px;
}
.mb-3x {
  margin-bottom: 54px;
}
.mb-4x {
  margin-bottom: 90px;
}
.mb-5x {
  margin-bottom: 144px;
}
.pt {
  padding-top: 18px;
}
.pt-2x {
  padding-top: 36px;
}
.pt-3x {
  padding-top: 54px;
}
.pt-4x {
  padding-top: 90px;
}
.pt-5x {
  padding-top: 144px;
}
.pb {
  padding-bottom: 18px;
}
.pb-2x {
  padding-bottom: 36px;
}
.pb-3x {
  padding-bottom: 54px;
}
.pb-4x {
  padding-bottom: 90px;
}
.pb-5x {
  padding-bottom: 144px;
}
/* Content boxes */
.content-box {
  padding: 15px;
}
.block-anchor {
  display: block;
}
/****************************
*       Content Typography         *
****************************/
.content-format {
  line-height: 1.6em;
  font-weight: 400;
  letter-spacing: .01em;
  font-style: normal;
  word-wrap: break-word;
}
.content-format .h1,
.content-format .h2,
.content-format .h3,
.content-format .h4,
.content-format .h5,
.content-format .h6,
.content-format h1,
.content-format h2,
.content-format h3,
.content-format h4,
.content-format h5,
.content-format h6 {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-weight: bold;
  font-style: normal;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 40px;
}
.content-format .h1 a,
.content-format .h2 a,
.content-format .h3 a,
.content-format .h4 a,
.content-format .h5 a,
.content-format .h6 a,
.content-format h1 a,
.content-format h2 a,
.content-format h3 a,
.content-format h4 a,
.content-format h5 a,
.content-format h6 a {
  font-size: inherit;
}
.content-format .h2,
.content-format h2 {
  font-size: 3em;
  line-height: 1;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 4px solid #f0f0f0;
}
.content-format .h3,
.content-format h3 {
  font-size: 2em;
  line-height: 1.2;
  margin-bottom: 4px;
  margin: 1em 0 0.5em;
}
.content-format .h4,
.content-format h4 {
  font-size: 1.7em;
  line-height: 1.4;
  margin-bottom: 6px;
}
.content-format .h5,
.content-format h5 {
  font-size: 1.5em;
  line-height: 1.4;
  margin-bottom: 8px;
}
.content-format .h6,
.content-format h6 {
  font-size: 1.3em;
  line-height: 1.4;
  margin-bottom: 10px;
}
.content-format strong {
  font-weight: bold;
}
.content-format ul:not(.social-awesome) {
  list-style: disc outside;
  margin: 1.714285714rem 0 1.714285714rem;
  line-height: 1.714285714;
}
.content-format ul:not(.social-awesome) li {
  margin: 0 0 0 36px;
  margin: 0 1rem 0 2.571428571rem;
}
.content-format ul:not(.social-awesome).list-unstyled {
  list-style: none;
}
.content-format ul:not(.social-awesome).list-unstyled li {
  margin: 0 0 0 24px;
}
.content-format em {
  font-style: italic;
}
.content-format p {
  margin-bottom: 1.8em;
}
.content-format figure {
  margin-bottom: 42px;
}
.content-format figure .caption {
  color: #999;
  font-size: 14px;
}
.content-format img {
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
.content-format .fa {
  color: #37a6c4;
  margin-right: 10px;
}
.content-format blockquote {
  border-left: 4px solid #c3c3c3;
  border-left: 4px solid rgba(51, 51, 51, 0.17);
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  font-size: 1.2em;
  font-style: italic;
  line-height: 1.6667;
  margin-bottom: 1em;
  padding-left: 0.7778em;
}
.content-format blockquote.double-quote {
  border-left: none;
  padding-left: 1em;
}
.content-format pre {
  background: #fff;
  border: 1px solid #ededed;
  color: #666;
  font-family: Consolas, Monaco, Lucida Console, monospace;
  font-size: .9em;
  line-height: 1.714285714;
  margin: 24px 0;
  margin: 1.714285714rem 0;
  overflow: auto;
}
.content-format ol {
  margin: 24px 0 24px;
  margin: 1.714285714rem 0 1.714285714rem;
  line-height: 1.714285714;
  list-style: decimal outside;
}
.content-format img.wp-smiley,
.content-format img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 .07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}

/* JONATHAN */
.modal-header {
 
    background-color: #24536d;
    color:#FFF;
    padding:9px 15px;
    -webkit-border-top-left-radius: 6px !important;
    -webkit-border-top-right-radius: 6px !important;
    -moz-border-radius-topleft: 6px !important;
    -moz-border-radius-topright: 6px !important;
     border-top-left-radius: 6px !important;
     border-top-right-radius: 6px !important;
     
     
 }
 
 .modal-footer {
    background-color: #F5F5F5;
        -webkit-border-bottom-left-radius: 8px !important;
    -webkit-border-bottom-right-radius: 8px !important;
    -moz-border-radius-bottomleft: 8px !important;
    -moz-border-radius-bottomright: 8px !important;
     border-bottom-left-radius: 8px !important;
     border-bottom-right-radius: 8px !important;
     
     
 }
 
 .modal-content  {
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important; 
}

.modal-open {
    overflow: visible !important;
}

/* JONATHAN datatable blue line on first column on click */
table.dataTable tbody td {
  outline: none;
}

table.dataTable tbody tr.selected {
  color: white !important;
  background-color: #317ab9 !important;
}

/* JONATHAN iconen wit */
table.dataTable tbody tr.selected td  a{
  color: white !important;
}

div.dataTables_filter,
div.dataTables_length {
  display: inline-block;
}
div.dataTables_filter {
  float: right;
}

/* datatables hide column */
.hide_column {
  display : none;
}

/* JONATHAN checkbox zonder font-awesome icoon fix */
.checkbox input[type="checkbox"]:checked+label::after,
.checkbox input[type="radio"]:checked+label::after {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
    content: "\f00c";
    font-weight: 900;
}


/* select2 styling beno+ */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #317ab9;
  color: white;
}

.select2-selection__choice {
  color: white;
  background-color: #317ab9;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #317ab9 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
}

 /* 13/08/2019 summernote disc bug */
.ts-sidebar ul,
.ts-sidebar li,
.brand ul,
.brand li{
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 11/2/2022 - link checkboxes */
.checkbox.sn-checkbox-open-in-new-window,
.checkbox.sn-checkbox-use-protocol { 
  display: none; 
}

/* Social Button Modifications */
.btn {
  text-transform: none;
}
.btn-social > :first-child {
  width: 42px;
  line-height: 46px;
}
.btn-social {
  padding-left: 58px;
}
/* Circle buttons */
.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}
/* Chart design */
/* Charts */
.chart-dot-list {
  display: block;
  margin-top: 60px;
  margin-left: 20px;
}
.chart-dot-list li {
  margin-bottom: 4px;
}
.chart-dot-list li:before {
  content: '';
  height: 12px;
  width: 12px;
  margin-right: 6px;
  display: inline-block;
  background: #222;
  border-radius: 50%;
}
.chart-dot-list li.a1:before {
  background: #F7464A;
}
.chart-dot-list li.a2:before {
  background: #46BFBD;
}
.chart-dot-list li.a3:before {
  background: #FDB45C;
}
.chart-doughnut {
  padding: 41px 0;
}


/* component */
.page-title {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.brand {
  background: white;
  position: relative;
  z-index: 99;
  position: fixed;
  width: 100%;
  top: 0;
  height: 50px;
  background-color: white;
  border-bottom: 1px solid #d7dce4 !important;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}

.brand span {
  text-align:center;
  vertical-align:middle;
  line-height: 50px;
}

.brand .logo {
  padding: 0px;
  float: left;
  width: 200px;
  height: 50px;
  background: #17475d;
  font-size: 40px !important;
  color: white;
  unicode-bidi:bidi-override;
  direction:rtl;
}

.brand .logo::first-letter{
  color: gold;
}

@media only screen and (min-width: 1280px) {
  .brand .logo {
    width: 200px;
  }
}

.brand .menu-btn {
  float: right;
  background: #fff;
  text-align: center;
  cursor: pointer;
  color: #000;
  padding: 0px 20px;
  border-bottom: 1px solid #d7dce4 !important;
  height: 50px;
}
@media only screen and (min-width: 1280px) {
  .brand .menu-btn {
    display: none;
  }
}
.brand .ts-profile-nav {
  float: right;
  display: none;
}
.brand .ts-profile-nav li {
  float: left;
  position: relative;
  
}
.brand .ts-profile-nav li a {
  display: block;
  padding: 15px;
  color: #222;
}
.brand .ts-profile-nav li ul {
  visibility: hidden;
  opacity: 0;
  right: 0;
  position: absolute;
  border-left: 1px solid #d7dce4 !important;
  border-bottom: 1px solid #d7dce4 !important;
}
.brand .ts-profile-nav li ul li {
  float: none;
  width: 200px;
}
.brand .ts-profile-nav li ul li a {
  padding: 10px 10px;
  background: #fff;
  color: #222;
}

.brand .ts-profile-nav li ul li a:hover {
  background: #d7dce4;
}

.brand .ts-profile-nav .ts-account > a {
  width: 200px;
  background: #fff;
  color: #222;
  height: 50px;
  border-left: 1px solid #d7dce4 !important;
  border-bottom: 1px solid #d7dce4 !important;
}

.brand .ts-profile-nav .ts-account .ts-avatar {
  border-radius: 50%;
  height: 28px;
  margin: -10px 0;
  margin-right: 10px;
}
.brand .ts-profile-nav .ts-account:hover ul {
  visibility: visible;
  opacity: 1;
}

@media only screen and (min-width: 1280px) {
  .brand .ts-profile-nav {
    display: block;
  }
}
.ts-sidebar::-webkit-scrollbar-track {
  background-color: transparent;
}
.ts-sidebar::-webkit-scrollbar {
  width: 5px;
  background-color: transparent;
}
.ts-sidebar::-webkit-scrollbar-thumb {
  background-color: #b4b4b4;
}
.ts-sidebar {
  background: #24536d;
  max-height: 0;
  transition: max-height 0.3s;
  overflow: hidden;
  position: fixed;
  z-index: 3;
  width: 100%;
  bottom: 0;
  top: 50px;
  overflow-y: auto;
}
.ts-sidebar .hidden-side {
  display: none;
}
.ts-sidebar .ts-sidebar-search {
  width: 100%;
  background: #25292a;
  border: none;
  padding: 10px 15px;
  color: #fff;
}
@media only screen and (min-width: 1280px) {
  .ts-sidebar .ts-profile-nav {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .ts-sidebar {
    max-height: 100%;
    bottom: 0;
  }
}
.ts-sidebar-menu .ts-label {
  color: #fff;
  font-weight: bold;
  padding: 8px 15px;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 3px;
  margin-top: 0px; /* 17/01/2021 -> margin-top: 10px; */
}

.ts-sidebar-menu a {
  display: block;
  text-decoration: none;
  padding: 8px 15px;
  color: #fff;
}
.ts-sidebar-menu li {
  color: #fff;
  position: relative;
}
.ts-sidebar-menu li i {
  color: #fff;
  margin-right: 5px;
}
.ts-sidebar-menu li ul {
  display: block;
  background: rgba(255, 0, 0, 0.12);
  background: rgba(0, 0, 0, 0.32);
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}

.ts-sidebar-menu .fa-angle-down {
  display: none;
}

.menu-open,
.ts-sidebar-menu .open > ul {
  max-height: 2000px;
  z-index: 99999;
}
.ts-sidebar-menu .open > a {
  background: rgba(51, 56, 62, 0.35);
}
.ts-sidebar-menu > .open > a {
  background: #33383e;
  border-left: 3px solid #37a6c4;
}
.ts-sidebar-menu .open > .more i {
  transform: rotate(180deg);
}
.more i {
  color: #fff;
  padding: 15px;
  transition: transform 0.3s;
}
.more {
  float: right;
  min-width: 10%;
  cursor: pointer;
}
.ts-main-content .content-wrapper {
  padding-top: 15px;
  margin-top: 50px;
}
@media only screen and (min-width: 1280px) {
  .ts-main-content .ts-sidebar {
    width: 200px;
    float: left;
  }
  .ts-main-content .content-wrapper {
    margin-left: 200px;
  }
}
/* Login page */
.login-page {
  position: absolute;
  height: 100%;
  width: 100%;
}


.datepicker.dropdown-menu {
  background-color:#FFF;
  border-radius: 10px;
}

.datetimepicker.dropdown-menu {
  background-color:#FFF;
  border-radius: 10px;
}