/*öüóőúáű*/
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}

/*general*/
.endiv {clear: both;}

/*the login*/
#fls-login-form {width: 20%;float: none;margin: auto;}
#fls-login-form input {float: none;display: block;margin: 1em 0;background: transparent;padding: .5em;background-color: #8cbdbc;color: #ffffff;width: -webkit-fill-available;border-radius: .5em;moz-border-radius: 5px;font-size: 1.5em;}
#fls-login-form .checkbox {max-width: 20px;}
#fls-login-form #login_submit {cursor: pointer;width: -webkit-fill-available;margin: .5em 14%;}
#fls-login-form .login-fp {cursor: pointer;}
#login-form #header_kli {display:inline-block;text-transform: uppercase;cursor: pointer;width:1em;height:1em;margin: 0 .3em;}
#login-form #header_kli .alert_off {height: 1em;width:1em;background:#D92727;border-radius: .4em;background: radial-gradient(circle,#D92727 0%, #3D6B50 90%, #000000 100%);}
#login-form #header_kli .alert_on {height: 1em;width:1em;background:#5ed55e;border-radius: .4em;background: radial-gradient(circle,#5ed55e 0%, #3D6B50 90%, #000000 100%);}

/*the nyitolap*/
.nyitolap_txt {font-size: 2em;padding: 2em 0;}
.nyitolap_logo {display: none;margin:1em;height:calc(264*0.8px);width:calc(782*0.8px);}

/*kezdőlap*/
.f_main {padding:2em;}
.f_title {margin:10px;padding:5px;font-size:1.4em;cursor: pointer;}
.f_vice {}
.f_button {display: inline-block;cursor: pointer;border-radius:.2em;box-shadow: .3em 0 .3em rgba(0, 0, 0, 0.15);font-size:1.3em;margin:.5em;border:1px solid #672068;background:transparent;transition: .4s;padding:.3em;}
.f_button:hover {background-color:#672068;color:#ffffff;transition: .4s;}

/*main use*/
.f_list {margin: 5em 0;font-size:1.1em;}
.f_list_item {text-align: -webkit-left;padding: .3em;width: 100%;}
.f_list_item_name {display: inline-block;padding: .2em;transition: .4s;}
.f_list_item_name:hover {cursor: pointer;transition: .4s;background-color:#672068;color:#ffffff;}
.f_list_item_id {display: inline-block;padding: .2em;}
.f_list_item_status {display: inline-block;padding: .2em;width: 50%;margin-left:4em;}
.f_list_item_buttons {display: inline-block;padding: .2em;width: 25%;margin-left:4em;}
.f_list_item_button {display: inline-block;cursor: pointer;border-radius:.2em;box-shadow: .3em 0 .3em rgba(0, 0, 0, 0.15);border:1px solid #672068;background:transparent;transition: .4s;padding:.3em;margin-left:.2em;}
.f_list_item_button:hover {background-color:#672068;color:#ffffff;transition: .4s;}
.f_list_item_data {display: block;clear:both;padding: .2em .2em .2em 2em;font-size:.9em;}

/*FPC*/
.fpc_main {text-align: left;width: calc(100% - 2em);margin-top: 2em;color:#7c7c7c;padding: 0 1em 2em 1em;}
.fpc_main_title {margin-bottom:-1.5em;margin-top:1em;font-size:1.8em;font-style:italic;height: 1em;}
.fpc_navigator {border-bottom: 1px solid #7c7c7c;text-align: center;}
.fpc_navigator_item {display: inline-block;margin-right:-.35em;padding:.7em 1.5em;font-size:1.4em;border: .04em solid #7c7c7c;border-bottom:none;border-radius:.3em 2em 0 0;background-color:#ffffff;cursor: pointer;}
.fpc_navigator .button {transition: .4s;}
.fpc_navigator .button:hover {background-color:#487a79;color:#ffffff;transition: .4s;padding-top:1.1em;}
.fpc_navigator .active {background-color:#8cbdbc;color:#ffffff;padding-top:1.1em;}
.fpc_navigator .first {}
.fpc_navigator .last {}
.fpc_content {}
.fpc_upload_add_1 {display: inline-block;padding: .3em 1em;cursor:pointer;}
.upload_errmsg {padding: .3em 0;width: fit-content;margin: auto;font-size: 1.5em;}
.errmsg_ok {color: #8dbd8c;}
.errmsg_err {color: #bd9b8c;text-transform: uppercase;font-weight: bold;}

.fpc_list_main {}
.fpc_list_navigator {text-align: center;height:2.6em;}
.fpc_list_navigator_item {display: inline-block;margin-right:-.35em;padding:.5em 1em;font-size:1.1em;border: .04em solid #7c7c7c;border-top:none;border-radius:0 0 1em .2em;background-color:#ffffff;cursor: pointer;}
.fpc_list_navigator .button {transition: .4s;}
.fpc_list_navigator .button:hover {background-color:#487a79;color:#ffffff;transition: .4s;padding-bottom:1em;}
.fpc_list_navigator .active {background-color:#8cbdbc;color:#ffffff;padding-bottom:1em;}
.fpc_list_navigator .first {}
.fpc_list_navigator .last {}
.fpc_title {margin-top:-1em;font-size:1.8em;font-style:italic;height: 1em;}
.fpc_list_img_big {position: absolute;right: 2%;top: 1em;width: 40%;height: fit-content;border: 1px solid #c7c7c9;background-color: #f5f5f5;padding: 1em;display: none;z-index: 1000;text-align: center;border-radius:1em;overflow: hidden;}
.fpc_list_img_big img {max-width: 100%;height: auto;border: 1px dotted #c7c7c9;}
.fpc_list_header {padding: .5em 0;font-size: 1.1em;margin-top:2em;background-color:#8cbdbc;color: #ffffff;position: sticky;top: 3em;}
.fpc_list_header_item {width: 5em;height: fit-content;margin:auto;display: inline-block;padding: 0 1em;text-align: center;vertical-align: middle;}
.fpc_list_item {padding: .5em 0;font-size: 1.1em;transition: .2s;}
.fpc_list_item:hover {background-color:#d6e3e3!important;}
.fpc_list_main .odd {background-color:#ffffff;}
.fpc_list_main .even {background-color:#f5f5f5;}
.fpc_list_main .clickable {cursor: pointer;transition: .4s;}
.fpc_list_main .clickable:hover {color: #8cbdbc;}
.fpc_list_item_detail {}
.fpc_list_item_item {width: 5em;height: fit-content;margin:auto;display: inline-block;padding: 0 1em;text-align: center;vertical-align: middle;}
.fpc_list_item_item img {max-height: 1em;border: 1px dotted #c7c7c9;}
.fpc_list_main .vehicle_color {min-height:1em;width:3em;}
.fpc_list_item_item .color {display: block;width: 100%;height:1em;border-radius:.2em;}
.fpc_list_main .vehicle_uid {width: 15em;}
.fpc_list_item .vehicle_uid {text-align: left;}
.fpc_list_main .vehicle_type {}
.fpc_list_main .vehicle_model {width: 4em;}
.fpc_list_main .vehicle_production_date {width: 4em;}
.fpc_list_main .vehicle_image {}
.fpc_list_main .vehicle_state {}
.fpc_list_main .details {float: right;margin: .5em 1em 0 0;height: 1em;background: url(/Includes/images/icon_details_200x200.png) no-repeat;background-size: contain;width: .1em;}
.fpc_list_main .border {border: 1px solid #cbc9c9;}
.fpc_list_item_detail {display: grid;grid-template-columns: 33% 33% 33%;}
.fpc_list_item_detail .viewbox {width:95%;height: auto;vertical-align: middle;display: grid;grid-template-columns: 35% 60%;margin: .4em 0;}
.fpc_list_item_item_detail_title {text-align:right;margin: auto 0;font-style: italic;color: #cbc9c9;}
.fpc_list_item_item_detail_content {text-align:left;margin: auto 0;margin-left:5%;font-weight: bold;}
.fpc_list_item_detail .newrow {grid-column-start: 1;}
.fpc_list_item_detail .clickable {cursor: pointer;}
.fpc_list_item_detail .my_form{grid-column: span 3;}

.fpc_list_main .private_person_name, .fpc_list_main .sole_proprietor_name, .fpc_list_main .firm_name {width: 15em;}
.fpc_list_item .private_person_name, .fpc_list_item .sole_proprietor_name, .fpc_list_item .firm_name {text-align: left;}
.fpc_list_main .private_person_type, .fpc_list_main .sole_proprietor_type, .fpc_list_main .firm_type {width: 8em;}
.fpc_list_main .private_person_contact_name, .fpc_list_main .sole_proprietor_contact_name, .fpc_list_main .firm_contact_name {width: 10em;}
.fpc_list_main .private_person_contact_phone_number, .fpc_list_main .sole_proprietor_contact_phone_number, .fpc_list_main .firm_contact_phone_number {width: 8em;}
.fpc_list_main .private_person_contact_email, .fpc_list_main .sole_proprietor_contact_email, .fpc_list_main .firm_contact_email {width: 15em;}
.fpc_list_main .private_person_intermediary, .fpc_list_main .sole_proprietor_intermediary, .fpc_list_main .firm_intermediary {width: 10em;}
.fpc_list_main .private_person_invoicer, .fpc_list_main .sole_proprietor_invoicer, .fpc_list_main .firm_invoicer {width: 10em;}