/* =============================================================================
   Wrapper
   ========================================================================== */ 
body>header.viewMax { background-position: center top; padding-top: 5px; }
#masthead-viewMax a { float: left; }

/* =============================================================================
   Vertical Spacing
   ========================================================================== */
.card_container {
	/*TODO: got rid of the border */
/*     border:1px solid black; */
}
        
/* =============================================================================
   Headings
   ========================================================================== */
.hd-pgSubTitle { color: #666; font-family: 'Source Sans Pro', sans-serif; display: block; font-size: 60%; line-height: 16px; margin-left: 36px; }
#masthead-viewMax h1 { background: url('../images/common/icon-book.png') 0 0 no-repeat transparent; font-size: 22px; font-weight: bold; margin-left: 55px; margin-top: 10px; padding-bottom: 10px; padding-left: 24px; }
#masthead-viewMax .hd-pgSubTitle { color: #FFF; font-size: 14px; font-weight: bold; margin-left: 15px; margin-top: 10px; padding: 5px 0 0 10px; }
#masthead-viewMax .hd-appTitle { display: block; float: left; }
.hd-metaDoc { margin-bottom: 10px; }


/* =============================================================================
   Lists
   ========================================================================== */        
.dl-metaSummary dt, .dl-metaSummary dd { display: inline; }
.dl-metaSummary dt { font-weight: normal; }
.dl-metaSummary dd { font-weight: bold; margin-right: 8px; }
dt.meta-relDate, .meta-relDate+dd { color: #002F55; font: bold 16px 'Rokkitt', serif; }

.dl-metaDoc { margin: 0 0 15px 35px; overflow: hidden; }
.dl-metaDoc dt { clear: left; color: #666; float: left; font-weight: normal; margin-right: 5px; min-height: 25px; }
.dl-metaDoc dd { float: left; font-weight: bold; max-width: 200px; min-height: 25px; }
.metaDoc a, .metaDoc a:hover { color: #1a95c9; }
.metaDoc p { clear: left; margin-top: 15px; margin-left: 35px; }

.list-chaptSects { margin-top: 10px; }
.list-chaptSects>li { margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list-progress { float: left; margin-bottom: 0; }
.list-progress-sm { margin-right: 10px; }
.list-progress li { height: 12px; width: 25px; }
.list-progress-sm li { border-radius: 6px; height: 8px; padding: 0; width: 8px; }
.list-progress>li:nth-of-type(1) { background-color: #A6D600; }
.list-progress>li:nth-of-type(2) { background-color: #85A907; }
.list-progress>li:nth-of-type(3) { background-color: #50870F; }
.list-progress>li:nth-of-type(4) { background-color: #2F6114; }
.list-progress>li:nth-of-type(5) { background-color: #173706; }
.list-progress li.incomplete { background-color: #CFCFCF; }

#list-affectChapts { margin-top: 20px; }
#list-affectChapts li { margin-bottom: 10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; width: 255px; }

/* =============================================================================
   Tables
   ========================================================================== */ 
.table th, .table-inbox td:nth-child(1), .table-inbox td:nth-child(4), .table-revsReleases td:nth-child(1) { white-space: nowrap; }
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #FAFAFA; }
.table-filters { float: right; margin-top: 5px; }
.table-filters .lbl-text { position: relative; top: 2px; }

.table-ft { overflow: hidden; }
.table-ft .pagination { margin: 0; }

.row-divider td { border-bottom: 4px double #999; }
.row-success td, .table-hover > tbody > .row-success:hover > td { background-color: #E5F8CE; }
.row-success .alert-success { font-weight: bold; }

/* =============================================================================
   Form Elements
   ========================================================================== */ 
.label-button input { display: none; }
.select-styled { background: url(new_arrow.png) no-repeat right #ddd; border: none; border-radius: 3px; display: inline-block; height: 30px; overflow: hidden; position: relative; vertical-align: middle; width: 100px; }
.select-styled select { background-color: #00bFCA; border: 0; border-radius: 0; height: 30px; line-height: 1; padding: 5px; -webkit-appearance: none; width: 110px; }
.select-year { width: 65px; }
.select-year select { width: 90px; }
.select-year .caret { position: absolute; right: 10px; top: 13px; }

.help-block { font-size: 15px; font-style: italic; font-weight: bold; line-height: normal; }
.help-inline { display: inline-block; font-size: 12px; font-style: italic; padding-top: 8px; }
#help-chaptTitle { width: 180px; }
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.resize-y { resize: vertical; }

/* =============================================================================
   Buttons
   ========================================================================== */
form .btn-primary[type="submit"] { padding: 6px 12px; margin-right: 10px; }   
#btn-effectDate { padding-bottom: 5px; }

.toolbar-review { float: right; }
.toolbar-review>.btn:last-child:not(.btn-primary) { background-color: #1A95C9; }
.toolbar-review>.btn:last-child:hover { background-color: #3276B1; }
.btnGroup-review { margin: 0 15px; }
.btnGroup-review .btn { background-color: #1A95C9; border: none; padding: 7px 12px; }
.btnGroup-review .btn:not(:last-child) { border-right: 2px solid #FFF; }
.btnGroup-review .btn:hover { background-color: #00BFCA; z-index: 0; }

.viewMax .btnGroup-review .btn, .viewMax .toolbar-review>.btn:last-child { background-color: #0A5883; }
.viewMax .btnGroup-review .btn:hover { background-color: #00BFCA; }
.viewMax .toolbar-review>.btn:last-child:hover { background-color: #3276B1; }
.viewMax .toolbar-review { margin-top: 7px; }


/* =============================================================================
   Forms
   ========================================================================== */ 
.bg-login { background: linear-gradient(-45deg, white 25%, #d8edf6 25%, #d8edf6 50%, white 50%, white 75%, #d8edf6 75%); background-size: 8px 8px; }
#form-login { background-color: #FFF; border: 2px solid #DFDFDF; border-radius: 10px; margin: 50px auto; padding: 15px 20px; width: 440px; }
#form-release ol { margin-bottom: 20px; margin-top: 5px; }
#form-release li { margin-bottom: 5px; }
#form-release .control-label { display: inline-block; font-weight: bold; margin-right: 10px; padding-top: 0; text-align: left; width: 120px; }
#form-release .text-overflow { vertical-align: top; max-width: 100px; }
#form-release .radio-grp, .radio-grp>div { display: inline-block; }
.radio-grp>div { margin-right: 10px; }

/* =============================================================================
   Icons
   ========================================================================== */   
.icon-chkSect-wh { background-image: url('../images/common/icon-check-wh.png'); background-position: center 3px; display: block; height: 10px; width: 16px; }

/* needed to comment this out as it breaks small extjs styles.   This wildcard will need to get more specific. */
/*[class*="-small"] { height: 16px; margin-left: 3px; position: relative; top: 2px; width: 16px; margin-right: 3px; }*/

.icon-calendar-small { background-image: url('../images/common/icon-calendar-sm.png'); }
.icon-calendar-blk-small { background-image: url('../images/common/icon-calendar-blk-sm.png'); }
.icon-addNewUser-small { background-image: url('../images/common/icon-addNewUser-sm.png');  }
.icon-uploadFile-small { background-image: url('../images/common/icon-upload-file.png'); top: 4px; }

.icon-assignTo-small { background-image: url('../images/common/icon-assignTo.png'); }
.icon-update-small { background-image: url('../images/common/icon-update.png'); }
.icon-review-small { background-image: url('../images/common/icon-review.png'); }
.icon-validate-small { background-image: url('../images/common/icon-validate.png'); }
.icon-completeReview-small { background-image: url('../images/common/icon-completeReview.png'); top: 4px; }
.icon-completeValidation-small { background-image: url('../images/common/icon-completeValidation.png'); top: 2px; }
.icon-comments-small { background-image: url('../images/common/icon-comments.png'); margin-right: 5px; top: 3px; }
.icon-viewComments-small { background-image: url('../images/common/icon-comments-wh.png'); margin-right: 5px; top: 3px; }
.icon-openTrigDoc-small { background-image: url('../images/common/icon-triggerDoc-wh.png'); margin-right: 5px; top: 3px; }
.icon-maxView-small { background-image: url('../images/common/icon-maxView-wh.png'); margin-right: 5px; top: 3px; }
.icon-minView-small { background-image: url('../images/common/icon-minView-wh.png'); margin-right: 5px; top: 3px; }

.icon-changeRecord-small { background-image: url('../images/common/icon-changeRecord-wh.png'); }
.icon-submit-small { background-image: url('../images/common/icon-submit.png'); margin-right: 3px; }
.icon-resolveConflicts-small { background-image: url('../images/common/icon-resolveConflicts.png'); margin-right: 3px; }
.icon-preview-small { background-image: url('../images/common/icon-preview-wh.png'); width: 17px; margin-right: 3px; }
.icon-save-small { background-image: url('../images/common/icon-save.png'); margin-right: 3px; }
.icon-uploadedFile-small { background-image: url('../images/common/icon-uploadedFile.png'); margin-right: 5px; top: 4px; }


[class$="-lrg"] {  height: 30px; position: relative; top: 7px; width: 30px; }
.icon-login-lrg { background-image: url('../images/common/icon-login.png'); }
.icon-inbox-lrg { background-image: url('../images/common/icon-inbox.png'); background-position: 0 10px; position: static; }
.icon-gauge-lrg { background-image: url('../images/common/icon-gauge.png'); }
.icon-update-lrg { background-image: url('../images/common/icon-update-lrg.png'); }
.icon-calendar-lrg { background-image: url('../images/common/icon-calendar-lrg.png'); }
.icon-doc-lrg { background-image: url('../images/common/icon-doc-lrg.png'); }
.icon-uploadFile-lrg { background-image: url('../images/common/icon-uploadFile-lrg.png'); height: 21px; position: static; }
.icon-docUpdates-lrg { background-image: url('../images/common/icon-docUpdates.png'); }
.icon-manageUsers-lrg { background-image: url('../images/common/icon-manageUsers.png'); height: 30px; top: 11px; }
.icon-addNewUser-lrg { background-image: url('../images/common/icon-addNewUser-lrg.png'); height: 28px; margin-left: 3px; margin-right: 3px; top: 2px; }
.icon-comments-lrg { background-image: url('../images/common/icon-comments-lrg.png'); }
.icon-resolveConflicts-lrg { background-image: url('../images/common/icon-resolveConflicts-lg.png'); }

.icon-disabled { opacity: 0.2; }

.sched-stage { background: 0 0 no-repeat transparent; color: #FFF; display: inline-block; font-weight: bold; height: 20px; margin-left: 3px; padding: 1px 0 0 4px; position: relative; top: 1px; width: 18px; margin-right: 3px; }
.sched-stage1 { background-image: url('../images/common/icon-book-bl.png'); }
.sched-stage2 { background-image: url('../images/common/icon-book-tq.png'); padding: 0px 0 0 7px; }
.sched-notSched { background-image: url('../images/common/icon-notSched.png'); }

/* =============================================================================
   Content Sections
   ========================================================================== */ 
#art-releaseSummary section, #asd-docUpdates section { margin-bottom: 20px; }
#art-releaseSummary section { clear: both; }
#art-releaseSummary h3 { clear: both; float: left; margin-top: 0; width: 150px; }
#art-releaseSummary [class^="progress-sect"] { left: 150px; position: absolute; width: 135px; }
#art-releaseSummary .list-chaptSects, #art-releaseSummary p { clear: both; }
#asd-docUpdates { border-left: 1px dashed #A1A1A1; }
#asd-docUpdates li a { padding-left: 5px; }
#asd-docUpdates h3 { margin-bottom: 5px; }


/* =============================================================================
   Modals
   ========================================================================== */ 
.modal-body { padding-top: 5px; }
#modal-addNewUser .modal-dialog { width: 500px; }

#modal-uploadFile .modal-dialog { width: 920px; }
#modal-uploadFile .col-offset { position: relative; left: -25px; }

#modal-stagedRates .modal-dialog { width: 500px; }

#modal-completeReview .modal-dialog { width: 500px; }
#modal-completeReview .input-group input { border-right: none; }
#modal-completeReview .input-group-addon { background-color: #FFF; }

#modal-viewChangeRecord .modal-dialog { width: 920px; }
#modal-resolveConflicts .modal-dialog { width: 985px; }

#modal-confirmPublish .modal-dialog { width: 400px; }
#modal-publish .modal-dialog { width: 500px; }
#modal-comments .modal-dialog { width: 920px; }

/* =============================================================================
   Collapsible
   ========================================================================== */ 
.collapsible-section { background: url('../images/common/icon-chevron-down.png') 0 0 no-repeat transparent; font: bold 16px 'Rokkitt', serif; padding-left: 18px; }
.collapsible-section.collapsed { background-image: url('../images/common/icon-chevron-right.png'); }


/* =============================================================================
   Media Queries
   ========================================================================== */ 
@media (max-width: 980px) {
h1 { margin-left: 0; margin-top: 15px; }
#form-siteSearch { top: -60px; position: absolute; right: 0; }
.table-filters { float: left; margin-bottom: 15px; }

.metaDoc { margin-top: 15px; }
.dl-metaDoc, .metaDoc p { margin-left: 0; }
.dl-metaDoc dd { max-width: 155px; }

.toolbar-review { float: none; margin-bottom: 15px; }

#modal-uploadFile .modal-dialog { width: 720px; }
#modal-uploadFile .col-offset { position: relative; left: -55px; }
}

@media (max-width: 480px) {
#nav-siteMenu { background-color: #FFF; }
#nav-siteMenu a { color: #555; padding-left: 25px; }
#form-siteSearch { position: absolute; right: 0; top: 0; }
}

a:link {color: blue;}
a:hover {color: purple;}
a:active {color: yellow;}

a.btn-default:link { color: black !important; }

.error-msg-tip-participant {
   position: relative;
   display: inline-block;
   background: red;
   top: 100%;
   left: 0;
   padding: 2px 5px 2px 5px;
   font-size: 12px;
   box-sizing: border-box;
   color: #fff;
   margin-top: -1px;
}

a.btn-primary:link { 
   color: white !important; 
}