﻿body {
}

.full-page { position: absolute; min-height: 100%; width: 100%; top: 0; left: 0;}
.tablet-bg { background: #0e354a;}

.termeni { font-size: 1.1em;}

.tablet-title { display: block; text-align: center; margin: 2em auto 0 auto;}
.tablet-padding { padding: 0 2em; max-width: 75%;}
.login-tablet-txt { display: block; text-align: justify; margin: auto; padding: 2em 1em; width: 90%; font-size: 1.2em; line-height: 1.35em;	font-weight: 100;}
.span-p-title { display: block; font-weight: 500;}
.tablet-span { display: block; padding-top: .35em;}
.tablet-obs { color: #ffd25d;}
.tablet_box-content { text-align: left;	margin: 1em; margin-bottom: 0; overflow-x: auto;}
.login-tablet-buttons { padding-top: 1em;}
.tablet_align-center { text-align: center;}
div#content_div { width: 75%; margin: 0 auto;}

.tablet-identification_data { margin-top: 2rem;}
.tablet-identification_data__action { margin-top: 6rem;}

.tb-card { padding: 2.5em 2em;}
.card-sm { width: 50%; margin: auto;}

.tablet-label { margin-bottom: .5em;}

span.id-label { font-weight: 100; color: #c0c9ce;}
.tablet-identification_data__line { margin-bottom: .35rem;}


.tablet-button { margin: 0; margin-bottom: 1em;	text-align: center;}
.btn-tb-save { width: calc(50% - 2em);}
.tb-exit { text-align: right;}

.navbar-left { display: inline-block; float: none;}
.card.card-lightblue { background: none; color: #fff; border: 1px solid #fff; padding: 2em 1em; font-size: 1.05em;}
.tablet-identification_data__action { margin-top: 3rem;}
.checkmark.chk_large { height: 36px; width: 36px;}
.chk_large::after { left: 14px;	top: 10px;}
label.container.label.label-acc { padding-left: 42px; top: 6px; padding-top: 6px;}
.tablet-accept_button { text-align: center; margin-top: 1em;}
.btn-accept_01 { min-width: 33%; padding: .75rem; font-size: 1.1em;}
.btn-small { width: 33%; margin: auto;}
.btn-sign { width: 100%; text-align: center; }

/* checkbox custom for tableta */
.checkmark-t {
	position: absolute;
	top: 0;
	left: 0;
	height: 36px;
	width: 36px;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}
.checkmark-t_red { position: absolute; top: 0; left: 0; height: 36px; width: 36px; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem;}
.container:hover input ~ .checkmark-t { background-color: #fff;}
.container:hover input ~ .checkmark-t_red { background-color: #fff;}
.container input:checked ~ .checkmark-t { background-color: #386cb5;}
.container input:checked ~ .checkmark-t_red { background-color: #e24444;}
.container .checkmark-t:after { left: 14px; top: 9px; width: 6px;	height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.container .checkmark-t_red:after { left: 14px; top: 9px; width: 6px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.checkmark-t:after { content: ""; position: absolute; display: none;}
.checkmark-t_red:after { content: ""; position: absolute; display: none;}
.container input:checked ~ .checkmark-t:after { display: block;}
.container input:checked ~ .checkmark-t_red:after { display: block;}

/*.container input:checked ~ .checkmark-t-red { background-color: #e24444;}*/

.m-left_mob { margin-left: 15px;}
/* inaltime segmente */
/*  signature pad */
/*.tb-canvas { width: 100%;}*/
.signature-pad--body { border: 1px solid #e9ecef;}
.sign-img { width: 120px;}

/* pdf print */
.tablet-pdf__action {
	margin: 3rem auto;
	margin-bottom: 0;
	text-align: center;
}

.tablet-print-page {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100vh;
	background: white;
	padding: 3em 0;
    overflow: auto;
}
.print-page {
    max-width: 90%;
    margin: 0 auto;
}

.tb-print { width: 90%; margin: 0 auto;}
.tb-print_color {
    color: #000;
}
.tb-print_title {
    font-size: 1.4em;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    margin: auto;
    padding: 1rem 0 2em 0;
}

.tb-print_antet {
    margin-bottom: 1em;
}

.tb-print_check {
    font-size: 14px;
    padding: 1.5em 0;
}

.tb-footer_print {
    margin: auto;
    font-size: 1.1em;
}
.tb-footer_left {
    display: inline-block;
    padding-right: 2em;
}

.tb-footer_right {
    display: inline-block;
    width: 200px;
}

.tb-printfooter_label {
    text-align: left;
    margin: 19px 0 0 0;
}

input.tb-printfooter_input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #b7b7b7;
    margin: 10px 0;
}

:disabled.tb-printfooter_input {
    background: #fff;
}

.tb-checkbox_space {
    margin-right: 5px;
    margin-left: 20px;
}

.signature_down {
    top: 30vh !important;
    min-width: 90vw !important;
    min-height: 50vh !important;
}

/* responsive mobile */

@media only screen and (max-width: 640px) {
	.login-tablet-txt { width: 95%;}
	.h2, h2 { font-size: 1.25rem;}
	.h3, h3 { font-size: 1.1rem;}
	.login-tablet-txt { text-align: left;}
	div#content_div { width: 100%;}
	.tablet-identification_data__action { text-align: center;}
	.col-btns { text-align: center; width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important;}
	.col-hide_mob { display: none;}
	.col-show_full { flex: 0 0 100%; max-width: 100% !important;}
	.m-hide_mob { margin-left: 0 !important;}
	.mob-txt_center { text-align: center;}
	label.container.label.label-acc { width: 100% !important; display: block;}
}

@media only screen and (max-width: 425px) {
    .signature_down { top: 1rem !important; min-width: 50vw !important; }
}

