/* --- Typeface Guide: ---*/
/* --- Helvetica Neue 35 - (Thin) This is a non-condensed (wider width) thin weight typeface. Great for page titles. --- */
/* --- Helvetica Neue 45 - (Light) This is a non-condensed (wider width) light weight typeface. --- */
/* --- Helvetica Neue 47 - (Light Condensed) This is a lighter weight typeface. Good for titles and headlines. --- */
/* --- Helvetica Neue 57 - (Condensed) This is intended as the primary body typeface and default typeface as defined in the BODY tag. --- */
/* --- Helvetica Neue 65 - (Medium) This is a medium non-compressed typeface. --- */
/* --- Helvetica Neue 67 - (Medium Condensed) This is a medium weight compressed typeface. --- */
/* --- Helvetica Neue 77 - (Bold Condensed) This is a heavier weight compressed typeface. --- */



/* --------------- TAGS ----------------- */


/* --- RESETS ALL HTML tags for better consistency across browsers --- */
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /*font: inherit;*/
    text-decoration: none;
}


/* --- Re-establishes some HTML tags after the RESET above ---*/

U {
    text-decoration: underline !important;
}

IL {
    list-style-type: none !important;
}

UL {
    list-style-type: none !important;
}

/* --- Prevents page from shifting over when navigating from a page with a scrollbar to a page w/o a scrollbar --- */
HTML {
    /*overflow-y: scroll;*/
    background-repeat: repeat;
}

/*--- Establishes the default typeface, size and background color for the entire solution ---*/

BODY {
    /*background-image: url('../Images/texture_grain_200x200_v2.png') !important;
    font-family: arial,sans-serif !important;
    color: #404040 !important;
    min-width: 768px !important;*/
}

.bodyOverFlow{
    overflow-y:auto !important;
}

#skiptocontent a {
	padding:6px;
	position: absolute;
	top:-40px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	background:transparent;
	-webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}

#skiptocontent a:focus {
	position:absolute;
	left:0px;
	top:0px;
	background:#BF1722;
	outline:0;	
	-webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}

/*LABEL {    
    min-height:24px !important;
    font-size:17px !important;
    margin:10px 0px 0px 0px;
    padding:0px !important;
}*/

::-webkit-input-placeholder {
   color: #787878;
}

:-moz-placeholder { /* Firefox 18- */
   color: #787878; 
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #787878;  
}

:-ms-input-placeholder {  
   color: #787878;  
}

.white-text{
    color:#ffffff !important;
}

span .bold{
    font-weight: bold !important;
}

div.no-left-margin{
    margin-left:0px !important;
}

h2AllTasks{
    color: #404040;
}

/*--- DEFAULTS ------- JCD */

/*--- TEXT AT THE BOTTOM OF EACH PAGE / MASTER SUBSCRIPTION AGREEMENT, ETC. */
footer {
    clear: both; margin-right: auto; margin-left: auto;  color: #333; border: 0; padding: 50px 0px 0px 0px; width: 800px; height: 150px;
}

    footer .msa {
        display: inline-block;
    }

    footer .copyright {
        display: inline-block;
    }

a img {
    border: 0;
}

.dvDocTypeEditConditions
{
    float: left;
    margin: 6px;
    padding: 6px;
}

.dvDocTypeEditConditionsRadioButtons
{
    float: left;
    margin: 15px;
    padding: 3px;
}

.btnDocTypeEditAddConditionButton
{
    margin: 4px 0px 4px 6px;
}

.SubWorkflowCondition
{
    padding: 5px;
}

.category-select
{
    margin: 4px;
    padding: 6px;
}

.h2AllTasks{
    color: #404040;
}

/*--- USER NAME AT PAGE TOP */

.UserNameNav {
    white-space: nowrap;
    margin-right: 5px;
}

.LogOut {
    color: #FFF;
    text-decoration: underline;
    margin: 0 5px;
    white-space: nowrap;
}


/* ---- PRIMARY NAVIGATION ----*/


.nav-logo {
    display: block;
    position: absolute; 
    margin-left: 25px; 
    margin-top: 15px;
    /*background-image: url("../../Content/Images/Records.png");*/
    background-repeat: no-repeat;
    height: 37px;
    width: 250px;
}

.nav-container {
    background-color: #FFFFFF;
    display: block; 
    float: right;
    height: 68px;
    line-height: 68px;
    margin: 0px;    
    padding: 0px;
    vertical-align: baseline;
    text-wrap: none;    
}

.nav-filing {
        background-image: url("../../Content/Navigation/ic-filing2-RES.png");
        width: 81px;
        height: 68px;
        display: inline-block;
}

.nav-filing:hover {
    background-color: #EFEFEF;
    }

.nav-contracts {
        background-image: url("../../Content/Navigation/ic-contracts-RES.png");
        width: 81px;
        height: 68px;
        display: inline-block;
}

.nav-contracts:hover {
    background-color: #EFEFEF;
    }

.nav-reporting {
        background-image: url("../../Content/Navigation/ic-reports-RES.png");
        width: 81px;
        height: 68px;
        display: inline-block;
}

.nav-reporting:hover {
    background-color: #EFEFEF;
    }

.nav-configure {
        background-image: url("../../Content/Navigation/ic-configure-RES.png");
        width: 81px;
        height: 68px;
        display: inline-block;
}

.nav-configure:hover {
    background-color: #EFEFEF;
    }

.nav-blankforms {
        background-image: url("../../Content/Navigation/ic-blankforms-RES.png");
        width: 81px;
        height: 68px;
        display: inline-block;
}

.nav-blankforms:hover {
    background-color: #EFEFEF;
    }

.nav-files {
        background-image: url("../../Content/Navigation/ic-files2-RES.png");
        width: 81px;
        height: 68px;
        display: inline-block;
}

.nav-files:hover {
    background-color: #EFEFEF;
    }

.nav-mytasks {
        background-image: url("../../Content/Navigation/ic-nav-mytasks2-RES.png");
        width: 81px;
        height: 68px;
        display: inline-block;
}

.nav-mytasks:hover {
    background-color: #EFEFEF;
}

.nav-chemlab {
        background-image: url("../../Content/Navigation/ic-Beaker-RES.png");
        width: 88px;
        height: 68px;
        display: inline-block;
}

.nav-chemlab:hover {
    background-color: #EFEFEF;
    }

/* --- PRIMARY NAVIGATION - RESPONSIVE DESIGN ---*/

@media screen and (min-width: 1100px) {


.nav-logo {
    display: block;
    position: absolute; 
    margin-left: 25px; 
    margin-top: 20px;
    /*background-image: url("../../Content/Images/Records.png");*/
    height: 82px;
    width: 250px;
}

.nav-container {
    background-color: #FFFFFF;
    display: block;
    float: right;
    height: 90px;
    line-height: 90px;
    margin: 0px;    
    padding: 0px;
    vertical-align: baseline;
}

.nav-filing {
    background-image: url("../../Content/Navigation/ic-filing2.png");
    width: 107px;
    height: 89px;
    display: inline-block;
    }

.nav-filing:hover {
    background-color: #EFEFEF;
    }

.nav-contracts {
    background-image: url("../../Content/Navigation/ic-contracts.png");
    width: 107px;
    height: 90px;
    display: inline-block;
    }

.nav-contracts:hover {    
    background-color: #EFEFEF;
    }

.nav-reporting {
    background-image: url("../../Content/Navigation/ic-reports.png");
    width: 88px;
    height: 89px;
    display: inline-block;
}

.nav-reporting:hover {
    background-color: #EFEFEF;
    }

.nav-configure {
    background-image: url("../../Content/Navigation/ic-configure2.png");
    width: 86px;
    height: 89px;
    display: inline-block;
}

.nav-configure:hover {
    background-color: #EFEFEF;
    }

.nav-blankforms {
        background-image: url("../../Content/Navigation/ic-blankforms.png");
        width: 108px;
        height: 89px;
        display: inline-block;
}

.nav-blankforms:hover {
    background-color: #EFEFEF;
    }

.nav-files {
        background-image: url("../../Content/Navigation/ic-files2.png");
        width: 108px;
        height: 89px;
        display: inline-block;
}

.nav-files:hover {
    background-color: #EFEFEF;
    }

.nav-mytasks {
        background-image: url("../../Content/Navigation/ic-nav-mytasks2.png");
        width: 106px;
        height: 89px;
        display: inline-block;
}

.nav-mytasks:hover {
    background-color: #EFEFEF;
}

.nav-chemlab {
        background-image: url("../../Content/Navigation/ic-Beaker.png");
        width: 106px;
        height: 89px;
        display: inline-block;
}

.nav-chemlab:hover {
    background-color: #EFEFEF;
}

}

.nav-resources {
        background-image: url("../../Content/Navigation/ic-config-Resources2.png");
        height: 89px;
        width: 106px;
        display: inline-block;
}

.nav-resources:hover {
    background-color: #EFEFEF;
    }

/* ---------------------- RIGHT PANEL ---------------------- */

/* --- RIGHT PANEL - User Demographic Information --- */
.userInfoHeader hgroup {
}

.userInfoHeader #jobTypeLocation {
    font-size: 15px;
    height: 20px;
}

.userInfoHeader #jobTypeLocation span {
    padding-right: 20px;
    color: #808080;
}
.userInfoHeader .font36 {
    font-size: 36px !important;
    font-weight: 500 !important;
    padding-bottom: 10px !important;
}
.userInfoHeader hgroup h2 {
    color: #414114;
    font-family: 'Open Sans',sans-serif;
    padding: 0px;
    font-weight: 600;
    letter-spacing: -1px;
    line-height:initial;
    margin:5px 0px 0px 0px;
}

/* --- RIGHT PANEL - Title of Tool in the Configure / Setup Tools Section --- */
section.PanelRight h1 {
    padding: 9px 0px 0px 0px !important;
}

    section.PanelRight h1 span {
    color: #808080;
    font-size: 14px;
    }


/* --- RIGHT PANEL - User's Name --- */
section.PanelRight hgroup h1 {
    padding-top: 20px;
    margin-bottom: 0px;
}

.PanelRight {
  margin:0px 7px;
}

/* --------------- LEFT PANEL - Header (Personnel Files) ----------------- */

/*--- LEFT PANEL - Text Headers for Each Section of Staff Names */

.PanelLeft h1, .PanelLeft h2 {
    color: #FFFFFF !important;
    font-family: 'Open Sans' !important;
    font-size: 22px !important;
    padding: 10px 0 10px 20px;
    font-weight: 600;
}

h1#PrimaryHeader {
    display: none;
}

/* ---------------------- LEFT PANEL ---------------------- */
/* --------------- Left Panel - Dimensions----------------- */
.PanelLeft {
    background: #F1F1F1;
    box-shadow: 3px 0px 4px 0 rgba(111,111,111,0.2);
    float: left;
    width: 310px;
    margin-top: 58px;
    top: 120px;
}

/* --- LEFT PANEL - Section Headers (CABINET: PERSONNEL FILES, PINNED, STAFF LIST) --- */
section#navUsers header h1 {
    background: inherit;
}

/* --- Left Panel - Section Header and Section Header Icons --- */
.PanelLeft header {
    background: #A7A9AC;
    font-size: 24px;
    display: block;
    background-position: 95%;
    background-repeat: no-repeat;
}

    .PanelLeft header h1#Setup {
        background-image: url("../../Content/Images/Icons/ic-tools.png");
    }

    .PanelLeft header h1#Cabinet {
        background-image: url("../../Content/Images/Icons/ic-filecabinet.png");
    }

    .PanelLeft header img#Staff {
        cursor: pointer;
        position: absolute; 
        top: 10px;
        right: 20px;
    }

    /* --------------- Left Panel - Search Box ----------------- */
    .PanelLeft div#userSearch {
        background-color: #FFFFFF;
        padding: 0 0 0 5px;
        border-color: #D3D3D3;
        border-radius: 20px;
        -moz-border-radius: 10px;
        margin: 10px;
    }

        .PanelLeft div#userSearch input#txtSearchNavUsers {
            background: none !important;
            outline: none !important;
            border: none !important;
            padding: 5px;
            margin: 2px 0 0 12px;
            width: 268px;
            color: #000000;
            font-family: 'Open Sans',sans-serif;
        }


    .PanelLeft div#userSearch #clearSearch {
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
        display: none;
    }

/* --------------- Left Panel - User Background Color ----------------- */


.PanelLeft ul#PinnedUsers {
}

/* --- Left Panel - Pinned Users Dimensions --- */
.PanelLeft ul#NavUsersList li, .NavUsersListInitialLoad li, section#navUsers ul#PinnedUsers li {
    border-bottom: 1px dashed #c5cbce;
    padding:3px 5px 3px 2px;
    width: 294px;
    margin:0px !important;
}

    /* --------------- Left Panel - List of Users :HOVER ----------------- */
    .PanelLeft ul#NavUsersList li:hover, .NavUsersListInitialLoad li:hover, .PanelLeft ul#PinnedUsers li:hover {
        background-color: #E6E6E6;
    }

    /* --------------- Left Panel - List of Users ----------------- */
    .PanelLeft ul#NavUsersList li span.Main a,
    .NavUsersListInitialLoad li span.Main a,
    section#navUsers ul#PinnedUsers li span.Main a,
    .PanelLeft ul#UnpinnedUsers li span.Main1 a,
    .NavUsersListInitialLoad li span.Main1 a,
    section#navUsers ul#UnpinnedUsers li span.Main1 a,
    .PanelLeft ul#NavUsersList li span.Sub,
    .NavUsersListInitialLoad li span.Sub,
    section#navUsers ul#PinnedUsers li span.Sub,
    section#navUsers ul#UnpinnedUsers li span.Sub {
        color: #414141;
        display: inline-block;
        font-family: 'Open Sans' !important;
        font-size: 16px;
        height: 24px;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 220px;
        vertical-align: middle;
        font-weight:bold;
        margin-top:0px;
    }
    /* ---------------  Left Panel - User ID#s ----------------- */
    .PanelLeft ul#NavUsersList li span.Sub, .NavUsersListInitialLoad li span.Sub, section#navUsers ul#PinnedUsers li span.Sub {
        color: #A7A9AC;
        width: 80px;
    }

/* --- Left Panel - Primary Section Header / Tab --- */
section#navUsers header#cabinet, section#navUsers header#reports {
    background-color: #D34B46;
}

/* --- Left Panel - Tools / Configuration Line Items --- */
.NavUsersListItem {
    background-color: #FFFFFF;
    font-family: 'Open Sans';
    height: auto;
    font-size: 26px;
    font-weight: normal;
    text-transform: uppercase;
    vertical-align: middle;
}

    .NavUsersListItem SPAN A {
    color: #6E6E6E;
    }


/* ---- Presentation of text on Checklists, Folders, Slots and Add New... ---- */

.allTasks{
    margin-left:-40px;
}

.allTasks img{
    display:none;
}

.Checklist a, .Folder a, .AddNew a, .Clickable a span, .Clickable a div.SlotName {
    color:#414114;
    display: block;
    font-family: 'Helvetica Neue 57';
    font-size: 15px;
    height: 70px;
    line-height: 17px;
    margin: auto;
    overflow: hidden;
    padding-top: 50px;
    text-overflow: ellipsis;
    width: 80px;
    text-transform: none;
    box-sizing: content-box; /*Reset default box-sizing as boostrap overrides to "border-box" on User/Details*/

}

.Clickable a div.SlotName div.qq-uploader div.qq-upload-drop-area-selector {
    background: none;
    height: 75px;
}

.Clickable a div.SlotName div.qq-uploader ul.qq-upload-list li.qq-in-progress {
    background: none;
}


.Checklist a, .Checklist a:hover {
    color: #FFFFFF;
}

/* ---- Folder - Presentation ---- */

/*-- Can be removed after adding new styles to Configure->Folder*/
/*.Folder {
    background-image: url("../../Content/Images/FilledFolder.png");
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    height: 140px;
    margin: 4px 4px 4px 0px;
    text-align: center;
    text-transform: uppercase;
    width: 120px;
    overflow: visible;
    margin-top: 8px;
}*/

     /*.Folder a {
        width: 80%;
        color: #000;
        cursor: pointer;
    }


.Clickable {
    float: left;
    height: 140px;
    margin: 1px 5px 1px 0px;
    text-align: center;
    text-transform: uppercase;
    width: 120px;
    margin-bottom: 20px;
    box-sizing: content-box !important;
}*/


.Clickable1 {
    /*background-image: url("../../Content/Images/BlankDoc.png");*/
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    height: 130px;
    margin: 4px;
    text-align: center;
    width: 110px;
    padding: 0px 5px;
    margin-bottom: 30px;
    box-sizing: content-box !important;
}

    .Clickable1 a {
        display: block;
        height: 130px;
        width: 100px;
        padding-left: 10px;
        padding-right: 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #414114;
        text-decoration: none;
    }

a.NewHireDocuments, span.NewHireDocuments {
    background-image: url("../../Content/Images/hire.png");
    background-position: bottom;
    background-repeat: no-repeat;
    float: right;
    position: relative;
    padding-top: 0;
    top: -41px;
    left: -8px;
    /*z-index: 999; // this was above the modal */
    height: 34px;
    width: 34px;
}

.clsNewHire {
    margin-left: 20px;
}

/* ---- Dropdowns ---- */
.Dropdown {
    position: relative;
    left: 95px;
    top: 5px;
    background-image: url(../../Content/Images/Icons/ic-slot-dropdown.png);
    width: 15px;
    height: 13px;
    text-align: left;
    font-family: arial,sans-serif;
}

    .Dropdown ul {
        background-color: #414141;
        display: none;          
        margin-left: 1px !important;
        padding: 5px;
        width: 150px;
        z-index: 2;
    }

        .Dropdown li {
            border-top: 1px #505050 dotted;
            color: #FFFFFF;
            text-transform: none;
            padding: 5px;
            text-decoration: none !important;
        }

    .Dropdown li em 
    {
        color: #FFFFFF;
    }

    .Dropdown li:hover 
    {            
        background-color: #EFEFEF; 
        background-image: none;
        color: #000000;
        text-decoration:none !important;
    }



/* ---- Checklist ---- */

/*-- Can be removed after adding new styles to Configure->Checklist*/
.Checklist {
    background-image: url("../../Content/Images/Checklist.png");
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    height: 140px;
    margin: 4px 4px 4px 0px;
    text-align: center;
    text-transform: uppercase;
    width: 120px;
    overflow: hidden;
    margin-top: 8px;
}



/* ---- Packet ---- */

.SlotList {
    /*margin-top: 20px;*/
}

#EditSlotForm p{
    height:85px;
    margin:0px !important;
}

#EditSlotForm #DocumentTypeDropdownList{
    margin:5px 0px;
}

#AddPacketForm input[type=radio] + label{
    margin-top:-25px;
    margin-left:15px;
}

li .SubWorkflowCondition, li .SubWorkflow
{
    clear: both;
}  









#NewPacketNameTextbox {
    width: 304px;
}

/* ---- Add New... for Packets, Folders, and Documents ---- */
.AddNew {
    float: left;
    height: 130px;
    margin: 1px 5px 1px 0px;
    margin-top: 15px; /*[new 08/05/2013]*/
    text-align: center;
    width: 110px;
    box-sizing: content-box; /*Reset default box-sizing as boostrap overrides to "border-box" on User/Details*/
    background-color:#f1f1f1;
}

#AddDocumentItem {
    background-image: url('../../Content/Images/Icons/bg-fileadoc.png');
    background-repeat: no-repeat;
}

#AddSlotItem {
    background-image: url('../../Content/Images/Icons/bg-addspot.png');
    background-repeat: no-repeat;
}

#AssignNewChecklist {
    background-image: url('../../Content/Images/Icons/bg-assignchecklist.png');
    background-repeat: no-repeat;
}


#AddNewChecklist {
    background-image: url('../../Content/Images/Icons/bg-addchecklist.png');
    background-repeat: no-repeat;
}

#AddNewPacketItem {
    background-image: url('../../Content/Images/Icons/bg-addfolder.png');
    background-repeat: no-repeat;
}

#AssignChecklistForm input{
    margin:10px 0px;
}

#AssignChecklistForm input{
    margin:10px 0px;
}
#AssignedChecklist button {
    min-width: 100px !important;
}

#AssignChecklistForm div.box02{
    border:none;
}

#AssignChecklistForm div.box02 label{
    margin-left:0px;
}

/* ---- MODAL - Assigned Checklist ---- */


/* -- Task or Form once it has been completed --*/
.completed {
    color: #C6C6C6;
}
tr.removed td {
    background-color: #F2C9C7;
}

/* Can be removed if only green checkmark is sufficient for completed Assigned Checklist*/
section#AssignedChecklist span#AssignedChecklist_Complete {
    color: #82953F;
    text-transform: capitalize;
}
#AssignedChecklist h2{
    padding:15px 0;
}
.StatusColumn .imgWidth{
    max-width:unset;
}

.ChecklistItems {
    background-color: #FFFFFF;
    min-width: 545px;
    padding-top: 3px;
    margin:3px 10px 10px 10px;
}

    /* ---- CHECKLIST: Column Header -------- */

    .ChecklistItems TH {
        border: 0px solid #FFFFFF;
        font-family: 'Helvetica Neue 47';
        font-size: 18px;
        line-height: 24px;
        padding-left: 10px;
        text-align: left;
        height: 24px;
        vertical-align: middle;
    }

    .ChecklistItems TD {
        border: .25px solid #EFEFEF;
        height: 18px;
        line-height: 18px;
        vertical-align: middle;
    }

/* --- CHECKLIST: Column of checkboxes ---- */

section#AssignedChecklist h2 span.cos-rightSide {
    float: right;
}

td.CheckboxColumn {
    text-align: center;
    vertical-align: middle;
    width: 30px;
}


td.StatusColumn {
    width: 39px;
    height: 31px;
}

td.ItemName {
    padding-left: 10px;
}

td.RemoveRestoreColumn
{
    text-align: right;
    width: 130px;
}

td.Responsible {
    padding-left: 10px;
}


/* jQuery Tabs */

ul.ui-tabs-nav li.ui-state-default {
    border: 1px solid #C0C0C0 /*{borderColorActive}*/;
    border-bottom: 0px;
}

li.ui-tabs-active.ui-state-default {
}

    .handlecorner {
        background-image: url(../../Content/Images/Icons/ic-handlecorner.png);
        background-repeat: no-repeat;
        border: 1px solid red;
        display: inline-block;
        width: 20px;
        height: 20px;
    }

    /* ******************* */
    /* ---- Dynalists ---- */
    /* ******************* */

    /* ---- SEARCH BOX AREA ABOVE THE DATA GRIDS  ---- */
    div.quickSearch {
        background: none !important;
        height: 55px;
    }

    /* ---- SEARCH TEXTBOX ---- */

    div.quickSearch input.searchText {
        height: 40px;
        width: 320px;
    }

    div.quickSearchFields{
        width:592px !important;
    }

    div.quickSearchFields #TaskSearch{
        margin:10px 0px !important;
    }

    /* ---- SEARCH ICON IMMEDIATLY FOLLOWING THE SEARCH BOX ---- */

div.quickSearch INPUT[type=text] {
    float: left;
    height: 35px;
}

div.quickSearch .qsHelpText {
    background-color: #0075DB;
    background-image: url(../../Content/Images/Icons/ic-searchg.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 65px;
    height: 35px;
    vertical-align: bottom;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    float:left;
    margin:0px;
}

    .search-button{
        background-color: #414141;        
        background-image: url(../../Content/Images/Icons/ic-searchg.png);
        background-position: center;
        background-repeat: no-repeat;
        vertical-align: bottom;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        margin-top:1px;
        float:left;
        padding:5px 0px;
    }

    div#divUserTaskBox div.quickSearch .qsHelpText{
        margin-top:10px;
    }

    #DocTypeSearch{
        padding:10px 8px;
        margin-bottom:30px;
    }

    #searchBox{
        height: 35px;
    }


    div.DynaListGeneric table tbody tr th.security-group-th{
        min-width:425px !important;
        max-width:425px !important;
    }

        div.DynaListGeneric table tbody tr th.security-group-checkbox {
            min-width: 100px !important;
            max-width: 100px !important;
            text-align: center;
        }

     div.DynaListGeneric table tbody tr td.security-group-td-input{
        text-align:center;
        padding:11px 0px 5px 0px;
    }

.table01 tr.rowSelect {
    background-color: #E1E1E1;
}

    /* Dynalist - Vertically centers the bulk action label and DD box */
    #bodyForm_divBulkAction fieldset {
        color: #404040;
        font-size: 8pt;
        height: 50px;
        line-height: 50px;
    }

    #bodyForm_divFormHistory .table01 td{
        padding:12px 3px;
    }



/* ******************* */
/* ---- FORM STYLE 00 ---- */
/* ---- Default Styles ---- */
/* ******************* */

/* FORM00*/

fieldset {
    display: table-cell;
}

fieldset div.fieldset-note{
        font-size:15px;
        text-align:center;
        color:#555555;
        margin:5px 0px 10px -10px;
        padding:10px;
        border:dotted 1px #555555;
}

legend {
    border: 1px solid #EFEFEF;
    color: #77C043;
    padding-left: 5px;
    padding-right: 5px;
}



    /* Remove border on checkboxes and radios (IE only) */
    input[type=radio], input[type=checkbox] { 
        border:none; 
        margin:-8px 5px 5px 0px;
    }
        input[type=checkbox]:checked, input[type=checkbox]:not(:checked), input[type=radio]:checked, input[type=radio]:not(:checked) {
            position: relative !important;
            left: 0px !important;
            width: auto;
        }
        input[type=radio].pds-radio-button-widget:checked, input[type=radio].pds-radio-button-widget:not(:checked) {
            position: absolute !important;
            left: -9999px !important;
        }

/* ------ DROP DOWN BOXES ------ */


/* -- CHANGE CURSOR ON HOVER OVER CALENDAR ICON ON CALENDAR CONTROL -- */

.ui-datepicker-trigger {
    cursor: pointer;
    margin: 0px 0px 0px 5px;
}

textarea:focus, INPUT[type=text]:focus, INPUT[type=textarea]:focus, INPUT[type=password]:focus, input[type=email]:focus, input[type=date]:focus, input[type=password]:focus, input[type=tel]:focus, .textbox:focus {
    cursor:text;
}

/*label {
    clear: both;
}

    label span{
        margin: 0px 18px 15px 0;
        float: left;
        width:200px;
    }*/

.buttonpanel {
    display: block;
    line-height: 20px;
    text-align: right;
}

th.reportSlotName {
    height: 175px;
    text-transform:none;
    background-color:none;
    transform: rotate(15deg) translate(20px,10px);
    -moz-transform: rotate(15deg) translate(20px,10px);
    -webkit-transform: rotate(15deg) translate(20px,10px);
    -o-transform: rotate(15deg) translate(30px,10px);
    overflow:visible;
}

    th.reportSlotName span.reportSlotNameText {
       position:relative;
       top:-15px;
    }

.reportSlotNameText {
    width:180px !important;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.reportSlotNameText a{
    font-weight:bold;
    color:#444444;
    border-bottom:solid 1px #444444;
}

.reportSlotNameText a:hover{
    color:#666666;
    border-bottom:none;
}


#FolderDropdown, #DocumentTypeDropdown {
    background-color: #FFFFFF;
    color: #000000;
    font-family: "Helvetica Neue 67";
    font-size: 16px;
    width: 460px;
    padding-left: 15px;
}


#reportGrid tbody tr:nth-child(odd) {
    background-color: #f4f4f4;
}

#FolderDropdown {
}

#GridLegend {
    font-weight: normal;
    float: right;
    font-size: 0.5em;
    margin-bottom: 10px;
}

#reportGrid_next {
    float: right;
}

#reportGrid_next, #reportGrid_previous {
    cursor: pointer;
}

.sorting {
    background: url("../../Content/Images/Icons/ic-inactive-sort.png") no-repeat bottom 5px right !important;
}

.sorting_asc, .sorting_desc {
    background: url("../../Content/Images/Icons/ic-active-sort.png") no-repeat bottom 5px right !important;
}

.reportSlotName.sorting, .reportSlotName.sorting_asc, .reportSlotName.sorting_desc {
    background: inherit;
}

    .form01 label {
        width:100%;
        color: #808080;
        margin-top:20px;
    }

    .form01 label.contractEdit{
        margin-top:0px;
    }

td div.Dropdown{
    top:0px;
    left:0px;
}



    .form01 h1.notcompleted {
        background-color: #E54C3C;
    }

    .form01 h1.completed {
        background-color: #2AB898;
    }
/* ------------------------------------------- */



/* ******************* */
/* ---- FORM STYLE 02 ---- */
/* ---- Login Pages ---- */
/* ******************* */



.form02 {

    background-color: #FFFFFF;                
    border: 1px solid #E6E6E6;
    border-radius: 6px;
    color: #A9A9A9;
    font-family: 'Helvetica Neue 65';
    padding: 40px;    
  
}

.form02 a {
    color: #6E6E6E;    
    font-family: 'Helvetica Neue 57';    
}

.form02 h1 {
    font-family: 'Helvetica Neue 45'; 
    font-size: 32px; 
    color: #1F1F1F;
    text-transform: none;
    padding-bottom: 10px;
    }

.form02 INPUT[type=text], .form02 INPUT[type=textarea], .form02 INPUT[type=password] {
    background-color: #E7E7E7;    
    border: 1px solid #BEBEBE;
    padding: 15px;
    border-radius: 3px;
    width: 265px;
        margin-bottom: 5px;
    }

.form02 INPUT[type=submit], .form02 .button {        
        background-color: #414141;        
        border-radius: 3px;
        color: #FFFFFF;
        cursor: pointer;
        margin-top: 15px;
        font-family: 'Helvetica Neue 55';
        font-size: 14px;
        margin: 3px;
        padding: 10px;
        text-transform: uppercase;
        width: 120px;
    }

.form02 INPUT[type=submit]:hover { 
        background-color: #000000;
    }

.form02 label {        
        display: block;        
        font-family: 'Helvetica Neue 67';
        color: #414141;
        text-transform: uppercase;
        font-size: 16px;        
    }


/* ---- Not Sure What This Is ---- */


.table02 table {
    margin: auto;
}

.validation-summary-errors li {
    list-style: none;
    border-radius: 3px;
    font-weight: normal;
    background-color: #FDE9E6;
    line-height: 22px;
    color: #D3222A;    
    padding: 10px;
    display: block;
}

.field-validation-error {
    border-radius: 3px;
    font-weight: normal;
    background-color: #FDE9E6;
    line-height: 22px;
    color: #D3222A;    
    padding: 10px;
    display: block;
}

.error


/* ******************* */
/* ---- FORM STYLE 03 ---- */
/* ---- Modal Windows ---- */
/* ******************* */

.form03 {
    display: block;
     /*-- JQuery overrides the BODY font so it has to be re-stated here for the modal. Grrr. ---*/
    font-family: 'Helvetica Neue 57';
    font-size: 14px;
    line-height: 16px;
    width: 510px;
}

    .form03 H1 {
        color: #000;
        padding: 5px;    
    }

    .form03 H2 {
        color: #404040;
        padding: 9px 0 0px 8px;    
    }


    .form03 fieldset {
        padding: 10px;
    }

    .form03 label {        
        float:left;
        width:100%;
        color: #808080;
        margin-top:20px;
    }

    .form03 textarea, .form03 select, .form03 INPUT[type=text], .form03 INPUT[type=textarea], .form03 INPUT[type=password] {
        color: #212121;
        font-size: 16px;        
        margin: 3px 0px 3px 0px;
        width: 450px;
    }

     .form03 INPUT[type=text].hasDatepicker {
         width: 100px;
    }

    .form03 .box00 {
        background-color: #E7E7E7;
        font-family: 'Helvetica Neue 57';
        padding: 15px 20px 15px 90px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 22px;
        background-image: url(../Images/ic-Info.png);
        background-repeat: no-repeat;
        background-position: center left;
    }

    .form03 .box01 {
        background-color: #E7E7E7;
        padding: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .form03 .box02 {
        border: 1px solid #E7E7E7;
        padding: 10px;
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .form03 div.box02 span {
        background-color: #FFFFFF;
        display: inline-block;
        margin-top: -45px;
        margin-left: 20px;
        padding: 0px;
    }

    .form03 .short {
        padding-bottom: 5px;
        padding-left: 5px;
        padding-top: 5px;
    }

    .form03 .long {
        clear: both;
        display: block;
        padding-bottom: 5px;
        padding-left: 20px;
        padding-top: 5px;
        width: 100%;
    }

.form03 span {
    background-color: #E7E7E7;
    display: block;
    padding: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.form03 .section01 {
    background-color: #FFFFFF;
    border: 1px solid #E7E7E7;
    padding: 10px;
}

.form03 input[type=radio] {
    margin: 0;
    padding: 0;
    width: auto;
}

/* ******************* */
/* ---- FORM STYLE 04 ---- */
/* ---- Tools ---- */
/* ******************* */

.form04 {
    background-color: #FFFFFF;
    line-height: 16px;
    width: 550px;
}

.form04 em{
    font-size:14px !important;
}

    .form04 label {
        float:left;
        width:100%;
        color: #959595;
        margin-top:20px;
    }

    .form04 input[type=text], .form04 textarea, .form04 input[type=email], .form04 input[type=date], .form04 input[type=password], .form04 input[type=tel], .form04 select, .form04 option, .form04 input[type=checkbox] {        
        color: #212121;
        font-family: 'Helvetica Neue 67';
        font-size: 16px;        
        margin: 3px 0px 3px 0px;
        width: 375px;
    }

.tblAttachments label{
        color: #808080 !important;
        margin-top:8px;
}

    .form04 input[type=checkbox] {
        width: auto;
    }

    .form04 input[type=text].short, .form04 select.short {
        width: 75px;
    }

    .form04 h1 {
        margin: 4px 0px 4px 0px;
        padding: 12px 0px;
    }

    #divEditDocumentType h1{
        color:#fff;
        padding:5px;
        font-size:30px;
        line-height:32px;
    }

    div.requiredAttachments{
        width:900px;
        margin-bottom:70px;
    }

    #divEditDocumentType .btnAttachment{
        background-color:#fff;
        color:#808080;
        text-transform:none;
        float:left;
        text-decoration:underline;
        font-size:18px;
        margin:0;
        padding:0;
        margin-top:10px;
    }

    .form04 h2 {
        background: #e1e1e1;
        color: #212121;
        font-family: 'Helvetica Neue 67';
        font-size: 16px; 
        margin: 4px 0px 4px 0px;
        padding: 10px;
    }

    .form04 .buttonpanel {
        background-color: #EFEFEF;
        padding-right: 15px;
        clear: both;
        display: block;
        height: 50px;
        line-height: 50px;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align: right;
        vertical-align: middle;
    }

    .form04 .buttons {
        display: block;
    }


/* ******************* */
/* ---- FORM STYLE 05 ---- */
/* ---- Custom Forms ---- */
/* ******************* */

/* ----------- */


.form05 {
    background-color: #FFFFFF;
    font-family: 'Helvetica Neue 67';
    font-size: 13px;
    line-height: 16px;
    margin-top: 5px;
    padding: 8px;
    width: 815px;
}



/* ******************* */
/* ---- Checklist Details CSS ---- */
/* ******************* */

a#EditChecklistLink {
    font-family: 'Open Sans',sans-serif;
    font-size: 23px;
    text-decoration: underline;
    color: white;
    margin-left: 6px;
}

    a#EditChecklistLink:hover {
        color: #F1F4F4;
    }

div#checklist-details h1 span{
    font-size:32px;
    line-height:32px;
    text-transform:none;
    margin-right:10px;
    color:#000000;
    font-weight:bold;
    letter-spacing:-1px;
}

section#BuiltChecklist h1 {
    font-weight: normal;
    background: inherit;
    height: auto;
    font-size: 2em;
    padding: 0.5em;
    margin-top: 0;
}

section#BuiltChecklist ol {
    background: #e6e6e7;
    padding: 5px;
    margin-top: 10px;
}

    section#BuiltChecklist ol li {
        background: #f2f3f3;
        margin-bottom: 5px;
        padding: 0.5em;
        margin-left: 3em;
        list-style-type: decimal-leading-zero;
        padding-left: 40px;
        width: 93.6% !important;
        line-height:30px;
    }

        section#BuiltChecklist ol li.taskItem {
            background-image: url("../../Content/Images/Icons/ic-task.png");
            background-repeat: no-repeat;
            background-position: left center;
            width: 599px;
            margin-bottom:8px;
        }

        section#BuiltChecklist ol li.formItem {
            background-image: url("../../Content/Images/Icons/ic-form.png");
            background-repeat: no-repeat;
            background-position: left center;
            width: 599px;
        }

      section#BuiltChecklist ol li.resourceItem {
            background-image: url("../../Content/Images/Icons/ic-resource.png");
            background-repeat: no-repeat;
            background-position: left center;
            width: 599px;
        }

section#ChecklistLegend div {
    padding-left: 50px;
    padding-top: 15px;
}

.taskEditButton, .removeLink {
    float: right;
    cursor: pointer;
    margin-left: 10px;
    /*margin-top:-5px;*/
}

/* Fixes Alignment of Required Task Checkbox when adding a task */
#RequiredTask {
    float: left;
}

#RequiredTask + label{
    margin-top:-17px;
    margin-left:10px;
}

/*-------- */

.LoadingCover {
    opacity: .75;
    background-color: white;
    position: absolute;
    /*border: 1px green solid;*/
    color: #333;
}

.LoadingCover span {
    background-image: url(../Images/snake_transparent.gif);
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0px 0px 0px 25px;
    font-size: larger;
    font-weight: bold;
}

/* Custom Form */
a.Pointer {
    cursor: pointer;
}

label.RadioListItem {
    display: inline;
    cursor: pointer;
}

label.RadioListItem:hover {
    background-color: #CEEEFF;
}

span.searchTerms {
    font-size: 9px;
    width: auto;
    display: block;
    clear: both;
    margin-left: 90px;
}

/* ******************* */
/* ---- JQuery Overrides ---- */
/* ******************* */




.nfDialog_GreyOutMask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9990;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .50;
}

/* ----- Look and feel of MODAL window title including padding  -------- */

.jtable-input-label{
    min-height:25px;
}

.clickable {
    cursor: pointer;
}

.clickable:hover {
    background-color: Blue;
}


.fileUploadFrame {
    width: 0;
    height: 0;
    visibility: hidden;
}

/* Gavin Added on 6/7 for Form Formatting*/

.additionalFormInfo {
    background-color: #CCC;
    font-size: 11px;
    border: 0;
    color: #333;
}

.additionalFormInfo label {
    display: block;
    clear: both;
    margin: 9px;
    border-width: 0;
    border-style: solid;
    border-color: #FFF;
}

.additionalFormInfolabel span {
    float: left;
    width: 200px;
    margin: 0 18px 9px 0;
}

.additionalFormInfolabel span em, legend span em, legend em {
    margin-left: 3px;
    font-weight: bold;
    color: #E00;
}

/* Common Special Containers */

/* Gavin */

.userHeader {
}

.userHeader .jobTitle, .userHeader .locationTitle, .userHeader .userEID {
    font-size: 11px;
    display: inline;
    clear: none;
    margin-right: 10px;
}

.userTaskBoxWUserNav {
    margin-left: 340px;
    margin-top: 32px;
}

.userTaskBoxWOUserNav {
    margin: auto;
}

td.checkboxCol {
    text-align: center;
}

.userTaskButton {
    width: 88px;
}

.userTaskTable {
    display: block;
}

    .userTaskTable td {
    }

.userTaskTitle {
    color: #FFFFFF;
}


/* End Gavin*/
.instructionText {
    border: 1px dotted #0AAAF4;
    display: none;    
}

.instructionText .panelContent {
    padding-top: 0;
}

.instructionText p {
    font-size: 11px;
    color: #4d4d4d;
    padding: 0;
    margin-top: 15px;
}

.toolbox {
    width: 260px;
    height: 220px;
    background-color: #EEE;
    padding: 10px;
    margin: 5px;
    float: left;
}

.toolbox h3 {
    margin-top: 0;
    padding-top: 0;
    color: #4D4D4D;
}

.toolbox p {
    height: 140px;
}

.plain {
    border: 0;
    padding: 0;
}

.plain .panelContent {
    border: 0;
    padding: 0;
}

.plain h3 {
    margin: 5px 0;
}

.formHeader {
    font-size: 11px;
    background-color: #CCC;
    color: #333;
    padding: 4px;
    margin: 20px 0 0 0;
}

    .formHeader span {
        display: block;
        width: 32%;
    }

    .formHeader .drptSupervisor, .formHeader .drptName {
        float: right;
        font-weight: bold;
    }

.drptName {
    font-size: 18px;
    font-weight: bold;
}

.drptBuilding {
    margin-top: 0px;
    font-weight: bold;
}

.editFormBox {
    padding: 0;
    border: 0;
}

@font-face {
    font-family: 'Atrament Medium';
    src: url('Typefaces/atrament_medium.eot');
    src: url('Typefaces/atrament_medium.eot?#iefix') format('embedded-opentype'), url('Typefaces/atrament_medium.woff') format('woff'), url('Typefaces/atrament_medium.ttf') format('truetype'), url('Typefaces/atrament_medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Atrament Light';
    src: url('Typefaces/atrament_light.eot');
    src: url('Typefaces/atrament_light.eot?#iefix') format('embedded-opentype'), url('Typefaces/atrament_light.woff') format('woff'), url('Typefaces/atrament_light.ttf') format('truetype'), url('Typefaces/atrament_light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* --------------- Helvetica Neue ----------------- */


/* -- Helvetica Neue 35 Thin -- */

@font-face {
    font-family: 'Helvetica Neue 35';
    src: url('Typefaces/HelveticaNeueLTStd-Th.eot');
    src: url('Typefaces/HelveticaNeueLTStd-Th.eot?#iefix') format('embedded-opentype'), url('Typefaces/HelveticaNeueLTStd-Th.ttf') format('truetype'), url('Typefaces/HelveticaNeueLTStd-Th.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* -- Helvetica Neue 55 Roman -- */

@font-face {
    font-family: 'Helvetica Neue 55';
    src: url('Typefaces/HelveticaNeueLTStd-Roman-WEB.eot');
    src: url('Typefaces/HelveticaNeueLTStd-Roman-WEB.eot?#iefix') format('embedded-opentype'), url('Typefaces/HelveticaNeueLTStd-Roman-WEB.ttf') format('truetype'), url('Typefaces/HelveticaNeueLTStd-Roman-WEB.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* -- Helvetica Neue 57 Condensed -- */

@font-face {
    font-family: 'Helvetica Neue 57';
    src: url('Typefaces/helveticaltstd-cond-webfont.eot');
    src: url('Typefaces/helveticaltstd-cond-webfont.eot?#iefix') format('embedded-opentype'), url('Typefaces/helveticaltstd-cond-webfont.ttf') format('truetype'), url('Typefaces/helveticaltstd-cond-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* -- Helvetica Neue 65 Medium -- */


@font-face {
    font-family: 'Helvetica Neue 65';
    src: url('Typefaces/helveticaneueltstd-md-webfont.eot');
    src: url('Typefaces/helveticaneueltstd-md-webfont.eot?#iefix') format('embedded-opentype'), url('Typefaces/helveticaneueltstd-md-webfont.woff') format('woff'), url('Typefaces/helveticaneueltstd-md-webfont.ttf') format('truetype'), url('Typefaceshelveticaneueltstd-md-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* -- Helvetica Neue 67 Medium Condensed -- */


@font-face {
    font-family: 'Helvetica Neue 67';
    src: url('Typefaces/helveticaneueltstd-mdcn-webfont.eot');
    src: url('Typefaces/helveticaneueltstd-mdcn-webfont.eot?#iefix') format('embedded-opentype'), url('Typefaces/helveticaneueltstd-mdcn-webfont.ttf') format('truetype'), url('Typefaces/helveticaneueltstd-mdcn-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* -- Helvetica Neue 77 Bold Condensed -- */


@font-face {
    font-family: 'Helvetica Neue 77';
    src: url('Typefaces/HelveticaNeueLTStd-Bd.eot');
    src: url('Typefaces/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'), url('Typefaces/HelveticaNeueLTStd-BdCn.woff') format('woff'), url('Typefaces/HelveticaNeueLTStd-BdCn.ttf') format('truetype'), url('Typefaces/HelveticaNeueLTStd-BdCn.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* -- Helvetica Neue 47 Light Condensed -- */

@font-face {
    font-family: 'Helvetica Neue 47';
    src: url('Typefaces/HelveticaLTStd-LightCond.otf');
    src: url('Typefaces/HelveticaLTStd-LightCond.otf?#iefix') format('embedded-opentype'), url('Typefaces/helveticaltstd-lightcond-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* -- Helvetica Neue 45 Light -- */

@font-face {
    font-family: 'Helvetica Neue 45';
    src: url('Typefaces/HelveticaLTStd-Light.otf');
    src: url('Typefaces/HelveticaLTStd-Light.otf?#iefix') format('embedded-opentype'), url('Typefaces/helveticaltstdlight.ttf') format('truetype'), url('Typefaces/helveticaltstdlight.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* *************************************************************************************************************** */
/* ------------------------------------------------ SalesForce       --------------------------------------------- */
/* ------------------------------------------------ Default Styles ----------------------------------------------- */
/* *************************************************************************************************************** */

#liveagent_button_offline_5731S000000fxSf, #liveagent_button_online_5731S000000fxSf{
    width:45px;
}

[aria-describedby = salesForceDialog]{
    padding:10px;
    margin-top:-85px;
}

[aria-describedby = salesForceDialog] .ui-widget-content{
    background:none;
    border:none;
}

[aria-describedby = salesForceDialog] label{
    font-weight:bold;
    font-size:16px;
}

[aria-describedby = salesForceDialog] #salesForceSearchText{
    padding:8px 6px;
    margin:10px 0px;
    font-family: 'Helvetica Neue 55';
}


[aria-describedby = salesForceDialog] div.ui-dialog-buttonpane div.ui-dialog-buttonset button{
    background-color:#ffffff;
    border:none;
}

[aria-describedby = salesForceDialog] .ui-button-text{
    font-family: 'Helvetica Neue 57';
    font-size: 14px;
    transition: all 0.2s ease;
}

[aria-describedby = salesForceDialog] .ui-button-text:hover{
    background-color: #000000;
}


/* *************************************************************************************************************** */
/* ------------------------------------------------ Zen Desk       ----------------------------------------------- */
/* ------------------------------------------------ Default Styles ----------------------------------------------- */
/* *************************************************************************************************************** */


#feedback_tab_text {
    display: none;
}

#zenbox_tab {
    border: 0px !important;
    bottom: 0;
    cursor: pointer;
    position: fixed;
    top: auto !important;
    background-color: transparent;
    background-image: url("//tedk12.com/perform/images/bg-ted-supporttab.png");
    right: 150px !important;
    vertical-align: bottom !important;
    height: 40px !important;
    width: 182px !important;
}

    #zenbox_tab img {
        display: none;
    }

    #zenbox_tab:hover {
        background-color: transparent !important;
    }


/* *************************************************************************************************************** */
/* ------------------------------------------------ Custom Forms ----------------------------------------------- */
/* ------------------------------------------------ Default Styles ----------------------------------------------- */
/* *************************************************************************************************************** */
label em {
    color: red;
    font-weight: bold;
}
span.required em {
    color: red;
    font-weight: bold;
}
/*fieldset.editFormBox div.longQuestion label, fieldset.editFormBox div.longQuestion label span, div.editFormBox div.longQuestion label, div.editFormBox div.longQuestion label span {
    clear: both;
    display: block;
    float: left;
    width: 99%;
    margin: 0 0px 4px 3px;
}*/
    fieldset.editFormBox div.FormField p, div.editFormBox div.FormField p {
        clear: both;
        margin: 5px;
    }

    div.FormField ul li {
        list-style-type:disc;
        margin-left: 15px;
    }

fieldset.editFormBox input[type=text], div.editFormBox input[type=text] {
    width: 500px;
}
.pdfform-form-print input[type=text] {
    width: inherit !important;
}

    fieldset.editFormBox input[type=text].DatePicker2011, div.editFormBox input[type=text].DatePicker2011 {
        width: 110px;
    }
fieldset.editFormBox .MatrixTable, div.editFormBox .MatrixTable {
    background-color: #FFF;
    border: 1px solid #CCC;
    -webkit-border-radius: 5px;
    font-weight: normal;
}
    .editFormBox .MatrixTable .GridCell input[type=radio] {
        display: inline-block !important;
    }
    .MatrixTable td {
        vertical-align: top;
    }
div.FormField {
    padding: 15px 20px 25px 0;
    width: 100%;
    text-overflow: ellipsis;
}

div.FormField select {
    width: auto;
}
.FormField > div {
    padding-bottom: 5px;
    margin-left: 20px;
}

.FormField > table {
    margin-top: 0 !important;
}

.cos-field-div-demographic div input[type=text]:first-child {
    margin: 0px 5px 5px 20px !important;
}

.cos-field-label-scaffold,
.cos-field-label-matrix,
.cos-field-label-grid,
.cos-field-label-longanswer,
.cos-field-label-checkbox,
.cos-field-label-calculated,
.cos-field-label-shortanswer,
.cos-field-label-codes,
.cos-field-label-date2011,
.cos-field-label-numericalcounter,
.cos-field-label-demographic {
    padding-left: 0 !important;
}

.cos-form-builder-text-box,
.cos-form-builder-textarea,
.cos-form-builder-select,
.cos-form-builder-date,
.cos-form-builder-numericalcounter,
.FormField.cos-field-div-paragraph {
    margin-left: 20px;
}
#lblToggleworkflow {
    font-weight: bold;
    margin-left:0px;
}
div#divWorkflowForm h2, .worfklowWrapper fieldset#fsSignature h2 {
    margin-left: 0px;
    text-transform: capitalize;
    padding: 28px 0 5px 0;
    border-bottom: 2px solid black;
}
.cos-previewcustomform-main {
    padding: 0 20px 0 20px;
}
fieldset.editFormBox .subTextToggle, div.editFormBox .subTextToggle {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    float: right;
}

    fieldset.editFormBox .longQuestion table input, div.editFormBox .longQuestion table input {
        margin-left: 0px;
    }

.alert {
    border-radius: 3px;
    font-weight: normal;
    background-color: #FDE9E6;
    line-height: 22px;
    color: #D3222A;    
    padding: 10px;
    display: block;
}

tr.alert {
    display: table-row;
}
.FormField  tr.alert td {
    background-color:#ffff55 !important;
}

fieldset.editFormBox .alert, div.editFormBox .alert {
    background-color: #FFFF55;
    border-radius: 5px;
    border: 1px solid #555500;
}
fieldset.editFormBox .alert label span.pds-field-badge, div.editFormBox .alert label span.pds-field-badge {
    border: 1px solid red;
}

    fieldset.editFormBox div.alert, div.editFormBox div.alert {
        padding: 10px;
    }

fieldset.editFormBox div.rowA, div.editFormBox div.rowA {
}

fieldset.editFormBox div.rowB, div.editFormBox div.rowB {
}

fieldset.editFormBox .staticDiv, div.editFormBox .staticDiv {
    margin-top: 10px;
}

fieldset.editFormBox .staticInfo, div.editFormBox .staticInfo {
    color: #000;
    padding: 4px;
    border: 1px solid #CCC;
    background-color: white;
}

#divFirstSignatory .staticInfo{
	margin-left:0px;
}

fieldset.editFormBox span.staticInfo p, div.editFormBox span.staticInfo p {
    margin: 0px;
}

fieldset.editFormBox .GridCell, div.editFormBox .GridCell {
    min-width: 50px;
    text-align: center;
    border-left: 1px solid #efefef;
}

    fieldset.editFormBox .GridCell:hover, div.editFormBox .GridCell:hover {
        cursor: pointer;
        background-color: #efefef;
    }

    fieldset.editFormBox .GridCell label:hover, div.editFormBox .GridCell label:hover {
        cursor: pointer;
    }

    fieldset.editFormBox .GridCell input:hover, div.editFormBox .GridCell input:hover {
        cursor: pointer;
    }

fieldset.editFormBox td.Selected, div.editFormBox td.Selected {
    border-radius: 6px;
    border: 2px solid #000000;
}

fieldset.editFormBox .GridRadio, div.editFormBox .GridRadio {
    margin: 2px auto !important;
    vertical-align: middle;
    display: block;
}

fieldset.editFormBox tr.CheckBoxRow, div.editFormBox tr.CheckBoxRow {
}

    fieldset.editFormBox tr.CheckBoxRow td, div.editFormBox tr.CheckBoxRow td {
        padding: 5px;
        vertical-align: middle;
    }

    fieldset.editFormBox tr.CheckBoxRow:hover, div.editFormBox tr.CheckBoxRow:hover {
        cursor: pointer;
        background-color: #efefef;
    }

        fieldset.editFormBox tr.CheckBoxRow:hover td, div.editFormBox tr.CheckBoxRow:hover td {
            background-color: #efefef;
        }

fieldset.editFormBox input[type=checkbox], div.editFormBox input[type=checkbox] {
}

.editFormBox .rowB td .matrixGridSpan {
    margin-left: 10px;
}

/*PDS table css is overriding inorder to avoid defining below classes starts*/
fieldset.editFormBox button, div.editFormBox button {
    min-width: unset !important;
    text-decoration: none !important;
}


/*PDS table css is overriding inorder to avoid defining below classes ends*/

/*Saeesh EOC - Issue #6036 - Re: Formatting Issues in Contracts Preventing Monett from going live*/
/* ------------------------------------------------ END Custom Forms ----------------------------------------------- */
.handle {
    z-index: 999;
    display: block;
    position: absolute;
    float: left;
    height: 20px;
    width: 20px;
    /*margin: 5px;*/
    padding: 5px;
    cursor: move;
    background-position: center center;
    background-image: url(../../Content/Images/Icons/ic-handle.png);
    background-repeat: no-repeat;
}

    .handle:hover {
        /*background-color: #77c043;*/
    }


.placeholder {
    height: 100px;
    border: 2px dashed #000;
    background-color: #77c043;
    margin: 5px;
}

div.close {
    padding: 5px;
    background-position: center center;
    background-image: url(../../Content/Images/Icons/ic-remove-task.png);
    background-repeat: no-repeat;
}

.PrintBlankForm { float: right; text-decoration: underline; color: blue !important;  margin: 0px 0 20px 0; }
.Page1 {
    padding-top: 1px;
    background-color: white;
}

.ImpersonateNotice {
    width: 450px;
    background-color: #A80000;
    filter: alpha(opacity=60);
    opacity: .60;
    clear: none;
    color: #FFF;
    padding-left: 10px;
    z-index: 9999;
    height: 40px;
    border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
    font-weight: bold !important;
    position: fixed !important;
    right: 0 !important;
    left: 0 !important;
    margin-right: auto;
    margin-left: auto;
}

.ImpersonateNotice span {
    float: left;
    padding-top: 5px;
    margin-top: 5px;
}

.ImpersonateNotice a {
    color: #FFF;
    float: right;
    padding: 5px;
    margin: 5px;
    position: relative;
}

.ImpersonateNotice a:hover {
    background-color: #000;
    color: #FFF;
    position: relative;
}


/* ------------------------------------------------ BEGIN Hire->Records Integration----------------------------------------------- */
/* Styling that applies to Application documents and Begin Hire views that are pulled from Hire via the New Hire Documents folder */

#StaticFormModal.HireApplicationView p
{
    margin: 0px;
    padding: 0px;
}
#StaticFormModal.HireApplicationView p.SubText
{
    font-size: 8pt;
    margin: 0px 0px 5px 5px;
}
#StaticFormModal.HireApplicationView p.AddressHeader
{
    text-align: center;
}
#StaticFormModal.HireApplicationView p.AddressHeader.window
{
    margin-left: 1in;
    text-align: left;
}
#StaticFormModal.HireApplicationView p.AddressHeader span.name
{
    font-weight: bold;
    text-transform: uppercase;
}
/* HEADERS */
#StaticFormModal.HireApplicationView h1.regPtn
{
    display: block;
    margin: 2px 0px;
    padding: 0px 0px;
    border: 0;
    font-size: 15pt;
    text-align: center;
    page-break-after: avoid;
}
#StaticFormModal.HireApplicationView h1.row2
{
    font-size: 14pt;
}
#StaticFormModal.HireApplicationView h2.regPtn
{
    display: block;
    margin: 6px 0px 5px 0px;
    padding: 10px 0px 1px 0px;
    font-size: 16pt;
    font-weight: bold;
    text-transform: uppercase;
    color: #777;
    page-break-after: avoid;
    border-bottom: 2px solid black;
}
#StaticFormModal.HireApplicationView h3.regPtn
{
    display: block;
    margin: 0px 0px 8px 0px;
    padding: 5px 0 0 0;
    font-size: 10pt;
    text-decoration: underline;
    page-break-after: avoid;
}

/* CONTAINERS */
#StaticFormModal.HireApplicationView div.row2
{
    display: block;
    margin: 2px 0px;
    padding: 0px 0px;
    border: 0;
    font-size: 12pt;
    text-align: center;
    page-break-after: avoid;
}
#StaticFormModal.HireApplicationView div.Page
{
    width: 100%;
}
#StaticFormModal.HireApplicationView div.pgBreak
{
    page-break-before: always;
}
#StaticFormModal.HireApplicationView div.Section
{
    width: 100%;
}

/* FIELD TABLE */
#StaticFormModal.HireApplicationView table.regPtn
{
    width: 100%;
}
#StaticFormModal.HireApplicationView table.regPtn td
{
    margin: 0px;
    padding: 0px 5px 5px 5px;
}
#StaticFormModal.HireApplicationView table.regPtn td.Question
{
    color: #555;
    font-style: italic;
    vertical-align: top;
    width: 20%;
    page-break-inside: avoid;
}
#StaticFormModal.HireApplicationView table.regPtn td.Header
{
    color: #555;
    font-style: italic;
    vertical-align: top;
    font-weight: normal;
}
#StaticFormModal.HireApplicationView table.regPtn td.Answer
{
    font-weight: bold;
    vertical-align: top;
    width: 30%;
}
#StaticFormModal.HireApplicationView table.regPtn td.Long
{
    width: 80%;
}
#StaticFormModal.HireApplicationView table.regPtn td.RichText
{
    font-weight: normal;
}

#StaticFormModal.HireApplicationView .accent
{
    color: #990000;
    font-family: verdana,Geneva,verdana,sans-serif;
    text-decoration: none;
}
#StaticFormModal.HireApplicationView .info {border:1px solid #1616D9;background-color:#C8DDFC;padding:8px;color:#000;font-weight:bold;}

#StaticFormModal.HireApplicationView table.WorkflowApprovalPathSection
{
    width: 60%;
}
#StaticFormModal.HireApplicationView table.WorkflowApprovalPathSection tr.rowSelect
{
    background-color: #AEE3EE; color: #000
}


h1.break
{
    page-break-before: always;
    counter-reset: page 1;
}

/* These were used for header/footer in the printable PDF */
#StaticFormModal.HireApplicationView span.TopLeft{ display: none; }
#StaticFormModal.HireApplicationView span.TopRight{ display: none; }
#StaticFormModal.HireApplicationView span.BottomLeft{ display: none; }


/* -------------------------------------------- END Hire->Records Integration ------------------------------------------- */

.PanelRight h2 {
    font-size: 23px !important;
}
/* #7309 Fix for numbered lists rendering in contracts */
#ContractPreviewBodyArea ol, #ContractArea ol {
    padding-left: 30px;
    margin-left:0.7rem;
}

#h2CustomFormTitle{margin-left:5px;
}
#fsAttachmentsPrintable
{
    margin: 0px;
    padding: 0px 0px 0px 5px;
    width: auto;
}

/* fix for workflow steps being too wide and forcing a scrollbar when opened in a modal (i.e. when opening K4KY tasks from the My Tasks/homepage) */
fieldset.editFormBox#fsWorkflow{ width:auto; }

#StaticFormModal #pCustomFormDescription a {
    text-decoration: underline;
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}




#SlideToggle{
    max-width:130px;
    margin-right:153px;
}
#printPreviewDivID{
    height:115px !important;
}
#globalFiltersDiv{
    height:125px !important;
}
.arrow_box { 
  position: absolute; 
  bottom:0px;
  left:20px;
  background: #fff; 
}
.arrow_box:after, .arrow_box:before { 
  top: 100%; 
  left: 50%; 
  border: solid transparent; 
  content: ""; 
  height: 0; 
  width: 0; 
  position: absolute; 
  pointer-events: none; 
} 
.arrow_box:after { 
  border-color: rgba(255, 255, 255, 0); 
  border-top-color: #fff; 
  border-width: 10px;
  margin-left: -10px; 
} 
.arrow_box:before { 
  border-color: rgba(51, 51, 51, 0); 
  border-width: 13px; 
  margin-left: -13px;
}

.sfDialog_GreyOutMask { 
    display: block; 
    position: absolute; 
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%; 
    z-index: 9990; 
    background-color: #000;
    filter: alpha(opacity=0); 
    opacity: .2;
}

#showMoreButton{
    font-size:15px;
    padding:5px 8px;
    text-transform:none;
}

.showMoreDiv{
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  line-height:21px;
  padding:10px;
  background:#ffffff;
  position:absolute;
  opacity: 1;
}

.showMoreDiv p{
    margin-bottom:10px;
}

.PopupPanel {
    position: absolute;
    background-color: white;
    z-index: 99990;
    height: 600px;
    width: 950px;
    padding:20px;
    overflow:auto;
}

.PopupPanel strong{
    font-weight:600;
}

.PopupPanel h3{
  font-size:28px;
  line-height:30px;
  margin:0;
  padding:0;
  margin-bottom:15px;
  text-align:left;
  color:#a0b929;
  background-color:#ffffff;
  font-family: 'Atrament Medium';
  font-weight:400 !important;
}

.PopupPanel h4{
  font-size:22px;
  line-height:28px;
  margin:0;
  margin-top:15px;
  margin-bottom:15px;
  padding:0;
  text-align:left;
  color:#777;
  background-color:#ffffff;
  font-family: 'Atrament Medium';
  font-weight:400 !important;
}

.goToButton {
    font-size:17px;
    border-bottom: solid 1.5px #a0b929;
    color: #a0b929;
    font-weight:700;
}

.goToButton:hover{
    color:#777;
    border-bottom:none;
}

/*----Users List Export------*/
.usersListExportBtn
{
    margin-top: -30px;
    margin-right: -85px;
}
.divForUserslist
{  
    width: 920px;
    margin: 0;  
    padding: 0;  
    border: 0;
}
/*----Users List Export------*/

#nfDialog_DialogBox_Message_Value span.success {
    background-image: url("../../Content/Images/CompletedChecklist.png");
    background-repeat: no-repeat;
    background-size: 20px auto;
    padding: 3px 3px 3px 23px;
}

.editFormBox .btn-edit, .StaticForm .btn-edit {
    float:right;
    margin-top:-15px;
}

/*Resource Library*/

.FolderSelect {
        margin-top:0px !important;
        clear: both; 
        color: #666; 
        font-size: 9pt; 
        margin-bottom: 10px;
}

#fineUploaderControlRL .fineuploaderBtn {
    margin-top: 19px;
    margin-right: 10px;
    background-color: #fff !important;
    border: 1px solid #0075DB;
    color: #0075DB;
    border-radius: 4px;
    float: left;
    height: 32px;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 24px;
    border-radius: 4px;
    display: inline-block;
    width: 135px;
    padding: 3px 10px;
    text-align: center;
    font-family: Open Sans,sans-serif !important;
}

    #fineUploaderControlRL .ui-dialog-buttonset {
        margin-left: 8px;
    }

#OptionalResourceLibrary {
    margin-top: 10px;
}

#RequiredTaskResourceLibrary,#chkReqUserSign{
    float:left;
}

    #chkReqUserSign + label {
        margin-top: 2px;
        margin-left: 0px;
    }
#RequiredTaskResourceLibrary + label{
    margin-top:-17px;
    margin-left:25px;
}

.Slot.ResourceLibrary1 {
    background-image: url('../../Content/Images/Icons/ic-slot-Resource.png');
   color: #585858;
}

.Slot.ResourceLibrary1 span {
padding-top:70px;
}

/*tinyMCE 4.x fixes*/
.mce-i-selectall{
    background-image: url("../../Content/Images/lgicn_16.gif") !important;
    background-repeat: no-repeat !important;
}

span[class^="mce-"] { 
    text-transform: none;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
}

div[class^="mce-"]:not(.mce-menu-item):not(.mce-window-head):not(.mce-tooltip-inner):not(.mce-notification):not(.mce-tab) { 
    padding: 0 !important;
    clear: both;
}

.mce-btn > button:hover {
    background-color: transparent;
}

.footerLinks{
    text-decoration: underline;
}

.footerLinks:hover{
    text-decoration:none;
}
/*tinyMCE 4.x fixes*/
   
div.divWorkflowSettings {
    margin: 40px 20px;
}

.divWorkflowSettings div {
    padding: 5px;
}

@media (max-width:991px){
    footer {
        float:right;
        width:475px;
    }
}

@media (min-width:992px) and (max-width:1350px){
    footer {
        float:right;
    }
}

@media (min-device-width: 320px) 
  and (max-device-width: 1024px) 
{
     #Tab_Settings {
        width: 80%;
    }

    div.requiredAttachments{
        width:100%!important;
        margin-bottom:70px;
    }

   #divEditWorkflow
    {
        width:80%;
    }

    #Tab_Workflows .form01
    {
        width:100%;
    }
    
    #divEditWorkflowSteps {
        margin: 0px 5px 0px 0px; 
        width:100%;      
    }
    
    #divEditWorkflowStepsNav {
        position:unset;        
        margin: 5px 0px 60px 7px;       
    }

    .divSteps{
        margin-top: 15px; 
        width: 100%; 
        min-width: 0px;
    }

    #Tab_Workflows
    {
        width:80%;
    }

    #divWorkflowDetails{
        width:100%;
    }
}

.dvNavBar_Image {
    max-width: 289px;
    max-height: 48px;
}
#dvHeaderLogo_Image_original {
    background: #06437a;
}

.NoDrop {
    cursor: no-drop !important;
}
.clearBoth {
    clear:both;
}

p a {
    color: #404040 !important;
}

/*PDS css*/
.cos-app-logo {
    padding: 12px;
}

.pds-app-header-bar .pds-app-actions .pds-app-action pds-icon {
    fill: #fff;
    height: 34px;
    width: 34px;
    -webkit-box-flex: 0; 
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.cos-app-logo {
    padding: 12px;
}
.cos-app-head {
    grid-template-columns: none !important;
}
.pds-logo-text-primary {
    font-weight:600 !important;
}

.cos-records main .pds-content, .cos-records main .pds-content-basic, .cos-records main .pss-content {
    padding: 1.0714rem 15px 0px 10px;
}
.pds-content:after {
    content: '';
    display: block;
    padding-bottom: 50px;
}

.pds-nav-secondary {
    width: auto !important;
    float: left !important;
}
.pds-nav-secondary-selected {
    left: 110px !important;
    max-height: calc(100% - 80px) !important;
    max-width: 510px !important;
    margin-bottom:75px;
}
.pds-wide-screen-secondary-nav-items {
    float: left !important;
    width: 245px !important;
    min-height:236px;
}
.pds-nav-primary .pds-nav-secondary ul .pds-wide-screen-secondary-nav-items:not(:first-of-type) .secondary-nav-link-header{
    margin-top:15px !important;
}

ul#logoutUL li a{
    height:25px;
}
.tblLogout {
    padding-top: 5px !important;
    margin: 0 !important;
}
    .tblLogout td:first-child{
        padding-left:20px;
    }
    #pdsSignout {
        width: 20px !important;
        margin: 0px !important;
    }
#pdsSignoutTxt {
    font-size: 14px;
    color: black;
}
.TdLogout {
    vertical-align: middle !important;
    width: 15px !important;
    height: 25px !important;
}
.pds-logout-div {
    z-index: 6000 !important;
    transition-duration: 0ms !important;
    display: none;
    position: absolute !important;
    will-change: top, left !important;
    top: 60px !important;
    right: 40px !important;
}
.pds-logout-inner-div {
    transition-duration: 0ms !important;
    bottom: 0px !important;
    width: 150px !important;
    height: 40px !important;
}
.tippy-popper .tippy-tooltip.popover-theme {
    width: 250px;
    background-color: #fff !important;
    padding: 0 !important;
    -webkit-box-shadow: -1px 2px 6px 0 rgba(56, 124, 183, 0.78);
    box-shadow: -1px 2px 6px 0 rgba(56, 124, 183, 0.78);
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #E0E0E0;
}
.pds-app-head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    color: #fff;
    display: -ms-grid;
    display: grid;
    grid-area: pds-layout-header;
    -ms-grid-columns: minmax(235px,1fr) 1fr 1fr;
    grid-template-columns: minmax(235px,1fr) 1fr 1fr;
    grid-auto-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 6000;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 1.10rem;
}
#topNavHomeLink{
     margin:0px;
}
.headerLogo_Image {
    max-width: 251px;
    max-height: 48px;
}

.pds-UserList-div {
    z-index: 6000 !important;
    transition-duration: 0ms !important;
    display: none;
    position: absolute !important;
    will-change: top, left !important;
    top: 58px !important;
    right: 125px !important;
}

.pds-UserList-inner-div {
    transition-duration: 0ms !important;
    width: 310px !important;
    padding: 1px !important;
    overflow-y: hidden !important;
    border-radius: 7px !important;
}
.pds-UserList-search-div {
    width: 500px !important;
}

.userListMaster {
    margin-top: 0px !important;
    top: 25px !important;
    font:initial;
}

#staffListsDiv {
    padding: 3px !important;
    cursor: pointer;
}
#imgSearch {
    width: 20px;
}

.QuickAddFieldDropDown{
    height:auto !important;
    width:375px !important;
}
#txtChecklistsQuickAdd {
    background-image: none !important;
}
    #txtChecklistsQuickAdd option {
        background-color: revert;
    }

#btnUserIntials{
    text-decoration: none;
}

.cos-head-txt h1 {
    letter-spacing: -1px;
    margin: 3px 0px !important;
    font-family: 'Open Sans',sans-serif;
}
.pds-tabs li.pds-is-active > a{
    background-clip:border-box;
}

#bodyForm_divFormscboResultsPerPage{
    width:70px;
}
.staticFormPreview {
    width: 1120px;
    margin: auto;
    padding: 5px;
    border: 2px solid #f1f1f1;
    font-family: arial,sans-serif;
    font-size: 16px;
    line-height: initial;
}

/*Overriding PDS table css starts*/
.pds-nav-primary .pds-nav-secondary ul li:last-of-type{
    margin-bottom:5px !important;
}

.staticFormPreview table, #StaticFormModal table {
    margin: 0px auto;
    border-radius: 0px;
    line-height: initial;
}
.staticFormPreview table td, #StaticFormModal table td {
    height: auto !important;
    background-image: unset;
    box-sizing:content-box;
}
.staticFormPreview table p, #StaticFormModal table p {
    margin: auto;
}

a:focus, .pds-app-header-bar header a:focus {
    outline: none;
    border: none;
}
#StaticFormModal select {
    margin-bottom: 2px;
    height:auto;
}

/*Overriding PDS table css ends*/
.pds-global-tabs {
    margin-left: -10px;
}
.pds-grid-widget-filter-content {
    margin-left: -10px;
}
.staticFormPreview h3, #StaticFormModal h3 {
    margin: 0px;
    font-weight: normal;
    line-height: inherit;
    padding: 0px;
    font-size: 100%;
}

.staticPreviewFormClose {
    padding: 5px;
    margin-right: 134px;
    float: right;
}

 #tblAlienAuthorizedCitizenship {
    margin: 0px !important;
    width: 100%;
}
.pds-nav-primary ul a{
    text-decoration:none;
}
.pds-nav-primary ul a:hover {
    text-decoration: underline;
}
/*PDS css*/
.lbl-datetime-legend {
    color: #777;
    font-size: 13px;
    left: 10px;
    position: relative;
}
.PanelRight .form01.table01, .PanelRight .form04.table01 {
    width: 98%;
}
#GroupsWrapper .PanelRight .form01 h2 {
    margin: 0px;
}
#GroupsWrapper .PanelRight .form04 label {
    margin-top: 10px;
}
/* overriding style tags of radio button in site.css to the expected style tags provided in pds.css*/
input[type=radio].cos-input, input[type=radio].cos-input {
    left: -999px !important;
    position: absolute !important;
}

/*Datepicker*/
.ui-datepicker .ui-widget-header {
    border: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #0075DB !important;
    margin: 0 !important;
    background: #0075DB !important;
}
.ui-datepicker {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-datepicker-header {
    font-size: 10px;
}
.ui-datepicker a {
    margin: 0px !important;
    font-size: 10px;
}
.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6;
    font-weight: normal;
    color: #555555;
}
.ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee;
    color: #363636;
}
.ui-datepicker-calendar thead th {
    background-color: #f4f4f4;
    height: 30px;
}
.ui-datepicker-calendar span {
    font-size: 10px;
}
/*Datepicker*/

/*Contract index page action UL list positions*/
#ContractSortTable .overflowvisible .Dropdown{
    top:10px;
}
#ContractSortTable .overflowvisible .Dropdown ul {
    left: -152px;
}
/*Contract index page action UL list positions*/

/*Static and custom forms workflow setps paragraph margin overriding*/
#divWorkflowScope .WorkflowPreview td p {
    margin:3px;
}
#ContractArea p, #ContractPreviewBodyArea  p{
    margin:2px;
}
/*Static and custom forms workflow setps paragraph margin overriding*/

/*Forms attachments/upload button styling*/
.DocumentAttachmentDiv {
    padding-bottom: 15px !important;
}
.qq-upload-list-div {
    margin-top: 12px !important;
}
.fileuploaderBtn {
    margin-top: -35px;
    margin-bottom: 20px;
    background-color: #fff !important;
    border: 1px solid #0066a5;
    color: #0066a5;
    border-radius: 4px;
    float: right;
    height: 32px;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 24px;
    border-radius: 4px;
    display: inline-block;
    width: 135px;
    padding: 3px 10px;
    text-align: center;
    font-family: Open Sans,sans-serif !important;
    outline: none !important;
}
.fileuploaderBtn:hover {
    background-color: #f7f7f7 !important;
    text-decoration: underline;
}
.ui-grid-viewport{
    overflow-anchor: none;
}
/*Forms attachments/upload button styling*/

.pdfform-form-print .pds-input-radio {
    border: none !important;
    margin: -8px 5px 5px 0px !important;
}