@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

body  { background-color: #f0f0f0; margin: 0px; font-family: 'Roboto', sans-serif;}
.breadcrumb       { color: white; font-style: normal; font-weight: normal; font-size: 10px; font-family: 'Roboto', sans-serif; }
.breadcrumb_bold   { color: white; font-style: normal; font-weight: bold; font-size: 10px; font-family: 'Roboto', sans-serif; }
.copyright  { color: #bbbbbb; font-style: normal; font-weight: normal; font-size: 10px }
.data_labels     { color: #484848; font-style: normal; font-weight: bold; font-size: 11px; font-family: 'Roboto', sans-serif; }
.data_labels_normal     { color: #484848; font-style: normal; font-weight: normal; font-size: 10px; font-family: 'Roboto', sans-serif; }
.data_labels_reqd    { color: #a00; font-style: normal; font-weight: bold; font-size: 10px; font-family: 'Roboto', sans-serif; }
.data_labels_reqd2   { color: #770000; font-style: normal; font-weight: normal; font-size: 10px; font-family: 'Roboto', sans-serif }
.data_labels_numeric    { color: teal; font-style: normal; font-weight: bold; font-size: 10px; font-family: 'Roboto', sans-serif }
.white_bold_10px    { color: white; font-style: normal; font-weight: bold; font-size: 11px; font-family: 'Roboto', sans-serif }
.white_normal_10px { color: white; font-style: normal; font-weight: normal; font-size: 11px; font-family: 'Roboto', sans-serif }
.data_headers    { font-style: normal; font-weight: bold; font-size: 13px; font-family: 'Roboto', sans-serif }
.data_search     { color: #266764; font-style: normal; font-weight: bold; font-size: 14px; font-family: 'Roboto', sans-serif; text-decoration: underline }
.data_normal         { color: black; font-style: normal; font-weight: normal; font-size: 12px; font-family: 'Roboto', sans-serif }
.data_italics { color: black; font-style: italic; font-weight: normal; font-size: 12px; font-family: 'Roboto', sans-serif }
.data_bold   { color: black; font-style: normal; font-weight: bold; font-size: 11px; font-family: 'Roboto', sans-serif }
.data_error  { color: #f00 !important; font-style: normal; font-weight: bold; font-size: 11px; font-family: 'Roboto', sans-serif }
.data_error2 { color: #ff0000 !important; font-style: normal; font-weight: bold; font-size: 12px; font-family: 'Roboto', sans-serif }
.data_small { color: black; font-style: normal; font-weight: normal; font-size: 9px; font-family: 'Roboto', sans-serif }
.data_column_headers      { color: #266764; font-style: normal; font-weight: bold; font-size: 11px; font-family: 'Roboto', sans-serif }
.sidebar_headers         { color: black; font-style: normal; font-weight: bold; font-size: 10px; font-family: 'Roboto', sans-serif; text-transform: uppercase }
.delete_warning  { color: #933; font-style: normal; font-weight: bold; font-size: 11px; font-family: 'Roboto', sans-serif }
p  { color: black; font-style: normal; font-weight: normal; font-size: 12px; font-family: 'Roboto', sans-serif }
td {color: black; font-style: normal; font-weight: normal; font-size: 12px; font-family: 'Roboto', sans-serif }
li  { font-style: normal; font-weight: normal; font-size: 10px; font-family: 'Roboto', sans-serif; position: relative; left: -20px }
ul { list-style-image: url(../../html/images/bullet.gif)  }

table.data_table td.data_cell { border-right: solid thin black; border-bottom: solid thin black; }
table.data_table td.top.data_cell { border-top: solid thin black; }
table.data_table td.left.data_cell { border-left: solid thin black; }

.search_key     { color: #266764; font-style: normal; font-weight: bold; font-size: 13px; font-family: 'Roboto', sans-serif; text-decoration: underline }

.darkgreen_font   { color: #006400; }
.select_box   { font-style: normal; font-weight: normal; font-size: x-small; font-family: Verdana, Arial, sans-serif }
.workspace_notes     { color: #933; font-size: 8px; font-family: Tahoma, "Andale Mono", Monaco, Courier }
.red_993333_font  { color: #933;  }
.notes     { font-style: normal; font-weight: normal; font-size: 11px; font-family: Courier, "Courier New" }
.orangered_font     { color: #ff4500; }
.purple_font { color: purple }

.blue_font   { color: blue }
.orange_highlight { background-color: #ffa500 }
.yellow_highlight  { background-color: #A7E3E3 }
.highlighted     { font-size: 9px; text-decoration: underline; background-color: yellow }
.disabled { color: #666; }

a.body11px:link     { font-weight: normal;color: #266764; font-style: normal; font-weight: normal; font-size: 11px; }
a.body11px:visited           { color: #266764; font-style: normal; font-weight: normal; font-size: 11px; font-family: 'Roboto', sans-serif }
a.body11px:hover        { color: #266764; font-style: normal; font-weight: normal; font-size: 11px; font-family: 'Roboto', sans-serif }

a.tablink_on:link   { color: white !important; font-style: normal; font-weight: bold; font-size: 10px; font-family: 'Roboto', sans-serif; text-decoration: none }
a.tablink_on:visited   { color: white; font-style: normal; font-weight: bold;  font-size: 11px; font-family: 'Roboto', sans-serif; text-decoration: none }
a.tablink_on:hover    { color: #266764 !important; font-style: normal; font-weight: bold;  font-size: 11px; text-decoration: none; background-color: yellow }

a.tablink_off:link    { color: #266764; font-style: normal; font-weight: bold; font-size: 11px; font-family: 'Roboto', sans-serif; text-decoration: none }
a.tablink_off:visited   { color: #266764; font-style: normal; font-weight: bold;  font-size: 11px; font-family: 'Roboto', sans-serif; text-decoration: none }
a.tablink_off:hover    { color: #266764; font-style: normal; font-weight: bold;  font-size: 11px; text-decoration: none; background-color: yellow }

a.tablink2_off:link      { color: #696969; font-style: normal; font-weight: bold; font-size: 11px; font-family: 'Roboto', sans-serif; text-decoration: none }
a.tablink2_off:visited     { color: #696969; font-style: normal; font-weight: bold; font-size: 11px; font-family: 'Roboto', sans-serif; text-decoration: none }
a.tablink2_off:hover       { color: #696969; font-style: normal; font-weight: bold; font-size: 11px; text-decoration: none; background-color: yellow }

a.tablink2_on:link, a.tablink2_on:visited { font-size: 11px; background-color: #666; color : #ffffff; text-decoration: none; font-weight: bold; }

td.tablink_off  { font-size: 11px; background-color: #ccc }
td.tablink_on   { font-size: 11px;background-color: #266764 }

td.tablink2_off         { font-size: 11px;background-color: #dcdcdc }
td.tablink2_on          { font-size: 11px;background-color: #666 }

a.redlink:link       	{ color: red; font-style: normal; font-weight: normal; font-size: 10px; font-family: 'Roboto', sans-serif }
a.redlink:hover    	{ background-color: yellow }
a.redlink:visited       { color: red; font-style: normal; font-weight: normal; font-size: 10px; font-family: 'Roboto', sans-serif }


a.whitelink:link   { color: white !important; font-style: normal; font-weight: bold; font-family: 'Roboto', sans-serif }
a.whitelink:visited   { color: white; font-style: normal; font-weight: bold; font-family: 'Roboto', sans-serif }
a.whitelink:hover    { color: #266764 !important; font-style: normal; font-weight: bold; background-color: yellow }

a.voyage:link   { color: black; font-style: normal; font-weight: bold; font-size: 12px; font-family: 'Roboto', sans-serif; text-decoration: none;}
a.voyage:visited   { color: #266764; font-style: normal; font-weight: bold;  font-size: 12px; font-family: 'Roboto', sans-serif; text-decoration: none; }
a.voyage:hover    { color: black; font-style: normal; font-weight: bold; font-size: 12px;  text-decoration: underline;}

a:hover    { background-color: #A7E3E3 }
a:visited            { color: #266764; font-style: normal; font-weight: normal; font-size: 11px; font-family: 'Roboto', sans-serif }
a:link       { color: #266764 !important; font-style: normal; font-weight: normal; font-size: 11px; font-family: 'Roboto', sans-serif }

textarea { font-style: normal; font-weight: normal; font-size: 10px; font-family: 'Roboto', sans-serif  }
textarea.small_styled_non_edit	   { color: #000000; font-style: normal; font-weight: normal; font-size: 11px; font-family: 'Roboto', sans-serif; background-color: #d9d9d9; border: groove 2px }
textarea.small_styled_edit   { color: #000000; font-style: normal; font-weight: normal; font-size: 11px; font-family: 'Roboto', sans-serif; border: ridge 1px #f5f5f5 }
input   { font-style: normal; font-weight: normal; font-size: 10px; font-family: 'Roboto', sans-serif;}
input[type=text] {width: 160px; height: 24px;} 
Select    { font-style: normal; font-weight: normal; font-size: 11px; font-family: 'Roboto', sans-serif;}
.nav-select { width: 160px; height: 24px;}
input.small_styled_edit   { color: #000000; font-style: normal; font-weight: normal; font-size: 10px; font-family: 'Roboto', sans-serif; border: ridge 1px #f5f5f5 }


table.tabs td {padding: 0; border-width:0; }
table.innertabs {margin-left: 5; margin-right: 5; }
table.innertabs td {padding: 0; border-width:0; }


table.outerbox1 {width: 100%; background-color: #266764;}
table.outerbox1 td {padding: 0; border-width:0;}

table.outerbox2 {width: 100%; background-color: #FFFFFF;}
table.outerbox2 td {padding: 0; margin: 5; border-width:0;}

table.outerbox2a {width: 100%; background-color: #FFFFFF;}
table.outerbox2a td {padding: 5; border-width:0;}

table.innerbox1 {margin-left: 5; margin-right: 5; margin-bottom: 5; width: 100%; background-color: #808080;}

table.innerbox2 {width: 100%; background-color: #FFFFFF;}
table.innerbox2 td {padding: 2px 10px 10px; border-width:0;}

table.headers {width: 100%; padding: 0; border-width:0;}
table.headers td{padding: 2; border-width:0;}

table.databox {width: 100%; padding: 0; border-width:0;}
table.databox td { vertical-align: top; padding: 2; border: 0 }


table.delete{width: 100%; background-color: #BBBBBB;}
table.delete td {padding: 2; border-width:0; }
tr.delete   { background-color: #FFFACD; }

table.viewone{width: 100%; background-color: #bbbbbb;}
table.viewone td {padding: 2; border-width:0; }
.background_white {background-color:#ffffff; }
tr.viewone    { background-color: #f7f7f7; vertical-align: top }


table.report_portrait{width: 650px; }
table.report_landscape  { width: 920px }
table.report td    { color: #000000; font-style: normal; font-weight: normal; font-size: 11px; font-family: Arial, Verdana, Tahoma, "sans-serif padding 2"; vertical-align: top; border: 0 }
table.report_landscape td { color: #000000;  font-family: Arial, Verdana, Tahoma, "sans-serif padding 2"; vertical-align: top; border: 0 }
table.report_portrait td { color: #000000;  font-family: Arial, Verdana, Tahoma, "sans-serif padding 2"; vertical-align: top; border: 0 }
.report_labels      { color: #000000; font-style: normal; font-weight: bold; font-size: 11px; font-family: 'Roboto', sans-serif }
.report_text { color: #000000; font-style: normal; font-weight: normal; font-size: 11px; font-family: 'Roboto', sans-serif }
.report_bold { color: #000000; font-style: normal; font-weight: bold; font-size: 11px; font-family: 'Roboto', sans-serif }
tr.report_odd {background-color: #f0f0f0; vertical-align: top;}
tr.report_even   { background-color: #ffffff; vertical-align: top }


tr.viewone_title   { background-color: #FFFFFF; }

table.viewone2{background-color: #bbbbbb;}
table.viewone2 td {padding: 2; border-width:0; }
tr.viewone2   { background-color: #f7f7f7 }
tr.viewone_title2   { background-color: #FFFFF0; }


table.create_modify {width: 100%;background-color: #bbb; }
table.create_modify td {padding: 3; border-width:0;}
tr.create_modify   { background-color: #f0f8ff; vertical-align: top }


table.create_modify2 {width: 100%;background-color: #bbb; }
table.create_modify2 td {padding: 3; border-width:0;}
tr.create_modify2   { background-color: #F5F5DC; vertical-align: top }
tr.create_modify_title2   { background-color: #F0f0f0; }



table.viewall{width: 100%; background-color: #bbbbbb;}
table.viewall td {padding: 5; border-width:0; }
tr.viewall_title  { background-color: #f0f0f0; vertical-align: top }
tr.viewall_even   { background-color: #ffffff; vertical-align: top }
tr.viewall_odd {background-color: #F5F5F5; vertical-align: top;}
tr.viewall_sent {background-color: #dcdcdc; vertical-align: top;}
tr.viewall_previous {background-color: #FAFAD2; vertical-align: top;}
tr.viewall_next {background-color: #B0C4DE; vertical-align: top;}
tr.viewall_nocolour { vertical-align: top }

table.viewall2{background-color: #bbbbbb;}
table.viewall2 td {padding: 2; border-width:0; }
tr.viewall_title2  { background-color: #f0f0f0; vertical-align: top }
tr.viewall_even2  { background-color: #ffffff; vertical-align: top }
tr.viewall_odd2  { background-color: #fffff0; vertical-align: top }
tr.viewall_customs_contacts_row  { background-color: #f4f4f4; vertical-align: top }
tr.viewall_nocolour2 { vertical-align: top}
td.solid_top_border  { border-top: medium solid black }
.sort_header_link {color: #266764; font-style: normal; font-weight: bold; font-size: 11px; font-family: 'Roboto', sans-serif }
.sort_header_over {color: #266764; font-style: normal; font-weight: normal; font-size: 11px; font-family: 'Roboto', sans-serif; background-color: #bbbbbb}
a.sort_header:link   {text-decoration: none }
a.sort_header:visited   { text-decoration: none  }
a.sort_header:hover    {text-decoration: none  }

DIV.saveSuccess {
	clear: both;
	font-size: 1.3em;
	text-transform: uppercase;
	color: #266764;
	font-weight: bold;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	background: #62D33B url("/html/images/icon_save.gif") no-repeat left;
	padding: 0.5em;
	margin: 1em 0.5em 0.5em 0.5em;
}

/* quicktools show/hide classes */

table.layout { width: 100%; background-color:#ffffff; }
td.layout_sidebar {
    background-color:#ffffff;
    padding: 0px 0px 0px 0px;
    vertical-align:top;}
td.layout_main { vertical-align: top; padding: 5px 5px 10px 5px;}

/* horizontal lists */

ul#titlebar { list-style-type: none; margin: 0; padding: 2; }
ul#titlebar .left { float: left; }
ul#titlebar .right { float: right; }

/* horizontal lists */

ul.hlist { list-style-type: none; margin: 0; padding: 0; text-align:left; }
li.hlist { list-style: none; margin: 0; text-align:left; padding-right:4px; float:right; left:0px; }

/* vertical lists */

ul.vlist { list-style-type: none; margin: 0; text-align:left; padding:0; }
li.vlist { list-style: none; margin: 0; text-align:left; padding:0; position: relative; left:0px; }

/* buttons */

img.button {cursor:hand;cursor:pointer;}

 /* -------------------------------------------
    Dynamic search dropdown results
------------------------------------------- */

#SearchHighlight {
    background-color: #2C5996; color: #fff;
}
.SearchRow {
        margin:0px; padding-left: 4px;/*padding-top:0.2em; padding-bottom:0.2em; padding-left:1em; padding-right:1em;*/
    cursor:hand;cursor:pointer;
}
#SearchResult {
    position:absolute; background-color:#ccc;
        margin-left: 20px; margin-top: -5px;/*4px;*/
        color:#000000; font-style:normal; font-weight:normal;
    z-index:99;line-height:1.4em;
}
#SearchShadow {
    position:relative; bottom:2px; right:2px; background-color:#888; /*shadow color*/ color:inherit;
}
#SearchRes {
    position:relative; /*bottom: 2px; right: 2px;*/ background-color:white; border:#266764 2px solid;
}
#SearchPaginationHolder {
        width:100%; background-color:#fff; text-indent:1em; line-height:2em; color:#266764; border-top: 1px dotted #000; /* font-weight:bold; */
}
#SearchPagination {
    background-color:#fff; text-indent:1em; line-height:2em; color:#266764;/* font-weight:bold; */
}

/*  -------------------------------------------
 Pagination
  -------------------------------------------*/
.pagination {padding: 2px;}
.pagination p{float: left; margin: 3px 15px; font-size: 0.9em; color: #266764;}
.pagination ul {margin: 10px 15px; padding: 0; list-style: none; height: 1em;}
.pagination ul { margin:0; padding: 2px 0px 10px 10px; list-style: none; display: inline-block;}
.pagination li{display: inline;}
.pagination a{display: block; float: left; padding: 3px 2px;}
.pagination .current a{color: #fff !important; background: #266764; padding: 3px 3px;}


/* -------------------------------------------
 Search Area at top of B/L Viewall page
  -------------------------------------------*/

DIV.boxHolder {
	background: #F0F0F0;
	width: 600px;
	border: solid #266764 2px;
	padding: 5px 10px;
	margin-top: 2px;
}

DIV.boxDetail {
	border: 1px solid #266764;
	padding: 0px 5px;
	background: #cee7ff;
}

#rightCol {
	margin-left: 310px;
}

#rightCol P {
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#leftCol {
  float: left;
  width : 305px;
  height : 100%;
}

#leftCol H3{
	color: #266764;
	font-family: 'Roboto', sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	text-align: left;
	margin: 5px 0px 0px 0px;

}

DIV.boxDetail INPUT.viewall {
	color: #7e7e7e;
}

/* -------------------------------------------
 View XML manifest
  -------------------------------------------*/
#xmlEdit {
	margin: 5px;
	width: 98%;
	height: 30em;
	font-size: 1em;
}

DIV.xmlHolder {
	border: 1px #266764 dashed;
	margin: 5px;
	padding: 5px;
	background: #ffffee;
}

DIV.hideValidationResults {
	display: none;
}

DIV.validationError {
	border: 1px #266764 dashed;
	margin: 5px;
	padding: 5px;
	background: #ffcaca;
}

DIV.xmlValid {
	border: 1px #266764 dashed;
	margin: 5px;
	padding: 5px;
	background: #ccffcc;
}


DIV.importantNotice {
	clear: both;
	margin: 0;
	text-align: center;
	padding: 0.3em 0.3em 0.3em 3em;
	background: #ffeb72 url("/html/images/icon_warning.gif") no-repeat left;
	font-size: 1.3em;
	color: #266764;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}

/*system notice*/
table.notice {width:710px; margin: 20px auto;}
table.notice td {border: 0;}
table.notice td.note { width:670px}
table.notice td.but { width:130px}

table.notice td.fix_v { width:100px}/*fix allignment problem*/
table.notice td.fix_v .fix {margin-right:-80px; width:110px;} /*fix allignment problem*/

table.notice div.sysdiv {width:700px; height:360px; overflow-y: scroll; background-color:#FFFFFF; border:1px solid #BDBDBD; padding:30px 8px 0px 8px}

table.notice table.textblock { margin:0px; width:680px; border-bottom: 5px solid #C8C8C8; margin-bottom:20px}
table.notice table.textblock td { padding:0px}
table.notice table.textblock td.date { width:200px; font-weight:bold; text-align:right; vertical-align: top;}
table.notice table.textblock td.title { width:480px; font-weight:bold; font-size:14px; padding-bottom:5px}
table.notice table.textblock td.content {padding-bottom:5px}

button.smallbutton {padding: 3px 5px; color: white; background-color: #266764; border-color: #000000; border-radius:2px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); cursor: pointer;font-size:9px;font-weight:bold;border-style:solid;font-family: 'Roboto', sans-serif;}

/* ERROR Handling */
input.error { background-color: #faa} /* red background for tooltip msgs */
span.error { color: #f00; font-style: normal; font-weight: bold; font-size: 11px; font-family: 'Roboto', sans-serif; display: block; }



/* TOP NOTIFICATION AREA */
.notification table { width: 100%; margin: 0; border-width: 1px; border-style: solid; }
.notification table td { padding: 2px; border: none; font-size: 12px; font-weight: bold; color:#000; }
.notification td.icon { background-repeat: no-repeat; width: 32px; }
.notification td.close_btn { width: 17px; padding-top: 5px; vertical-align: top; background-image: url(../images/close12_1.gif); background-repeat: no-repeat; cursor: pointer; }

.notification table.notif_info { background-color:#eaf1f9; border-color: #dfe2eb; }
.notification table.notif_info td.icon { background-image: url(../images/ico_notification_information.gif); }

.notification table.notif_success { background-color:#d3fcdc; border-color: #d5ebd6; }
.notification table.notif_success td.icon { background-image: url(../images/ico_notification_success.gif); }

.notification table.notif_warning { background-color:#fdffc0; border-color: #e0e6a0; }
.notification table.notif_warning td.icon { background-image: url(../images/ico_notification_warning.gif) }

.notification table.notif_error { background-color:#ffdcd6; border-color: #e3cac6; }
.notification table.notif_error td.icon { background-image: url(../images/ico_notification_error.gif); }




/* #DIG Dialog
--------------------------------------------------------*/
/* yui override
--------------------------------------------------------*/
div.yui-panel {padding: 0; border: 5px solid #666;} /* set dialog border color, override this in profile specific css */
div.yui-panel .hd {padding: 5px; border: 0; color: #266764; font-size: 16px; letter-spacing: -1px; background-color: #ffffff;}
div.yui-panel .bd {padding: 0;}
div.yui-panel .ft {padding: 0 0 8px 0;}

.yui-panel .container-close { background: url(../../html/images/close12_1.gif) no-repeat scroll 0 0 transparent; text-indent: -10000em; }

/* dialog / pop up
--------------------------------------------------------*/
.dialog {background-color: #fff; border: 5px solid #666;}
div.dialog-edit, div.dialog-edit div.hd {background-color: #f0f5f8;}
.dialog .bd table.creat_modif {margin-left: auto;}
.dialog .bd .content {padding: 0 10px 10px 10px; position: relative;}
.dialog .bd .content table {width: 100%;}
.dialog .bd .content table.paginationwrap {width: auto;}
.dialog .bd .scroll {width: auto; height: 300px; overflow: auto; /*border-top: 1px solid #f1f1f1;*/} /* set dialog that needs scrolling a specific height, also specific width for ie6 */
.dialog .bd .scroll table {width: 97.5%;} /* fix IE bug where scroll gets pushed outside of dialog */
.dialog .bd .scroll table.datamatrix {width: 100%;}
.dialog .ft .univb_send {margin-left: auto; float: none;}
.dialog .ft a:hover{ background-color: #ffffff; }
.dialog td, .dialog .groupn td {padding: 2px 5px; vertical-align: top;} /* overrides .groupn td padding: 0, should find out why it's set to 0 padding */
.dialog .resetpadding {padding: 0;} /* mostly use on td where inner table is inserted */

.reformatSubmitBtn {background-color: rgb(170, 170, 170) !important; border-style: none !important; cursor: not-allowed !important;}

.active-background-left {
	background-color: #266764;
	width: 11px;
	border-top-left-radius: 5px;
}

.active-background-right {
	background-color: #266764;
	width: 11px;
	height: 22px;
	border-top-right-radius: 5px;
}

.active-background-left_green {
	background-color: #266764;
	width: 11px;
	border-top-left-radius: 5px;
}

.active-background-right_green {
	background-color: #266764;
	width: 11px;
	height: 22px;
	border-top-right-radius: 5px;
}

.active-background-left_blue {
	background-color: #ccc;
	width: 11px;
	border-top-left-radius: 5px;
}

.active-background-right_blue {
	background-color: #ccc;
	width: 11px;
	height: 22px;
	border-top-right-radius: 5px;
}

.clear_button {
	background-color: #266764;
    color: white;
    font-size: 9px;
    border-radius: 3px;
	cursor: hand;
	margin-top: -1px;
	font-weight: bold;
	border: 0;
    padding: 4px;
}

.color_green {
	color: #266764 !important;
}

/* arrows */
.arrow {
	color: white;
    font-weight: 900;
    background-color: #266764;
    border-radius: 2px;
    padding: 1px;
	font-size: 15px;
	cursor: pointer;
}

.arrow-no-background {
	color: 266764;
    font-weight: 900;
    border-radius: 2px;
    padding: 1px;
	font-size: 12px;
	cursor: pointer;
}

.arrow-up {
    display: block;
    margin-bottom: -8px;
}

.arrow-disabled {
	color: darkgray;
    font-weight: 900;
    background-color: #efefef;
    border-radius: 2px;
    padding: 1px;
    font-size: 15px;
}

.mt-5 {
	margin-top: 5px !important;
}

.white-background {
	background-color: white;
}

.tab-inactive {
	background-color:#ccc;
}

.sub-active {
	background: #666666;
}

.sub-inactive {
	background: #dedede;
}

.trade-column {
	min-width: 50px;
}

#password-instruction {
    display: none;
    margin-bottom: 10px;
    color: indianred;
}