/* styles for Partena Ziekenfonds */


/**
 make sure footer is always at bottom of viewport, and always below other content
 */
html {
    height: 100%;
}
body {
    min-height: 100%;
    position: relative;
    padding-bottom: 76px;
}
.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

@media screen and (max-width: 479px) {
    body {
        padding-bottom: 106px;
    }
}

/* General */


.btn,
.panel a.btn,
.scfSubmitButtonBorder input[type="submit"],
h1, h2, h3, h4,
.scfCheckBoxListLabel,
.scfRadioButtonListLabel,
.status_pending,
label {
    font-family: "Acumin Pro", Helvetica, Arial, sans-serif;
}

.modal-title,
.modal-body {
    color: #131e55;
}

body,
.navbar.navbar-primary,
.footer,
#signcontainer .table,
#signdialog-panel h1,
#signdialog-panel h2,
#signdialog-panel h3,
#signdialog-panel h4,
.modal-body,
.modal-body label {
    font-family: "Source Serif Pro", "Times New Roman", "Times", serif;
}

body,
.status_pending,
.modal-body label {
    color: #131e55;
}

.status_pending .led {
    background-color: #3468aa;
}

body {
    font-size: 16px;
    line-height: 1.6;
    background-color: #eae7e1;
}

h1, h2, h3, h4 {
	font-weight:normal;
}

h3 {
	font-size:24px;

}

@media screen and (min-width: 768px) {
    h3 {
        font-size:30px;

    }
}

::-moz-selection {
    color: #fff;
    background-color: #67727e;
}

/* logo */

.logo {
	max-width:100%;
}

.navbar-header {
    width: 140px;
}

.navbar-header a {
	padding: 13px 0 20px 0;
}

.navbar-header a:hover {
	border-width: 0;
}

 .svg .logo-big.svgImg {
	display:none;
}

@media screen and (min-width: 960px) {
    .navbar-header {
        width: 160px;
    }
}


/* navbars */
@media screen and (max-width: 768px) {
    #topbar-primary.hidden-xs {
        display:none !important;
    }
}




#topbar-secondary .navbar-nav {
	display:none;
}

.navbar.navbar-secondary {
	background-color: white;
}

.navbar-brand {
	margin-top:0px;
}

#signdialog-panel h1,
#signdialog-panel h2,
#signdialog-panel h3,
#signdialog-panel h4 {
    line-height: 1.3em;
    font-size: 1.3em;
}

.footer-bottom {
    font-size: 14px;
    padding: 20px 0 30px;
    border-top-right-radius: 60px;
}

.navbar.navbar-primary {
    min-height: 46px;
}

.navbar.navbar-primary,
.navbar.navbar-primary .navbar-nav > li > a,
.navbar.navbar-primary .navbar-nav > li > a:hover,
.navbar.navbar-primary .navbar-nav > li > a:focus {
    background-color: #131e55;
    color: white;
    border-width: 0;
}

.navbar.navbar-primary .navbar-nav > li > a [class^="chicon-"],
.navbar.navbar-primary .navbar-nav > li > a [class*=" chicon-"] {
    line-height: 1em;
    position: relative;
    left: 0;
    top: 0.25em;
}

.navbar.navbar-primary .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a {
    font-size: 16px;
}

.navbar.navbar-primary .navbar-nav > li > a .chicon:before {
    color: #e2ac3c;
}

.chicon {
    color: #3468aa;
}

.panel-danger .chicon {
    color: #b94a48;
}

[class^="chicon-"],
[class*=" chicon-"],
.chicon {
    font-family: 'chicon';
    line-height: 1em;
    position: relative;
    left: 0;
    top: 0.25em;

    speak: none;

    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: unset;
    -moz-osx-font-smoothing: unset;
    font-smooth: never;
    -webkit-font-smoothing : unset;
}

.table .chicon {
    font-size: 1.5em;
}

.chicon:before {
    font-weight: bold;
    font-size: 1.4em;
    line-height: 0.7em;
}

.led {
    display: inline-block;
    width: 16px;
    height: 16px;
    float: none;
    margin: 5px 5px -2px 0;
    border-radius: 50%;
}

@media screen and (min-width: 768px) {

.navbar.navbar-primary .navbar-nav:first-child {
    margin-top: 0px;
}
.navbar.navbar-primary .navbar-nav {
    margin-top: 0px;
}
}

.navbar.navbar-primary .navbar-nav > li > a {
font-weight:bold;
}

[class^="chicon-"], [class*=" chicon-"] {
    padding-right: 5px;
}

.navbar.navbar-secondary.affix {
	position:relative;
}

.navbar-brand {
	margin:0px;
}

.navbar.navbar-primary .navbar-nav > .active > a,
.navbar.navbar-primary .navbar-nav > .active > a:hover,
.navbar.navbar-primary .navbar-nav > .active > a:focus {
	color:#c38111;
}

/* end navbars */

.wrapper #signcontainer > hr {
    display: none;
}

.modal-content {
    border-radius: 25px;
    box-sizing: content-box;
}

.modal-header {
    margin: 0 30px;
    padding: 20px 0;
    border-bottom: 2px solid #aaa;
}

.modal-header > .close {
    margin-top: 0px;
    text-decoration: none;
}

h4.modal-title {
    font-size: 1.2em;
}

.modal-body,
.pdfpreview .modal-body,
#pdfform .modal-body {
    padding: 20px 30px;
    height: calc(100% - 63px - 90px);
}

.modal-body .row {
    margin-left: 0;
    margin-right: 0;
}

.modal-footer {
    height: 90px;
    padding: 20px 30px;
    text-align: left;
}

.sign-modal .modal-body.center-block {
    text-align: left;
}

#sign-method-selection [class^="col-"] a img {
    margin-top: -0.5em;
}

/* grey bar on top */
.jumbotron {
	padding: 30px 15px;
	position:relative;
	margin-bottom:30px;
}

@media screen and (min-width: 768px) {
.jumbotron {
	padding:48px;
	margin-bottom:0px;
}
}
.jumbotron {
	background-color:#eff2f5;
	background-image:none;
}

.jumbotron::after {
	background: url("../img/curve-bottom.png") no-repeat center bottom;
	background: none, url("http://www.partena-ziekenfonds.be/static_asset_a/img/curve-bottom.svg") no-repeat center bottom;
    background-size: 100% 100%;
    content: "";
    position: absolute;
    z-index: 20;
    left: 0;
    width: 100%;
	height: 10px;
	bottom:0;
}


@media screen and (min-width: 768px) {
	.jumbotron::after {
	height: 15px;
}
	}

@media screen and (min-width: 960px) {
	.jumbotron::after {
	height: 25px;
}
	}


.navbar.navbar-secondary {
	webkit-box-shadow: none;
box-shadow: none;
	}

.navbar-default {
    background-color: #fff;
    border-color: #eee;
    border-width: 0 0 0px;
}

.jumbotron .stage, .stage {
	margin:0px;
}


/* circles */
.stage.tmm-current .stage-header {
    background-color: #1d5ca8;
}

.stage-header {
	font-size:16px;
	font-weight:bold;
	width:42px;
	height:42px;
	line-height:1.6;
	padding:4px;
}
.jumbotron .stage-header {
	border: 4px solid #eff2f5;
	box-shadow: 0 0 0 4px #fff;
	background-color:#fff;
	color:#98a4b3;
}

.stage.tmm-success .stage-header {
    background-color: #c0c72e;
    color: #fff;
}



/* Connecting bar */

.jumbotron .stage::before, .jumbotron .stage::after {
    content: '';
    position: absolute;
    z-index: 2;
    background-color: #eff2f5;
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
    top: 0;
    margin-top: 14px;
    width: 50%;
    height: 13px;
}

.jumbotron .stage.tmm-current::after {
	background-color: #eff2f5;
}

.jumbotron .stage::before {
	left:-21px;
}
.jumbotron .stage::after {
	right:-21px;
}

.jumbotron .stage.tmm-success::after, .jumbotron .stage.tmm-success::before, .jumbotron .stage.tmm-current::before {
    background-color:#eff2f5;
}


/* text below */

.stage-content h2 {
	margin-top:25px;
	color: #818b98;
    font-size:16px;
    line-height: 1.35;
    font-weight:bold;
}

@media screen and (min-width: 768px) {
	.stage-content h2 {
	font-size:20px;
}
}
.tmm-current .stage-content h2 {
    color: #1d5ca8;

}

.stage-content {
	font-weight:bold;
}

.jumbotron .tmm-current .stage-content .stage-info {
	color:#1d5ca8;
}


.jumbotron .stage-info {
	color: #818b98;
}

.stage.tmm-success h2, .jumbotron .tmm-success .stage-info {
    color:#c0c72e;
}


/* content of the page */

.list-striped li a {
    color:#67727e;
}

/* buttons */

.btn-secondary.btn-outline, .panel a.btn-secondary.btn-outline, .scfSubmitButtonBorder input[type="submit"].btn-outline  {
    color: #1d5ca8;
    background-color: #ecf3fc;
    border-color: #b8d2f3;
}

.btn, .ui-button, .btn.ui-button, .btn.ui-button.ui-state-default {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    white-space: nowrap;
    padding: 6px 32px;
    font-size: 16px;
    line-height: 1.6;
    border-radius: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

[id*="signdialog"] .btn.sign-method-selection-button,
[id*="signdialog"] .btn.sign-method-selection-button span {
    text-align: left;
    font-weight: normal;
}

.list-striped li a:hover .btn-secondary.btn-outline,
.btn-default:hover, .btn-default.ui-button.ui-state-hover,
.btn-default:focus, .btn-default.ui-button:focus,
.btn-default.focus, .btn-default.ui-button.ui-state-focus,
.btn-default:active, .btn-default.ui-button:active,
.btn-default.active, .btn-default.ui-button.ui-state-active,
.open > .btn-default.dropdown-toggle,
.list-striped li a:focus .btn-secondary.btn-outline {
    color: #1d5ca8;
    background-color: #c0d8f4;
    border-color: #84b2ea;
}

.list-striped li a:hover .btn-secondary.btn-outline{
	 color: #1d5ca8;
}

.hidden-xs {
    display: block !important;
}

.btn-primary, .btn-primary.ui-button, .btn-primary.ui-button.ui-state-default,
.panel a.btn-primary,
.btn-secondary.btn-outline, .btn-secondary.btn-outline.ui-button,
.panel a.btn-secondary.btn-outline,
.scfSubmitButtonBorder input[type="submit"].btn-outline {
    color: #fff;
    background-color: #3468aa;
    box-shadow: none;
    position: relative;
    top: 0;
    border-radius: 40px;
    border-width: 0;
}

.btn-primary:hover, .btn-primary.ui-button:hover, .btn-primary.ui-button.ui-state-hover,
.btn-primary:focus, .btn-primary.ui-button:focus,
.btn-primary.focus, .btn-primary.ui-button.ui-state-focus,
.btn-primary:active, .btn-primary.ui-button:active,
.btn-primary.active, .btn-primary.ui-button.ui-state-active,
.btn-secondary.btn-outline:hover, .btn-secondary.btn-outline.ui-button:hover, .btn-secondary.btn-outline.ui-button.ui-state-hover,
.btn-secondary.btn-outline:focus, .btn-secondary.btn-outline.ui-button:focus, .btn-secondary.btn-outline.ui-button.focus,
.open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #22426a;
    box-shadow: none;
    top: 0px;
}

.btn-primary.disabled, .btn-primary.disabled.ui-button, .btn-primary.disabled.ui-button.ui-state-disabled,
.btn-primary.disabled:hover, .btn-primary.disabled.ui-button:hover, .btn-primary.disabled.ui-button.ui-state-hover,
.btn-primary.disabled:focus, .btn-primary.disabled.ui-button:focus, .btn-primary.disabled.ui-button.ui-state-focus,
.btn-primary.disabled:active, .btn-primary.disabled.ui-button:active, .btn-primary.disabled.ui-button.ui-state-active,
.btn-primary.disabled.active,
.btn-primary[disabled], .btn-primary[disabled].ui-button, .btn-primary[disabled].ui-button.ui-state-disabled,
.btn-primary[disabled]:hover, .btn-primary[disabled].ui-button:hover, .btn-primary[disabled].ui-button.ui-state-hover,
.btn-primary[disabled]:focus, .btn-primary[disabled].ui-button:focus, .btn-primary[disabled].ui-button.ui-state-focus,
.btn-primary[disabled]:active, .btn-primary[disabled].ui-button:active, .btn-primary[disabled].ui-button.ui-state-active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active,
.panel a.btn-primary.disabled,
.panel a.btn-primary.disabled:hover,
.panel a.btn-primary.disabled:focus,
.panel a.btn-primary.disabled:active,
.panel a.btn-primary.disabled.active,
.panel a.btn-primary[disabled],
.panel a.btn-primary[disabled]:hover,
.panel a.btn-primary[disabled]:focus,
.panel a.btn-primary[disabled]:active,
.panel a.btn-primary[disabled].active,
fieldset[disabled] .panel a.btn-primary,
fieldset[disabled] .panel a.btn-primary:hover,
fieldset[disabled] .panel a.btn-primary:focus,
fieldset[disabled] .panel a.btn-primary:active,
fieldset[disabled] .panel a.btn-primary.active {
    background-color: #5a89ce;
}

.btn-default, .btn-default.ui-button, .btn-default.ui-button.ui-state-default {
    box-shadow:none;
    background-color: #3468aa;
    border-color: #3468aa ;
    color: white;
}

.btn-default:hover, .btn-default:focus, .btn-default:active,
.btn-default.ui-button:hover, .btn-default.ui-button:focus, .btn-default.ui-button:active,
.btn-default.ui-button.ui-state-hover, .btn-default.ui-button.ui-state-focus, .btn-default.ui-button.ui-state-active {
	box-shadow: none;
	top: 0px;
    color: #3468aa;
    background-color: white;
    border-color: #3468aa ;
}

.sign-modal .btn, .sign-modal .btn.ui-button, .sign-modal .btn.ui-button.ui-state-default {
    font-weight: normal;
    font-size: 1.5em;

}

.sign-modal .container-fluid,
.sign-modal .container-fluid [class^="col-"] {
    padding: 0;
}

.sign-modal .btn-default, .sign-modal .btn-default.ui-button.ui-state-default,
.btn.btn-primary.cancel, .btn.btn-primary.cancel.ui-button,
.btn.btn-secondary.cancel, .btn.btn-secondary.cancel.ui-button,
.btn.btn-default.cancel, .btn.btn-default.cancel.ui-button,
.btn.btn-primary.download, .btn.btn-primary.download.ui-button,
.btn.btn-secondary.download, .btn.btn-secondary.download.ui-button,
.btn.btn-default.download, .btn.btn-default.download.ui-button,
.btn.btn-primary.printBtn, .btn.btn-primary.printBtn.ui-button,
.btn.btn-secondary.printBtn, .btn.btn-secondary.printBtn.ui-button,
.btn.btn-default.printBtn, .btn.btn-default.printBtn.ui-button {
    color: #3468aa;
    background-color: white;
    border-color: #3468aa ;
    border-width: 1px;
}

.sign-modal .btn-default:hover, .sign-modal .btn-default.ui-button.ui-state-hover, .sign-modal .btn-default.ui-button:hover,
.btn.btn-primary.cancel:hover, .btn.btn-primary.cancel.ui-button:hover, .btn.btn-primary.cancel.ui-button.ui-state-hover,
.btn.btn-secondary.cancel:hover, .btn.btn-secondary.cancel.ui-button:hover, .btn.btn-secondary.cancel.ui-button.ui-state-hover,
.btn.btn-default.cancel:hover, .btn.btn-default.cancel.ui-button:hover, .btn.btn-default.cancel.ui-button.ui-state-hover,
.btn.btn-primary.download:hover, .btn.btn-primary.download.ui-button:hover, .btn.btn-primary.download.ui-button.ui-state-hover,
.btn.btn-secondary.download:hover, .btn.btn-secondary.download.ui-button:hover, .btn.btn-secondary.download.ui-button.ui-state-hover,
.btn.btn-default.download:hover, .btn.btn-default.download.ui-button:hover, .btn.btn-default.download.ui-button.ui-state-hover,
.btn.btn-primary.printBtn:hover, .btn.btn-primary.printBtn.ui-button:hover, .btn.btn-primary.printBtn.ui-button.ui-state-hover,
.btn.btn-secondary.printBtn:hover, .btn.btn-secondary.printBtn.ui-button:hover, .btn.btn-secondary.printBtn.ui-button.ui-state-hover,
.btn.btn-default.printBtn:hover, .btn.btn-default.printBtn.ui-button:hover, .btn.btn-default.printBtn.ui-button.ui-state-hover {
    background-color: #3468aa;
    border-color: #3468aa ;
    color: white;
}

.chiconbtn .chicon {
    color: white;
}

.chiconbtn:hover .chicon {
    color: #3468aa;
}

.btn-primary .chicon-edit-doc, .center-block .chicon-mail, .center-block .chicon-inbox {
    display:none;
}

button.sign-method-selection-button,
a.sign-method-selection-button {
    border-radius: 0 0 25px 0 !important;
    text-align: left !important;
}

/* hide icon */

/*.chicon.chicon-pencil2, .chicon.chicon-favorite {*/
	/*display:none;*/
/*}*/

/* end hide icon */

.list-striped li.even a {
    background: #f1f3f4;
}

.list-striped li.odd a {
    background: #f8f9f9;
}

.list-striped li a:hover, .list-striped li a:focus {
	background: #e6eaf0;
}

.statusicon, .list-striped li a:hover .statusicon, .list-striped li a:focus .statusicon {
	color:#fff;
	background-color: #1d5ca8;
	font-size: 1.3em;
}

.chicon {
	position:relative;
	left:2px;
}

.btn-primary.ui-state-disabled,
.btn-primary.ui-state-disabled.ui-button, .btn-primary.ui-button:disabled,
button.btn-primary.ui-state-disabled.ui-button {
	color: #fff;
background-color: #1d5ca8;
border-color: #195092;
}


a,
.panel a,
a[id^="smsOtpInputForm"] {
    font-weight: bold;
    color: #3468aa;
    text-decoration: none;
    border-bottom: 1px dotted #3468aa;
}

a.cooldownlink,
a.cooldownlink:hover {
    color: #7faedc;
    cursor: default;
    border-width: 0;
}

a:not(.btn):focus,
a:not(.btn):hover,
.panel a:not(.btn):focus,
.panel a:not(.btn):hover {
    color: #6a94d9;
    text-decoration: none;
    border-bottom: 1px solid #6a94d9;
}

nav a {
	border:none;
}

.list-striped a {
	border-bottom:none;
}
/*
color: #1d5ca8;
background-color: #ecf3fc;
border-color: #b8d2f3;
*/

/* green buttons to blue */
.list-striped li.complete a .btn-secondary.btn-outline {
    color: #1d5ca8;
    background-color: #ecf3fc;
border-color: #b8d2f3;
}

.list-striped li.complete a:hover .btn-secondary.btn-outline, .list-striped li.complete a:focus .btn-secondary.btn-outline {
    color: #1d5ca8;
    background-color: #c0d8f4;
    border-color: #84b2ea;
}
/* End green buttons */


/* END buttons */


.wrapper-alt,
.wrapper {
	background-color: #eae7e1;
}


/* panel */

.panel a {
    text-decoration: none;
}

.panel-heading h4 {
	color:#1d5ca8;
	font-size:16px;
    font-weight:bold;
}

.wrapper-alt .panel-group > .panel-bordered .panel-heading a::after, .panel-group > .panel-bordered .panel-heading a::after {
    display: inline-block;
    width: 0;
    height: 0;
    content: '';
    margin-left: 2px;
    vertical-align: middle;
    border-top: 6px solid #1d5ca8;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    right: 20px;
    top: 28px;
}

.panel-default .panel-heading {
	background-color:#f8f9f9;
}


/* End panel */

/* frame */

.panel-info, .wrapper-alt .panel-info.panel-bordered{
    box-shadow: inset 0px 0px 30px #cfd8e2;
    background: #e6eaf0;
    border: 1px dotted #b6bec9;
}

.icon-left {
	border-right:none;
}

.panel-info .icon-left {
	background:transparent;
	border-bottom:none;
	border-right:none;
}

.panel-info .icon-left {
	color: #1d5ca8;
}

.panel {
	color:#67727e;
}

.list-striped li a .status {
    font-size: 0.90em;
    color: #abb2ba;
    font-style: italic;
}

.list-striped li.complete a .statusicon, .statusicon.signed {
background-color:#c0c72e;
}

.list-striped li.complete a .status {
	color:#c0c72e;
}

.status_success {
    color: #c0c72e;
}

.status_success .led {
    background-color: #c0c72e;
}

.table-striped > tbody > tr:nth-child(2n+1) > td {
    background-color:#f8f9f9;
}

.table-striped > tbody > tr:nth-child(2n) > td {
    background-color:#f1f3f4;
}

.table {
    font-size:16px;
}

.table a {
    border-bottom:0px;
}

.table tr:last-of-type td:last-of-type {
    border-bottom-right-radius: 60px;
    padding-right: 40px;
}

#signcontainer .table td {
    font-size: 1.3em;
    line-height: 2em;
}

/* End frame */


/* modal */

.scfForm input[type="text"], .scfForm input[type="search"], .scfForm input[type="password"], .scfForm input[type="datetime"], .scfForm input[type="url"], .scfForm input[type="tel"], .scfForm textarea, .form-control {
	border-radius:4px;
}

.form-control {
	border-width:1px;
}


.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);

}

#myModalLabel .chicon-doc {
    display:none;
}

/* End modal */

/* End content of the page */

/* Footer */

.colors {
	display:none;
}

.footer-bottom {
	background-color: #131e55;
	color: white;
}

.footer-bottom, .footer a {
	font-size: 16px;
	line-height: 1.6;
	font-weight:bold;
}

.footer a {
	color:#fefaed;
    border-width: 0;
	border-bottom-width: 1px;
    border-style: dotted;
    border-color: inherit;
	text-decoration: none;
}

.footer a:hover {
    color: #fff;
    border-style: solid;
    border-color: inherit;
}

label{
    font-size: 16px;
    line-height: 1.6;
    color:#67727e;
}