/*
 * Medisoft eCVI Portal - Portal Specific CSS
 */

/* Layout styles */
*:focus { outline: 2px solid red !important; }
body:focus { outline-width: 0px !important; outline-style: none !important; outline-color: invert !important; }
a.skip_link { position: absolute; left: -999px; padding: 5px 10px; z-index: 999; background: #fff; }
a.skip_link:focus { left: 20px; top: 20px; }

div.application-tabs, .head_wrap div.container  { width: 1000px; margin: 0 auto; }

.bold { font-weight: bold; }

/* Content styles */
body { font-size: 18px; }
body p { font-size: 18px; line-height: 1.5; }
.rte p { font-size: 18px; line-height: 1.5; }
.rte ul li { color: #333; }

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){
    body .wrapper { min-width: 0px; }
    body .form_content .content_box, 
    body .form_block,
    body .search_results { width: auto; }
    body div.application-tabs { width: 100%; }
    body .head_wrap div.container { padding: 0px 10px; box-sizing: border-box; }
    body .head_wrap .top_bar_title { display: block; float: left; }
    body .head_wrap .top_bar_title h1 { display: block; float: left; line-height: 17px; padding: 5px 0px; font-size: 16px; }
    body .head_wrap .top_bar_title h1 span { display: block; float: left; clear: both; }
    body .head_wrap .top_bar_title h1 span.dash { display: none; }
    body .head_wrap .top_bar_title h1 span.solo_title { line-height: 50px; font-size: 18px; }
    body .form_content .question input[type="checkbox"] + label { margin-left: 0px; margin-top: 20px; }
}

label.error { display: block; float: left; clear: both; width: 340px; color: #d80101; margin-top: 10px; font-weight: bold; }

.ecvi_error a { margin-left: 10px; color: #fff; text-decoration: underline; }

.application-tabs h2 { font-size: 20px; }
.application-tabs h3 { font-size: 18px; text-align: left; }

.ui-datepicker .ui-datepicker-header,
div.jbox_header { background: #00588a; border-color: #00588a; }
.jbox_header .title { font-size: 18px; height: 45px; line-height: 45px; }

.jbox_box .restore,
.jbox_full .restore,
.jbox_header .close { width: 25px; height: 45px; line-height: 45px; margin: 0px; font-size: 20px; margin-right: 10px; }
.jbox_box .restore,
.jbox_full .restore { height: 40px; line-height: 40px; margin-top: 4px; }

.btn { padding: 5px 15px; font-size: 18px; background: #fff; border-color: #00588a; color: #00588a; }
.btn:hover { background: #fff; color: #50bff3; border-color: #50bff3; }

.blue,
.ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-close,
body .ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-close:active { background: #00588a; border-color: #00588a; color: #fff; }
.blue:hover,
.ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-close:hover { background: #fff; border-color: #00588a; color: #00588a; }

form#main { float: left; width: 100%; }

.head_wrap .user_info {display:block; float: right; padding: 0px; }
.head_wrap .logo { padding: 8px 0px 0px; }
.head_wrap .user_info span.action_button { clear: none; }
.head_wrap .user_info span.action_button i { margin: 0px; font-size: 30px; }
.head_wrap .user_info span.action_button a { padding: 14px; border: 1px solid #fff; height: 30px; float: left; }
.head_wrap .user_info span.action_button a:hover { border-color: #666; }
.head_wrap .user_info span.action_button a .text { line-height: 30px; font-size: 18px; margin-right: 10px; }
.head_wrap .user_info .welcome_message { line-height: 30px; padding: 15px 0px; margin-right: 10px; font-size: 18px; color: #00588a; }

.head_wrap .top_bar_title h1 {float: left;line-height: 30px;padding: 15px 0px;margin-right: 10px;font-size: 18px;color: #00588a;}

.menu_wrap .admin_menu { background: #00588a; }

.menu_wrap ul.main_menu li { padding-right: 0px; margin-right: 1px; }
.menu_wrap ul.main_menu li a { font-size: 18px; padding: 15px; }
.menu_wrap ul.main_menu li.selected a { background-color: #fff; color: #00588a; }

.menu_wrap .subtabs { display: block; float: left; width: 100%; background-color: #fff; border-bottom: 2px solid #00588a;}
.menu_wrap .subtabs ul.tabmenu { background: #fff; padding: 5px 0px 0px; }
.menu_wrap .subtabs ul.tabmenu li { margin-left: 0px; margin-right: 1px; padding: 0px; }
.menu_wrap .subtabs ul.tabmenu li a { color: #00588a; border-radius: 0px; font-size: 14px; padding: 10px; }
.menu_wrap .subtabs ul.tabmenu li a.active { color: #fff; background-color: #00588a; }

.content_section .main_title { padding: 0px; border-top: 1px solid #ddd; background: none; border-bottom: none; }
.content_section .main_title a.btn { margin-top: 8px; }

.fix_title .main_title { background: #fff; border-bottom: 1px solid #ddd; }

.footer { padding: 0px; margin: 10px 0px; border-top: 2px solid #00588a; padding-top: 10px; }
.footer .menu { display: block; float: left; }
.footer .copy { display: block; float: right; font-size: 18px; }
.footer .menu a { font-size: 18px; }
.footer .creative_commons { display: block; float: left; width: 100%; margin-top: 20px; }
.footer .creative_commons .icon { float: left; width: 100px; margin: 13px 20px 13px 0px; }
.footer .creative_commons .icon img { width: 100%; }
.footer .creative_commons .content p { font-size: 12px; text-align: justify; }

.content_section .main_title h1 { color: #00588a; font-size: 18px; }

/* eCVI Details */
.details_navigation { display: block; float: left; width: 100%; border-bottom: 2px solid #00588a; padding-bottom: 10px; }
.details_navigation li { width: 16.6%; display: block; float: left; }
.details_navigation li a { box-sizing: border-box; display: block; float: left; width: 100%; text-align: center; font-size: 18px; padding: 15px 5px; }
.details_navigation li a span { color: #53e14c; margin-left: 5px; }
.details_navigation li a span.red { color: #d80101; }
.details_navigation li.active a { background: #00588a; color: #fff; font-weight: 600;}
.details_navigation li.active a span { color: #fff; }

.details_bottom_nav { box-sizing: border-box; padding: 20px 20px 15px 20px; border-top: 1px solid #00588a; display:block; float: left; clear: both; width: 100%; }
.details_bottom_nav .actions { width: 100%; }

.details_content h2.title { margin-bottom: 10px; border-bottom: 2px solid #00588a; }

.details_content table.action_form tr.table_title td h3 { font-size: 14px; }
.details_content table.action_form tr td p { font-size: 14px; }

.details_content .content_box { margin-bottom: 30px; }
.details_content .content_box p { font-size: 18px; line-height: 22px; }
.details_content .content_box ul { margin-top: 10px; }
.details_content .content_box ul li { font-size: 18px; line-height: 22px; color: #333; }

.details_content .section_title { box-sizing: border-box; border-bottom: 1px solid #00588a; border-top: 1px solid #00588a; padding: 20px !important; margin-bottom: 0px; }
.details_content .section_title.first { margin-top: 0px; border-top: none; }

.details_content .form_container .fwrap { box-sizing: border-box; border-top: 1px solid #ddd; padding: 20px; margin: 0px; display: block; float: left; width: 100%; font-size: 18px; line-height: 22px; }
.details_content .form_container .fwrap {  }
.details_content .form_container .fwrap:first-child { border-top: none; }
.details_content .form_container .fwrap .fwrap_inner { display: block; float: left; width: 100%; margin-top: 10px; }
.details_content .form_container .fwrap p { font-size: 18px; }
.details_content .form_container .fwrap .checkbox { display: block; float: left; width: 20px; margin-right: 5px; padding-top: 4px; border: none !important; }
.details_content .form_container .fwrap label,
.details_content .form_container .fwrap span.label { display: block; float: left; width: 350px; font-weight: 700; margin-right: 10px; text-align: left; line-height: 30px; }
.details_content .form_container .fwrap label.check,
.details_content .form_container .fwrap span.check { width: 915px; margin-right: 0px; line-height: 24px;}
.details_content .form_container .fwrap .result { float: left; font-weight: normal; margin-left: 10px; line-height: 30px; }
.details_content .form_container .fwrap .input { display: block; float: left; }
.details_content .form_container .fwrap .input .inputwrap { position: relative; }
.details_content .form_container .fwrap input,
.details_content .form_container .fwrap textarea { width: 238px; padding: 5px; border: 1px solid #888; }
.details_content .form_container .fwrap .input,
.details_content .form_container .fwrap select { width: 250px; line-height: 30px; }
.details_content .form_container .fwrap .red { color: red; font-size: 18px; }
.details_content .form_container .fwrap .green { color: green; font-size: 18px; }
.details_content .form_container .fwrap .dashed { border-bottom: 1px dashed #ddd; padding-bottom: 5px; margin-top: 5px; }
.details_content .form_container .fwrap .dashed:first-child { border-top: 1px dashed #ddd; padding-top: 5px; }

.details_content .form_container .fwrap .day,
.details_content .form_container .fwrap .month,
.details_content .form_container .fwrap .year { box-sizing: border-box; display: block; float: left; }

.details_content .form_container .fwrap .day { width: 20%; }
.details_content .form_container .fwrap .month { width: 50%; padding: 0px 5px; }
.details_content .form_container .fwrap .year { width: 30%; }

.details_content .form_container .fwrap .day select,
.details_content .form_container .fwrap .month select,
.details_content .form_container .fwrap .year select { width: 100%; }

.details_content .form_container .fwrap textarea { width: 568px !important; min-width: 238px !important; padding: 5px; }
.details_content h3 .small { font-size: 18px; font-weight: normal; float: right; }

.details_content .padding_container { float: left; width: 100%; padding: 20px; padding-bottom: 0px; box-sizing: border-box; }

.details_content .form_container .table_wrap { border: 1px solid #ddd; padding: 1px; }
.details_content .form_container .table_wrap .visual_table { width: 100%; table-layout: fixed; }
.details_content .form_container .table_wrap .visual_table tbody tr { border-top: 1px solid #ddd; }
.details_content .form_container .table_wrap .visual_table tbody tr.notation td { background: #eee; }
.details_content .form_container .table_wrap .visual_table tr.top th { background: #00588a; color: #fff; font-weight: bold; border: 1px solid #fff; border-top: 1px solid #00588a; }
.details_content .form_container .table_wrap .visual_table tr.top th.left { border-left-color: #00588a; }
.details_content .form_container .table_wrap .visual_table tr.top th.right { border-right-color: #fff; }
.details_content .form_container .table_wrap .visual_table tr.top th.last { border-right-color: #00588a; }
.details_content .form_container .table_wrap .visual_table th { color: #00588a; text-align: center; padding: 10px; }
.details_content .form_container .table_wrap .visual_table th label { text-align: center; }
.details_content .form_container .table_wrap .visual_table th.left { text-align: left; float: none !important; }
.details_content .form_container .table_wrap .visual_table th.left label { text-align: left; }
.details_content .form_container .table_wrap .visual_table th.right { text-align: right; float: none !important; }
.details_content .form_container .table_wrap .visual_table th.right label { text-align: right; }
.details_content .form_container .table_wrap .visual_table th label { width: 100%; }
.details_content .form_container .table_wrap .visual_table td select { width: 100%; }
.details_content .form_container .table_wrap .visual_table td { padding: 10px; border: none; }
.details_content .form_container .table_wrap .visual_table td.left { background: #eee; float: none !important; text-align: left; }
.details_content .form_container .table_wrap .visual_table td.center { text-align: center; }
.details_content .form_container .table_wrap .visual_table td.right { background: #eee; float: none !important; text-align: right; }
.details_content .form_container .table_wrap .visual_table .inputwrap { width: 100%; }
.details_content .form_container .table_wrap .visual_table label.left { width: 140px; }
.details_content .form_container .table_wrap .visual_table .other_content input { width: 460px !important; float: right; margin-right: 0px;}

.details_content .form_container .table_wrap .details_table td { text-align: center; }
.details_content .form_container .table_wrap .details_table td.left { text-align: center; }
.details_content .form_container .table_wrap .details_table td.center { text-align: center; }
.details_content .form_container .table_wrap .details_table td.right { text-align: center; }

.details_content .forgotten_password { float: left; color: #00588a; line-height: 35px; }

.form_content .explanation { border-bottom: 1px solid #ddd; padding: 20px; float: left; width: 100%; box-sizing: border-box; }
.form_content .final_explanation { padding: 20px; float: left; width: 100%; box-sizing: border-box; }
.form_content .info { border-top: 1px solid #ddd; padding: 20px; float: left; width: 100%; box-sizing: border-box; }
.form_content .question { padding: 20px; float: left; width: 100%; float: left; width: 100%; box-sizing: border-box; }
.form_content .question label { display: block; float: left; width: 100%; font-weight: bold; margin-bottom: 15px; }
.form_content .question label.radio { width: auto; }
.form_content .question .email_check_container { display: block; float: left; };
.form_content .question .email_check_container .inputwrap { display: block; float: left; }

.form_content .content_box,
.form_block,
.search_results { display: block; float: left; width: 980px; background: #fff; padding: 10px; border: 1px solid #ddd; margin-bottom: 20px; }
.form_content .content_box { padding: 30px; }
.login_page { margin: 50px 0px; }
.form_block .label { display: block; float: left; width: 100%; clear: both; font-size: 18px; line-height: 32px; }
.form_block .label .additional { margin-left: 10px; display: block; float: left; }
.form_block .label .additional a { margin-left: 10px; }
.form_block .label label{ float: left; }
.form_block .label label h4 { font-size: 18px; }
.form_block input { float: left; margin-right: 10px; }
.form_block .btn { margin: 0px; font-size:24px;}
.form_block input.text { height: 30px; width: 260px; padding: 0px 5px; font-size: 18px; }
.form_block .fwrap { display: block; float: left; width: 100%; margin-top: 20px; }

.search_results table.summary thead tr th,
.search_results table.summary tbody tr td,
.search_results div.no_data { padding: 10px; font-size: 18px; margin-bottom: 0px; }
.search_results table.summary thead tr th { background: #00588a; color: #fff; font-weight: bold; border: 1px solid #fff; border-top: 1px solid #00588a; }
.search_results table.summary tbody tr td { height: 66px; vertical-align: top; }
.search_results table.summary tbody tr td.column_link a { width: 100%; box-sizing: border-box; }
.search_results span.r { color: #cc0000; font-weight: bold; }
.search_results span.g { color: #00b33c; font-weight: bold; }

.form_content .question input[type="radio"] { position: absolute; opacity: 0; }
.form_content .question input[type="radio"] + label { line-height: 40px; }
.form_content .question input[type="radio"] + label:before { border: 2px solid #bbb; border-radius: 50%; content: "\00a0"; display: block; float: left; width: 36px; height: 36px; margin: 0 20px 0 0; padding:0; vertical-align: top; }
.form_content .question input[type="radio"]:checked + label:before { border: 15px solid #2196F3; width: 10px; height: 10px; background: #fff; text-align: center; }

.form_content .question input[type="checkbox"] { position: absolute; opacity: 0; }
.form_content .question input[type="checkbox"] + label { margin-left: 20px; line-height: 34px; font-weight: normal; }
.form_content .question input[type="checkbox"] + label:before { font-size: 20px; border: 2px solid #bbb; content: "\00a0"; display: block; float: left; width: 30px; height: 30px; margin: 0 15px 0 0; padding: 0; vertical-align: top; }
.form_content .question input[type="checkbox"]:checked + label:before { color: #fff; padding: 0px 3px 10px 0px; width: 27px; height: 20px; content: "\2713"; background: #2196F3; text-align: center; }

div.rte table.enhanced { width: 100%; border: 1px solid #ddd; border-collapse: collapse; margin: 10px 0 20px 0; }
div.rte table.enhanced td { border: 1px solid #ddd; padding: 10px; vertical-align: top; }
div.rte table.enhanced tr.alt td { background: #f7f7f7; }
div.rte table.enhanced tr.hd td { background: #eee; vertical-align: middle; font-weight: bold; }
div.rte h3 { margin-top: 20px; }
div.rte ol li { list-style-position: outside; padding: 0px 0px 5px 15px; margin: 0 0 0 15px; line-height: 20px; }