/*

///////////////////////////////////////////////////////////////////////////////
// MailSecure                                        by Provico IT Solutions //
//                                                                           //
// Request:      rem.forms.css                                               //
// Description:  Application style sheet                                     //
// File version: 20190121                                                    //
// Author:       bra                                                         //
//                                                                           //
///////////////////////////////////////////////////////////////////////////////

*/

/* BEGIN FONT DEFINITION*/
@font-face
{
font-family: Luna;
src: url(../font/luna/Luna.ttf);
}
/* END FONT DEFINITION*/

/* fit inline images to screen width */
img[style] {
  display: block;
  max-width:580px !important;
  height: auto !important;
}
/* fit inline images to screen width */

.header {
  background: #ededed;
  color: #f1f1f1;
}

.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 102px;
}

A:link, a:visited {
	text-decoration: none !important; 
}

/* layout van de lijst zoekresultaten in home.php */
#link_list{
	background: #ededed;
	transition: 0.3s;
}

#link_list:hover{
	background-color: #808080; 
	color: white !important;
	font-size: 17px;
  padding: 5px;
  border-radius: 3px;
  margin: 2px;
}

/* layout van de lijst zoekresultaten in home.php */

/* kleur van de attachment links overschrijven in loadfile.php */
#attachment_link{
	color: #49413e !important;
}
/* kleur van de attachment links overschrijven in loadfile.php */

#nav_button_color{
	color: #808080 !important;
}

/* BEGIN TOOLTIP DEFINITION*/

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

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #808080;
  color: #fff;
  text-align: center;
  font-family: Muli;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 150%;
  left: 50%;
  margin-left: -60px;
  
  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  opacity: 0;
  transition: opacity 1s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #808080 transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
/* END TOOLTIP DEFINITION*/

input,textarea, select {
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  background-color: #fff;
  padding: 3px 5px;
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
  color: #808080;
}
input.text {
	background-color: #E3E1E1;
	border-color:#08298A;
	border-width:0px;
	border-style:solid;
	font-family:Muli;
	}
	
textarea.text {
	background-color: #E3E1E1;
	border-color:#08298A;
	border-width:0px;
	border-style:solid;
	font-family:Muli;
	font-size:14px;
}

#submit #prev #next {
padding:5px 15px; 
    background:#ccc;
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
	color: #808080;
	font-family:Muli;
}
#submit:hover #prev:hover #next:hover {
  background-color: #3498DB;
}

/* begin collaps - full headers */
.collapsible {
  background-color: #ffffff;
 /* color: white;
  
  padding: 18px;
  width: 100%;*/
  cursor: pointer;
  border: none;
  text-align: left;
  outline: none;
  width: 580px;
  /*font-size: 15px;*/
}

.contentcollapsible {
  padding: 0 0px;
  display: none;
  overflow: hidden;
  background-color: #ffffff;
}
/* end collaps - full headers */


/* BEGIN CODE CARD - used for login screen */
.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border-radius: 5px; /* 5px rounded corners */
  width: 350px;
  height: 350px;
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #ffffff;
}
/* On mouse-over, add a deeper shadow */
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
/* Add some padding inside the card container */
.container {
  padding: 2px 16px 2px 115px;
  text-align: justify;
}
/* Add some padding inside the card container */
.container-center {
  padding: 20px 16px;
  text-align: center;
}
/* END CODE CARD - used for login screen */

/* BEGIN CODE MESSAGE BOXES */
.container-alert {
  margin: auto;
  margin-top: 115px;
  text-align: justify;
  width:600px;
}
 .alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
 .alert h4{margin-top:0;color:inherit}
 .alert.alert-link{font-weight:700}
 .alert>p,.alert>ul{margin-bottom:0}
 .alert>p+p{margin-top:5px}
 .alert-dismissable,.alert-dismissible{padding-right:35px}
 .alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}
 .alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
 .alert-success hr{border-top-color:#c9e2b3}
 .alert-success .alert-link{color:#2b542c}
 .alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
 .alert-info hr{border-top-color:#a6e1ec}
 .alert-info .alert-link{color:#245269}
 .alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}
 .alert-warning hr{border-top-color:#f7e1b5}
 .alert-warning .alert-link{color:#66512c}
 .alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}
 .alert-danger hr{border-top-color:#e4b9c0}
 .alert-danger .alert-link{color:#843534}
/* END CODE MESSAGE BOXES */