.modal-lger2 {
max-width: 60%;
                    
}
	   

	 	 	  
	 
@media (max-width: 575.98px) {
	.nietopmobiel {display: none;}
	

	
}
@media (max-width:767.98px) {
	.nietopmobiel {display: none;}

} 
	  .deznav .metismenu ul a {
		  padding-left: 30px;
	  }
	  
	 	
	
	.header-dtable{
		float: left;
		margin-top: 10px;
		
	}
	
	.searchbox{
		border: 3px;
	}
	
    .print-only{
        display: none;
    }

    @media print {
        .no-print {
            display: none;
        }

        .print-only{
            display: block;
        }
}


.dataTables_filter label { 
		
		color:black !important;
		margin-top: 10px !important;
		
	
	}
	.dataTables_filter input { 
		
		border: 3px solid #A02CFA !important;
	    font-size: 1.0em;
	
		
	}
	
	
	div.dataTables_wrapper div.dataTables_paginate ul.pagination{
		justify-content: center !important;
		padding: 10px !important;
		
	}
	
	
.pagination .page-item .page-link {
text-align: center;
z-index: 2;
padding: 0.55rem 1rem;
font-size: 1rem;
background: rgba(255, 255, 255, 0.15);
color: #B1B1B1;
border: 0 !important;
}

.pagination .page-item.active .page-link {
background-color: #A02CFA !important;
border-color: #A02CFA !important;
color: #fff;
border-radius:  0.25rem;
box-shadow: 0 10px 20px 0px rgba(11, 42, 151, 0.2);
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 0 !important;
    background: #fff !important;
    border-radius: 0.25rem;
    color: #0B2A97 !important;
    margin: 0;
    display: inline-block;
	padding: 0px 0px !important;
	font-size: 14px !important;
	}
	
.datatablenumbers {color:#A02CFA !important; font-weight: 500;}
	
.dataTables_info {float: right; margin-top:-15px;}


.pulse-css-green {
  width: 1rem;
  height: 1rem;
  border-radius: 0.5rem;
  border-radius: 3.5rem;
  height: 1rem;
  position: absolute;
  background: #008200;
  right: 0px;
  top: 0px;
  width: 1rem; }
  .pulse-css-green:after, .pulse-css-green:before {
    content: '';
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -.2rem;
    background-color: #008200;
    margin: auto;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: pulse-me 3s linear infinite;
    animation: pulse-me 3s linear infinite; }
    [direction="rtl"] .pulse-css-green:after, [direction="rtl"] .pulse-css-green:before {
      left: auto;
      right: -.2rem; }
  @media only screen and (max-width: 1400px) {
    .pulse-css-green {
      height: 0.5rem;
      width: 0.5rem; } }


.pulse-css-red {
  width: 1rem;
  height: 1rem;
  border-radius: 0.5rem;
  border-radius: 3.5rem;
  height: 1rem;
  position: absolute;
  background: #FF0000;
  right: 0px;
  top: 0px;
  width: 1rem; }
  .pulse-css-red:after, .pulse-css-red:before {
    content: '';
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -.2rem;
    background-color: #FF0000;
    margin: auto;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: pulse-me 3s linear infinite;
    animation: pulse-me 3s linear infinite; }
    [direction="rtl"] .pulse-css-red:after, [direction="rtl"] .pulse-css-red:before {
      left: auto;
      right: -.2rem; }
  @media only screen and (max-width: 1400px) {
    .pulse-css-red {
      height: 0.5rem;
      width: 0.5rem; } }



.bg-admin {
  background-color: #FF00FB !important; }

a.bg-admin:hover, a.bg-admin:focus,
button.bg-admin:hover,
button.bg-admin:focus {
  background-color: #FF00FB !important; }

.fa-xs {
	line-height: normal;
	vertical-align: baseline;
	font-size: .75em !important;
}
.fa-2xs {
	margin-left:-5px;
	font-size: 2em !important;
}
.fa-2x {
	
	font-size: 2em !important;
}
.fa-sm {
	font-size: .875em !important;
}
.fa-lg {
	font-size: 1.33em !important;
}
.fa-3x {
	font-size: 3em !important;
}
.fa-5x {
	font-size: 5em !important;
}
.fa-7x {
	font-size: 7em !important;
}
.fa-10x {
	font-size: 10em !important;
}


	.osint-tabel {
		width:100%;
		
		
	}	
	.ostin-tabel-hoofdtext {
		width:290px;
		
		
	}
	.ostin-tabel-regeltext {
		font-weight: bold;
		height: 60px;
	
	}


.modules .regions.main-region .main-region {
    display: block;
/*    min-height:calc(30vh - 50px)*/
}

.modules .regions .main-region {
    background: #fff;
    position: relative;
    padding:40px 50px 20px
}

.modules .regions .main-region .region-container {
    min-width: 735px;
    max-width: 100%;
   
}

.modules .regions .main-region .region-header {
    background: transparent;
    padding: 0 0 20px;
    color: #000;
    display: flex;
    margin-bottom: 20px;
    min-height: 50px;
    align-items: start;
    border-bottom:1px solid #e3e3e3
}

.modules .regions .main-region .region-header .btn:focus {
    box-shadow:none
}

.modules .regions .main-region .region-header .region-header-title {
    font-size:26px
}

.modules .regions .main-region .region-header .region-header-buttons {
    display: flex;
    align-items: start;
    margin-left:auto
}

.modules .regions .main-region-panel {
    box-shadow: 0 0 .25rem rgba(0, 0, 0, .1);
    border: 1px solid #e6e6e6;
/*    min-height:25vh*/
}

.modules .regions .main-region-content {
    background: #fff;
    padding: 2rem;
    flex: 1;
/*    min-height: 5vh;*/
    position:relative
}



.modules .region-gray-header {
    background: #E7ECFF;
    display: flex;
    min-height: 80px;
    align-items: center;
    padding: 1.25rem 2rem;
    border-bottom:5px solid #0B2A97
}
.HEADERCOMMON {
    padding: 0px; 
    font-size: 20px !important; 
    flex: 0 0 380px; 
    border-bottom-width: 0px; 
    border-bottom-style: solid; 
    border-bottom-color: rgb(227, 227, 227);
    
}
.modules .region-gray-header .mm-filter {
    background: transparent;
    padding: 0;
    border: 0;
    font-size: .8rem;
    font-weight: 400;
    margin: 0;
    width:100%
}


.modules .region-gray-header .btn {
padding: .375rem .75rem;
font-size: 1rem;
border-radius: .25rem;
}


.modules .mm-link:hover {
    color: #3498db;
    text-decoration: underline;
    cursor:pointer
}

.modules .mm-link.active {
    color:#3498db
}

.modules .mm-link.underline {
    text-decoration:underline
}


.modules .mm-h2 {
    font-size: 1.3rem;
    margin-bottom: .75rem;
    font-family:Lato
}


.modules .mm-week-tabs {
    display: flex;
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    z-index: 2;
    user-select:none;
	flex-grow: 1;
	width: 100% !important;
	
}

.modules .mm-week-tabs-buttons {
    color: #666;
    padding: 0 1rem;
    font-size: .9rem;
    display: flex;
    align-items: center;
    user-select:none
}

.modules .mm-week-tabs-buttons svg {
    font-size:1.4rem
}

.modules .mm-week-tabs-buttons > span {
    display: flex;
    padding: .5rem;
    align-items: center;
    cursor:pointer
}

.modules .mm-week-tabs-buttons > span:hover, .modules .mm-week-tabs-buttons svg:hover {
    color:#3498db
}

.modules .mm-week-tabs-buttons svg[data-icon=calendar-alt] {
    font-size:1rem
}

.modules .mm-week-tabs-day {
    flex: 1;
    padding: .5rem .75rem;
    display: flex;
    align-items: flex-start;
    background: #f9f9f9;
    border: 1px solid #e9e9e9;
    border-bottom: 0;
    position:relative;
	max-width: 200px;
}

		
		.modules .mm-week-tabs-day2 {
    flex: 1;
    padding: 2px;
    display: flex;
    align-items: flex-start;
    background: #f9f9f9;
    border: 1px solid #e9e9e9;
    border-bottom: 0;
    position:relative;
	max-width: 200px;
}
		
.modules .mm-week-tabs-day.active {
    background: #fff;
    margin-bottom: -2px;
    color:#0071b2
}

.modules .mm-week-tabs-day.active :before {
    content: "";
    position: absolute;
    top: -4px;
    left: 0;
    right: 0;
    border-top:4px solid #0071b2
}

.modules .mm-week-tabs-day :before {
    content: "";
    position: absolute;
    top: -4px;
    left: 0;
    right: 0;
    border-top: 4px solid transparent;
    color:#3498db
}

.modules .mm-week-tabs-day:hover:not(.active) {
    background: #f3f3f3;
    cursor:pointer
}

.modules .mm-week-tabs-day:hover:not(.active) :before {
    content: "";
    position: absolute;
    top: -4px;
    left: -2px;
    right: -2px;
    z-index: 2;
    border-top: 4px solid #ccc;
    transition: border-top .5s;
    color:#3498db
}

.modules .mm-week-tabs-totals {
    padding: .5rem 1.5rem;
    text-align: right;
    border-bottom:0
}


		
.form-controlnic {
border-radius: 0rem;
background: #fff;
border: 1px solid #999999;
color: #B1B1B1;
height: 36px;
width: 50% !important;
text-align: center;
	font-size: 16px;
}

	.form-controlnicred {
border-radius: 0rem;
background: #fff;
border: 1px solid red;
color: #B1B1B1;
height: 36px;
width: 50% !important;
text-align: center;
	font-size: 16px;
}

.form-controlnic:read-only { 
border-radius: 0rem;
background: #e9e9e9;
border: 1px solid green;
color: #000;
height: 36px;
width: 50% !important;
text-align: center;
	font-size: 16px;
		
}
		
.modules .mm-week-tabs-day2 {
    padding: 2px;
      text-align: center;
    background: #f9f9f9;
    border: 1px solid #e9e9e9;
    border-bottom: 0;
    position:relative;
	max-width: 200px;
}
		
							 .tabdeinput {
							min-width: 92px; max-width: 100%; align-items: center;	 
							 }
							 
							 .tabdeinput2 {min-width: 69px; max-width: 100%; padding:0px !important; font-size: 1rem; display: flex; align-items: center;}
				
	
.badge {
  line-height: 1.5;
  border-radius: 0.25rem;
  font-size: 14px;
  font-weight: 600;
    text-align: center;
  padding: 4px 10px;
  border: 1px solid transparent; }


.input-group-text {
background: #d7dae3;
border: 1px solid transparent;
min-width: 50px;
display: flex;
justify-content: center;
padding: 0.532rem 0.75rem;
border-radius: 0.25rem;
}
.form-control {
border-radius: 0.25rem;
background: #fff;
border: 1px solid #f0f1f5;
color: #B1B1B1;
height: 56px;
}
.btn {
padding: 0.938rem 1.5rem;
border-radius: 0.25rem;
font-weight: 500;
font-size: 1rem;
}


 .header-right .notification_dropdown .nav-link {
    position: relative;
    color: #0B2A97;
    background: #E7ECFF;
    border-radius: 0.25rem;
    padding: 12px;
      width: 57px;
      text-align: center;
    line-height: 1; }


.badge-xss {
  font-size: 9px !important;
  padding: 0px 2px;
  line-height: 15px; 
  
}
	
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a {
background: rgba(11, 42, 151, 0.1); 
border-radius: 1.25rem;
color: #fff;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li:hover > a {
border-radius: 1.25rem;
background: rgba(11, 42, 151, 0.1); 
color: #fff;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li:hover > a i {
color: #A02CFA;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul {
width: 300px;

}

.badge-gisa1 {
background-color: #E7ECFF;
color: #7E7E7E;
}
a.badge-gisa1:hover, a.badge-gisa1:focus {

background-color: #D2DBFF;
}

.badge-gisa2 {
	background-color: rgba(160,44,250,0.20);
	color: #A02CFA; }
a.badge-gisa2:hover, a.badge-gisa2:focus {

background-color:  rgba(160,44,250,1.00; color: #fff; 
}