/******************************************************************************
	CSS Document
******************************************************************************/

/******************************************************************************
	Page Styles
******************************************************************************/
* {
  font-family: Arial, sans-serif;
  font-size: 8pt;
}
body {
  margin: 0 auto;
  background-color: #40A0D7;
}
a, img {
	color: #21506A;
	border: 0;
}
a {
  color: #20506B;
}

#main {
	margin-top: 7px;
}

td#userSession {
	width: 94px;
	text-align: left;
}

td.sysNav {
	padding: 2px;
	text-align: center;
}

#header_admin_logo {
	width: 200px;
	height: 35px;
	background: #ffffff url(images/admin_cms/sab_logo.gif) no-repeat;
}

td.sysNav a {
	display: block;
	width: 100%;
	height: 100%;
	color: #21506A;
}

td.sysNav a:hover {
	background-color: #21506A;
	color: white;
}

td#topNav {
	height: 26px;
	background-image: url(images/top_nav_bar.gif);
}

td#leftNav {
	padding: 0px;
	background-color: #EEF7FF;
	margin-right: 13px;
	/*border: solid;
	border-color: #CCCCCC;
	border-width: 1px;*/
}

td#leftNav a {
	font-size: 8pt;
}

p.errors {
	font-size: 14px;
	font-weight: 700;
	color: #FF0000;
}


p.shipnotes {
	font-size: 12px;
	font-weight: 700;
	background-color: #E4E4E4;
	}

p.reportsGiftsInternal {
	font-size: 12px;
	font-weight: 700;
	background-color: #E4E4E4;
	}

p.messages {
	font-size: 16px;
	font-weight: 700;
	color: #0080C8;
}

span#giftCode {
	font-size: 16px;
	font-family: courier;
	font-weight: 700;
}

span.smallText {
	font-size: 11px;
}

span.smallMessage {
	font-size: 11px;
	color: #FF8040;
	font-weight: 700;
}

span.header {
	font-size: 20px;
	font-weight: 700;
}

/******************************************************************************
	END Page Styles
******************************************************************************/

/******************************************************************************
	Form Styles
******************************************************************************/

form {
	margin: 0px 0px 0px 0px;
}

input#addToShelf {
	width: 150px;
	font-weight: 700;
	color: #FFFFFF;
	border-color: #888888;
	background-color: #70C242;
	border-style: solid solid solid solid;
}

input#viewShelf {
	width: 150px;
	font-weight: 700;
	color: #FFFFFF;
	border-color: #888888;
	background-color: #0080C8;
	border-style: solid solid solid solid;
}

input#addAll {
	width: 80px;
	font-weight: 700;
	color: #FFFFFF;
	border-color: #888888;
	background-color: #70C242;
	border-style: solid solid solid solid;
}

input#viewShelfSmall {
	width: 80px;
	font-weight: 700;
	color: #FFFFFF;
	border-color: #888888;
	background-color: #FF8040;
	border-style: solid solid solid solid;
}

input.error, .seriesError {
	background-color: #FCC1C1;
}

/******************************************************************************
	END Form Styles
******************************************************************************/

/******************************************************************************
	Global Styles
******************************************************************************/
label {
	font-weight: 700;
}

.pageheading {
	font-size: 30px;
	color: #21506A;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.subheading {
	font-size:18px;
	font-weight:normal;
	color:#215088;
	letter-spacing:1px;
	margin-bottom:13px;
	text-align:left;
}

.message {
	color: #FF0000;
	font-weight: 700;
	font-size: 12px;
}

.sectionHeader {
	font-weight: bold;
	letter-spacing: 2px;
	background-color: #21506A;
	color: white;
	text-indent: 2pt;
	height: 20px;
}

.subSectionHeader{
	font-weight: bold;
	letter-spacing: 2px;
	background-color: #40A0D7;
	color: white;
	text-indent: 2pt;
	height: 20px;
}

.sectionHeader a {
	color: white;
}

.label {
	height: 10px;
	font-weight: 700;
}

.smallLabel {
	font-weight: 700;
	font-size: 11px;
}

.large {
	font-size: 14px;
}

.small {
	font-size: 11px;
}

.nomargin {
	margin: 0px;
}

.logoBlue {
	color: #0080C8;
}

.logoOrange {
	color: #FF8040;
}

.pageHeader {
	font-size: 20px;
	font-weight: 700;
	color: #0080C8;
	letter-spacing: 0.03cm;
}

.listLabel {
	font-size: 14px;
	font-weight: 700;
	text-align: left;
	vertical-align: top;
}

.faqQuestion {
	font-weight: 700;
}

.giftDeleted {
	font-weight: 700;
	color: #FF0000;
}

.adwordTrialLabels {
	font-weight: 700;
	color: #666666;
}

.queueTitle {
	width: 100%;
	color: #fff;
	font-weight: bolder;
	padding-left: 7px;
	font-size: 12pt;
}

.bookListHeader {
	font-size: 11px;
	background-color: #21506A;
	font-weight: bold;
	color: white;
	height: 25px;
}

/******************************************************************************
	END Global Styles
******************************************************************************/

/******************************************************************************
	Link Styles
******************************************************************************/

a, a:visited, a:active {
	text-decoration: underline;
}

a:hover {
	color: orange;
	text-decoration: none;
}



a img {
	border: 0;
}

a.genre {
	font-weight: bold;
}

a.backtotop {
	color: #0080C8;
	font-size: 9px;
}

a.adminTab {
	font-size: 18px;
	font-weight: 700;
}

/******************************************************************************
	END Link Styles
******************************************************************************/

/******************************************************************************
	Table Styles
******************************************************************************/
th.heading {

	font-size: 16px;
	font-weight: 700;
	background-color: #40A0D7;
	padding: 3px;
	color: #FFFFFF;
}

tr.colheading th {
	font-size: 12px;
	font-weight: 700;
	background-color: #CCCCCC;
	padding: 1px;
}

table.genreNav td {
	padding: 0px 2px 0px 2px;
}

td.leftNavSection {
	border-collapse: collapse;
	padding: 0px;
	vertical-align: top;
	background-color: #EEF7FF;
	/*border-style: solid none solid none;
	border-color: #CCCCCC;
	border-width: 1px;*/

}

th.worksLabel {
	font-weight: bold;
	background-color: #BDD7EE;
	height: 20px;
	text-align: center;
}

table.bookResults td {
	text-align: center;
}

table.bookResult {
	text-align: center;
}

table.accountTable {
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	background-color: #EEEEEE;
}

table.accountTable th {
	text-align: left;
	background-color: #21506A;
	color: white;
	font-size: 15px;
	font-weight: 700;
	padding: 2px;
}

table.accountTable td {
	padding: 0px 4px 0px 4px;
}

table.accountTable th a {
	text-decoration: underline;
	color: white;
}

table.addressTable {
	padding: 4px;
}

table.infoTable table {
	border-style: solid solid solid solid;
	border-width: 1px;
}

table.tellafriend {
	border-width: 0px;
	border-style: none none none none;
}

table.miniShelf {
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
}

table.miniShelf a {
	font-size: 10px;
}

table.miniShelf td {
	padding: 4px;
}

table.pricePlanTable {
	border-style: solid solid solid solid;
	border-width: 1px;
}

table#regInput {
	border-style: solid;
	border-width: 1px;
	background-color: #E1E9F6;
	padding: 3px;
}

table.tripleS td {
	padding: 5px;
}

table#regInfo {
	border-style: solid;
	border-width: 1px;
	background-color: #FFF4C8;
	/*background-color: #F4DA93;*/
	padding: 5px;
}

table#regInfo td {
	font-size: 11px;
}

td#howItWorks {
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
}

table.giftSubscription {
	border-style: solid;
	border-width: 1px;
	border-color: #777777;
}

td#giftLabel {
	background-color: #777777;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	color: #FFFFFF;
}

td.shipnotes {
	background-color: #E4E4E4;
	}

td.reportsGiftsInternal {
	background-color: #E4E4E4;
	}


td.blankLine {
	border-style: none none solid none;
	border-width: 1px;
	border-color: #777777;
}

tr.headerRow {
	background: #80b0d0;
	background: #777777;
	color: white;
}

tr.secondaryHeaderRow {
	text-indent: 3px;
	height: 25px;
	background-color: #DDDDDD;
	border-width: 1px;
	border-style: solid;
}

tr.tableHeader {
	text-indent: 3px;
	height: 25px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 2px;
	background-color: #C6D8F4;
}

td.field_name {
        height: 10px;
        font-weight: 700;
        text-align: right;
}

tr.errors td {
	padding: 5px;
	font-size: 12px;
	font-weight: 700;
	background-color: #FCC1C1;
}

tr.messages td {
	padding: 5px;
	font-size: 12px;
	font-weight: 700;
	background-color: #B9F1C2;
}

tr.shipnotes td {
	padding: 5px;
	font-size: 12px;
	font-weight: 700;
	background-color: #E4E4E4;
}

td.reportsGiftsHeading {
	padding: 2px;
	font-size: 12px;
	font-weight: 700;
	background-color: #F9F9F9;
	border:  none;
}

tr.reportsGiftsInternal td {
	padding: 0px;
	font-size: 12px;
	font-weight: 700;
	background-color: #E4E4E4;
	border:  none;
}

table.reportsGiftsInternal td {
	padding: 5px;
	font-size: 12px;
	font-weight: 200;
	background-color: #E4E4E4;
	border:  none;
	}

table.book_queue td {
	padding: 5px 5px 5px 5px;
	text-align: left;
}

table.book_queue td.title {
	text-align: left;
	width: 300px;
}

table.book_queue th {
	font-weight: 700;
	text-align: left;
}

table.inventory_results td {
	text-align: left;
}

table.customer_results th {
	text-align: left;
}

table.customer_results td {
	text-align: left;
}

td.pricePlans {
	background-color: #dfdfdf;
	padding: 2px 2px 2px 2px;
}

td.pricePlan {
	background-color: #efefef;
	padding: 2px 2px 2px 2px;
}

td.accountTypes {
	vertical-align: top;
	background-color: #efefef;
	padding: 2px 2px 2px 2px;
	border: solid;
	border-width: 1px;
}

table.accountAddress th {
	font-size: 14px;
	font-weight: 700;
	padding: 0px 0px 15px 0px;
}

td.admin_panel {
	padding: 2px 2px 2px 2px;
}

td.menu_panel {
	  width:98%;
	  height : 15px;
	  display:block;
	  background-color:#ECEAE6;
}

td.menu_panel a  {
	text-indent: 3px;
	font-weight: 100;
	font-size: 11px;
	width: 100%;
	text-decoration: none;
	display:block;
	height : 15px;
	vertical-align:middle;
	overflow:hidden;
}

td.menu_panel a:visited  {
	text-indent: 3px;
	font-weight: 100;
	font-size: 11px;
	width: 100%;
	text-decoration: none;
	display:block;
	height : 15px;
	vertical-align:middle;
	overflow:hidden;
}

td.menu_panel a:hover {
	text-indent: 3px;
	font-weight: 700;
	color: #ffffff;
	background: #40A0D7;
	width: 100%;
	display:block;
	height : 15px;
	vertical-align:middle;
	overflow:hidden;
}

td.targetUrls {
	text-indent: 5pt;
}

td.admin_panel a {
	font-weight: 700;
	text-decoration: none;
	width: 100%;
}



td.admin_panel a:hover {
	color: #FFFFFF;
	background-color: #505050;
}

/******************************************************************************
	END Table Styles
******************************************************************************/


/******************************************************************************
	Admin Styles
******************************************************************************/
td.number{
	text-align:	center;

}
/******************************************************************************
	Ticket Styles
******************************************************************************/

.CRIT {
    background-color: #FF0000;
    color: #FFFFFF;
    font-weight: 700;
    padding: 2px;
}

.HIGH {
    background-color: #E49236;
    color: #FFFFFF;
    font-weight: 700;
    padding: 2px;
}

.STD {
    background-color: #E49236;
    padding: 2px;
}

.LOW {
    background-color: #99CCFF;
    padding: 2px;
}

table.ticketTable {
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	background-color: #EEEEEE;
}

table.ticketTable th {
	background-color: #C6D8F4;
	font-size: 15px;
	font-weight: 700;
	padding: 2px;
}

table.ticketTable td.entryHeader {
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 0px;
        padding-bottom: 0px;
        font-weight: 700;
}

table.ticketTable td.entryNote {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: white;
}

table.ticketTable a {
	text-decoration: underline;
}

/******************************************************************************
	END Ticket Styles
******************************************************************************/

/******************************************************************************
	CRM Styles
******************************************************************************/

div.crm a, div.crm table, div.crm td, div.crm p, div.crm input,
div.crm select, div.crm option, div.crm textarea, div.crm li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 0px;
}

div.crm table {
	background-color: #E1E9F6;
}

div.crm td {
	background-color: #EEEEEE;
	vertical-align: top;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
}

div.crm th {
	font-size: 16px;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
}

td.crm {
	padding: 10px;
}

div.crm select, div.crm option, div.crm textarea {
	background-color: #E1E9F6;
}

table.crmDetails td {
	padding: 2px;
	text-indent: 8px;
	font-weight: 700;
}

/******************************************************************************
	END CRM Styles
******************************************************************************/

/******************************************************************************
	Daily Metrics Styles
******************************************************************************/

body.dailyMetrics {
	background-color: #ffffff;
	margin: 10px;
}

h2.reportTitle{
	color: black;
	font-size: 15px;
}

.reportLabel {
	color: black;
	font-size: 13px;
	font-weight: 700;
}

table.dailyMetricTable{
  font-size: 11px;
  border: 1px solid black;
}

/******************************************************************************
	END Daily Metrics Styles
******************************************************************************/

.menuTitle{
	cursor:pointer;
	margin-bottom: 5px;
	background-color:#EEEEEE;
	color:#000000;
	width:100px;
	padding:2px;
	text-align:center;
	font-weight:bold;
	border:1px solid #000000;
}

.accountBox{
	border: 1px solid #555555;
	background: #eaeaea;
	margin-bottom: 5px;
	padding: 0;
}
.accountBox_label{
	float: left;
	margin-left: 10px;
	width:	120px;
	font-weight: bold;
}
.accountBox_edit{
	display: inline;
	float: right;
	width: 100px;
	background: #e0e0e0;
	border: 1px solid #555555;
	padding: 3px;
}
.accountBox_editHeading{
	background: #6699bb;
	background: #666666;
	text-align: center;
	color: white;
}
.accountBox_heading{
    font-size:14px;
    font-weight: bold;
    color: white;
    margin-bottom: 1px;
    padding: 0 3px;
    background: #6699bb;
    background: #80b0d0;
    background: #777777;
    border: 1px solid #555555;
}
.accountBox_subHeading{
	font-weight: bold;
	text-decoration: underline;
	margin-left: 10px;
}
.accountBox_line{
	margin-left: 30px;
}

.accountBox.parent > .accountBox_body {
    flex-flow: row wrap;
    padding: 2px;
    background: initial;
}
.accountBox_body {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 3px;
    padding: 0 2px;
    background: #fff;
}
.accountBox_body input:not([type="submit"]),
.accountBox_body select {
    border: 0;
    background: #fff;
}
.accountBox_body input:disabled,
.accountBox_body select:disabled {
    background: #eaeaea;
}
.accountBox_body checkbox {
    margin: 0;
    padding: 0;
}
.accountBox_pagination_row {
    display: flex;
    margin-bottom: 2px;
    padding: 0 3px;
    justify-content: space-between;
}
.accountBox_pagination_row .page_links {
    display: flex;
    gap: 3px;
}

.tinyText{
	font-size: xx-small;
}
a.noborder{
	text-decoration: none;
	border: none;
}

.linkStyle {
  color: rgb(85,80,106);
  text-decoration: none;
  border-bottom: 1px dotted orange;
	background: transparent;
	}


.linkStyle:hover {
  text-decoration: none;
  border-bottom: 2px solid orange;
}
.tooltip{
	font-size: 12px !important;
	font-weight: normal !important;
	line-height: 14px !important;
	display: inline;
	cursor: help;
	position: relative;
}
.tooltip .btn{
	border: none;
	width: 9px;
	height: 9px;	
	position: relative;
	top: -5px;
	margin-right: 5px;
}
.tooltip .tip {
	-moz-box-shadow: 10px 10px 5px #888888;
	display: none; 
	position: relative;
	padding: 2px 3px; 
	margin-left: 0px; 
	width: 200px;
	margin-top: -20px;
	z-index: 10000;
}
.tooltip:hover .tip{
	display: inline; 
	position: absolute; 
	background: #ffffff; 
	border: 1px solid #cccccc; 
	color: #6c6c6c;
}

tr .selected{
    background-color:orange !important;
}

.familyInUse{
    text-decoration: line-through;
}

/***************   Flex utils ****************************/
.flex-h-break {
    flex-basis: 100%;
    height: 0;
    &.highlight {
        border: 1px solid lightgray;
        height: 0;
    }
}
.flex-v-break {
    flex-basis: 100%;
    width: 0;
    &.highlight {
        border: 1px solid lightgray;
        width: 0;
    }
}
.flex-content-end {
    justify-content: flex-end;
}
/***************   End Flex utils ******************************/

/****************** Start Customer List page ******************************/
.subscription-detail {
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 0.1rem 0;
    flex-wrap: wrap;
}

.sub-badge {
    display: flex;
    width: min-content;
    gap: 5px;
    border: 1px solid;
    border-color: currentcolor;
    border-radius: .375rem;
    padding: .05rem .25rem;
    align-items: center;
}

.type-rent {}

.status-active {
    color: white;
    background: green;
    border-color: green;
    & .sub-status {
        color: green;
    }
}
.status-cancelled, .status-closed {
    color: white;
    background: red;
    border-color: red;
    & .sub-status {
        color: red;
    }
}
.status-not-active {
    color: white;
    background: blue;
    border-color: blue;
    & .sub-status {
        color: blue;
    }
}
.status-on-hold {
    color: white;
    background: purple;
    border-color: purple;
    & .sub-status {
        color: purple;
    }
}
.status-suspended {
    color: white;
    background: #bbbb44;
    border-color: #bbbb44;
    & .sub-status {
        color: #bbbb44;
    }
}
.status-unknown-status {
    color: white;
    background: black;
    border-color: black;
    & .sub-status {
        color: black;
    }
}

.sub-status {
    background: white;
    border-radius: .375rem;
    padding: 0.05rem .15rem;
    font-size: .8rem;
    border: none;
    width: max-content;
}
/****************** End Customer List page ******************************/

/***************   Start Mission Statement styles ****************************/

#msb {
    max-width: 795px;
    background: url(images/msb_right.jpg) no-repeat top right;
}
#mission {
    background: url(images/msb_left.jpg) no-repeat top left;
    display: table-cell;
    height: 150px;
    padding: 0px 40px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}
#mission h1 {
    font: 26px 'Arial Black';
}
#mission p {
    font: 20px 'Arial Black';
    margin-top: -20px;
}
.form-switch input[type="checkbox"] {
	cursor: pointer;
}

/***************   End Mission Statement styles ******************************/

/******************************************************************************
	END OF DOCUMENT
******************************************************************************/