/*
Theme Name: Case Management
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: Slampaq Solutions
Author URI: https://www.slampaq.com/
Description: Emergenz Case Management Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("css/font-awesome.min.css");

/*main styling*/
h3
{
	margin-top:0px;
}

.mt-3{
	margin-top: 15px;
}

.mt-2{
	margin-top: 8px;
}

.mb-3{
	margin-bottom: 15px;
}

.mb-2{
	margin-bottom: 8px;
}

.right-align
{
	text-align:right;
}

.input-text
{
	width:100%;
    padding: 6px;
}

textarea:not(.input-text)
{
	width:100%;
	min-height:140px;
}

.row-padding
{
	padding-top:0.75rem;
	padding-bottom:0.75rem;
}

.row-margin
{
    margin-top: 1rem;
}

.icon-button
{
	color:#000;
	text-decoration:none;
}

.right-align .button
{
	margin-right:0px;
	margin-left:8px;
}

.outline
{
	background-color:#d3d3d3;
}

.inner-outline
{
	background-color:#fff;
}

.clear
{
	clear:both;
}

.table-striped>tbody>tr:nth-of-type(odd)
{
    background-color: #fdfdfd;
}

.table-hover>tbody>tr:hover
{
    background-color: #f5f5f5;
}

.icon-background
{
	background-color:#000;
	color:#fff;
	border-radius:4px;
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	font-size:12px;
}

.jconfirm-holder
{
    max-width: 80%;
    margin-left: 10%;
}

.provincie-hidden
{
	display:none;
}

.clean-button
{
	padding: 0px;
	background: none;
	border: 0;
}

/*Popups*/
.overlay
{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	z-index:400;
}

.overlay .popup
{
	margin: 70px auto;
    padding: 20px 20px;
	background: #fff;
	border-radius: 5px;
	width: 30%;
	position: relative;
	transition: all 5s ease-in-out;
}

.overlay:target
{
	visibility: visible;
	opacity: 1;
}

.overlay .popup .close
{
	position: absolute;
	top: 20px;
	right: 30px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	z-index:999;
}

.modal-title
{
    display: inline-block;
}

/*Header*/
.header h1
{
	margin:0px;
}

.header a
{
	text-decoration:none;
	color:#000;
}

.header .fa-user
{
	font-size:24px;
	margin-right:8px;
}

.header .fa-angle-down
{
	font-size:24px;
	margin-left:8px;
}

.header a .label
{
	line-height:24px;
}

.header #menu
{
	display:none;
    position: absolute;
    width: 180px;
    background-color: #fff;
    padding: 6px;
    border: 1px solid black;
	z-index:999;
}

.header #menu a
{
	display:block;
}

.dropdown-item /* was .header .dropdown-item */
{
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
}

.dropdown-item.active, dropdown-item:focus, .dropdown-item:hover
{
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.dropdown-divider
{
	height: 0;
	margin: .5rem 0;
	overflow: hidden;
	border-top: 1px solid #e9ecef;
}

/*Home*/
.home .subheader
{
	padding-bottom:6px;
}

.home .subcontent
{
	height:330px;
	overflow-y:scroll;
}

.home .full-height
{
	float:right;
}

.home > .full-height
{
	padding:0px;
}

.home .full-height .subcontent
{
	height:759px;
}

@media screen and (max-width: 1200px)
{
	.home .full-height
	{
		float:none;
	}

	.home .full-height .subcontent
	{
		height:330px;
	}
}

.home .table-row-clickable td
{
	cursor:pointer;
}

.home .table-row-clickable.bg-orange{
	background-color: #FFDEAD;
}

.home .table-hover .table-row-clickable.bg-orange:hover{
	background-color: #F9D8A8;
}


/*Klant aanmaken*/
#popup_add_contactpersoon #contact_login
{
	display:none;
}

.klant-aanmaken #vestiging_container .vestiging, .klant-aanmaken #contactpersoon_container .contactpersoon,
.klant-aanmaken #vestiging_container .vestiging, .klant-aanmaken #contactmoment_container .contactmoment
{
    background-color: #fff;
    margin-bottom: 8px;
    border: 1px solid #000;
	padding:8px 10px;
	position:relative;
}

.klant-aanmaken #contactmoment_container .contactmoment.afgerond{
	background-color: #008cba;
	color: #fff;
}

.klant-aanmaken #vestiging_container .vestiging .icon-button, .klant-aanmaken #contactpersoon_container .contactpersoon .icon-button,
.klant-aanmaken #vestiging_container .vestiging .icon-button, .klant-aanmaken #contactmoment_container .contactmoment .icon-button
{
	position: absolute;
	right: 8px;
}

.klant-aanmaken #contactmoment_container .contactmoment .icon-button
{
	top: 29px;
}

.klant-aanmaken #vestiging_container .vestiging .icon-button.remove, .klant-aanmaken #contactpersoon_container .contactpersoon .icon-button.remove,
.klant-aanmaken #vestiging_container .vestiging .icon-button.remove, .klant-aanmaken #contactmoment_container .contactmoment .icon-button.remove
{
	top: 26px;
}

.klant-aanmaken #contactmoment_container .contactmoment .icon-button.remove
{
	top: 48px;
}

.klant-aanmaken #contactmoment_container .contactmoment .icon-button.approve
{
	top: auto;
	font-size: 13px;
}

.klant-aanmaken #vestiging_container .vestiging .icon-button.approve a:not(:hover), .klant-aanmaken #contactpersoon_container .contactpersoon .icon-button.approve a:not(:hover),
.klant-aanmaken #vestiging_container .vestiging .icon-button.approve a:not(:hover), .klant-aanmaken #contactmoment_container .contactmoment .icon-button.approve a:not(:hover){
	color: #000;
}

.klant-aanmaken #contactmoment_container .contactmoment.afgerond .icon-button,
.klant-aanmaken #contactmoment_container .contactmoment.afgerond .icon-button.approve,
.klant-aanmaken #contactmoment_container .contactmoment.afgerond .icon-button.approve a,
.klant-aanmaken #contactmoment_container .contactmoment.afgerond .icon-button.approve a:hover{
	color: #fff;
}

#contactpersoon_container .icon-button, #vestiging_container .icon-button,
#contactmoment_container .icon-button
{
	z-index:900;
}

.klant-aanmaken #warning_container
{
	display:none;
}

/*Dossier aanmaken*/
.dossier-aanmaken #consulenten_container
{
	height:140px;
	background-color:#fff;
	overflow-y:scroll;
}

.dossier-aanmaken #consulenten_container input[type=checkbox]
{
	display:none;
}

.dossier-aanmaken #consulenten_container label
{
    display: block;
    padding: 4px;
    cursor: pointer;
}

.dossier-aanmaken #consulenten_container input[type=checkbox]:checked + label
{
	background-color:#ACCEF7;
}

.dossier-aanmaken #tbl_betrokken_medewerkers tr td:first-child, .dossier-aanmaken #tbl_betrokken_medewerkers tr th:first-child, .dossier-voortgang #tbl_betrokken_medewerkers tr td:first-child, .dossier-voortgang #tbl_betrokken_medewerkers tr th:first-child
{
	display:none;
}

.dossier-aanmaken #warning_container, .dossier-aanmaken #warning_container_top
{
	display:none;
}

#error_add_klant, #error_add_vestiging, #error_add_contactpersoon, #error_add_contactmoment, #error_add_betrokken_medewerker
{
	display:none;
}

/************** Dossier voortgang pagina ***************/
#popup_add_reactie #reactie_warning, #reactie_klant_warning, #declaratie_warning
{
	display:none;
}

.dossier-voortgang .tabs .tab
{
	display: inline-block;
	padding: 6px;
	background-color: #f3f3f3;
	color: #000;
	text-decoration: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	margin-right: 4px;
}

.dossier-voortgang .tabs .tab.actief
{
	background-color: #e3e3e3;
}

.dossier-voortgang .nav-tabs .nav-link.active
{
	background-color:#008cba;
	color:#fff;
}

.dossier-voortgang .reacties
{
	display:none;
}

.dossier-voortgang .reacties.actief
{
	display:block;
}

.dossier-voortgang .reactie
{
	background-color:#fff;
	border:1px solid black;
	margin-bottom:6px;
	padding:4px;
	position:relative;
}

.dossier-voortgang .reactie a
{
	text-decoration:underline;
}

.dossier-voortgang .reactie form
{
	display:inline-block;
}

.dossier-voortgang .reactie form button
{
	padding:0px;
	outline:0;
	border:0;
	background:none;
	color:#008cba;
}

.dossier-voortgang .reactie.afgerond
{
	background-color:#008cba;
	color:#fff;
}

.dossier-voortgang .reactie.afgerond a
{
	color:#fff;
	text-decoration:underline;
}

.dossier-voortgang .reactie.afgerond i
{
	color:#fff;
}

.dossier-voortgang .reacties .reactie .icon-edit-reactie
{
	position:absolute;
	right:4;
	top:4;
}

.dossier-voortgang .reacties .reactie .icon-del-reactie
{
	position:absolute;
	right:4;
	top:20;
}

.dossier-voortgang .table-declaraties td form
{
	display:inline-block;
	margin:0px;
}

.ui-timepicker-container
{
	z-index:9999 !important;
}

.select2-container
{
	width:100% !important;
}

.select2-container--default .select2-selection--single
{
	border: 1px solid black;
    border-radius: 1px;
    padding-top: 3px;
    height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow
{
    top: 4px;
}

.select2-container--open .select2-dropdown--below
{
	width:100% !important;
	max-width:400px;
}

.input-checkbox > input[type="checkbox"], 
.input-radio > input[type="radio"]{
	vertical-align: top;
}

.input-checkbox > label,
.input-radio > label{
	max-width: calc(100% - 25px);
}