@font-face					{ font-family:VeraMono; src:url(/globalcss/VeraMono.ttf); }
.nagios_monitor_up			{ font-family:VeraMono monospace; display:inline-block; height:9px; line-height:9px; font-size:9px; color:#ffffff; text-transform:uppercase; overflow:hidden; padding:5px 5px 3px 5px; margin:1px; vertical-align:middle; background-color:#66c12c; box-shadow: 0 0 0 1px #56b11c inset, 0 0 0 2px #ffffff inset; }
.nagios_monitor_down		{ font-family:VeraMono monospace; display:inline-block; height:9px; line-height:9px; font-size:9px; color:#ffffff; text-transform:uppercase; overflow:hidden; padding:5px 5px 3px 5px; margin:1px; vertical-align:middle; background-color:#c12c40; box-shadow: 0 0 0 1px #b11c30 inset, 0 0 0 2px #ffffff inset; }

*, *::before, *::after { box-sizing: inherit !important; }

div.popup			{ padding:10px; color:black; font-size:8pt; text-align:left; background-color:#E4F2FF; border:solid 1px #555555; width:auto; filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95; }
#POPUPMODALTITLE	{ cursor:pointer; background-color:#B1C3DC; border-bottom:1px solid #9f9f9f; padding:0 10px; line-height:24px; text-align:right; }

img					{ border:0; vertical-align:middle; }
form				{ margin:0; padding:0; display:inline; }
select, input		{ vertical-align:middle; font-size:11px; }
form.mobi select, form.mobi input { vertical-align:middle; font-size:14px; }

a, a:link, a:active, a:visited, .fakelink { color:#478ddc; text-decoration:none; cursor:pointer; }
a:hover, .fakelink:hover { color:#888888; text-decoration:none; cursor:pointer; }

.item_text_header		{ font-size:14px; font-weight:bold; }
.item_text_big			{ font-size:13px; font-weight:bold; }
.item_text_small		{ font-size:10px; }
.item_text_fp			{ font-size:10px; color:#8693be; }
.item_text_alignleft	{ text-align:left; }
.item_text_aligncenter	{ text-align:center; }
.item_text_alignright	{ text-align:right; }
.item_display_none		{ display:none; }
.item_text_valignmid	{ vertical-align:middle; }
.item_clear				{ clear:both; height:0; }

.item_color_linkp		{ color:#478ddc; cursor:pointer; }
.item_color_link		{ color:#478ddc; }

.item_color_fadedlink	{ color:#86A4CC; }
.item_color_error		{ color:red; }
.item_color_green		{ color:#e3f5ae; }

.item_w150				{ width:150px; }
.item_w200				{ width:200px; }
.item_h01				{ height:1px; }
.item_h05				{ height:5px; }
.item_h10				{ height:10px; }
.item_h15				{ height:15px; }
.item_h20				{ height:20px; }

ul						{ margin:0; padding:0; }
li						{ margin:3px 0 3px 36px; padding:0 0 0 1px; }
ul.ul_point li span		{ font-weight:bold; }

ul.ul_point				{ margin:0; padding:0; }
ul.ul_point	li			{ list-style-image: url(/globalimages/ico_point.gif); margin:10px 0 10px 36px; padding:0 0 0 1px; }
ul.ul_point li span		{ font-weight:bold; }

ul.ul_arrow				{ margin:0; padding:0; }
ul.ul_arrow	li			{ list-style-image: url(/globalimages/ico_garrow_sm.gif); margin:10px 0 10px 36px; padding:0 0 0 1px; }
ul.ul_arrow li span		{ font-weight:bold; }

ul.ul_check				{ margin:0; padding:0; }
ul.ul_check	li			{ list-style-image: url(/globalimages/ico_check.gif); margin:10px 0 10px 36px; padding:0 0 0 1px; }
ul.ul_check li span		{ font-weight:bold; }

table 							{ border:0 none #ffffff; border-spacing:0 0; border-collapse:collapse; padding:0; margin:0; }

table.table_frm					{ border-spacing:0 0; border-collapse:separate; padding:0; margin:0; width:100%; }

table.table_err					{ border:1px solid #dd0000; border-spacing:0 0; border-collapse:separate; padding:0; width:100%; margin:0 auto; }
table.table_err td				{ padding:2px 6px; }
table.table_err tr				{ background-color:#fff5f5; }
table.table_err tr.row_01		{ background-color:#dd0000; font-size:13px; color:#FFFFFF; font-weight:bold; line-height:140%; white-space:nowrap; }

table.table_msg					{ border:1px solid #009933; border-spacing:0 0; border-collapse:separate; padding:0; width:100%; margin:0 auto; }
table.table_msg td				{ padding:2px 6px; }
table.table_msg tr				{ background-color:#f5fff5; }
table.table_msg tr.row_01		{ background-color:#009933; font-size:13px; color:#FFFFFF; font-weight:bold; line-height:140%; white-space:nowrap; }

table.table_nowrap		td		{ white-space:nowrap; }
table.table_aligntop	td		{ vertical-align:top; }
table.table_hcenter		td		{ text-align:center; }
table.table_haligncenter		{ margin:0 auto; }
table.widthmax					{ width:100%; }

table.faketable a,
table.faketable a:link,
table.faketable a:visited,
table.faketable a:active,
table.faketable a:hover	{ color:#000000; text-decoration:none; }

table.faketable tr td.linkcol > a { display:inline-block; width:100%; }

table.table_lst tr.row_tlstnor { background-color:#EEEEEE; text-align:center; font-weight:bold; }
table.table_lst tr.row_tlsthon a, table.table_lst tr.row_tlsthon span.fakelink {text-decoration: underline; }

table.table_lst tr.row_tlsthof:hover { background-color:#EEEEEE; }
table.table_lst tr.row_tlsthon:hover { background-color:#FFFFFF; }

table.table_calendar td.calendar_clickable:hover		{ background-color:white; }
table.table_calendar td.calendar_notclickable			{ color:#AEAEAE; }

td.col_selected	{ border:1px solid #478DDC; }
td.col_current	{ border:1px solid black; }
td.col_nobg		{ border:1px solid transparent; }
td.col_maxwidth	{ width:99%; }

span.header_homel	{ position:absolute; left:0; top:0; width:392px; height:89px; }

div.content_690_b	{ text-align:center; background-color:#ededed; }
div.content_690_pad	{ padding:30px; word-wrap: break-word;}

div.popup a			{ color:#ffcc00; }
#POPUPMODALCONTENT	{ padding:15px; }

div.supportticketsubject { overflow:hidden; text-overflow:ellipsis;}

div.sup_tut 		{ padding-left:30px; }
div.sup_tut_head	{ color:white; width:760px; height:41px; padding:5px 10px; text-align:right; }

#crypt_result		{ width: 95%; min-height: 75px; background-color: #cccccc; padding: 10px 10px 10px 10px; border-radius: 10px; }
#crypt_header		{ font-weight: bold; padding-bottom: 10px; }

.simplePassMeter { border: 1px solid #aaa; background-color: #f3f3f3; color: #666; font-size: 0.8em; padding: 1px 5px 0 0; margin: 0; width: 30em; min-height: 20px; float: left; margin-left: -13px; margin-bottom: 2px; }

.meterFail { border: 1px solid #daa; background-color: #fdd; }
.meterWarn { border: 1px solid #fd6; background-color: #feb; }
.meterGood { border: 1px solid #ada; background-color: #dfd; }
.meterExcel { border: 1px solid #aad; background-color: #ddf; }

.simplePassMeterBar { background-color: #ddd; }
.meterFail .simplePassMeterProgress  { background-color: #f66; }
.meterWarn .simplePassMeterProgress  { background-color: #fd6; }
.meterGood .simplePassMeterProgress  { background-color: #ada; }
.meterExcel .simplePassMeterProgress { background-color: #88f; }

.simplePassMeter p { margin: 0; }
.simplePassMeterIcon { height: 16px; width: 16px; float: left; }
.meterFail .simplePassMeterIcon,
.meterWarn .simplePassMeterIcon,
.meterGood .simplePassMeterIcon,
.meterExcel .simplePassMeterIcon { background-image: url('/globalimages/simplePassMeterSprite.png'); background-repeat: no-repeat; }
.meterExcel .simplePassMeterIcon { background-position: 0 0; }
.meterFail .simplePassMeterIcon { background-position: 0 -17px; }
.meterGood .simplePassMeterIcon { background-position: 0 -34px; }
.meterWarn .simplePassMeterIcon { background-position: 0 -51px; }

.simplePassMeterText { margin-left: 2px; }

#myMeter { padding-left: 13px; padding-top: 5px; }


.table_lst th, .table_lst td { text-align: left; }
.table_lst th:first-child, .table_lst td:first-child { padding-left: 5px; }

input[type="text"].yubiKeyInput { width:180px; padding-left:32px; background:url(/globalimages/yubikey.gif) no-repeat 10px 50%; background-color: white; }

.login-button { position:absolute; line-height: 56px; text-align: center; top:0; right:0; width:100px; height:56px; color: white !important; text-decoration: none; border-left: 1px solid #494e53; }
.login-button:hover { color: white !important; text-decoration: none; }
.ticket_options a, .ticket_options input { height: 24px !important; padding: 2px 8px !important; }
.control_panel_block input[type=radio], .control_panel_block input[type=checkbox] { margin-right: 5px; vertical-align: top; }
.emergency_tag { width: 100% !important; }

.navbar { display: none !important; font-size: 16px; }
.navbar a { text-decoration: none !important; }
.navbar-nav li { margin-left: 0 !important; padding-left: 15px; z-index: 99999; }
.nav-item:hover, .nav-active { background-color: white; }
.nav-link:hover { color: #686868 !important; }
.nav-active .nav-link { color: #686868 !important;  font-weight: bold; }

.success_message  { background-color:#baec97; background-image: url(/globalimages/success.png); background-repeat: no-repeat; text-shadow: 0 0 0 #ffffff; }
.error_message { background-image: url(/globalimages/error.png); background-repeat: no-repeat; color: #ffffff; text-shadow: 0 0 0 #000000; }
.warning_message { background-color: #f3f047; background-image: url(/globalimages/warning.png); background-repeat: no-repeat; text-shadow: 0 0 0 #ffffff; }

.desktop { display: block; }
.mobile { display: none; }

@media only screen and (max-width : 960px) {
    body { margin: 0 auto !important; }
    *, *::before, *::after { box-sizing: border-box !important; }

    .navbar { display: block !important; }

    .header, .content_m, .footer, div.content_690, .submenu_container  { width: 100% !important; }
    .content_m { margin-top: 0 !important; margin-left: 0 !important; padding-left: 0 !important; }

    div.content_690 { height: auto !important; }
    div.content_690_pad { padding: 10px !important; min-height: inherit !important; }

    .submenu_container { border-left: none !important; border-right: none !important; border-radius: 0 !important; min-height: inherit !important; text-align: center !important; }

    .header { height: 100px !important; border-radius: 0 !important; }
    div.header_right { right: 15px !important; left: auto !important; }

    .ticket_options { height: 60px !important; }
    .ticket_options a, .ticket_options input { height: 26px !important; padding: 2px 8px !important; }
    .ticket_options a { line-height: 22px !important; }
    .ticket_options input { line-height: normal !important; }

    div.block617 { padding: 20px !important; margin: auto !important; width: 400px !important; border-radius: 4px; border: 1px solid #bcbcbc; height: auto; background-image: none !important; }

    a.submenu_option { display: inline-block !important; width: auto !important; background: none !important; }
    a.submenu_option:first-child { padding-left: 0; }
    a.submenu_option:nth-last-child(2) { border-right: none !important; padding-right: 0; }

    div.block617_title { position: initial !important; margin-bottom: 15px; }
    div.block617_title, .block617 form { width: 100% !important; }
    .mobile_header { width: 100%; height: 100px; display: block !important; background-repeat: no-repeat; background-position: 50%; }
}

@media only screen and (max-width : 768px) {
    .footer td[align=right],
    form[method=POST] textarea,
    div.supportticketsubject { width: 100% !important; }

    table.table_nowrap td { white-space: normal !important; }
    .account_summary > div > div:nth-child(3) { margin-top: 10px; padding-left: 0 !important; width: 100%; }
    .account_summary > div > div:nth-child(5) { margin-top: 10px; padding-left: 0 !important; width: 100%; }
    .table_aligntop tr td > div { width: 100% !important; }
    .footer td[align=right]{ text-align: center !important; }

    .emergency_tag { color: #111111; text-decoration: none; background-color: #fab100; font-weight: bold; font-size: 13px; height: 26px; line-height: normal; padding: 0 10px 0 10px; text-transform: uppercase; border: 1px solid #aaaaaa; border-radius: 5px; width: auto !important; margin: 5px 0; vertical-align: middle; display: inline-block; background-image: -webkit-linear-gradient(top, #fcd425 0%, #fab100 100%); }
}

@media only screen and (max-width : 576px) {
    body { font-size: 14px !important; }

    .desktop { display: none; }
    .mobile { display: block; }

    .table_frm select, .table_frm textarea, .table_frm input[type=text], .popup select, .popup textarea, .popup input[type=text],
    input[type=file] { width: 100% !important; margin-bottom: 10px; }
    .popup > div { float: none !important; }
    .sub_table td:first-child { width: 80% !important; }

    select[name=showclosed] { margin-top: 10px; }
    input[type=text], textarea { border: 1px solid #8e8e8e; }

    .submenu_container { padding: 0 !important; }
    a.submenu_option { display: block !important; width: 100% !important; margin: 0 !important; background: none !important; padding: 10px !important; border-bottom: 1px solid #c4c4c4; }

    .control_panel_block { border-bottom: none !important; }
    .control_panel_block input[type=checkbox] { display: inline; float: left; }
    .control_panel_block .user_options { padding: 8px 0 4px 0 !important; }
    .control_panel_block .user_options input { top: 14px !important; }
    .control_panel_block .user_options label { width: 100% !important; margin-left: 15px !important; float: left; }
    .graph_data > .item_text_aligncenter > div:first-child, .mobile_graph > div:first-child { overflow-x: scroll; }

}

@media only screen and (max-width : 480px) {
    span.header_homel, div.supportticketsubject, div.block617 { width: 100% !important; }
    span.block617_label { width: 100%; margin-bottom: 5px; }

    div.block617 { border-radius: 0; border-left: none !important; border-right: none !important; }
    .block617 form { font-size: 16px; }
    .block617_title { text-align: left !important; }
    .block617 form input[type=text], .block617 form input[type=password]  { display: block; width: 200px; height: 24px; }

    .mobile_header { background-size: 80%; }

    table.table_frm td.col_t, table.table_frm tr.col_h td { text-align: left !important; white-space: normal !important; }
    table.table_frm tr td { display: block; width: 100% !important; height: auto !important; }
    table.table_frm tr td div { float: none !important; }
    .statement_table td:nth-child(6), table.table_frm td.col_t br, .desktop_labels { display: none !important; }
}