* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body, form {
    color: #333333;
    font-family: Arial, Helvetica;
    font-size: 10pt;
    margin: 0px;
}

Legend {
    font-size: 13px;
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    display: block;
    height: 1px;
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    width: 100%;
}

TD, FONT, div {
    font-size: 10pt;
}

TH {
    background-color: #DDD9C4;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
}

FIELDSET {
    border: 1px solid #cccccc;
    padding: 5px;
}

/*img {
    border: 0px;
    vertical-align: middle;
}*/



input[type="text"], select {
    min-height: 30px;
}

:-ms-input-placeholder {
    color: #bbbbbb;
    text-overflow: ellipsis;
}

input[placeholder] {
    font-family: FontAwesome, Arial, Helvetica;
    text-overflow: ellipsis;
}

input, select, textarea {
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #CCCCCC;
    /*-webkit-box-shadow: 0px 2px 2px #ccc inset;
     -ms-border-radius: 4px;
   -ms-box-shadow: 0px 2px 2px #ccc inset;
    box-shadow: 0px 2px 2px #ccc inset;
    background-color: #fff;*/
}

    input[type=checkbox], input[type=radio], input[type=file] {
        margin: 5px;
        padding: 0px;
        border: 0px;
        /*-webkit-box-shadow: 0 0;
        -ms-box-shadow: 0 0;
        box-shadow: 0 0;*/
    }

.search, .ac_input {
    /*padding-left: 20px;
    height: 30px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: #FFFFFF url("../../resources/icons/search.gif") no-repeat;
    -ms-background-size: 12px 12px;
    background-size: 12px 12px;
    background-position: 5px 8px, center;*/
}

/*::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
    color: gray;
}*/

Select /*Do not remove the font-size tag*/ {
    font-size: 10pt;
}


.MenuBackground {
    background-color: #ecebe4;
    border-top: 1px solid #999966; /* Thicker bottom border */
    /*padding-top: 5px;*/ /* Reduce by 2 px to accomodate thicker bottom border */
}

.tabs {
    -khtml-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    background: #7293d3 url(../../resources/images/TabsBackground.png) 50% 50% repeat-x;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #ffffff;
    line-height: 16px;
    text-decoration: none;
    text-transform: capitalize;
}

    .tabs a, .tabs a:link, .tabs a:active, .tabs a:visited {
        color: #FFFFFF;
    }

    .tabs img {
        vertical-align: top;
    }

    .tabs a:hover {
        color: #333333;
        text-decoration: none;
    }

.tabsHeader {
    background: #ecebe4;
    border: solid 1px #cccccc;
    color: #333333;
    margin: 10px 0px 0px 0px;
}

.tabsExternalHeader {
    background-color: #ecebe4;
    border: 1px solid Crimson;
    color: #333333;
    margin: 10px 0px 0px 0px;
}

.tabs2 {
    /*BACKGROUND-COLOR: #666666;     COLOR: #ffffff;*/
    border-bottom: 1px solid #333333;
    font-weight: bold;
}
/*Used on Login Pages*/

.tabs3 {
    background-color: #1a50b8;
    color: #ffffff;
    font-weight: bold;
    line-height: 18px;
    text-decoration: none;
}

    .tabs3 a, .tabs3 a:link, .tabs3 a:active, .tabs3 a:visited {
        color: #FFFFFF;
    }

.menu-styling {
    width: 220px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.draft {
    font-weight: bold;
    color: #ff0000;
}

/*Grid View Sort Header Style  */

.sortascheaderstyle {
    background-color: #8dbdd8;
    background-image: url(../../resources/icons/ArrowAsc.gif);
    background-position: center right;
    background-repeat: no-repeat;
}

.sortdescheaderstyle {
    background-color: #8dbdd8;
    background-image: url(../../resources/icons/ArrowDesc.gif);
    background-position: center right;
    background-repeat: no-repeat;
}

.alternatelist {
    background-color: #ecebe4;
}

.alternatelistbold {
    background-color: #ecebe4;
    font-weight: bold;
}
/*Used in Default Part Order*/

.GridViewFooter {
    /*background-color: #cccccc;
    border: solid 2px #ffffff;
    border-top: solid 2px #333333;*/
    font-weight: bold;
}

.titles { /*Temporary substitute fo H4*/
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    /*color: #1A50B8;
    font-size: 10pt;
    font-weight: bold;*/
}

.header {
    color: #333333;
    font-size: 24px;
    /*font-weight: bold;*/
}

.header10pt {
    color: #666666;
    font-size: 10pt;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
}

.header11pt {
    /*color: #666666;*/
    color: #000;
    font-size: 11pt;
    /*font-weight: bold;*/
}

.example {
    color: #999999;
    font-weight: normal;
}

.footer {
    color: #666666;
    font-size: 8pt;
}

.logo2 {
    color: #1a50b8;
    font-size: 11pt;
    font-weight: bold;
}

.bold {
    font-weight: bolder;
}

.grayBG {
    background-color: #D3D3D3;
}

.Note {
    background-color: #FFFFDF;
    color: gray;
}

.required {
    background-color: #F0F8FF;
}

.required-symbol:after {
    content: " *";
    color: red;
    font-size: 10pt;
}
/* used for Budget Columns #ffffe0*/

.highlight {
    background-color: #CAE4FF;
    border-bottom: 1px solid #FFFFFF;
}

.nav /* used for Subcontract Navigation*/ {
    color: #CC6600;
}

Select.required {
    background-color: #F0F8FF;
    border: 1px solid #CCCCCC;
    font-size: 10pt;
}

.TableBorder {
    border: 1px solid #CCCCCC !important;
    *border-collapse: collapse; /*Do not remove this tag.  The star is ignored by IE, making this property valid.*/
}


.PBBefore {
    page-break-before: always;
}

/* Begin Schedule Calendar CSS */

.dayOfWeek {
    background-color: #333333;
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    font-size: 10pt;
}

.calendarText {
    border: 1px solid #cccccc; /* border-right-color: #ffffff; */
}

.calendarHolidayText {
    background-color: #D3D3D3;
    border: 1px solid #CCCCCC;
    border-right-color: #ffffff;
}

.taskText {
    background-color: #FFFFF0;
    border: 1px solid #666666;
    font-size: 10px;
    margin: 0px;
    padding: 0px;
}
/* End Schedule Calendar CSS */

.disabled {
    color: #a9a9a9;
    text-decoration: line-through;
}

    .disabled A, .disabled A:active, .disabled A:link, .disabled A:visited, .disabled A:hover {
        color: #a9a9a9;
    }


/* Whiz Bang editing with hidden post notification message */

.HiddenPost {
    background: #FFFFCC;
    border: 1px solid black;
    border-left: 10px solid red;
    margin-top: -20px;
    padding: 10px;
    position: absolute;
}

.hint {
    font-size: 10px;
    font-style: italic;
    height: 18px;
    text-align: center;
}

.help {
    border-bottom: 1px Green dotted;
}

/* start of CSS for editable dropdown box */

.selectBoxArrow {
    float: left;
    margin-top: 0px;
    position: absolute;
    right: 0px;
}

.selectBoxInput {
    border: 0px;
    height: 16px;
    left: 0px;
    padding-left: 1px;
    position: absolute;
    top: 0px;
}

.selectBox {
    border: 1px solid #7f9db9;
    height: 20px;
}

.selectBoxOptionContainer {
    background-color: #FFF;
    border: 1px solid #7f9db9;
    height: 100px;
    left: -1px;
    overflow: auto;
    position: absolute;
    top: 20px;
    visibility: hidden;
}

.selectBoxAnOption {
    cursor: default;
    font-family: arial;
    font-size: 10pt;
    margin: 1px;
    overflow: hidden;
    white-space: nowrap;
}
/* end of CSS for editable dropdown box */

.error {
    color: Red;
    font-weight: bold;
}

.success {
    color: Green;
    font-weight: bold;
}

.warning {
    color: Orange;
    font-weight: bold;
}

.higlightLink {
    font-size: 10pt;
    font-weight: bold;
    text-decoration: underline;
}

.highlighterror {
    background-color: #F0F8FF;
    border: 2px dotted red;
    border-style: dashed;
}

.highlightradio {
    color: Green;
    font-size: 10pt;
    font-weight: Bold;
}

.readonly {
    color: #696969;
}

td.PagerCell {
    padding: 4px;
}

td.SelectedPagerCell {
    font-size: 10pt;
    font-weight: bold;
    padding: 4px;
    text-decoration: underline;
}

span.SelectedPagerCell {
    font-size: 10pt;
    font-weight: bold;
    padding: 4px;
    text-decoration: underline;
}

.currency /*Used in Budget_MaintainItem.asp*/ {
    color: #008000;
    font-size: 11pt;
    font-weight: bold;
}

/*End of CreativePopup specific code*/

.prevent-click {
    pointer-events: none;
    cursor: default;
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}


/*Styles below make the table borders for log repeaters */
#tblItemsList > tbody > tr > td, #tblItemsList > tbody > tr > th, .tblItemsList > tbody > tr > td, .tblItemsList > tbody > tr > th, .tblItemsList > thead > tr > th {
    border: 1px solid #ddd;
    empty-cells: show;
    padding: 7px;
    vertical-align: top;
    white-space: nowrap;
}

#tblDetails > tbody > tr > td, #tblDetails > tbody > tr > th, .tblDetails > tbody > tr > td, .tblDetails > tbody > tr > th, .tblDetails > thead > tr > th {
    border: 1px solid #ddd;
    empty-cells: show;
    padding: 7px;
    vertical-align: top;
}



/*End Styles below make the table borders for log repeaters */

/*Budget Module Styles*/

.BudgetList td {
    border: 1px solid #cccccc;
    empty-cells: show;
    padding: 3px;
    text-align: right;
    white-space: nowrap;
}

.BudgetList tr {
    background-color: #ecebe4;
}

.BudgetList th {
    border: 1px solid #cccccc;
    empty-cells: show;
    padding: 3px;
}

.BudgetLetters td {
    text-align: center; /*Center Aligns Column letters*/
}

.BudgetList INPUT[type="text"] {
    text-align: right;
    width: 60px;
}

.BudgetList img {
    vertical-align: middle;
}

.NonNumber {
    color: #000099;
    cursor: hand;
    text-align: left !important;
    white-space: normal !important;
    width: 50%;
}

    .NonNumber:hover { /*text-decoration: underline;*/
    }

.BudgetHeader td {
    background: #EDEDED; /*background: #e6e6e6 url(../../resources/images/ui-bg_e6e6e6_1x100.png) 50% 50% repeat-x;*/
    border-top: 2px solid #666666;
    font-weight: bold;
    height: 20px;
}

.BudgetFooter td {
    background: #e6e6e6; /*background: #e6e6e6 url(../../resources/images/ui-bg_e6e6e6_1x100.png) 50% 50% repeat-x;*/
    border-bottom: 1px solid #666666;
    border-top: 4px solid #666666;
    color: #555555;
    font-weight: bold;
}
.BudgetItemHeader td {
    background: #ffd08b; /*background: #e6e6e6 url(../../resources/images/ui-bg_e6e6e6_1x100.png) 50% 50% repeat-x;*/
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #555555;
    font-weight: bold;
}


/*.BudgetItemHeader {
    background: #FFD760 url(../../resources/images/ui-bg_FF9E0D_1x100.png) 50% 50% repeat-x;
}*/

.HighlightTotal {
    font-weight: bold;
}

.EditPanel tr td, .EditPanel tr:first-child td {
    border-style: dotted;
    font-weight: bold;
    text-align: left !important;
}

/*End Of Styles used in Budget Module*/

/*Style for making div tag as table in MM Module*/
.divTable {
    display: table;
    background-color: #ecebe4;
    width: 100%;
}

.divRow {
    display: table-row;
    padding-left: 10px;
    padding-right: 10px;
}

.divHeading {
    display: table-cell;
    border: 1px solid lightgray;
    background-color: #DDD9C4;
    border-width: thin;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 5px;
    empty-cells: show;
}

.divCell {
    display: table-cell;
    border: 1px solid lightgray;
    border-width: thin;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 5px;
    empty-cells: show;
}
/*End of Style for making div tag as table in MM Module*/

/*Style for loading image showing at center of the page */

#overlay {
    background-color: rgba(0, 0, 0, 0.2);
    color: #333;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 400;
    width: 100%;
    height: 100%;
    display: none;
}

#loading {
    background: url(../../Resources/Icons/Indicator_Loading_small.gif) no-repeat center 15% #fff;
    border: 1px solid #cccccc;
    border-radius: 8px;
    font: normal 16px Tahoma, Geneva, sans-serif;
    left: 50%;
    overflow: auto;
    padding: 20px;
    padding-top: 30px;
    position: fixed;
    text-align: center;
    top: 50%;
    z-index: 401;
}

.loading-no-indicator {
    background: #fff !important;
    padding-top: 20px !important;
}

.NavLinks {
    height: 18px;
    vertical-align: bottom;
}

.Total {
    border-top: 1px solid #cccccc !important;
    font-weight: bold;
    padding: 3px;
    text-align: right;
    white-space: nowrap;
}

/*Style for watermark text displayed in input boxes */

.watermark {
    color: #bbbbbb;
    font-size: .9em !Important;
}

.Hidden {
    Display: none;
}

/* CSS governing 'Floating Notification Box' */
/*
Suhendra Utet 11.9.2011
'Floating Notification Box' is box that will float and can be positioned across the site to serves as notification and show information to users.
Use triangle from border to create arrow: http://jonrohan.me/guide/css/creating-triangles-in-css/
*/

.floatingNotificationBoxSmall {
    -khtml-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    background-color: #FFFFE6;
    border: 2px solid #999999;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: none;
    font-size: 11px;
    height: 48px;
    line-height: 15px;
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 110px;
    z-index: 1000;
}

.floatingNotificationBoxSmall-arrow {
    border-style: solid;
    border-width: 10px;
    height: 0;
    position: absolute;
    width: 0;
}

.floatingNotificationBoxSmall-right-arrow-border {
    border-color: transparent transparent transparent #999999;
    right: -21px;
    top: 18px;
}

.floatingNotificationBoxSmall-right-arrow {
    border-color: transparent transparent transparent #FFFFE6;
    right: -18px;
    top: 18px;
}

.floatingNotificationBoxSmall-left-arrow-border {
    border-color: transparent #999999 transparent transparent;
    left: -21px;
    top: 18px;
}

.floatingNotificationBoxSmall-left-arrow {
    border-color: transparent #FFFFE6 transparent transparent;
    left: -18px;
    top: 18px;
}

.floatingNotificationBoxSmall-bottom-arrow-border {
    border-color: #999999 transparent transparent transparent;
    bottom: -21px;
    left: 50px;
}

.floatingNotificationBoxSmall-bottom-arrow {
    border-color: #FFFFE6 transparent transparent transparent;
    bottom: -18px;
    left: 50px;
}

.floatingNotificationBoxSmall-top-arrow-border {
    border-color: transparent transparent #999999 transparent;
    left: 50px;
    top: -21px;
}

.floatingNotificationBoxSmall-top-arrow {
    border-color: transparent transparent #FFFFE6 transparent;
    left: 50px;
    top: -18px;
}

/*To highlight row if checkbox is selected */

.normallisthighlighted, .alternatelisthighlighted {
    /*background: #DDECF7 url(../../resources/images/ui-bg_DDECF7_1x100.png) 50% 50% repeat-x;*/
    background-color: #DDECF7;
}
/*End highlight row*/

.normallist {
    background-color: #ffffff !important;
}
/* used in Jquery.ProjectmatesUtil.js to highlight row when selected by clicking on an hyperlink*/

.highlight2Bold {
    /*background: #FFDE7B url(../../resources/images/ui-bg_FFD351_1x100.png) 50% 50% repeat-x;*/
    background-color: #ffffcc !important;
    /*border-bottom: 1px solid #FFFFFF;*/
    /*font-weight: bold;*/
}



.fieldset {
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    /*background-color: rgb(238, 236, 225);*/
    border: 1px #cccccc solid;
    border-radius: 8px;
    padding: 5px;
    margin: 10px;
    /*background: #FFDE7B url(../../resources/images/ui-bg_FFD351_1x100.png) 50% 50% repeat-x;
    background-color:rgb(238, 236, 225);*/
}

.legend {
    background-color: rgb(238, 236, 225);
    display: inline-block;
    font-style: oblique;
    padding: 0px 5px;
    position: relative;
    top: -8px;
}



/****CUSTOM FONTS from ICOMOON to augment FontAwesome*****/
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?-ywvd1p');
    src: url('fonts/icomoon.eot?#iefix-ywvd1p') format('embedded-opentype'), url('fonts/icomoon.woff?-ywvd1p') format('woff'), url('fonts/icomoon.ttf?-ywvd1p') format('truetype'), url('fonts/icomoon.svg?-ywvd1p#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: .8;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-coin:before {
    content: "\e63d";
}

.icon-spinner:before {
    content: "\e63e";
}

.icon-spinner2:before {
    content: "\e63f";
}

.icon-spinner3:before {
    content: "\e640";
}

.icon-spinner4:before {
    content: "\e641";
}

.icon-spinner5:before {
    content: "\e642";
}

.icon-spinner6:before {
    content: "\e643";
}

.icon-spinner7:before {
    content: "\e644";
}

.icon-spinner8:before {
    content: "\e645";
}

.icon-spinner9:before {
    content: "\e646";
}

.icon-spinner10:before {
    content: "\e647";
}

.icon-spinner11:before {
    content: "\e648";
}

.icon-spinner12:before {
    content: "\e649";
}

.icon-alarm:before {
    content: "\e600";
}

.icon-alarm2:before {
    content: "\e601";
}

.icon-bars:before {
    content: "\e64a";
}

.icon-bars-horizontal:before {
    content: "\e602";
}

.icon-bars2:before {
    content: "\e603";
}

.icon-bars3:before {
    content: "\e604";
}

.icon-bars4:before {
    content: "\e605";
}

.icon-bars5:before {
    content: "\e606";
}

.icon-bars6:before {
    content: "\e607";
}

.icon-chart:before {
    content: "\e64b";
}

.icon-funnel:before {
    content: "\e64c";
}

.icon-bell:before {
    content: "\e608";
}

.icon-clock:before {
    content: "\e609";
}

.icon-clock2:before {
    content: "\e60a";
}

.icon-dashboard:before {
    content: "\e60b";
}

.icon-fire:before {
    content: "\e60c";
}

.icon-meter:before {
    content: "\e60d";
}

.icon-meter2:before {
    content: "\e60e";
}

.icon-meter-fast:before {
    content: "\e60f";
}

.icon-meter-medium:before {
    content: "\e610";
}

.icon-meter-slow:before {
    content: "\e611";
}

.icon-office:before {
    content: "\e612";
}

.icon-pie:before {
    content: "\e613";
}

.icon-pie2:before {
    content: "\e614";
}

.icon-pie3:before {
    content: "\e615";
}

.icon-pie4:before {
    content: "\e616";
}

.icon-pie5:before {
    content: "\e617";
}

.icon-pie6:before {
    content: "\e618";
}

.icon-pie7:before {
    content: "\e619";
}

.icon-pyramid:before {
    content: "\e61a";
}

.icon-pyramid2:before {
    content: "\e61b";
}

.icon-stats:before {
    content: "\e61c";
}

.icon-stats2:before {
    content: "\e61d";
}

.icon-stats3:before {
    content: "\e61e";
}

.icon-stats-down:before {
    content: "\e61f";
}

.icon-stats-up:before {
    content: "\e620";
}

.icon-stopwatch:before {
    content: "\e621";
}

.icon-table:before {
    content: "\e622";
}

.icon-table2:before {
    content: "\e623";
}

.icon-user:before {
    content: "\e624";
}

.icon-user2:before {
    content: "\e625";
}

.icon-user3:before {
    content: "\e626";
}

.icon-user4:before {
    content: "\e627";
}

.icon-user5:before {
    content: "\e628";
}

.icon-user6:before {
    content: "\e629";
}

.icon-user7:before {
    content: "\e62a";
}

.icon-user8:before {
    content: "\e62b";
}

.icon-user-block:before {
    content: "\e62c";
}

.icon-user-block2:before {
    content: "\e62d";
}

.icon-user-cancel:before {
    content: "\e62e";
}

.icon-user-cancel2:before {
    content: "\e62f";
}

.icon-user-minus:before {
    content: "\e630";
}

.icon-user-minus2:before {
    content: "\e631";
}

.icon-user-minus3:before {
    content: "\e632";
}

.icon-user-plus:before {
    content: "\e633";
}

.icon-user-plus2:before {
    content: "\e634";
}

.icon-user-plus3:before {
    content: "\e635";
}

.icon-users:before {
    content: "\e636";
}

.icon-users2:before {
    content: "\e637";
}

.icon-users3:before {
    content: "\e638";
}

.icon-users4:before {
    content: "\e639";
}

.icon-users5:before {
    content: "\e63a";
}

.icon-vcard:before {
    content: "\e63b";
}

.icon-hard-hat:before {
    content: "\e63c";
}

.icon-diamonds:before {
    content: "\e64d";
}



/****END CUSTOM FONTS*********/


/*Colors*/
.white {
    color: white;
}

.red {
    color: firebrick;
}

.orange {
    color: orange;
}

.blue {
    color: blue;
}

.green {
    color: green;
}

.beige {
    color: #f5f5dc;
}

.gray {
    color: gray;
}

.goldenrod, .goldenrold {
    color: goldenrod;
}

.black {
    color: black;
}

.brown {
    color: rgb(96, 35, 35);
}

.light-blue {
    color: cornflowerblue;
}

.light-gray {
    color: lightgrey;
}

.teal {
    color: teal;
}

.yellow {
    color: yellow;
}

.pmlogo {
    color: rgb(199, 46, 46);
}



.pm-link-highlight, .pm-link-highlight a:visited {
    color: red !important;
}

.pm-cursor-pointer {
    cursor: pointer;
}

.pm-btn-top {
    padding: 5px 15px;
}

.pm-tab-top {
    padding: 10px 15px;
    -ms-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.pm-wrap {
    white-space: normal !important;
}

.pm-wrap-no {
    white-space: nowrap !important;
}

.pm-wrap-cells td {
    white-space: nowrap !important;
}


/*.pm-page-padding {
    padding: 30px 30px 30px 60px;
}*/

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
    .pm-page-padding {
        padding: 30px 30px 30px 60px;
    }
}



.pm-inline-block {
    display: inline-block !important;
}

.pm-center-block {
    width: 50%;
    margin: 0 auto;
}

.pm-align-bottom {
    vertical-align: bottom !important;
}

.pm-align-top {
    vertical-align: top !important;
}

.pm-hidden {
    display: none;
}

.pm-navlinks {
    padding: 10px;
}

.pm-table-footer td {
    border-top: 2px solid #999999 !important;
    font-weight: bold;
    text-align: right;
}

.pm-table-align-right td, .pm-table-align-right input[type="text"] {
    text-align: right;
}

.pm-table-userrights td, .pm-table-userrights th {
    white-space: nowrap;
    text-align: center;
}

.pm-table-userrights tr td:first-child, .pm-table-userrights tr th:first-child {
    white-space: nowrap;
    text-align: left;
}

.pm-table-userrights th {
    white-space: normal !important;
}

.pm-min-width {
    -moz-min-width: 650px;
    -ms-min-width: 650px;
    -o-min-width: 650px;
    -webkit-min-width: 650px;
    min-width: 650px;
}

/*.pm-standard-width {
    width: 750px !important;
}*/

.pm-site-theme {
    background-color: #D9534F !important;
}

.pm-modal-header {
    padding-top: 0;
    padding-bottom: 10px;
}

/* MRS...
    this class is created to make action buttons fixed in the bottom
    in the long pages so users won't have to scroll all the way to the bottom 
    after selecting the desired items.'*/
.pm-fixed-bottom {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 100;
    background-color: #fff;
    background-color: rgba(207, 207, 207, 0.5);
}

/*Used in jQuery.fn.stickyNavigationto make the action buttons stick to bottom, or rows to top.  DO NOT DELETE*/
.pm-sticky-navigation, .pm-sticky-table, .pm-sticky-row {
}

.pm-panel-extend, .panel-default {
    display: table;
    width: 100%;
}


.pm-table > tbody > tr > td, .tblItemsList > tbody > tr > th, .tblItemsList > thead > tr > th {
    empty-cells: show;
    padding: 5px;
    vertical-align: top;
    white-space: nowrap;
}

.pm-clip-ellipse {
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
}

.pm-fileInColumn2-content
{      
    width:200px;
}
.pm-fileAttachments-download {

}
.bootbox-body {
    font-size: 14px;
}
.bootbox h5 {
    font-size: 18px;
}


/* a new class added to extend  the panel for bigger tables---ipad only
@media only screen and (min-device-width : 0px) and (max-device-width : 1024px) {
    .pm-panel-extend {
        display: table;
    }
}*/
@media print {
    a[href]:after {
        content: none !important;
    }
}

@media only screen and (min-width : 0) and (max-width : 799px) {
    .HideOnSmallDevice {
        display: none;
    }
}