/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/


/* CommonMvc.css OVERRIDEs
--------------------------------------------------------------------------------------------------------------------*/

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
body {
    height: 100%;
    min-height: 100%;
    /* Override for SureApp (not other platforms) that moves the background */
    background-position: 0 0 !important;
    overflow: hidden;
    font-family:myriad-pro, 'Trebuchet MS', Verdana !important;
}
.headerContainer
{
    background-image: url(images/white_pinstripe.png);
    background-repeat: repeat-x;
    text-align: center;   
}
#headerSection
{
    max-width: 960px;
    width: 100%;  
    margin-left:auto; 
    margin-right:auto;
    height: 75px;
    position:relative;
    display: table;
}

#headerSection__buttonsContainer { position: relative; }

#headerSection > div {
    display: table-cell;
}

.widgemadgetTaskIcon {
    /*
        display: none !important;
    */
    background: #dcdcdc !important;
    border-radius: 4px;
    color: #6A6A6A;
    padding-top: 3px !important;
    outline: none;
    border: solid 1px white !important;
    /* -webkit-transition: all 0.5s; */
}
.widgemadgetTaskIcon:hover {
    color: black;
    background-color:#A8A8A8 !important;
}
.widgemadgetSelected:hover {
    background: #dcdcdc !important;
    color:rgb(195, 72, 15) !important;
}
.widgemadgetTaskIcon:active {
    color: black;
    background-color:#777 !important;
}

.fa-step-backward{
    color: #993333;
  
}
.fa-step-forward{
    color: #006666;

}
.fa-arrow-right {
    color: #006666;
  
}
.fa-arrow-left {
        color: #993333;
}
#main {

    padding-top: 0px !important;
}
ul, ol {
    margin: 0px;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
/* TABLE
----------------------------------------------------------*/
/* MISC  
----------------------------------------------------------*/




/* MvcPortal specific styling
--------------------------------------------------------------------------------------------------------------------*/
/* CSS styling below this point is specific to MvcPortal
(ie they are not overrides for CommonMvc.css
----------------------------------------------------------*/

.newsArticle .article
{
	padding: 10px;
}
.article p, .article span
{
	font-family: myriad-pro !important;
}
.article p
{
	margin: 10px 0px !important;
}

.envWarning {
    color: red;
    font-size: 40px;
    font-size: xxx-large;
    padding: 10% 30% 0;
    font-weight: bold;
}

.envWarningBanner {
    color:red;
    font-size: 40px;
    position: absolute;
    left: 50%;
    top: 24px;
    transform: translate(-50%, 0%);
    width: 30% !important;
    width: fit-content !important;
}


.newsArticle h2
{
	border-bottom: solid 4px lightgray;
	margin-bottom: 8px;
}
.newsArticle ul
{
	padding: 15px 0 15px 20px !important;
}
.newsArticle .newsSideList
{
	padding: 10px;
	font-size: 12px;
}
.newsArticle .newsSideList table
{
	border-collapse: collapse;
}
.newsSideList .dateandlink td
{
	padding-bottom: 5px;
	border-bottom: solid 1px lightgray;
}
.newsSideList .itemName
{
	padding-top: 5px;
	padding-bottom: 3px;
	font-weight: bold;
}
.newsSideList .link
{
	text-align: right;
	padding-right: 8px;
}

.no-flexbox .newsArticle {
    width: 75%;
}
.no-flexbox .newsSideList {
    width: 25%;
}


.taskitem-avatar
{
	width: 10%;
	min-width: 45px;
	height: 100%;
	display: table-cell;
	vertical-align: top;
}
.nonTaskItem-body, .taskitem-body
{
    margin-left: 5px;
    padding-left: 5px;
    display: table-cell;   
}

.taskitem-description
{
	font-style: italic;
	background-color: #e0e0e0;
	padding: 5px;
	margin-top: 18px;
}
#attachmentList
{
    border-collapse:collapse;
}
#attachmentList td
{
    border-bottom:none !important;   
}
#newAttachment
{
    font-size:12px;
    width:855px;
}
#newAttachment td
{
    padding:4px 8px;   
}
#newAttachment .labelColumn
{
    width:180px;   
}
#newAttachment .dataColumn
{
    width:200px;   
}
#newAttachment select
{
    width:180px;   
}
.referralSummaryTable td {
	vertical-align:text-top;
}
#gvTasks_DXPagerTop .dxpCtrl
{
    margin-top:0 !important;
    padding-top:0 !important;   
}
#noteDropDowns option 
{ 
    width:160px !important;
    font-size:10px;                   
}



.edit #insertentity, .insert #updateentity,
#quoteForm #insertquote, .insert #editquote,
.edit #insertsingle, .insert #updatecustomer,
.edit .formTypeOptions 
{
    display:none;   
}
.insert #insertentity,
.insert #insert
{
    display:inline-block !important;
}

#formView
{
    margin-top:10px;
    float:left;
    margin-right:-10px;
    margin-left:-15px;
    padding-left:15px;
    background-size:29px 90%;
    position:relative;
}
.messageContent
{
    padding:0 10px;
    margin-top:-15px;
}
.messageContent .submitButton
{
    float:right;
    width:70px;   
}
.radioList label.error
{
    position:absolute;
    top:-3px;
    left:100px;
    width:30px !important;
    height:30px !important;
}

.relative
{
    position:relative;   
}
.createBtnHolder
{
    width:500px !important; 
}
.grayRoundedButton
{
    -moz-box-shadow: 0px 2px 2px #888;
    -webkit-box-shadow: 0px 2px 2px#888;
    box-shadow: 0px 2px 2px #888;
    width:155px;
    float:left;
    margin-right:5px;
    height:25px;
    display:inline;
    margin-bottom:10px;
}
.variableHeader
{
    float:left;
    width:270px;
    margin-top:5px;
    padding:0 !important;
    text-align:left;
    color: #454545;
    /* text-shadow: #121212 1px 1px 1px; */
}
.variableHeader div
{
    padding: 0 8px 0 0 !important;
    margin-top: 10px;
    overflow:hidden;
    vertical-align:top;
}
.variableHeader h2
{
    color:#454545;
    display:inline-block;
    font-size:23px !important;
    margin-top:-20px;
}
.for
{
    float:left;
    width:33px;
    font-size:12px !important;
    padding:25px 0 0 10px;
    font-size:20px !important;
    text-shadow: #121212 1px 1px 1px;
     display: none !important;
}
.forName
{
    padding:15px 0 0 0;
    font-size:30px !important;
    float:left;
    text-shadow: #121212 1px 1px 1px;
    display: none !important;
}

.hidden
{
    display: none;
}
#toolTipContainer
{
    width:400px;
    height:200px;
    border:solid 1px black;
    position:absolute;
    background:white;
    z-index:50000;
}
.section table
{
    border-collapse:collapse;   
}

.section td
{
    padding:6px 5px 6px 10px;
    text-align:center;
}
.section tr.question td
{
    text-align:left !important;
}
.section .children
{
    margin-bottom:0px;  
}

.section tr.question
{
    border-bottom:solid 1px #C0C0C0;
}

.section .children tr
{
    /* overrides */
    background:none !important;  
}
.section table,
{
    width:100%;   
}
.section table.children,
{
    width:670px;
    float:right;
}

#formView .submitButton
{
    float:right;
    margin-right:8px;   
}



.subHeader
{
    width:690px;
    margin-left:10px;
    border-bottom:solid 5px silver; 
}

.actionlink{
        float: left;
        padding: 0;
        margin: 0;
}

/* all li's */
.actionlink li {
        float: left;
        list-style: none;
}

/* override float value for all sublevel li's */
.actionlink ul li {
        float: none;
        z-index:50000;
}

.actionlink ul li input {
        z-index:50000;
}

/* sub level ul's */
.actionlink ul {
        position: absolute;
        padding: 0;
        margin: 0;
        left: -999em; /* we position off screen rather than display: none; */
}

/* Here is the magic: when we hover over the li, then position the submenu ul
        It will make it appear as if the submenu ul is appearing as a drop down */
.actionlink li:hover ul {
        left: auto; /* bring the sub menu into view (i.e. override the left: -999em;) */
}

#formView h2
{
    margin-bottom:8px;
    border-bottom:solid 5px #C0C0C0;
    line-height:28px;
}
.formArea h2
{
    margin-bottom:8px;
    margin-left:10px;
    border-bottom:solid 5px #C0C0C0;
    line-height:28px;
    width:680px;
}


#bootstrap
{
    position:absolute;
    left:-1000000px;   
}



.flow div
{
    padding:3px 0;   
}
.flow .submitButton, .flow a
{
    margin-top:13px;
    display:block;
    font-size:14px !important;   
}
.showHide
{
    float:right;
    display:none;   
}
.pageView
{
    background-attachment: fixed;
    margin-top: 10px;
}



.formContainer
{
    position:relative;
    height: 100%;
    overflow: hidden;
}

.groupHeader td
{
    border-right:none !important;
    border-left:none !important; 
    color:#C43A15;
    padding-top:10px;
}
.question td
{
    position:relative;
    display:inline-block;
}
.question .questionText 
{
    border-right:dotted 1px lightgray; 
    position:relative; 
}

input.Dirty
{
    border:solid 1px red !important;   
}

.swfupload {
	vertical-align: top;
}

.actions span
{
    font-size:10px;
    text-indent:6px;
    display:inline-block;
    color:#EEA78B;
}

.popupActionButtonsContainer {
	display: block;
	height: 27px; /* button height? */
    padding-top: 5px;
}



.popupDefaultActionButton {
	float: right;
	
}
.popupCancelButton {
	/* float: left;*/
}

table#toDoComments {
	border-collapse: collapse;
}
table#toDoComments td {
	padding: 2px 2px;
}
table#toDoComments td.cancelButtonContainer {
	padding: 2px 0px;
	vertical-align: bottom;
}
table#toDoComments td.addCommentsSection {
	padding: 2px;
	background-color: #E0E0E0;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
table#toDoComments .popupCancelButton {
	margin-bottom: 2px;
}

table#toDoComments .toDoCommentHeader {
	display: block;
	margin-bottom: 4px;
}
table#toDoComments .toDoRegarding {
	margin-right: 3px;
}
table#toDoComments .toDoCommentCreationDate {
	font-size: 0.85em;
}
/* 
    Some overrides added to cause the grid to match the existing styles 
    Probably need to delete these once the real styling has been done.

	Update 2012-02-14: Shotbolt thinks the real styling has been done, these should be re-evaluated now.
*/



.taskNotes {
    border-bottom:dotted 1px lightgray; 
    position:relative;
    margin-top:4px;
    margin-bottom:4px;
}

.taskNotesRegarding {
	padding: 0 0 4px 0;
	font-weight: normal;
	font-family: news-gothic-std, Trebuchet MS , Verdana, Helvetica, Sans-Serif; /*font-family: 'Lucida Sans Unicode' , 'Lucida Grande' , sans-serif;*/
	font-size: 1.8em;
	color: #C43A15;
	font-weight: normal;
}

.taskNotesRefNo .taskNotesBirthDate {
    color: black;    
}
#street-jAddress1b {
    margin-top: -6px !important;
}

/* ToDo Popup: check with TC on Styling */

.toDoTitle {
	padding: 0 0 4px 0;
	font-weight: normal;
	font-family: news-gothic-std, Trebuchet MS , Verdana, Helvetica, Sans-Serif; /*font-family: 'Lucida Sans Unicode' , 'Lucida Grande' , sans-serif;*/
	font-size: 1.8em;
	color: #454545;
	font-weight: normal;
}

.toDoRegarding {
	padding: 0 0 4px 0;
	font-weight: normal;
	font-family: news-gothic-std, Trebuchet MS , Verdana, Helvetica, Sans-Serif; /*font-family: 'Lucida Sans Unicode' , 'Lucida Grande' , sans-serif;*/
	font-size: 0.8em;
	color: #C43A15;
	font-weight: normal;
}



/* documents tab */

.asterisk 
{
  float: right;
  color: #FF0000;
  padding: 0 5px 0 10px;
}

.viewbutton {
    background:transparent url(images/btn-view-normal.png);
    height:23px;
    width:42px;
}
.viewbutton:hover {
    background:transparent url(images/btn-view-mover.png);
    height:23px;
    width:42px;
}



/* FILE UPLOAD PLUGIN */

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 7px 0; text-align:center;    
    background:#880000; border-bottom:1px solid #ddd;color:#fff;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
/* .qq-upload-spinner {display:inline-block; background: url("spinner/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;} */
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

.mainOrgLogo {

}
.headerDividerLine{
    width: 2px;
    height: 30px;
    border-left: solid 1px #ababab;
}
.logoutIcon {
    background: url(images/logout.png) no-repeat left top;
    height: 30px;
    width: 30px;
    color: #999999;
}
.logoutIcon:hover {
    background: url(images/logout.png) no-repeat -30px top;
    height: 30px;
    width: 30px;
    color: #595959;
}
.searchField {
    background: url(images/search-icon.png) no-repeat 3px 3px;
    text-indent: 25px;
    max-width: 400px;
    width: 400px !important;
}

/* -- Work bench styles --*/
.componentBase {
   /* overflow: hidden; */
    width: 960px; 
}
.componentContainer {
    max-width: 960px;
    min-height: 50px;
    min-width: 300px;
   /* position: absolute; */
    width: 960px;
    overflow: visible !important;
    padding-left: 3px;
    padding-top: 3px;
    
    /* possible change after multiple containers are implimented.  */
    margin-left: -10px;
}

/* .span900, etc. are used by Component.Base.setWidth - the numeric suffixes are computed, so find-in-files is going to be so much fun! */
.span900 
{
    width:900px;
}
.span825 
{
    width:825px;
}
.span750
{
    width:750px;
}
.span675
{
    width:675px;
}
.span600
{
    width:600px !important;
}
.span525
{
    width:525px;
}
.span450
{
    width:450px;
}
.span375
{
    width:375px;
}
.span300
{
    width:300px;
}
.span225
{
    width:225px;
}

#ResourcesHelp 
{
    width: 100%;
}

#ResourcesFAQLink
{
    text-decoration: underline !important;
    cursor: pointer;
}

#ResourcesFAQLink:hover
{
    text-decoration: none !important;
}



.messageItem {
border-bottom: 1px solid #E0E0E0;
padding-bottom: 5px;
margin-bottom: 3px;
}

.taskHistory-body-description
{
	color: Black;
	padding: 5px 1px 2px 5px;
	font-size: 12px;
	font-family: myriad-pro, Tahoma, Arial, Sans-Serif;
	display: block;
}

.tableDiv {
    display: table
}

.tableDivCell {
    display: table-cell;
    padding: 5px 5px 5px 5px;
    top: 0;
    
}

#requestDetailsAttachmentDiv {
    background: #E0E0E0;
    color: black;
    border-collapse: collapse;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

#fileSelectionDiv {
    padding-left: 320px;
}

.requestDetailsUploadFileProgressContainer {
	display: inline-block;
	margin-bottom: -25px;
    margin-left: -250px;
	position: absolute;
	bottom: 0px;
    width: 100px !important;
}

#requestItemsTableCell {
    padding-top: 8px !important;
}
#propertyPanel {
    margin-left: 0px !important;
    
}
#tbxProviders {
    width: calc(90% - 25px) !important;
    outline: none !important;
    box-shadow: none !important;
}
.knlGridHeadFilter input {
    outline: none !important;
    /* 
        BUG: 2014-02-05 commented out by shotbolt, as box shadow was happening anyway on some filter comboboxes.
        Should have all filter-comboboxes and filter textfields consistent (ie shadow for both or shadow for none).
        Either way: the appropriate place to specify these is in the Grid implementation css, so that the grid behaves
        in the same way on all the different portals.
         */
    /* box-shadow: none !important; */
}
.knlGridMeta input {
    outline: none !important;
    box-shadow: none !important; 
}
#formNavigation .konnect-icon {
    float: left;
    position: absolute;
    margin-top:-9px;
    margin-left:-6px;
}
#formNavigation .LeftIcon, #formNavigation .KnlNavigator-LeftIconContainer {
    display: none;
}
#formNavigation .KnlNavigator-RowText {
    padding-left: 5px;
}
.loadingMessage {
    border: solid 1px #888;
    box-shadow: inset 1px 1px 3px #ccc,
                inset -1px -1px 3px #ccc;
    border-radius: 4px;
    text-shadow: 1px 1px 1px #fff;
    padding: 20px 10px 25px;
    width: 280px;
    height: auto;
    
    text-align: center;
    z-index: 10000;
    top: 30vh;
    background: white;
}
.loadingInner {
    position: relative;
    background: url(images/Spinner/loading.gif) no-repeat center 0px;
    width: 100%;
    height: 20px;
}
.loadingActionText{
    margin-top: 5px;
}
.loadingButtonContainer {
    margin-top: 10px;
}
.loadingNotificationText {
    padding-top: 5px;
}
.pageSpinner {
    position: fixed; /* should be central to the viewport, not the page*/
    left:50%;
    margin-left:-150px;
}
.titleButtons {
    position: absolute !important;
    z-index: 1;
    right: 32px;
    top: 20px;
}
.titleButtons button {
    font-size: 13px !important;
    padding: 2px 6px 2px 6px !important;
    height: 25px !important;
    margin-left: 2px;
}
.titleButtons i {
    margin-left: 2px;
}

.firstTab {
    margin-left: 160px;
}

.notValid {
    border: solid 1px red !important;
}

.versioningText 
{
    background-color: white;
    
}
.titleButtons .issueButton, .titleButtons .printButton, .titleButtons .deleteButton {
    display: none;
}

#rightPanel [class*="span"]{
    min-height: null !important;
}

span.checkboxReplacement {
    
    height: 20px !important;
    width: 20px;
    background: url(images/knlcheckbox.png) no-repeat left -19px;
    display: inline-block;
    float: left;
}

.customizedOverlay {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0, 0, 0, 0.85);    
    z-index:9998;
    color:white;
    height: 5000px;
}


/* Large desktop */
@media (min-height: 905px) {
    .requirementWidgetContent {
        top: 19.5%;
    }
}
 
@media (min-height: 785px) and (max-height: 900px) {
    .requirementWidgetContent {
        top: 20%;
    }
}
 
@media (max-height: 780px) {
    .requirementWidgetContent {
        top: 22%;
    }
}
 


/* Message Details */

body.message-details #main {
    padding-left: 20px;
    padding-right: 20px;
}

#message-details {
    padding-left: 0;
    padding-right: 0;
}

#message-details .quick-actions .btn-konnect {
    margin-left: 5px;
}

#message-details .summaryTable {
    width: 100%;
    margin-bottom: 15px;
}
#message-details .summaryTable table td {
    padding: 0;
}
#message-applicant-moreinfo .knlInfoIcon, #message-requestedby-moreinfo .knlInfoIcon {
    margin-bottom: -4px;
}

#message-details .services-list .knlGridMetaRightAlignedTable {
    margin-bottom: 8px;
    margin-top: 7px; /* keeps button aligned with other tabs on this page */
}

table#message-services th, table#message-services td {
    vertical-align: top;
    padding: 3px;
    border: solid 1px #ddd;
}

#message-details h3 {
    border-bottom: none;
}


#message-details .panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

#message-details .panel-knl {
    border-color: #c3480f
}

.message-tab-content {
    max-width: 480px;
    margin: 0 auto; 
}
.message-tab-content h3 {
    font-size: 1.1em;
    font-weight: bold;
}

#message-details-tabs li h4, #message-details-tabs li h5 {
    color: #aaaaaa;
}
#message-details-tabs a.active h4, #message-details-tabs a.active h5 {
    color: inherit;
    font-weight: bold;
}
#message-details-tabs li h5 {
    font-size: 0.9em;
}
#message-details-tabs li a {
    text-decoration: none;
}

#message-details .form-horizontal .row { 
    margin-bottom: 0.75em;
}

#message-details .form-horizontal .listContainer {
    margin-left: 0;
}

#message-details .dropzone {
    border: 2px dashed #fd7134;
    text-align: center;
    margin-bottom: 0;
    padding: 20px 10px;
}
#message-details .dropzone .dz-preview .dz-details {
    padding: 1em;
}
#message-details .dz-size {
    display: none;
}
#message-details .dz-filename {
    max-height: 100px;
}
#message-details .dz-filename span {
    background: none;
    white-space: normal;
}

#message-details .dropzone .dz-message h4 {
    font-size: 1em;
}
#message-details .dropzone.dz-started .dz-message {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
}
#message-details .dropzone.dz-started .dz-message div {
    display: none;
}

#message-details label.error {
    background: none !important;
    margin: 0 5px 0 0;
    font-size: 12px !important;
    position: relative;
}

#message-details .minor {
    color: #aaaaaa;
}

#message-details [disabled], #message-details .disabled, #message-details .disabled span {
    color: #aaaaaa;
}

.message-tabs-buttons {
    text-align: center;
    padding: 2em 0;
    border-bottom: solid 1px #ddd;
}
.message-tabs-buttons .btn-konnect.btn-orange {
    min-width: 180px;
}

#message-details p.disabled {
    opacity: 0.75;
}

#message-details ol li, #message-details ul li {
    margin-bottom: 6px;
}
#message-details ul.nav-tabs li {
    margin-bottom: -1px;
}
 #message-details ul {
     list-style-type: none;
     margin-bottom: 20px;
 }

#message-tab-invoice .listContainer .overlay {
    z-index: auto;
}

/* --- Message Details */



.noteHeader 
{
    -webkit-border-radius:  7px 7px 0px 0px;
    -moz-border-radius:  7px 7px 0px 0px;
    border-radius: 7px 7px 0px 0px;
    background-color: #e0e0e0;
    padding: 4px 6px 2px 7px;
    font-weight: bold;
}
.noteBody {
    background-color: rgb(240, 240, 240);
    padding: 4px 6px 2px 6px;
    border-bottom: 1px solid #ccc;
}
.unreadNotesIndicatorDashboard {
    background-color: #f74e56;
    width: 13px;
    height: 15px;
    color: white;
    font-weight: bold;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
}
 
#noteHelpText{
    
    margin: 2px 4px;
    font-size: 16px;
    -webkit-text-stroke-width: 0.25px;
    -webkit-text-stroke-color: initial;
}
.unreadNote {
      color: #c3480f;
      float: left;
      margin-top: 4px;
     margin-right: 4px;
}
.noteChev {
    position: absolute;
    padding-top: 4px;
    right: 0px;
    top: 0px;
    float: right;
}

/* BEGIN Medical Provider message details page */

#MessageList .widgemadgetTaskIcon {
    margin-right: 0 !important;
    margin-left: 28px;
}

#complete-message-popup h3 {
    margin-top: 5px;
}
#complete-message-popup p {
    margin: 15px 0;
}
#complete-message-popup input {
    margin-left: 10px;
}

#reassign-message-popup p.blurb {
    margin: 10px 0;
    font-size: 12px;
}
#reassign-message-popup .listContainer {
    margin: 0;
}
#message-details .panel-knl > .panel-heading {
  color: #ffffff;
  background-color: #c3480f;
  border-color: #c3480f;
}

#message-details .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

#message-details .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
    line-height: 16px;
}

#message-details .panel-body {
  padding: 15px;
}

#message-complete-success, #message-complete-failure {
    display: none;
}

#decline-message-success {
    display: none;
}

#documentUploadWidget .popupFooterSaveBtn {
    position: relative;
    right: auto;
    bottom: auto;
}

#message-vault-item-failure-panel {
    display: none;
    margin-top: 10px;
}


/* Message Details tabs */

#message-tabs.ui-tabs .ui-tabs-panel {
    padding: 1em 0;
}
#message-tabs .knlItemCountCaption {
    display: none;
}


/* Services grid */

table#services-requested tr {
    border-bottom: solid 1px #cccccc;
}
table#services-requested td {
    padding: 5px;
    vertical-align: top;
}
table#services-requested td.index {
    width: 20px;
}
table#services-requested td.description {
    width: 35%;
}
table#services-requested td.notes {
    color: #999999;
}


/* Tasks & Notes grid */

#message-details .note-created-by-table span {
    color: #cccccc;
    font-size: 11px;
}

#message-details .note-description {
    cursor: pointer;
}
#message-details .note-description a {
    margin-right: 15px;
}
#message-details .note-description span {
    color: #cccccc;
}


/* Attachments grid */

.encrypted-document-warning {
    color: #bbbbbb;
    font-size: 10px;
    margin-top: -15px;
}
.icon-attach {
    background-image: url('images/attach-icon-white.png');
    background-position: 0 0;
}


/* Create Task popup */

.message-details #ddlToDoNotePopupFor_msdd {
    display: none;
}
.message-details #trToDoNoteDetails {
    display: none;
}


/* View Task popup*/

.message-details .toDoRegarding {
    display: none;
}
/* END Medical Provider message details page */

.contact {
    padding-top: 4px;
    font-size: 0.5em;
    line-height: 1;
}


/* BEGIN Insurer request list page */

#RequestList {
    margin-top: 65px;
    padding-bottom: 150px !important;
}

#RequestList h2 {
    margin-bottom: 10px;
}

.request-list .unified-search {
    position: relative;
}
.request-list .unified-search .close {
    position: absolute;
    z-index: 2;
    right: 20px;
}

.request-list .unified-search label, .date-range label {
    font-size: 13px;
}

.request-list .unified-search input {
    margin: 0 15px 0 8px;
    width: 175px;
    height: 18px;
}

.date-range {
    font-style: normal;
}
.date-range label {
    position: relative;
    top: -7px;
    margin-right: 8px;
}
.date-range .listContainer {
    display: inline-block;
    margin-right: 15px;
}

.request-results-limited {
    display: none;
}

#RequestList #navigationContainer button {
    float: right;
}

#reassign-request-popup p.blurb {
    margin: 10px 0;
    font-size: 12px;
}
#reassign-request-popup .listContainer {
    margin: 0;
}
#reassign-request-failure {
    display: none;
    margin-top: 10px;
}

#RequestList #navigationContainer {
    right: 30px;
}

#RequestList .knlGridDefaultStyle {
    font-size: 12px;
    line-height: 16px;
}

/* KD-1670: a very specific selector because now we have task notes grid living in the insurer request list grid and we don't want to select that as well */
#RequestList .request-list > div.knlGridContainer > table > thead > tr.knlGridHead > th:last-child {
    position: absolute;
    right: 30px;
    width: 96px;
}

#RequestList .request-list > div.knlGridContainer > table > thead > tr.knlGridHeadFilter > th:last-child {
    position: absolute;
    right: 30px;
    width: 96px;
    height: 22px;
}

#RequestList tr.knlGridRow {
    border-bottom: 1px solid #D4D4D4;  
}

/* KD-1670: a very specific selector because now we have task notes grid living in the insurer request list grid and we don't want to select that as well */
#RequestList .request-list > div.knlGridContainer > table > tbody > tr.knlGridRow > td.action-menu {
    position: absolute;
    text-align: right;
    right: 30px;
    width: 96px;
    background: white;
    padding: 5px 0 !important;
    border-bottom: none;
}

#RequestList .adviser-name {
    font-size: 10px;
}

/* END Insurer request list page */


/* BEGIN Insurer request view page */

#IVR-TasksNotesTab .notes-filter label {
    position: relative;
    top: -7px;
    margin-right: 8px;
}
#IVR-TasksNotesTab .notes-filter .listContainer {
    display: inline-block;
    margin-right: 15px;
}

#IVR-TasksNotesTab .knlFilteredAllDataOutPlaceholder {
    display: none;
}

#IVR-TasksNotesTab .note-description {
    cursor: pointer;
}
#IVR-TasksNotesTab .note-description a {
    margin-right: 15px;
}
#IVR-TasksNotesTab .note-description span {
    color: #cccccc;
}

#reassign-task-popup p.blurb {
    margin: 10px 0;
    font-size: 12px;
}
#reassign-task-popup .listContainer {
    margin: 0;
}
#reassign-task-failure {
    display: none;
    margin-top: 10px;
}

#IVR-VaultDocumentAccessLogs {
    display: none;
}

.vault-item-download-popup td {
    padding: 5px 0;
}

.vault-item-download-popup .listContainer {
    margin-left: 0;
}

#vault-item-other-reason-tr {
    display: none;
}

#vault-item-failure-panel {
    display: none;
    margin-top: 10px;
}

/* END Insurer request view page */


/* BEGIN Insurer Task List page */

#InsurerTaskList {
    margin-left: -10px;
    margin-right: -10px;
    padding-bottom: 150px !important;
}

#InsurerTaskList .unified-search label, #InsurerTaskList .date-range label {
    font-size: 13px;
}

#InsurerTaskList .unified-search input {
    margin: 0 15px 0 8px;
    width: 150px;
    height: 18px;
}

#InsurerTaskList .date-range label {
    position: relative;
    top: -7px;
    margin-right: 8px;
    width: 65px;
}
#InsurerTaskList .date-range .listContainer {
    display: inline-block;
    margin-right: 15px;
}

#InsurerTaskList .knlGridDefaultStyle {
    font-size: 12px;
    line-height: 16px;
}

#InsurerTaskList #navigationContainer button {
    float: right;
}

.task-results-limited {
    display: none;
}

/* END Insurer Task List page */


/* BEGIN Create Request page */
/* PREFIX: DT - Demographics Tab (Create Request page) */
.DT_TableCell {
    width: 279px;
    min-width: 279px;
    max-width: 279px;
    padding: 2px 4px;
}
.DT_TableCell>div>input[type=text] {
    width: 155px;
    float: right;
}
.DT_TableCell>div>textarea {
    width: 155px;
    height: 54px;
    float: right;
    resize: none;
    /* Change font to match the rest of the tab's fields */
    font-family: Verdana,Arial,sans-serif !important;
    font-size: 1em !important;
}
.DT_TableCell>div>textarea[disabled], 
.DT_TableCell>div>div.listContainer.readonly, 
.DT_TableCell>div>input[disabled],
#ConfirmRequestTab input[disabled]{
    /*HACK: Match the style that's applied to the textbox fields*/
    border: solid 1px #ddd !important;
    color: #666;
    background-color: #EEEEEE !important;
}
.DT_TableCell[colspan='2']>div>input[type=text] {
    /*This is 1 td width + 170px*/
    width: 434px !important;
    float: right;
    padding: 4px 8px;
}
.DT_TableCell>div>.Date {
    width: 155px;
    float: right;
    margin-left: 0;
}
.DT_TableCell>div>.Date>input[type=text] {
    width: 123px;
}

.DT_TableCell>div>div.listContainer {
    width:155px;
    height:28px;
    margin-left:0;
    display:inline-block;
    float:right;
}

.DT_FieldContainer {
    position: relative;
}

#client-lookup-auth-info {
    color: red;
    position: absolute;
    left: 110px;
    top: 30px;
}

.DT_Invalid {
    border-color: red !important;
}
/* PREFIX: FET - Forms/Exams/Tests Tab (Create Request page) */
.FET_Inline {
    display:inline-block;
    width:33%;
}
.FET_Block {
    display:block;
}
.FET_ChkDiv {
    width:33%;
}

.FET_Hist {
    width:34px;
}
.FET_Notes {
    width:390px;
    min-width:390px;
    max-width:390px;
}
.FET_DetailsRow {
    border-top: none;
}
.FET_DetailsRow>td {
    padding-bottom:8px;
}
/* Show a spacer between each row (color should match the color of an hr element) */
tr.FET_DetailsRowUnderline+tr {
    border-top: 1px solid #eeeeee;
}
.FET_LabelCell {
    width: 100px;
    vertical-align: top;
    padding-top:10px;
    line-height: 20px;
}
.FET_InputCell {
    width:400px;
    padding-top:6px;
}
.FET_InputCell .uglyGrayPill {
    margin-top: 2px !important;
}
.FET_ReassignTextbox, .FET_PracType, .FET_NewRecipient {
    width: 330px;
    margin-top: -2px;
}
.FET_ReassignClear {
    margin-top: -2px;
}
.FET_ReassignPicklist>.listContainer {
    margin-left:0;
    width:auto;
    max-width:400px;
}
.FET_ReassignPicklist>.listContainer ul {
    width: auto;
}
.FET_ReassignPicklist>.listContainer li {
    width: auto;
}
.FET_ReassignDetails {
    width: 400px;
}
.FET_ReassignDetailsLabel {
    font-weight: bold;
    vertical-align: top;
    width: 100px;
}

/* PREFIX: PT - Products Tab (Create Request page) */
.PT_ProductNameCell {
    min-width:200px;
    max-width:400px;
}
.PT_BenefitBandCell {
    width:400px;
}
/* END Create Request page */

.submitInvoiceForm .row input[type=text], .submitInvoiceForm .row .listContainer {
    width: 100% !important;
    max-width: none;
}

/* BEGIN Underwriter Comments Report */

#UnderwriterCommentsReport .date-range {
    width: 240px;
}

#UnderwriterCommentsReport .date-range .Date {
    display: inline-block;
    margin-right: 15px;
}

#UnderwriterCommentsReport .date-range label {
    top: 0;
    margin-right: 0;
}

/* END Underwriter Comments Report */

.FET_ChkDivSpacePlaceholder {
    width: 33%;
}
.FET_RS_Chk .FET_Chk {
    margin-right: 3px;
}

.FET_RS label {
    max-width: 97%;
}
.FET_RS .FET_ChkDiv label {
    max-width: 92%;
}

.FET_RS_RequestorInstruction {
    font-style: italic;    
    margin-left: 10px;
}

.label_RS_Chk {
    vertical-align: text-top;
    margin-top: -4px;
}

.PT_BenefitBandCell {
    padding-top: 4px;
}

#homePageRecentlyViewed p {
    margin-bottom: 10px;
}


/* BEGIN Create, Edit and Cancel Share Transfer popups */

.transfer-sharing-popup {
    padding: 8px;
}

.transfer-sharing-popup h3 {
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 8px;
}

.transfer-sharing-popup p {
    padding: 8px 0;
}
.transfer-sharing-popup p.intro {
    font-size: 12px;
}

.transfer-sharing-popup textarea {
    width: 100%;
    padding: 4px 6px;
}

.transfer-sharing-popup .row {
    padding: 4px 0;
}

.transfer-sharing-popup .row input[type=text] {
    width: 100%;
}

.transfer-sharing-popup .alert-success, .transfer-sharing-popup .alert-danger {
    margin: 8px 0;
    padding: 8px;
}

.transfer-sharing-popup .popupFooter {
    margin-top: 16px;
}

.transfer-sharing-popup .popupFooter a {
    float: left;
}
.transfer-sharing-popup .popupFooter button {
    float: right;
}

.transfer-sharing-popup label.error {
    background: none !important;
    margin: 0 5px 0 0;
    font-size: 12px !important;
    position: relative;
}

.transfer-sharing-popup button {
    margin-left: 10px;
}

/* END Create, Edit and Cancel Share Transfer popups */


/* BEGIN Encrypted Content popup */

#encrypted-content-popup {
    padding: 8px;
}

#encrypted-content-popup h3 {
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 8px;
}

#encrypted-content-popup .row {
    padding: 4px 0;
}

#encrypted-content-popup .alert-success, #encrypted-content-popup .alert-danger {
    margin: 8px 0;
    padding: 8px;
}

#encrypted-content-popup .popupFooter {
    margin-top: 16px;
}

#encrypted-content-popup .popupFooter a {
    float: left;
}
#encrypted-content-popup .popupFooter button {
    float: right;
}

#encrypted-content-popup label.error {
    background: none !important;
    margin: 0 5px 0 0;
    font-size: 12px !important;
    position: relative;
}

#encrypted-content-popup button {
    margin-left: 10px;
}

/* END Encrypted Content popup */

.dropzone .dz-preview .dz-error-message {
    top: 150px !important;
}

input[type="number"].FET_Hist::-webkit-outer-spin-button, input[type="number"].FET_Hist::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;
}

input[type='number'].FET_Hist {
    -moz-appearance:textfield;
}