﻿body, html
{
    padding:0px;
    margin:0px;
    width:100%;
    height:100%;
    font-family: 'Roboto', Sans-serif,Arial, Verdana ;
    background-color:#C6CDCF;
	font-weight:300;
    font-size:14px;
} 

#ctl01 
{
    height:100%;
    width:100%;
    padding:0px;
    margin:0px;
}

th {
	color:#222;
	font-weight:400;
}

.t_cont 
{
    width:100%;   
    height:100%;
    border-collapse:collapse;
    padding:0px;
    margin:0px;
}

.td_center {
    text-align:center;
}

.td_bottom {
	font-size:11px;
	font-family: sans-serif;
	background-color:#233440;
	padding:40px 80px;
    line-height:150%;
	color:#eee;
}

.td_bottom td {
	padding:0px 40px;
}

.a_bottom,.a_bottom:link,.a_bottom:visited {
	color:#6B7E8F;
	text-decoration:none;
}

.a_bottom:hover,.a_bottom:active {
	text-decoration:underline;
}

.td_bottom_info {
    width:100%;
    text-align:left;
}

.i_logo_bottom {
    width: 150px;
}

.td_border {
    border:1px solid #ddd;
}

.td_selected {
	background:#E7FDCA;
}

.td_deleted {
    background:#f8f8f8;
	color:#aaa;
	text-decoration: line-through;
}

.td_deleted .ti_form {
	background:#eee;
}

.td_adm_flag_1 {
    background-color: #D6FFC2;
    color: #222;
}


.td_adm_flag_0 {
    background-color: inherit;
    color: #222;
}

.a_back,.a_back:link,.a_back:visited 
{
    display:inline-block;
    padding:8px 15px;
    margin:10px 0px;
    background:#f1f1f1;
    border-bottom:2px solid #ccc;
    border-radius:4px;
    cursor:pointer;
    color:#555;
    text-decoration:none;
}

.a_back:hover,.a_back:active 
{
    background:#eaeaea;
}

.a_next1,.a_next1:link,.a_next1:visited
{
    display:inline-block;
    padding:10px 15px;
    margin:10px 0px;
    background-color:#0862AF;
    border:none;
    font-size:1em;
    border-bottom:1px solid #0A2E4C;
    border-radius:4px;
    cursor:pointer;
    color:#fff;
    text-decoration:none;
    line-height:100%;
    outline:none;
}

.a_next1:active,.a_next1:hover 
{
    background-color:#106fc0;
}


.d_edit {
   
}

.d_edit::before {
    content: '✎ ';
}

.d_delete::before {
    content: '🗑 ';
    font-weight:bold;
}


.a_next, .a_next:link, .a_next:visited {
    background-color: #0F67CB;
    border-radius: 8px;
    border: none;
    border-bottom: 1px solid #063161;
    padding: 15px 30px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 1em;
    cursor: pointer;
    margin-right: 15px;
    line-height: 100%;
	font-weight:400;
}

.a_next:active, .a_next:hover {
    background-color: #1773DA;
}

.a_next_readonly {
    background-color: #ccc;
    border-radius: 8px;
    border: none;
    border-bottom: 1px solid #063161;
    padding: 15px 30px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 1em;
    cursor: not-allowed;
    margin-right: 15px;
    line-height: 100%;
	font-weight:400;
}

.a_add2, .a_add2:link, .a_add2:visited {
    background-color: #F4F8FC;
    border-radius: 8px;
    border: 1px solid #CFDFE6;
    border-bottom: 2px solid #90AAB6;
    padding: 15px 30px;
    display: inline-block;
    color: #0F67CB;
    text-decoration: none;
    font-size: 1em;
    cursor: pointer;
    margin-right: 15px;
    line-height: 100%;
	font-weight:400;
    text-wrap:no-wrap;
}

.a_add2:active, .a_add2:hover {
    background-color: #EBF0F5;
}


.a_button_small, .a_button_small:link, .a_button_small:visited {
    background-color: #F4F8FC;
    border-radius: 8px;
    border: 1px solid #CFDFE6;
    border-bottom: 2px solid #90AAB6;
    padding: 15px 15px;
    display: inline-block;
    color: #0F67CB;
    text-decoration: none;
    cursor: pointer;
    margin-right: 15px;
    line-height: 100%;
	font-weight:400;
	text-wrap: nowrap;
}

.a_button_small:active, .a_button_small:hover {
    background-color: #EBF0F5;
}

.a_delete, .a_delete:link, .a_delete:visited {
    background-color: #ccc;
    border-radius: 8px;
    border: none;
    border-bottom: 1px solid #063161;
    padding: 15px 30px;
    display: inline-block;
    color: #444;
    text-decoration: none;
    font-size: 1em;
    cursor: pointer;
    margin-right: 15px;
    line-height: 100%;
	font-weight:400;
}

.a_delete:active, .a_delete:hover {
    background-color: #aaa;
}


.a_del_icon, .a_del_icon:link, .a_del_icon:visited {
    display: inline-block;
    text-decoration: none;
    font-size: 1px;
    width: 26px;
    height: 26px;
    background-colfor: #f1f1f1;
    background-image: url(images/trash.ico);
    background-size:contain;
    background-position:center center;
    cursor:pointer;
    border-radfius:8px;
    borfder:1px solid #ddd;
}

.a_exportExcel, .a_exportExcel:link, .a_exportExcel:visited {
    display: inline-block;
    padding: 15px 20px 15px 40px;
    margin: 10px 0px;
    background-color: #eaeaea;
    border: none;
    font-size: 1em;
    border: 1px solid #ddd;
    border-bottom: 1px solid #888;
    border-radius: 8px;
    cursor: pointer;
    color: #444;
    text-decoration: none;
    line-height: 100%;
    outline: none;
    margin: 0px 10px;
    background-image: url(images/excel.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 10px center;
	font-weight:400;
}

.a_exportExcel:active, .a_exportExcel:hover {
    background-color: #f1f1f1;
}


.a_gray, .a_gray:link, .a_gray:visited {
    display: inline-block;
    padding: 15px 20px 15px 20px;
    margin: 10px 0px;
    background-color: #eaeaea;
    font-size: 1em;
    border: 1px solid #ddd;
    border-bottom: 1px solid #888;
    border-radius: 8px;
    cursor: pointer;
    color: #444;
    text-decoration: none;
    line-height: 100%;
    outline: none;
    margin: 0px 10px; 
	font-weight:400;
}

.a_gray:active, .a_gray:hover {
    background-color: #f1f1f1;
}


.a_mini_gray, .a_mini_gray:link, .a_mini_gray:visited {
    display: inline-block;
    padding: 12px 20px;
    margin: 10px 0px;
    background-color: #eaeaea;
    border: none;
    font-size: 1em;
    border-radius: 50px;
    cursor: pointer;
    color: #444;
    text-decoration: none;
    line-height: 100%;
    outline: none;
    margin: 0px 10px; 
	font-weight:400;
}

.a_mini_gray:active, .a_mini_gray:hover {
    background-color: #f1f1f1;
}

#export_tab {
    display:none;
}

.a_cancel, .a_cancel:link, .a_cancel:visited {
    display: inline-block;
    padding: 15px 30px;
    margin: 10px 0px;
    background-color: #888;
    border: none;
    font-size: medium;
    border-bottom: 1px solid #444;
    border-radius: 8px;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    line-height: 100%;
    outline: none;
}

.a_cancel:active,.a_cancel:hover 
{
    background-color:#999;
}

.a_submfake,.a_submfake:link,.a_submfake:visited 
{
    display:inline-block;
    padding:10px 15px;
    margin:10px 0px;
    background-color:#888;
    border:none;
    font-size:medium;
    border-bottom:1px solid #444;
    border-radius:4px;
    cursor:default;
    color:#fff;
    text-decoration:none;
    line-height:100%;
    outline:none;
    box-sizing:border-box;
    text-align:center;
}

.ti_form 
{
    padding:8px 10px;
    font-size:1em;
    font-family:inherit;
    border:1px solid #aaa;
    border-radius:4px;
    margin:5px 4px;
	font-weight:300;
    widfth:150px;
}


.ti_form:focus 
{
    outline:none;
    border:1px solid #000;
}

.ti_form[type=number]:read-only,.ti_form[type=text]:read-only {
	background:#fafafa;
	color:#555;
	border:1px solid #ccc;
	cursor:default;
}

.ti_form_required {
    border: 2px solid #777;
    padding: 8px 10px;
    font-size: 1em;
    font-family: inherit;
    border-radius: 4px;
    margin: 5px 4px;
    font-weight: 300;
}

.ti_form_required:focus  {
    border: 2px solid #000;
    outline: none;
}

.ti_error {
    border: 2px solid #c11 !important;
}

/* options */
.d_ti_options {
	display:inline-block;
	background:#fff;
	padding:2px;
	border:1px solid #ddd;
	box-shadow:0px 5px 5px rgba(0,0,0,0.2);
	position:absolute;
	top:40px;
	left:7px;
	z-index:100;
	display:None;
}

.d_ti_options_block {
	display:inline-block;
	width:100%;
	cursor:pointer;
	padding:5px 10px 5px 5px;
	box-sizing:border-box;
}

.d_ti_options_block:active,.d_ti_options_block:hover {
	background:#EBF4F5;
}

.d_ti_options_item {
	float:left;
	padding:0px 5px;
}

/**/

.d_form_hint {
    display: inline-block;
    padding: 5px;
    color: #888;
}

.td_form_left {
    vertical-align: top;
    padding: 10px;
}

.td_form_right {
    vertical-align: top;
	position:relative;
}

.dp_form {
    padding: 8px 10px;
    font-size: 1em;
    font-family: inherit;
    border: 1px solid #aaa;
    border-radius: 4px;
    margin: 5px 4px;
    width: 110px;
    background-image: url(images/calendar-icon.png);
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-size: 16px;
}


.dp_form:focus 
{
    outline:none;
    border:1px solid #000;
}


.d_f_info 
{
    display:inline-block;
    font-size:inherit;
    font-weight:bold;
}

.td_tabletitle 
{
    padding-bottom:20px;
}

.h1 
{
    font-size:1.2em;
    color:#222;
    font-weight:600;
    text-align:center;
}


h1 {
    font-size: 1.2em;
    color: #222;
    font-weight: 600;
    text-align: center;
}

.a_link,.a_link:link,.a_link:visited 
{
    display:inline-block;
    color:#0000EE;
    text-decoration:underline;
	cursor:pointer;
}

.a_link:active,.a_link:hover 
{
    color:#0000F1;
}


.a_small 
{
    font-size:0.8em;
}

.el_full 
{
    width:100%;
    box-sizing:border-box;
}

.el_gray {
    color:#888;
}


.d_error, .d_success {
    display: inline-block;
    padding: 15px 25px;
    font-size: 1em;
}

.d_error 
{
    color: #9F6000;
    background-color: #FFFFB2;
}

.d_success
{
    color: #344E2F;
    background-color: #F0FFCC;
}

.a_print 
{
    background-image:url("images/print.png");
    background-size:15pt;
    background-repeat:no-repeat;
    background-position:15px center;
    padding-left:50px !important;
}

.d_blocklevel_1 {
    background-image:url("images/warning.png");
    background-size:20pt;
    background-repeat:no-repeat;
    background-position:0px center;
    padding-left:35px !important;
	display:inline-block;
	min-height:20px;
}

.d_blocklevel_2 {
    background-image:url("images/restrict.png");
    background-size:20pt;
    background-repeat:no-repeat;
    background-position:0px center;
    padding-left:35px !important;
	display:inline-block;
	min-height:20px;
}

.d_blocklevel_button {
    background-image:url("images/warning.png");
    background-size:20pt;
    background-repeat:no-repeat;
    background-position:15px center;
    padding-left:50px !important;
	display:inline-block;
}


.d_include {
	background:#EDF3F5;
	padding:20px;
	margin:20px 0px;
	border-radius:10px;
	border:1px solid #DDEAEE;
	border-top: 1px solid #A4BDC4;
}

.d_msgover {
    z-index: 100;
    position: fixed;
    top: 40px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    border-radius:8px;
    box-shadow:0px 5px 20px rgba(0,0,0,0.4);
}

.d_msg_cont_hidden {
    display:block;
    height:0px;
    text-align:center;
    positiofn:relative;
}


.ul_tag {
	display:inline-block;
	padding:0px;
	margin:0px;
	box-sizing:border-box;
	list-style:none;
}

.ul_tag li {
	display:inline-block;
	box-sizing:border-box;
	widtjh:100%;
	background:#f1f1f1;
	padding:5px 15px 5px 20px;
	margin:2px 5px;
	border-radius:40px;
	color:#000;
	cursor:default;
}

.a_tag_close,.a_tag_close:link,.a_tag_close:visited {
	display:inline-block;
	color:#aaa;
	margin-left:15px;
	cursor:pointer;
	text-decoration:none;
}

/* select */
.s_rpt_filter .select2-search {
    display: none
}
 
 
.select2-container .select2-selection--single {
    height: 37px !important;
	borfder:1px solid red !important;
	border-radius:100px !important;
}

.select2-selection__arrow {
    height: 37px !important;
}

.select2-selection--multiple, .select2-selection--single {
	min-width:100px !important;
	border-radius:20px !important;
}

.select2-selection__rendered { 
    height: 31px !important;
	vertical-align:middle;
	padding:0px;
	margin-top:4px;
	backgroufnd:red;
}

.select2-selection__choice {
	background:#E3F1FB !important;
	padding:2px 12px 2px 20px !important;
	border:1px solid #DAE7F1 !important;
	border-bottom:1px solid #A0AFBA !important;
	border-radius:58px !important;
}

.select2-selection__choice__remove {
	border:none !important;
	top:4px !important;
	left:4px !important;
}


.select2-selection__choice__remove:active,..select2-selection__choice__remove:hover {
	background:none !important;
}

.select2-dropdown--below {
	border:1px solid #ddd !important;
}

.select2-results__option--highlighted, .select2-results__option--selected {
	background:#E3F1FB !important;
	color:#222 !important;
}

/* user rep filters */

.d_rpt_userfilters {
	background:#fff;
}

/* header */
.td_h_cont 
{
    background:#233440; /* 246A45 */
    color:#fff;
    padding:20px 10%;
    text-align:center;
}

.td_h_left 
{
    background:#233440; /* 246A45 */
    color:#fff;
    padding:20px;
    text-align:center;
}
	

.td_h_menu 
{
    background:#233440; /* 246A45 */
    color:#fff;
    padding:0px 20px;
    text-align:left;
}

.d_h_menu {
    background:#3F4C5A;
    color:#fff;
    text-align:left;
	display:inline-block;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:130px;
}

.d_h_menu .a_menu_item {
	display:block !important;
}


.d_h_menu .d_menu_login {
	float:left !important;
	color:rgba(255,255,255,0.5);
}

.a_menu_item, .a_menu_item:link, .a_menu_item:visited {
    margin: 5px 0px;
    padding: 15px 15px;
    color: #eee;
    display: inline-block;
    font-size: 1em;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
	font-weight:300;
	z-index:2000;
}

.a_menu_item:active,.a_menu_item:hover 
{
    color:rgb(0,145,225);
	backgroufnd:rgba(0,0,0,0.1);
	border-radius:8px;
}

.a_menu_item .d_menu_list_cont {
    display:none;
}

.a_menu_item:hover .d_menu_list_cont {
    display: inline-block;
}

.d_menu_list_cont {
    position: absolute;
    top: 48px;
    left: 0px;
    background-color: #3F4C5A;
    box-shadow: 0px 4px 11px rgba(0,0,0,0.4);
}

.d_menu_list_cont .a_menu_item {
    width:100%;
	border-radius:0px;
}

.d_menu_login {
    float: right;
    padding: 20px 10px;
	color:rgba(255,255,255,0.5);
}


/* content */
.td_main_cont 
{
    background:#fff;
    padding:20px 20px 80px 20px;
    line-height:150%;
    height:100%;
    vertical-align:top;
	position:relative;
}

#td_admin_menu_place {
	width:120px;
	background:#fff;
	position:relative;
}

/* auth */
.d_messages 
{
    display:block;
    margin-top:30px;
}

.d_auth
{
    display:inline-block;
    box-shadow:0px 1px 4px #aaa;
    border:none;
    border-radius:10px;
    background:#fff;
    padding:20px 40px;
    margin-top:50px;
}

.d_auth table 
{
    box-sizing:border-box;
    width:300px;
}

.d_auth td 
{   
    box-sizing:border-box;
}

.td_auth_header 
{
    padding-bottom:20px;
}

.a_auth_go 
{
    width:100%;   
    margin:5px 4px;
}   
    
    

/* doc list */

.d_dl_cont
{
    display:inline-block;
    padding:10px;
    color:#444;
    margin-bottom:20px;
}

.d_dl_type 
{
    float:left;
    padding:0px 10px;
    line-height:150%;
}

.d_dl_list 
{
    padding-left:10px;
    display:inline-block;
}


/* slotting table */



.a_sl_link, .a_sl_link:link, .a_sl_link:visited {
    color: #0F67CB;
}

.a_sl_link:active, .a_sl_link:hover {
    color: #1773DA;
}


.td_sl_rw_slot {
    text-wrap:nowrap;
    float:left;
    min-width: 130px;
}


.td_sl_rw_day 
{
    text-align:center;
    color:#444;
    padding:10px 5px;
    border:1px solid #eee;
    bordfer-bottom:1px solid #eee;
    width:170px;
}

.td_sl_full_header {
    background-color: #D5E3F2;
    padding: 20px;
    color:#222;

}

.td_sl_full_slottime {
    width:100px;
    padding:10px;
}

.td_sl_full_cap {
    width: 50px;
    padding: 10px;
}

.tr_sl_row1 {
    background-color:#eee;
}

.d_sl_filter_cont {
    display:inline-block;
    background-color:#eee;
    padding:20px 40px;
    border:1px solid #ddd;
    border-bottom:1px solid #999;
    border-radius:8px;
    margin-bottom:40px;
}

.td_sl_full_info {
    padding: 10px;
}

.d_sl_full_visit0, .d_sl_full_visit1, .d_sl_full_visit_problem {
    float: left;
    padding: 5px 15px;
    font-size: 0.8em;
    margin: 0px 5px;
    border-radius: 4px;
    line-height: 150%;
}

.d_sl_full_visit0 {
    background-color: #DBFCC1;
    border: 1px solid #BCDDA1;
}

.d_sl_full_visit1 {
    background-color: #E7F7FA;
    border: 1px solid #B4C9CD;
}

.d_sl_full_visit_problem {
    background-color: #FFDAD3;
    border: 1px solid #D19D9D;
}

.td_sl_rw_slot_cont {
    border: 1px solid #eee;
    padding: 5px 15px 30px 15px;
    vertical-align: top;
	text-align:center;
}

.d_sl_rw_dw 
{
    font-size:0.9em;
    color:#777;
}

.t_sl_rw_cont 
{
    padding:0px;
    margin:0px;
    border-collapse:collapse;
    widfth:100%;
}

.t_sl_rw_daycont 
{
    padding:0px;
    margin:0px;
    border-collapse:collapse;
}

.d_sl_gridview_cont {
    display:inline-block;
    width:100%;
    text-align:right;
    margin:0px;
    padding:0px;
}

.d_sl_gridview_icon {
    display:inline-block;
    padding:5px;
    cursor:pointer;
    text-decoration:none;
}

.d_sl_gridview_icon_active {
    opacity:0.7;
}

.d_sl_gridview_icon_inactive {
    opacity: 0.3;
}

.d_sl_gridview_icon_inactive:hover,.d_sl_gridview_icon_inactive:active {
    opacity: 0.4;
}

.d_sl_gridview_icon img {
    width: 21px;
}

.a_sl_rw_slot {
    white-space: nowrap;
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    text-decoration: None;
    border-radius: 4px;
    margin: 1px;
    text-align: center;
    margin: 5px 0px;
	position:relative;
	overflow:hidden;
    float:left;
}


.d_sl_rw_filler {
	display:inline-block;
	position:absolute;
	top:0px;
	left:0px;
	background:rgba(150,150,150,0.1);
	height:40px;
}

/* ext */
.d_sl_rw_filler_role0 {
    display:none !important;
}
.a_sl_rw_slot_capacity_role0 {
    display:none !important;
}

/* adm */
d_sl_rw_filler_role1 {
    display:inline-block;
}




.a_sl_rw_slotfull 
{
    cursor:default !important;
}

.a_sl_rw_slotnull 
{
    border:1px solid #ddd;
    color:#999;
    background:#eee;
    cursor:default !important;
}


.a_sl_rw_slot_icons 
{
    //display:inline-block;
    display:none;
    padding-left:5px;
}

.a_sl_rw_slot_capacity {
    display:inline-block;
    padding-left:5px;
    color:#555;
    font-size:0.8em;
    padding-top: 10px;
}

.a_sl_rw_slot_in0, .a_sl_rw_slot_in1, .a_sl_rw_slot_out0, .a_sl_rw_slot_out1 {
    display: inline-block;
    width: 22px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-coflor: #444;
    background-position: center bottom;
}

.a_sl_rw_slot_in0 
{
    background-image:url(images/unload_gray.png);
}

.a_sl_rw_slot_in1 
{
    background-image:url(images/unload_green.png);
}

.a_sl_rw_slot_out0 
{
    background-image:url(images/load_gray.png);
}

.a_sl_rw_slot_out1 
{
    background-image:url(images/load_green.png);
}



.a_sl_rw_slot_1,.a_sl_rw_slot_1:link,.a_sl_rw_slot_1:visited
{
    border:1px solid #BDEAA7;
    color:#222;
    background:#D6FFC2;
}

.a_sl_rw_slot_1:hover,.a_sl_rw_slot_1:active
{
    background:#CFFFB8;
}


.a_sl_rw_slot_2,.a_sl_rw_slot_2:link,.a_sl_rw_slot_2:visited
{
    border:1px solid #FFEC81;
    color:#222;
    background:#FEFF8E;
}

.a_sl_rw_slot_2:hover,.a_sl_rw_slot_2:active
{
    background:#FFFD81;
}

.a_sl_rw_slot_3,.a_sl_rw_slot_3:link,.a_sl_rw_slot_3:visited
{
    border:1px solid #FFBB95;
    color:#222;
    background:#FFDAAD;
}

.a_sl_rw_slot_3:hover,.a_sl_rw_slot_3:active
{
    background:#FFD2A4;
}

.a_sl_rw_slot_999,.a_sl_rw_slot_999:link,.a_sl_rw_slot_999:visited
{
    border:1px solid #b7e4f7;
    color:#222;
    background: #b7e4f7
}

.a_sl_rw_slot_999:hover,.a_sl_rw_slot_999:active
{
    background: #b7e4f7
}

.rw_day6,.rw_day7 
{
    background-color:#fdfdfd;
}



/* slot info */

.d_si_cont {
    line-height:150%;
    padding-bottom:40px;
    border-bottom:1px solid #ddd;
}

.d_si_title 
{
    font-size:15pt;
    padding-bottom:20px;
    padding-top:20px;
    color:#444;
    display:inline-block;
}

.d_si_date, .d_si_time
{
    display:inline-block;
    padding:2px 0px;
}


/* slot docs selection */

.d_sd_cont 
{
    line-height:150%;
    padding-top:40px; 
}

.d_sds_typecont 
{
    float:left;
    padding:0px 20px;
}

.a_sds_dic 
{
    display:inline-block;
    background:#fafafa;
    border-radius:4px;
    cursor:pointer;
    padding:5px 10px;
    margin:2px 0px;
}

.a_sds_dic_selected 
{
    border-left:4px solid #BDEAA7;
    background:#D6FFC2;
    padding-left:10px;
}


/* visit page */

.d_vi_cont 
{
    padding:10px 5%;
    display:inline-block;
    width:90%;
}

.d_vd_cont 
{
    padding:40px 5%;
    width:90%;
    display:inline-block;
    border-top:1px solid #ddd;
}

.d_vi_title 
{
  color: #270;
  background-color: #DFFFB2;
  margin: 10px 0;
  padding: 10px 20px;
  border-radius: 4px;
  display:inline-block;
}

.d_vd_title 
{
  display:inline-block;
  padding:10px 0px;
  color:#555; 
}

.d_vi_desc 
{
    display:inline-block;
    padding:5px;
}

.d_vi_fielddata 
{
    display:inline-block;
    font-weight:bold;
    padding:5px;
}

/* dates */

.t_vidt_cont 
{
    border-collapse:collapse;
}

.td_vidt_active,.td_vidt_none, .td_vidt_last
{
    padding:0px;
    vertical-align:top;
    text-align:center;
}

.td_vidt_active {
   color: #222;
}

.td_vidt_active .d_vidt_pointer {
    background: #0EA015;
}

.td_vidt_last .d_vidt_pointer {
    background: #0EA015;
}


.td_vidt_none
{
    bordfer-bottom:2px solid #ccc;
    color:#aaa;
}

.td_vidt_none .d_vidt_pointer 
{
    background:#ccc;
}


.d_vidt_title 
{
    display:block;
    padding:10px;
}

.d_vidt_val 
{
    display:inline-block;
    padding:0px 10px;
}

.d_vidt_pointer {
    display: inline-block;
    margin-bottom: -28px;
    font-size: 15px;
    padding: 1px 7px;
    border-radius: 50px;
    color: #fff;
    position:absolute;
    top:-10px;
    left:50%;
    margin-left:-13px;
    width:12px;
}


.d_vidt_track {
    background: #ccc;
    display: inline-block;
    width: 100%;
    padding: 0px;
    height: 5px;
    margin-top: 20px;
    position: relative;
}
 

.td_vidt_active .d_vidt_track {
    background-color: #0EA015;
}

.td_vidt_last .d_vidt_track {
    background-color: #0EA015;
    background: linear-gradient(90deg, #0EA015 0%, #0EA015 50%, #ccc 51%, #ccc 100%);
}
    
    
/* footer */
.td_f_cont {
    color: #222;
    line-height: 150%;
    padding: 40px 5%;
}


/* visit list */


.d_vl_cont, .d_vl_f_cont {
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    width: 100%;
}

.d_vl_f_cont 
{
    border-bottom:1px solid #ddd;
    margin-bottom:40px;
}

.d_vl_status {
    display:inline-block;
    border-radius:20px;
    padding:2px 15px;
    font-size:0.8em;
	white-space: nowrap;
}

.d_vl_status_red {
    background-color:#a00;
    color:#fff;
}

.d_vl_status_yellow {
    background-color: #FBFF89;
    color: #222;
}

.d_vl_status_orange {
    background-color: #D98308;
    color: #fff;
}

.d_vl_status_grblue {
    background-color: #05D074;
    color: #fff;
}

.d_vl_status_gray {
    background-color: #555;
    color: #fff;
}


.d_vl_status_blue {
    background-color: #0061B2;
    color: #fff;
}


.d_vl_status_lblue {
    background-color: #CBEBF9;
    color: #222;
}


.d_vl_status_lbrown {
    background-color: #F9E1CB;
    color: #222;
}

.d_vl_status_green {
    background-color: #019916;
    color: #fff;
}

.d_vl_status_brown {
    background-color: #8F7957;
    color: #fff;
}

.d_vl_icon_cancel {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: -20px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(images/icon_cancel.png);
}

.d_vl_icon_timeOk,.d_vl_icon_timeWarning
{
    display:inline-block;
    height:16px;
    width:16px;
    margin-right:-20px;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
}

.d_vl_icon_timeOk 
{
    background-image:url(images/icon_timeok.png);
}

.d_vl_icon_timeWarning 
{
    background-image:url(images/icon_timewarning.png);
}


.td_vl_f_go 
{
    padding:10px 0px;
    margin-bottom:20px;
}
 
.d_vl_cont td,.d_vl_cont th
{
    padding:8px 10px;
	font-sizfe:12pt;
	line-height:150%;
}

.d_vl_cont tr:nth-child(2n) {
    background-color:#fafafa;
} 

.d_vl_cont tr:active,.d_vl_cont tr:hover {
    background-color:#EBF4F5;
} 

.d_vl_cont tr:active .td_border,.d_vl_cont tr:hover .td_border {
    border:1px solid #ccc;
} 

.d_vl_cont tr:active th,.d_vl_cont tr:hover th {
    background-color:#fff;
} 



/* contact */

.d_cn_cont 
{
    text-align:left;
    display:inline-block;
    padding-bottom:100px;
}

.d_cn_cont img 
{
    width:400px;
}


/* ADMIN */

.a_adm_p_item, .a_adm_p_item:link, .a_adm_p_item:visited {
    display: inline-block;
    float: left;
    width: 200px;
    height: 50px;
    align: center;
    padding: 50px 50px;
    margin: 20px;
    color: #444;
    background-color: #fafafa;
    border-radius: 10px;
    border: 1px solid #eee;
    border-bottom: 1px solid #888;
    text-decoration:none;
}


.d_adm_p_item {
    display: inline-block;
    float: left;
    padding: 20px 30px;
    margin: 20px;
    color: #444;
    background-color: #fafafa;
    border-radius: 10px;
    border: 1px solid #eee;
    border-bottom: 1px solid #888;
    text-decoration: none;
}

.a_adm_p_item:active, .a_adm_p_item:hover {
    background-color: #f1f1f1;
}

.a_adm_p_a1, .a_adm_p_a1:link, .a_adm_p_a1:visited {
    font-size:1.2em;
    font-weight:bold;
    color:#444;
}
 

.a_adm_p_add, .a_adm_p_add:link, .a_adm_p_add:visited {
    background-color: #0F67CB;
    border-radius: 8px;
    border: none;
    border-bottom: 1px solid #063161;
    padding: 15px 30px;
    display: inline-block;
    color: #fff;
    text-decoration:none;
    font-size:1em;
    cursor:pointer;
    margin-right:15px;
    line-height:100%;
	font-weight:400;
}

.a_adm_p_add:active, .a_adm_p_add:hover {
    background-color: #1773DA;
}


.a_adm_p_add2, .a_adm_p_add2:link, .a_adm_p_add2:visited {
    background-color: #F4F8FC;
    border-radius: 8px;
    border: 1px solid #CFDFE6;
    border-bottom: 2px solid #90AAB6;
    padding: 15px 30px;
    display: inline-block;
    color: #0F67CB;
    text-decoration: none;
    font-size: 1em;
    cursor: pointer;
    margin-right: 15px;
    line-height: 100%;
	font-weight:400;
}

.a_adm_p_add2:active, .a_adm_p_add2:hover {
    background-color: #EBF0F5;
}

.a_adm_p_delete, .a_adm_p_delete:link, .a_adm_p_delete:visited {
    background-color: #ccc;
    border-radius: 8px;
    border: none;
    border-bottom: 1px solid #063161;
    padding: 15px 30px;
    display: inline-block;
    color: #444;
    text-decoration: none;
    font-size: 1em;
    cursor: pointer;
    margin-right: 15px;
    line-height: 100%;
}

.a_adm_p_delete:active, .a_adm_p_delete:hover {
    background-color: #aaa;
}

.a_adm_path, .a_adm_path:link, .a_adm_path:visited {
    color: #0F67CB;
}

.a_adm_path:active, .a_adm_path:hover {
    color: #1773DA;
}



.td_adm_h_menu {
    background-color: #314A5E;
}

.td_adm_right_V {
    background-color: #D6FFC2;
    color: #222;
}


/* VISIT INFO */

.t_visit_info {
}

.t_visit_info td {
	position:relative;
}

.d_hider {
	display:inline-block;
	background-color:rgba(255,255,255,0.5);
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}


/* ARM */

.a_bb_1, .a_bb_2 {
    padding: 70px 3%;
    width: 90%;
    margin: 10px 2%;
    font-size: 20pt;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    border-radius: 8px;
}

.a_bb_1, .a_bb_1:link, .a_bb_1:visited {
    color: #222;
    background-color: #D4F7CA;
    border: 1px solid #BEDFB5;
    border-bottom: 1px solid #758D6F;
}


.a_bb_2, .a_bb_2:link, .a_bb_2:visited {
    color: #222;
    background-color: #CAE5F7;
    border: 1px solid #A9C2D3;
    border-bottom: 1px solid #698192;
}

.a_bb_list, .a_bb_list:link, .a_bb_list:visited {
    padding: 20px 3%;
    width: 90%;
    margin: 10px 2%;
    font-size: 20pt;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    border-radius: 8px;
}

.a_bb_list_norm {
    background: #C5E9EC;
    border: 1px solid #A8C9CA;
    border-bottom: 1px solid #6A8889;
    color: #222;
}

.a_bb_list_yes {
    background-color: #D4F7CA;
    border: 1px solid #BEDFB5;
    border-bottom: 1px solid #758D6F;
    color: #222;
}

.a_bb_list_no {
    background-color: #FFD4B2;
    border: 1px solid #CFB098;
    border-bottom: 1px solid #7B624E;
    color: #222;
}

.a_bb_title {
    font-size: 20pt;
    text-align: center;
    color: #444;
    display: inline-block;
    padding: 5px 3%;
    width: 90%;
    margin: 10px 2%;
}

.tb_bb {
    font-size:20pt;
    padding:20px;
    width:80%;
    margin:0px;
}

.a_adm_m_alert {
    display:inline-block;
    background-color:#d60a0a;
    color:#fff;
    padding:4px 8px;
    border-radius:20px;
    margin-left:10px;
    font-size:0.6em;
}



.d_bb_listext {
	display:inline-block;
	background:#fafafa;
	border-radius:8px;
	border:1px solid #ddd;
	border-bottom:1px solid #aaa;
	padding:0px;
	margin:10px;
	overflow:hidden;
}

.a_bb_listext,.a_bb_listext:link,.a_bb_listext:visited {
	cursor:pointer;
	color:#444;
	font-weight:bold;
	text-decoration:underline;
	background:#eee;
	border-bottom:1px solid #ddd;
	width:100%;
	padding:10px 0px;
	display:inline-block;
	text-align:center;
}

.a_bb_listext:active,.a_bb_listext:hover {
	color:#000;
	background:#e1e1e1;
}

.d_bb_listext_info {
	cursor:default;
	display:inline-block;
	padding:20px;
	text-align:left;
}

/* alert */

.td_h_alert {
	background:#FFF870;
	color:#000;
	text-align:center;
	padding:12px 10px 10px 10px;
	ffont-size:12pt;
	position:relative;
	line-height:150%;
}

.a_alert_close {
	display:inline-block;
	margin-left:40px;
	color:rgba(0,0,0,0.5);
	cursor:pointer;
	top:10px;
	right:10px;
	position:absolute;
}

.a_alert_close:active,.a_alert_close:hover {
	color:rgba(0,0,0,1);
}

/**/



/* REPORTS */

#tr_rpt_headers th {
	background:#fff;
	position:sticky;
	top:-1px;
	border:1px solid #ddd;
}

.td_rpt_title {
    text-align:center;
    font-weight:bold;
    padding:5px;
}

.d_rpt_filters {
    display: inline-block;
    padding: 5px 20px;
    border: 1px solid #ddd;
    border-bottom:1px solid #888;
    border-radius: 8px;
}

.d_rpt_filters_item {
    float: left;
    display: inline-block;
    height: 50px;
    padding: 10px 20px;
}


.i_rpt_filter {
    padding: 8px 12px;
    font-size: 1em;
    font-family: inherit;
    border: 1px solid #aaa;
    border-radius: 44px;
    margin: 5px 4px;
}

.d_rpt_filters_item .i_rpt_filter {
	margin-top:-2px;
}

.d_rpt_filters_label {
    margin-right:10px;
    display:inline-block;
}

.d_rpt_filters_control {

}

.i_rpt_filter:focus {
    outline: none;
    border: 1px solid #000;
}

.td_rpt_content {
    padding:30px 0px;
}

.t_rpt_cont {
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 40px;
}

.t_rpt_cont th {
    padding:8px 10px;
}

.t_rpt_cont td, .t_rpt_contt th {
    padding: 8px 10px;
}

.t_rpt_cont tr:nth-child(2n) {
    background-color: #fbfbfb;
} 

.t_rpt_cont .tr_rpt_data:active,.t_rpt_cont .tr_rpt_data:hover {
    background-color:#EBF4F5;
} 

.d_rpt_cell_error {
	color:#900;
	font-weight:bold;
}

.a_rpt_column,.a_rpt_column:visited,.a_rpt_column:link {
	cursor:pointer;
	color:#222;
	font-size:1em;
}

.a_rpt_column:after {
    content: " \25BC";
	color:#ddd;
	font-size:0.8em;
	padding-left:0px;
}

.a_rpt_column:active,.a_rpt_column:hover {
	text-decoration:underline;
	color:#000;
} 
.a_rpt_column_asc:active:after,.a_rpt_column_asc:hover:after  {
    content: " \25BC";
	color:#444;
	text-decoration:none;
}
.a_rpt_column_desc:active:after,.a_rpt_column_desc:hover:after  {
    content: " \25B2";
	color:#444;
	text-decoration:none;
}

.a_rpt_column_sorted_asc,.a_rpt_column_sorted_desc {
	font-weight:600;
	text-decoration:underline;
	color:#000;	
}

.a_rpt_column_sorted_asc:after {
    content: " \25BC";
	color:#444;
	text-decoration:none;
}

.a_rpt_column_sorted_desc:after {
    content: " \25B2";
	color:#444;
	text-decoration:none;
}



/* MANAGE QUEUE */

#mq_cont {
	width:100%;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}

.mq_col {
	vertical-align:top;
	padding:10px;
	text-align:center;
    min-width: 200px;
	background-color:#fff;
} 

.d_mq_col_title {
	font-size:1em;
	font-weight:bold;
	margin-bottom:40px;
	display:inline-block;
}

.d_mq_item {
    float: left;
    padding: 5px 15px;
    font-size: 0.8em;
    margin: 5px 5px;
    border-radius: 4px;
    line-height: 150%;
    background-color: #fafafa;
    border: 1px solid #ddd;
	border-bottom:1px solid #aaa;
	text-align:left;
	cursor:pointer;
}

.d_mq_item1 {
	border-left:4px solid #1270A5;
}

.d_mq_item2 {
	border-left:4px solid #089C0A;
}

.d_mq_item3 {
	border-left:4px solid #F90D0D;
}

.ul_mq_items {
	list-style-type: none;
	display:inline-block;
	width:100%;
	height:100%;
	margin:0px;
	padding:10px;
	padding-bottom:100px;
	background-color:#eee;
	border-radius:8px;
	box-sizing:border-box;
	border:1px solid #ddd;
	border-bottom:1px solid #888;
}


#ul_mq_contextmenu, .cm_cont {
	position:absolute;
	top:210px;
	left:110px;
	display:none;
	padding:0px;
	background-color:#fff;
	border-radius:4px;
	box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	color:#222;
	border:1px solid #ddd;
	font-size:0.9em;
}

#ul_mq_contextmenu li, .cm_cont li {
	display:block;
	padding:7px 20px;
	cursor:pointer;
	margin:0px;
	text-align:left;
}

#ul_mq_contextmenu li:active,#ul_mq_contextmenu li:hover  ,
.cm_cont li:active,.cm_cont li:hover  
{
	background-color:#e1e1e1;
}



/* FILE UPLOAD */

.d_list_checkable {
	display:inline-block;
	width:16px;
	height:16px;
	border:1px solid #aaa;
	cursor:pointer;
	border-radius:40px;
}

.d_list_checkable_checked {
	border:1px solid #2C78B2;
	background:#2C78B2;
}

.d_filedrop {
	display:inline-block;
	width:100%;
	border:4px dashed #D5EBF3;
	color: #61869E;
	text-align:center;
	vertical-align:middle;
	padding:60px 10px;
	box-sizing:border-box;
	cursor:pointer;
}

.d_filedrop:hover {
	color:#296790;
}

.d_fileupload_item {
	display:inline-block;
	width:100%;
	border-bottom:1px solid #ddd;
	padding:5px;
	text-align:left;
}

.d_fileupload_item .d_icon_delete {
	height:20px;
	float:right;
	margin-top:-2px;
	cursor:pointer;
}

.i_filelist_icon {
	height:35px;
}

.a_filelist,.a_filelist:visited {
	float:left;
	text-align:center;
	padding:2px;
	margin:2px;
	font-size:8pt;
	width:60px;
	word-break: break-all;
	color:#026CB4;
	line-height:120%;
}

.a_filelist:hover {
	color:#004174;
}

.d_filelist_img {
	display:inline-block;
	height:35px;
	width:50px;
	border:1px solid #ddd;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	border-radius:4px;
}

/* POPUP */

.d_popup_wrapper, #d_popup_wrapper {
	position:fixed;
	background:rgba(0,0,0,0.4);
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	padding:40px;
	box-sizing:border-box;
	z-index:3001;
	text-align:center;
	display:none;
	overflow:auto;
}

.d_popup_inner, #d_popup_inner {
	background:#fff;
	padding:40px;
	display:inline-block;
	width:100%;
	height:100%;
	border-radius:8px;
	box-sizing:border-box;
	box-shadow:1px 1px 10px rgba(0,0,0,0.5);
	text-align:center;
	position:relative;
	overflow:scroll;
}

.d_popup_inner_auto, #d_popup_inner {
	background:#fff;
	padding:40px;
	display:inline-block;
	width:auto;
	height:auto;
	margin-top:5%;
	border-radius:8px;
	box-sizing:border-box;
	box-shadow:1px 1px 10px rgba(0,0,0,0.5);
	text-align:center;
	position:relative;
	overflow:auto;
	max-hefght:500px;
}

.d_popup_close, .d_popup_close:link, .d_popup_close:visited {
	position:absolute;
	top:20px;
	right:20px;
	font-weight:100;
	font-size:16pt;
	color:#999;
	cursor:pointer;
}

.d_popup_close:active,.d_popup_close:hover {
	color:#000;
}


/* DOCK QUEUE */

.t_dq_cont {
    width: 100%;
    border-collapse: collapse;
    table-lafyout: fixed;
}

    .t_dq_cont th {
        background: #fff;
        font-fweight: bold;
        padding: 10px;
    }

    .t_dq_cont td {
        text-align: center;
        padding: 0px 0px 20px 0px;
        border: 1px solid #ddd;
        height: 100%;
        vertical-align: top;
        box-sizing: border-box;
    }

    .t_dq_cont tr {
        background-color: #fff;
    }

        .t_dq_cont tr:nth-child(2n) {
            background-color: #f5f5f5;
        }


.ul_dq_items {
}

.t_dq_item {
    width: 100%;
}

    .t_dq_item td {
        background: #fafafa !important;
        border: none !important;
        text-align: left !important;
        padding: 0px !important;
        margin: 0px !important;
    }


.d_dq_item {
    float: left;
    padding: 5px 15px;
    font-size: 0.8em;
    margin: 5px 0px;
    border-radius: 4px;
    line-height: 150%;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-bottom: 1px solid #aaa;
    text-align: left;
    cursor: pointer;
    width: 96%;
    margin: 5px 2%;
    box-sizing: border-box;
}


/* PAGINATION */

.a_page_next, .a_page_next:link, .a_page_next:visited {
    color: #aaa;
    text-decoration: none;
    padding: 5px 15px;
    border-radius: 20px;
    display: inline-block;
    cursor: pointer;
}

    .a_page_next:active, .a_page_next:hover {
        background: #f5f5f5;
        color: #555;
    }

.a_page_active, .a_page_active:link, .a_page_active:visited {
    color: #111;
    text-decoration: none;
    padding: 5px 10px;
    display: inline-block;
    font-weight: bold;
}


/* LENGTH CALC */

.d_lc_item {
    display:inline-block;
    padding:20px;
    margin:20px;
    border: 2px dashed #ddd;
    border-radius: 8px;
    float:left;
	position:relative;
}

.d_lc_item:active, .d_lc_item:hover {
    border: 2px dashed #888;
}

.d_lc_item .a_lc_hiddenbutton {
	display:none;
}


.d_lc_item:hover .a_lc_hiddenbutton {
	display:inline-block;
}

.a_lc_deletestep {
	position:absolute;
	top:10px;
	right:10px;
	text-align:right;
}

.d_lc_item .a_lc_deletestep {
	display:none;
}


.d_lc_item:hover .a_lc_deletestep {
	display:inline-block;
}

/* cookieaccept */

#d_cookieaccept_cont {
	position: fixed;
	bottom: 40px;
	right: 40px;
	display: inline-block;
	padding:20px 40px;
	border-radius:10px;
	box-shadow:5px 5px 15px rgba(0,0,0,0.3);
	background:#fff;
}


/* ISLAND */


.d_island {
	background:#fff;
	display:inline-block;
	border-radius:8px;
	box-shadow:1px 1px 5px rgba(0,0,0,0.3);
	overflow:hidden;
	border:1px solid #eee;
}

/* PROGRESS BAR */

.d_progress_cont {
	display:inline-block;
	height:25px;
	border-radius:41px;
	background:#f1f1f1;
	text-align:left;
	min-width:50px;
	overflow:hidden;
}

.d_progress_inner {
	display:inline-block;
	min-width:30px; 
	height:30px;
	text-align:center;
	font-size:9pt;
	padding:3px 0px;
}

.d_progress_inner_green {
	background:#16A000;
	color:#fff;
}
.d_progress_inner_yellow {
	background:#FAE128;
	color:#111;
}
.d_progress_inner_red {
	background:#EC600B;
	color:#fff;
}
.d_progress_inner_error {
	background:#702B01;
	color:#fff;
}

/* CHART */

.d_chart_cont {
	display:inline-block;
}

.d_chart_arc {
	display:inline-block;
}

.d_chart_title {
	display:inline-block;
}


/* */

.d_tg_ok {
	background:#E6FCC3; 
	display:inline;
	color:#1B5509;
	padding:4px 5px;
	font-size:10px;
	border-radius:50%;
	margin-left:5px;
}