/* Minification failed. Returning unminified contents.
(173,1): run-time error CSS1019: Unexpected token, found '}'
 */
html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 30px;
}
.reset-this {
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
    /* basic modern patch */
    all: initial;
    all: unset;
}

.navbar-default {
    box-shadow: 0.2px 0.2px 0.2px 0.2px;
    background-color: white;
}
.navbar-default .navbar-toggle {
    border-color: white;
    background-color: #196C86;
}
.navbar-default .navbar-nav>li>a {
    color: #196C86;
}
}.navbar-toggle.collapsed {
     border-color:white;
    color: white;
    background-color: #196C86;
}
 .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #196C86;
}
 .navbar-default .navbar-nav>li>a:hover {
    color: white;
    background-color:#196C86;
}
 .schuif{
     margin-left:20%;
 }
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    line-height: 0 !important;
    width: 100%; /*img width*/
}
/* Icon Boxes
=================================================================== */
.icons-box-container {
	float:left;
}

.icons-boxes-container {
	float:left;
}

.icons-box {
	text-align: center;
	border: 1px solid #fff;
	padding: 20px 10px 10px 10px;
}

.icons-box:hover {
	background: #fcfcfc;
	border: 1px solid #f6f6f6;
}

.icons-box h3 {
	margin: 0 auto;
	padding-top: 10px;
	border-bottom: 3px double #f6f6f6;
	margin-bottom: 10px;
}

.icons-box p {
	float: left;
}

.icons-box i {
	float: left;
	margin: -2px 0 0px 0;
}

.icons-box i.circle {
	float: none !important;
	margin: 0 auto !important;
}

.icons-box i.circle-color {
	float: none !important;
	margin: 0 auto !important;
}

.icons-box i.circle-color-full {
	float: none !important;
	margin: 0 auto !important;
}

.circle {
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(0,0,0,1);
	   -moz-box-shadow: 0px 0px 0px 3px rgba(0,0,0,1);
		    box-shadow: 0px 0px 0px 3px rgba(0,0,0,1);
	margin: 0 auto;
	opacity: .1;
}

.big {
	border: 20px solid #fff !important;
}

.ico-color {
	background-image: url("../img/icons/green/glyphicons.png");
	opacity: 1;
}

.mini-color {
  background-image: url("../img/icons/green/glyphicons-mini.png");
  opacity: 1;
}

.circle-color {
	/*background-color: #fff **/

    background-color:white !important; 
    color:#333333 !important;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	-webkit-box-shadow: 0px 0px 0px 3px #E03B13 !important;
	   -moz-box-shadow: 0px 0px 0px 3px #E03B13 !important;
		    box-shadow: 0px 0px 0px 3px #E03B13 !important;
	margin: 0 auto;
	opacity: 1;
}

.circle-color-full {
	background-color: white !important;
    color:#333333 !important;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	-webkit-box-shadow: 0px 0px 0px 3px #E03B13 !important;
	   -moz-box-shadow: 0px 0px 0px 3px #E03B13 !important;
		    box-shadow: 0px 0px 0px 3px #E03B13 !important;
	margin: 0 auto;
	opacity: 1;
}

.linkCircle 
{
    text-decoration:none;
    color:black;
}

.linkCircle:hover {
    text-decoration:none;
    color:black;
}

.big-color {
	border: 20px solid #E03B13 !important;
}
.center{
    text-align:center;
    color:white;
}
a:hover, a:focus {
    color: #196C86;
    text-decoration: underline;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #ffffff;
    background-color: #196C86;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #196C86;
    color: #ffffff;
}
#loginKnopNav{
    background-color:#196C86;
    border-color: #196C86;
}
/* btn bootstrap knoppen*/
.btn{
    background-color: #196C86;
    border-color: #196C86;
}
.btn:hover{
    background-color: #2C778F;
    border-color: #2C778F;
}
.btn-primary:focus, .btn-primary.focus {
    color: #ffffff;
    background-color: #196C86;
    border-color: #196C86;
}
.btn-primary:active, .btn-primary.active {
    color: #ffffff;
    background-color: #196C86;
    border-color: #196C86;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
    color: #ffffff;
    background-color: #196C86;
    border-color: #196C86;
}
/* terug naar admin pagina knoppen*/
.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #196C86;
    border-color: #196C86;
}
.btn-default:focus, .btn-default.focus {
    color: #ffffff;
    background-color: #196C86;
    border-color: #196C86;
}
.btn-default:active:hover, .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open>.dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open>.dropdown-toggle.btn-default.focus {
    color: #ffffff;
    background-color: #196C86;
    border-color: #196C86;
}
/*Zoeken*/
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    z-index: 2;
    color: #196C86;
    background-color: #eeeeee;
    border-color: #dddddd;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #196C86;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}
#AdminKnop{
    float:left;
}
#ZoekKnop{
    float:right;
    margin-top: 2.5%;
}
.dropbtn{
    background-color:#196C86 !important;
}
/*contactGoogle*/
#contactGoogle{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    background-color: #f5f5f5;
}
.footer > .container > p{
    padding: 0 10px
}

.carousel-inner > .item {
    width: 100%; /*slider width*/
    max-height: 600px; /*slider height*/
}
.modal-backdrop + .modal-backdrop {
    opacity: 0;
}
/*probleem met imagechooser*/
/*.modal-backdrop {
  display : none!important;
}*/

/*choose image grid*/
.photos {
  /* Prevent vertical gaps */
  line-height: 0;
   
  -webkit-column-count: 5;
  -webkit-column-gap:   0px;
  -moz-column-count:    5;
  -moz-column-gap:      0px;
  column-count:         5;
  column-gap:           0px;  
}

.photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}

/* tooltip */
.tooltip{
    display: inline;
    position: relative;
}
.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}

@media (max-width: 1200px) {
  #photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 1000px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  #photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  #photos {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}

/*Tab pagina*/
.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}

.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #000;
	background-color: #fff;
	border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #428bca;
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}

.dropbtn {
    background-color: #e95420;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

/*.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    color: #fff;
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    /*bottom maakt de dropdownlist een dropup list*/
    /*bottom: 100%;
}

/*dit zorgt ervoor dat het ingeladen dropdown menu mooi gecenterd is met de actie-knop*/ 
.dropdown-menu-center {
    left: 50% !important;
    right: auto !important;
    text-align: center !important;
    transform: translate(-50%, 0) !important;
}


.dropdown-content a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropup:hover .dropdown-menu {
    display: block;
}

.dropup .dropdown-menu {
    background: #196c86;
    color: #ffffff;
}
.dropup .dropdown-menu > li > a{
    color: #ffffff;
}

.dropup .dropdown-menu .divider{
    background-color: #2C778F;
}

.dropup .dropdown-menu > li > a:hover,
.dropup .dropdown-menu > li > a:focus,
.dropup .dropdown-menu > .active > a,
.dropup .dropdown-menu > .active > a:hover,
.dropup .dropdown-menu > .active > a:focus {
    background-color: #ffffff;
    color: #196c86;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #196C86;
    border-color: #196C86;
}

#loginForm{
    width: 250px;
}

.alignRight{
    float: right;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: #f1f1f1;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px; 
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
   /*max-width: 280px;*/ 
}

.IconColorOrange
{
    color: #ee591f !important;
}
/*.dropdown-menu{
    min-width: 250px;
     padding: 14px 14px 0;
}*/

.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title 
{
    margin-bottom: .75rem;
}

.card-img-top 
{
  height: 150px;
width: 150px;
margin-left: 20%;
margin-bottom:5%;
}
.card-img-top.img-rounded {
    background-image: url("/Content/Images/nopass.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
}

.borderPanel 
{
    border-color:#f5f5f5 !important;
}
.greyHeader {
    background-color: #f5f5f5 !important;
    border-color: #ddd !important;
    color:black !important;
}

.inputTable {
    width:100% !important;
}
.textInputMarkup {
    max-width:100% !important;
    width:100% !important;
}