::-moz-selection {
    background: #1f7030;
    color: #fff
}

::selection {
   /* background: #1f7030;
    color: #fff*/
}

@font-face {
    font-family: 'DHCRServices';
    src: url('../DHCCFonts/DHCRServices.eot?9pbqhd');
    src: url('../DHCCFonts/DHCRServices.eot?9pbqhd#iefix') format('embedded-opentype'),url('../DHCCFonts/DHCRServices.ttf?9pbqhd') format('truetype'),url('../DHCCFonts/DHCRServices.woff?9pbqhd') format('woff'),url('../DHCCFonts/DHCRServices.svg?9pbqhd#DHCRServices') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],[class*=" icon-"] {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-Exel-download,.icon-fast-bakward-double-right-arrows,.icon-fast-forward-double-right-arrows,.icon-aid,.icon-experience,.icon-general,.icon-medicalequipment,.icon-premise,.icon-stakeholders,.icon-pencil,.icon-info,.icon-info-large,.icon-floppy,.icon-Comments,.icon-Companylegalstructure,.icon-Courier,.icon-floppy-disk,.icon-Reservedlocation,.icon-Terms,.icon-license,.icon-cancel-circle,.icon-expand-circle,.icon-add-plus-button,.icon-bell,.icon-book,.icon-business,.icon-calendar,.icon-checked-mark,.icon-circle,.icon-Companylegalstructure2,.icon-cross-out,.icon-delete2,.icon-delete-photo,.icon-collapse-arrow,.icon-eye2,.icon-file,.icon-folder,.icon-home,.icon-icon,.icon-interface,.icon-interface-1,.icon-magnifying-glass,.icon-medical,.icon-medical-1,.icon-medical-stethoscope-variant,.icon-money,.icon-multimedia,.icon-music,.icon-pdf-file-format,.icon-edit-pen,.icon-cross,.icon-arrow-down,.icon-pps-file-format,.icon-profile,.icon-Reserved-location,.icon-collapse-circle,.icon-time,.icon-xlsx-file-format,.icon-expand-arrow,.icon-arrow-up,.icon-circle-close-delete-remove-glyph,.icon-success,.icon-warning,.icon-Attachment,.icon-Company-Management,.icon-Externa_Approval,.icon-Proposed-Optional-Names,.icon-picture-file-format,.icon-docx-file-format,.icon-jpg-file-format,.icon-mp4-file-format,.icon-png-file-format,.icon-xml-file-format,.icon-zip-file-format,.icon-hide,.icon-show,.icon-down-double-arrows,.icon-up-double-arrows,.icon-megaphone,.icon-download,.icon-signing-the-contract,.icon-play-button,.icon-clock-circular-outline,.icon-left-arrow,.icon-right-arrows,.icon-arrows,.icon-chatStroked,.icon-download2,.icon-left-arrow2,.icon-right-arrow,.icon-dowloadArrow,.icon-rubber-stamp,.icon-people,.icon-school,.icon-school-1,.icon-workspace,.icon-surgeon-wearing-uniform,.icon-list-Professionals,.icon-refresh,.icon-refresh-1,.icon-spinner,.icon-eye,.icon-eye-blocked,.icon-announcement,.icon-long-Bottom-arrow,.icon-long-right-arrow,.icon-payment,.icon-dollar,.icon-receipt,.icon-finance,.icon-download-arrow,.icon-wood-fence,.icon-parking,.icon-shape,.icon-health-clinic,.icon-left-arrow-carousel,.icon-right-arrow-carousel,.icon-circle-close,.icon-circle-close-delete-remove-outline-stroke,.icon-plot,.icon-zoom-in2,.icon-zoom-out,.icon-zoom-in,.icon-merge {
    font-family: 'DHCRServices' !important
}

.icon-merge:before {
    content: ""
}

.icon-plot:before {
    content: ""
}

.icon-Exel-download:before {
    content: ""
}

.icon-fast-bakward-double-right-arrows:before {
    content: ""
}

.icon-fast-forward-double-right-arrows:before {
    content: ""
}

.icon-aid:before {
    content: ""
}

.icon-experience:before {
    content: ""
}

.icon-general:before {
    content: ""
}

.icon-medicalequipment:before {
    content: ""
}

.icon-premise:before {
    content: ""
}

.icon-stakeholders:before {
    content: ""
}

.icon-pencil:before {
    content: ""
}

.icon-info:before {
    content: ""
}

.icon-info-large:before {
    content: ""
}

.icon-floppy:before {
    content: ""
}

.icon-Comments:before {
    content: ""
}

.icon-Companylegalstructure:before {
    content: ""
}

.icon-Courier:before {
    content: ""
}

.icon-floppy-disk:before {
    content: ""
}

.icon-Reservedlocation:before {
    content: ""
}

.icon-Terms:before {
    content: ""
}

.icon-license:before {
    content: ""
}

.icon-cancel-circle:before {
    content: ""
}

.icon-expand-circle:before {
    content: ""
}

.icon-add-plus-button:before {
    content: ""
}

.icon-bell:before {
    content: ""
}

.icon-book:before {
    content: ""
}

.icon-business:before {
    content: ""
}

.icon-calendar:before {
    content: ""
}

.icon-checked-mark:before {
    content: ""
}

.icon-circle:before {
    content: ""
}

.icon-Companylegalstructure2:before {
    content: ""
}

.icon-cross-out:before {
    content: ""
}

.icon-delete2:before {
    content: ""
}

.icon-delete-photo:before {
    content: ""
}

.icon-collapse-arrow:before {
    content: ""
}

.icon-eye2:before {
    content: ""
}

.icon-file:before {
    content: ""
}

.icon-folder:before {
    content: ""
}

.icon-home:before {
    content: ""
}

.icon-icon:before {
    content: ""
}

.icon-interface:before {
    content: ""
}

.icon-interface-1:before {
    content: ""
}

.icon-magnifying-glass:before {
    content: ""
}

.icon-medical:before {
    content: ""
}

.icon-medical-1:before {
    content: ""
}

.icon-medical-stethoscope-variant:before {
    content: ""
}

.icon-money:before {
    content: ""
}

.icon-multimedia:before {
    content: ""
}

.icon-music:before {
    content: ""
}

.icon-pdf-file-format:before {
    content: ""
}

.icon-edit-pen:before {
    content: ""
}

.icon-cross:before {
    content: ""
}

.icon-arrow-down:before {
    content: ""
}

.icon-pps-file-format:before {
    content: ""
}

.icon-profile:before {
    content: ""
}

.icon-Reserved-location:before {
    content: ""
}

.icon-collapse-circle:before {
    content: ""
}

.icon-time:before {
    content: ""
}

.icon-xlsx-file-format:before {
    content: ""
}

.icon-expand-arrow:before {
    content: ""
}

.icon-arrow-up:before {
    content: ""
}

.icon-circle-close-delete-remove-glyph:before {
    content: ""
}

.icon-success:before {
    content: ""
}

.icon-warning:before {
    content: ""
}

.icon-Attachment:before {
    content: ""
}

.icon-Company-Management:before {
    content: ""
}

.icon-Externa_Approval:before {
    content: ""
}

.icon-Proposed-Optional-Names:before {
    content: ""
}

.icon-picture-file-format:before {
    content: ""
}

.icon-docx-file-format:before {
    content: ""
}

.icon-jpg-file-format:before {
    content: ""
}

.icon-mp4-file-format:before {
    content: ""
}

.icon-png-file-format:before {
    content: ""
}

.icon-xml-file-format:before {
    content: ""
}

.icon-zip-file-format:before {
    content: ""
}

.icon-hide:before {
    content: ""
}

.icon-show:before {
    content: ""
}

.icon-down-double-arrows:before {
    content: ""
}

.icon-up-double-arrows:before {
    content: ""
}

.icon-megaphone:before {
    content: ""
}

.icon-download:before {
    content: ""
}

.icon-signing-the-contract:before {
    content: ""
}

.icon-play-button:before {
    content: ""
}

.icon-clock-circular-outline:before {
    content: ""
}

.icon-left-arrow:before {
    content: ""
}

.icon-right-arrows:before {
    content: ""
}

.icon-arrows:before {
    content: ""
}

.icon-chatStroked:before {
    content: ""
}

.icon-download2:before {
    content: ""
}

.icon-left-arrow2:before {
    content: ""
}

.icon-right-arrow:before {
    content: ""
}

.icon-dowloadArrow:before {
    content: ""
}

.icon-rubber-stamp:before {
    content: ""
}

.icon-people:before {
    content: ""
}

.icon-school:before {
    content: ""
}

.icon-school-1:before {
    content: ""
}

.icon-workspace:before {
    content: ""
}

.icon-surgeon-wearing-uniform:before {
    content: ""
}

.icon-list-Professionals:before {
    content: ""
}

.icon-refresh:before {
    content: ""
}

.icon-refresh-1:before {
    content: ""
}

.icon-spinner:before {
    content: ""
}

.icon-eye:before {
    content: ""
}

.icon-eye-blocked:before {
    content: ""
}

.icon-announcement:before {
    content: ""
}

.icon-long-Bottom-arrow:before {
    content: ""
}

.icon-long-right-arrow:before {
    content: ""
}

.icon-payment:before {
    content: ""
}

.icon-dollar:before {
    content: ""
}

.icon-receipt:before {
    content: ""
}

.icon-finance:before {
    content: ""
}

.icon-download-arrow:before {
    content: ""
}

.icon-wood-fence:before {
    content: ""
}

.icon-parking:before {
    content: ""
}

.icon-shape:before {
    content: ""
}

.icon-health-clinic:before {
    content: ""
}

.icon-left-arrow-carousel:before {
    content: ""
}

.icon-right-arrow-carousel:before {
    content: ""
}

.icon-circle-close:before {
    content: ""
}

.icon-circle-close-delete-remove-outline-stroke:before {
    content: ""
}

.icon-zoom-in2:before {
    content: ""
}

.icon-zoom-out:before {
    content: ""
}

.icon-zoom-in:before {
    content: ""
}

.WorkspaceHomeContent {
    padding: 15px 0 30px
}

.WorkspaceInnerContent {
    padding: 0 0 30px
}

.workspaceHomeContent .emptyContent {
    border: 1px solid #e5e5e5;
    width: 100%!important;
    box-sizing: border-box
}

.userNav {
    background-color: #efefef;
    min-height: 65px;
    display: none;
    visibility: hidden
}

.workspaceLeftNav {
    transition: all .5s ease;
    overflow: hidden
}

.closeLeftNav {
    width: 30px;
    height: 22px;
    background-color: #2a7834;
    position: absolute;
    z-index: 1;
    transition: all .5s ease;
    top: 53px;
    border-radius: 4px 4px 0 0;
    color: #fff!important;
    left: 0!important
}

.closeLeftNav:hover {
    text-decoration: none
}

.closeLeftNav:before {
    line-height: 25px;
    padding: 8px 11px;
    font-size: 11px
}

.closeLeftNav.closed:before {
    color: #fff;
    padding: 11px
}

.closeLeftNav.closed {
    background-color: #1f7030
}

.closeLeftNavRes {
    width: 15px;
    height: 20px;
    top: 44px;
    left: 0;
    display: none;
    position: absolute;
    color: #fff!important;
    padding: 8px 8px 0;
    background-color: #96c854
}

.closeLeftNavRes:hover,.closeLeftNavRes:focus,.closeLeftNavRes:active {
    text-decoration: none;
    outline: none;
    background: #1f7030
}

.closeLeftNavRes:before {
    padding: 0
}

.contentNav {
    transition: all .5s ease;
    background-color: transparent!important
}

.hide {
    width: 0
}

.hide .workspaceLeftNavContent {
    display: none
}

#mainContent.workspace {
    padding: 0;
    margin-bottom: 20px
}

.hidden {
    display: none!important
}

.visible {
    display: block!important
}

.outerLevel {
    color: #fff;
    margin-bottom: 35px;
    margin-top: 50px
}

.outerLevel h2 {
    background: -webkit-linear-gradient(45deg,#1f7030 0,#96c854 100%);
    background: linear-gradient(45deg,#1f7030 0,#96c854 100%);
    padding: 24px 10px 23px 20px;
    font-size: 1em
}

.outerLevel h2 span {
    background: #f00;
    font-size: .814em;
    border-radius: 15px;
    display: block;
    padding: 2px 5px 0;
    text-align: center;
    float: right;
    height: 19px;
    width: 25px
}

.innerLevel {
    background: #ddd;
    padding: 0;
    margin-bottom: 0
}

.innerLevel a {
    color: #000;
    opacity: .8
}

.innerLevel a:hover,.innerLevel a:focus,.innerLevel a:active {
    text-decoration: none
}

.innerLevel li {
    border-bottom: 1px solid #96c854;
    padding: 16px 10px 16px 20px
}

.innerLevel li .title {
    font-size: .9em
}

.innerLevel span:before {
    padding-right: 7px;
    font-size: 11px
}

.innerLevel .icon-fast-forward-double-right-arrows:before {
    content: '';
    border-width: 0 0 8px 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #494949 transparent;
    padding: 0;
    vertical-align: top;
    margin: 0 8px 0 0;
    font-size: 8px
}

.innerLevel li:hover {
    background: -webkit-linear-gradient(45deg,#1f7030 0,#96c854 100%);
    background: linear-gradient(45deg,#1f7030 0,#96c854 100%)
}

.innerLevel .countCircle {
    height: 19px;
    width: 25px;
    background: #fff;
    border-radius: 15px;
    text-align: center;
    padding: 0 3px;
    font-size: .8em;
    color: #000;
    font-weight: bold;
    margin-top: 4px
}

.innerLevel .title {
    display: inline-block;
    width: 75%;
    vertical-align: top;
    text-transform: capitalize
}

.innerLevel li:hover a {
    color: #fff
}

.innerLevel li:hover .icon-fast-forward-double-right-arrows:before {
    border-color: transparent transparent #fff transparent
}

.userInfo {
    display: inline-block;
    font-size: 14px
}

.userInfo .userPic {
    height: 40px;
    width: 40px;
    border: 2px solid #fff;
    border-radius: 25px;
    display: inline-block;
    margin: 9px 10px 0;
    overflow: hidden
}

.userInfo .userPic img {
    height: 100%;
    object-fit: cover
}

.userInfo .userName {
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    vertical-align: top;
    margin-top: 20px
}

.user .notif,.user .msgs {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 15px 0
}

.user .notif .icon,.user .msgs .icon {
    color: #fff;
    font-size: 30px
}

.user .notif .num,.user .msgs .num {
    background-color: #f00;
    height: 16px;
    width: 16px;
    border-radius: 25px;
    display: block;
    position: absolute;
    top: -6px;
    right: 4px;
    color: #fff;
    text-align: center;
    font-size: .8em;
    padding: 2px
}

.summaryInner a {
    display: inline-block;
    width: 24%;
    width: -webkit-calc(33% - 70px);
    width: -moz-calc(33% - 70px);
    width: calc(33% - 70px);
    background-color: #008266;
    padding: 18px 25px;
    position: relative;
    transition: all .5s ease;
    box-shadow: 0 4px 20px 6px rgba(0,0,0,.2)
}

.summaryInner .num {
    font-size: 1.4em;
    line-height: 1em;
    display: inline-block;
    float: right;
    font-family: "oswald";
    color: #fff
}

.summaryInner .num:before {
    content: '';
    width: 1px;
    height: 55px;
    background-color: #fff;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle
}

.summaryInner .cat {
    color: #fff;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "oswald";
    font-size: 1.3em;
    text-transform: uppercase;
    vertical-align: middle;
    margin-top: 7px;
    float: left;
    width: calc(100% - 85px)
}

.summaryInner .icon {
    padding: 15px;
    width: 35px;
    font-size: 36px;
    position: absolute;
    top: -66px;
    left: calc(50% - 33px);
    background: #008266;
}
.summaryInner .icon:before {
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.summaryInner a:hover {
    text-decoration: none;
    color: #fff;
    background: #008266 !important;
}

.summaryInner a:hover .icon {
    color: #fff
}

.summaryInner a:hover .cat,.summaryInner a:hover .num {
    color: #fff
}

.summaryInner a:hover .triange {
    border-top-color: #fff
}

.summaryInner .triange {
    display: none
}

.workspaceHomeContent {
    width: 98%!important;
    width: -webkit-calc(100% - 15px)!important;
    width: -moz-calc(100% - 15px)!important;
    width: calc(100% - 15px)!important;
    margin-top: 30px;
    border-collapse: collapse
}

.workspaceHomeContent .header {
    display: table-caption;
    background-color: transparent;
    color: #fff;
}

.workspaceHomeContent .header h3 {
    min-height: 27px;
    padding: 15px 0;
    color: #008266 !important;
    margin-bottom: 0!important;
    text-transform: uppercase!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 230px;
    font-weight: bold;
    font-family: "segoeui"
}

.workspaceHomeContent .row span,.workspaceHomeContent .subHeader span {
    padding: 10px 15px
}

.workspaceHomeContent .row a,.workspaceHomeContent .subHeader a {
    padding: 15px;
    color: #444;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px
}

.workspaceHomeContent .subHeader span {
    padding: 20px 15px;
    width: 25%;
    color: #fff
}

.workspaceHomeContent .subHeader span:first-child {
    border-radius: 4px 0 0
}

.workspaceHomeContent .subHeader span:last-child {
    border-radius: 0 4px 0 0
}

.tasks .workspaceHomeContent {
    width: 100%!important
}

.tasks .workspaceHomeContent .subHeader span {
    width: 19%
}

.tasks .workspaceHomeContent .subHeader span:last-child {
    width: 8%
}

.tasks .workspaceHomeContent .subHeader span:nth-child(2) {
    width: 15%
}

.workspaceHomeContent .showAll {
    font-size: .75em!important;
    color: #008266;
    margin-top: 20px;
    font-family: arial!important
}

.workspaceHomeContent .showAll:before {
    font-size: 18px;
    margin: -3px 5px;
    font-family: 'DHCRServices' !important;
    background: #008266;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.workspaceHomeContent.myTasksHome .showAll {
    margin-right: 55px
}

.myTasksHome .icon-refresh-1,.myTasks .icon-refresh-1 {
    position: absolute;
    right: 0;
    top: 0;
    /* color: #fff; */
    font-size: 16px;
    vertical-align: middle;
    background-color: #222;
    padding: 20px 15px;
    -webkit-transition: background .5s ease-out,border .5s ease-out;
    -moz-transition: background .5s ease-out,border .5s ease-out;
    -ms-transition: background .5s ease-out,border .5s ease-out;
    -o-transition: background .5s ease-out,border .5s ease-out;
    transition: background .5s ease-out,border .5s ease-out;
    background: #008266;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.myTasks .icon-refresh-1 {
    padding: 21px 15px;
    border-radius: 0 4px 0 0
}

.myTasksHome .icon-refresh-1:hover,.myTasks .icon-refresh-1:hover {
    text-decoration: none;
    background-color: #2a9881
}

.myTasksHome .header,.myTasks .table-responsive {
    position: relative
}

.workspaceHomeContent .row,.workspaceHomeContent .subHeader {
    display: table-row;
    font-size: .8em
}

.workspaceHomeContent .subHeader {
    background-color: #008266;
}

.workspaceHomeContent .row {
    border: 0 solid #e5e5e5;
    border-top: 0
}

.workspaceHomeContent .row:hover {
    text-decoration: none
}

.workspaceHomeContent .row:nth-child(2n-1) {
    background-color: #e1e1e1
}

.workspaceHomeContent .row:nth-child(2n) {
    background-color: #efefef
}

.tasks .row p,.tasks .subHeader p {
    max-width: 170px
}

.tasks .workspaceHomeContent .row span {
    padding: 10px 15px
}

.tasks .workspaceHomeContent .waiting,.tasks .workspaceHomeContent .closed,.tasks .workspaceHomeContent .rejected,.tasks .workspaceHomeContent .draft,.tasks .workspaceHomeContent .pending,.gridStatus {
    color: #fff;
    font-size: .8em;
    padding: 4px 5px!important;
    border-radius: 3px;
    display: inline-block;
    text-align: left;
    min-width: 56px
}

.tasks .workspaceHomeContent .waiting,.tasks .workspaceHomeContent .closed,.tasks .workspaceHomeContent .rejected,.tasks .workspaceHomeContent .draft,.tasks .workspaceHomeContent .pending {
    overflow: visible;
    text-overflow: initial;
    white-space: normal
}

.requests .row p,.requests .subHeader p {
    max-width: 170px
}

.requests .workspaceHomeContent .row span {
    padding: 10px 15px
}

.requests .workspaceHomeContent .waiting,.requests .workspaceHomeContent .closed,.requests .workspaceHomeContent .rejected,.requests .workspaceHomeContent .draft,.requests .workspaceHomeContent .pending,.gridStatus {
    color: #222;
    font-size: .8em;
    padding: 4px 5px!important;
    border-radius: 3px;
    display: inline-block;
    text-align: left;
    min-width: 56px
}

.requests .workspaceHomeContent .waiting,.requests .workspaceHomeContent .closed,.requests .workspaceHomeContent .rejected,.requests .workspaceHomeContent .draft,.requests .workspaceHomeContent .pending {
    overflow: visible;
    text-overflow: initial;
    white-space: normal
}

.closed {
    background-color: #008266;
    color: #fff;
}

.rejected {
    background-color: #f46800
}

.draft {
    background-color: #a1b1be
}

.pending {
    background-color: #e8b71a
}

.waiting {
    background-color: #5381bf
}

.gridStatus {
    min-width: 90px;
    text-align: center
}

td[data-th="Payment Details"] a {
    width: 100px;
    display: inline-block
}

.colorLegendPalette {
    border: 1px dashed #ccc;
    padding-top: 20px
}

.colorLegendPalette span {
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
    line-height: 15px
}

.colorLegend {
    width: 20px;
    height: 6px;
    margin-top: 7px;
    margin-left: 20px
}

.paddTop5 {
    padding-top: 5px
}

.textLegend {
    line-height: normal
}

.colorLegendPalette .formRow>div {
    margin-bottom: 5px;
    margin-top: 5px
}

.docWallet .workspaceHomeContent .row {
    background-color: #fff
}

.docWalletInner .row span,.docWalletInner .subHeader span {
    width: 70%;
    max-width: 250px
}

.workspaceHomeContent .downloadDoc span {
    background: url(../Images/downloadIcon.png) no-repeat center;
    padding: 5px 15px!important;
    display: block;
    line-height: 1.99em
}

.workspaceHomeContent .downloadDoc:hover,.workspaceHomeContent .downloadDoc:hover:before {
    color: #008266;
}

.workspaceHomeContent .downloadDoc {
    font-size: .9em;
    text-decoration: none;
    text-align: center;
    word-break: normal
}

.gridBlocksTitle {
    width: 86%
}

.workspaceHomeContent .downloadDoc:before {
    display: block;
    font-size: 25px;
    margin-bottom: 3px;
    color: #8c8a8c
}

.workspaceHomeContent .docIcon {
    font-size: 35px;
    color: #1f7030;
    display: inline-block;
    background-color: #f3f0f2;
    height: 39px
}

.rowTitle {
    width: 100%
}

.payments .workspaceHomeContent .payNow {
    text-transform: uppercase;
    text-decoration: underline;
    color: #008165
}

.payments .workspaceHomeContent .payNow:hover {
    text-decoration: none
}

.customPager {
    background-color: #fff;
    padding: 10px
}

.customPager a {
    color: #000;
    display: inline-block;
    margin: 6px
}

.prevNext.disabled {
    color: #6d6b6b
}

.prevNext.disabled:hover {
    text-decoration: none
}

.customPager .pagination>li {
    display: inline-block
}

.customPager .pagination {
    display: block;
    padding-left: 0;
    margin: 0;
    border-radius: 0
}

.customPager .pagination>li a {
    width: 26px!important;
    height: 26px!important;
    font-size: 16px!important;
    margin: 0 8px!important;
    line-height: 21px!important
}

.customPager .pagination>li>a,.customPager .pagination>li>span {
    position: relative;
    float: none;
    padding: 0;
    border: 0!important;
    font-weight: 100!important;
    color: #656565!important
}

.customPager .pagination>li.active a,.pagination>li a:hover {
    background: #008266;
    color: #fff!important;
    border-radius: 14px!important;
    text-align: center;
    width: 26px!important;
    height: 26px!important;
    display: inline-block;
    padding-top: 3px
}

.customPager .pagination>li.pagination-prev a,.customPager .pagination>li.pagination-next a {
    font-size: 0!important;
    line-height: 0!important;
    height: 10px!important
}

.customPager .pagination>li.pagination-prev a:hover,.customPager .pagination>li.pagination-next a:hover,.customPager .pagination>li.pagination-first a:hover,.customPager .pagination>li.pagination-last a:hover {
    background-color: transparent!important;
    color: #008266 !important
}

.pagination-prev a:before,.pagination-next a:before {
    font-family: 'DHCR'!important;
    speak: none;
    font-style: normal;
    font-weight: 100;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 12px!important
}

.workspaceTopNav {
    margin-bottom: 0;
    box-sizing: border-box
}

.workspaceTopNav:after,.userNav:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.workspaceTopNav li {
    position: relative;
    list-style-type: none;
    display: inline-block;
    padding: 14px 15px;
    border-right: 1px solid #22abda;
}

.workspaceTopNav li a {
    color: #fff;
}

.workspaceTopNav .subMenu {
    background-color: #ddd
}

.workspaceTopNav .subMenu span {
    font-size: .9em;
    opacity: .8;
    display: inline-block;
    width: calc(100% - 35px);
    vertical-align: top
}

.workspaceTopNav .subMenu span.title {
    width: calc(100% - 55px)
}

.workspaceTopNav li a:hover,.workspaceTopNav li:hover a,.workspaceTopNav li.selected a {
    text-decoration: none;
    color: #fff
}

.workspaceTopNav span[class*="icon"] {
    font-size: 33px
}

.workspaceTopNav .subMenu span[class*="icon"] {
    font-size: 25px;
    margin-right: 0;
    width: 30px
}

.workspaceTopNav li:hover,.workspaceTopNav li.selected {
    background: linear-gradient(180deg, #7dc088 0%, #23abd9 99%, #22abda 100%) !important;
    cursor: pointer
}

.workspaceTopNav li.selected .arrow {
    display: inline-block;
    width: 13px;
    height: 7px;
    position: absolute;
    bottom: -7px;
    background: url(../Images/BottomArrow.png) no-repeat
}

.landingPageNav li {
    display: block;
    padding: 16px 20px;
    border-bottom: 1px solid #fff;
    border-right: 0!important;
    background-color: #575856;
}

.landingPageNav {
    background-color: #efefef
}

.landingPageNav li:hover,.landingPageNav li.selected{
    background: #008266 !important;
    cursor: pointer;
    color: white;
}

 .landingPageNav li:hover a{
     color:white;
 }

.landingPageNav li:hover,.landingPageNav li.selected span[class*="icon"], .landingPageNav li:hover span[class*="icon"]{
    color: white;
      background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.landingPageNav span[class*="icon"] {
    margin-right: 15px;
    width: 45px;
    font-weight: bold;
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.landingPageNav a {
    display: table-row
}

.landingPageNav span {
    vertical-align: middle;
    display: table-cell;
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.landingPageNav span.DropDownCustom img {
    opacity: 0
}

.landingPageNav span.DropDownCustom {
    background: url('/Style Library/DHCR/images/Login_Arrow_new.png') no-repeat center center
}

.landingPageNav li:hover span.DropDownCustom img {
    opacity: 1
}

.landingPageNav li:hover span.DropDownCustom {
    background: none
}

.workspaceTopNav>div>li>a>span:nth-child(3) {
    background: #f00;
    font-size: .814em;
    border-radius: 5px;
    display: block;
    padding: 2px 5px 0;
    text-align: center;
    float: right;
    height: 19px;
    width: 20px;
    color: #fff;
    position: absolute;
    top: 8px;
    left: 10px
}

.workspaceTopNav .subMenu .icon-fast-forward-double-right-arrows:before {
    content: '';
    border-width: 0 0 8px 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    padding: 0;
    vertical-align: top;
    margin: 0 8px 0 0;
    font-size: 8px
}

.workspaceTopNav .subMenu span[class*="icon"].icon-fast-forward-double-right-arrows {
    width: 10px
}

.workspaceTopNav .subMenu .countCircle {
    height: 19px;
    width: 30px;
    background: #fff;
    border-radius: 15px;
    text-align: center;
    padding: 0 3px;
    font-size: .8em;
    color: #000;
    font-weight: bold;
    margin-top: 4px
}

.workspaceTopNav .subMenu li:hover .icon-fast-forward-double-right-arrows:before {
    border-color: transparent transparent #fff transparent
}

.k-tabstrip>.k-tabstrip-items>.k-item {
    width: 17%
}

.k-tabstrip .k-tabstrip-items .k-link {
    min-height: 100px
}

.borderCont {
    padding: 15px;
    border: 1px solid #ccc
}

.tabNav li {
    padding: 20px
}

.borderCont {
    border: 1px solid #ccc;
    border-top: 0
}

.tabNav {
    background: #efefef;
    list-style-type: none;
    margin: 0;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-bottom: 0
}

.userNavTabs .tabNav li {
    border-right: 1px solid #ddd;
    border-bottom: 5px solid #c7c7c7
}

.tabNav li.selected,.tabNav li:hover {
    border-bottom: 5px solid #008266;
    cursor: pointer
}

@media screen and (max-width: 1500px) {
    .summaryInner a {
        width:-webkit-calc(33% - 42px);
        width: -moz-calc(33% - 42px);
        width: calc(33% - 42px);
        padding: 15px 15px;
        margin-right: 20px
    }

    .summaryInner .cat {
        font-size: 1.116em;
        margin-top: 15px;
        width: calc(100% - 71px)
    }

    .summaryInner .num {
        font-size: 1.2em;
        min-width: 55px
    }
}

@media screen and (max-width: 1140px) {
    .workspaceHomeContent {
        width:98%;
        width: -webkit-calc(100% - 5px)!important;
        width: -moz-calc(100% - 5px)!important;
        width: calc(100% - 5px)!important;
        margin-top: 10px
    }

    .workspaceHomeContent .row p,.workspaceHomeContent .subHeader p {
        max-width: 165px
    }

    .requests .workspaceHomeContent .row p,.requests .workspaceHomeContent .subHeader p {
        max-width: 125px
    }

    .workspaceHomeContent .row span,.workspaceHomeContent .subHeader span {
        max-width: 150px
    }

    .workspaceHomeContent .row a,.workspaceHomeContent .subHeader a {
        max-width: 100px;
        width: 100%
    }

    .workspaceHomeContent .row p,.workspaceHomeContent .subHeader p {
        width: 75%
    }

    .docWallet .workspaceHomeContent .row p,.docWallet .workspaceHomeContent .subHeader p {
        width: 80%
    }

    .workspaceHomeContent .header h3 {
        max-width: 180px
    }

    .user .notif .icon,.user .msgs .icon {
        font-size: 25px
    }

    .userInfo .userPic {
        margin: 9px 5px 0
    }

    .workspaceTopNav li {
        padding: 16px 15px
    }

    .workspaceTopNav span[class*="icon"] {
        font-size: 27px
    }
}

@media screen and (max-width: 1023px) {
    .user {
        padding:0 20px;
        box-sizing: border-box
    }

    .workspaceTopNav li.selected .arrow {
        display: none
    }

    .clearRes {
        clear: both
    }

    .workspaceLeftNav {
        width: 100%;
        position: initial;
        height: auto;
        transition: none;
        display: none;
        margin-bottom: 15px;
        float: none!important
    }

    #leftNav.layoutCol3,.contentNav {
        width: 100%
    }

    .closeLeftNav {
        display: none
    }

    .closeLeftNavRes {
        display: inline-block;
        z-index: 100
    }

    .mainContainer {
        display: block!important
    }

    .myTasks .icon-refresh-1 {
        padding: 20px 15px
    }

    .k-tabstrip>.k-tabstrip-items>.k-item {
        width: 25%
    }
}

@media screen and (max-width: 985px) {
    .leasingInquiryFrom .buildingMap canvas {
        width:100%
    }

    .workspaceHomeContent {
        width: 100%;
        margin-left: 0!important
    }

    .tasks,.requests,.docWallet,.payments {
        width: 100%
    }

    .services .Item>a img {
        padding: 10px;
        box-sizing: border-box
    }

    .wsFilter .marginLeft15 {
        margin-left: 15px!important;
        margin-top: 0;
        margin-bottom: 0
    }

    .wsFilter .marginRight15 {
        margin-right: 15px!important;
        margin-top: 0;
        margin-bottom: 0
    }

    .formRow.Buttons {
        padding: 10px !important
    }
}

@media screen and (max-width: 820px) {
    .services .Item img {
        width:100%
    }

    .services .Item .Info {
        width: 96%
    }

    .services .Item .Info a {
        height: 60px
    }

    .services .Item .Info div {
        height: 45px
    }
}

@media screen and (max-width: 769px) {
    .workspaceTopNav li {
        padding:16px 1.7vw;
        border-right: 0!important
    }

    .userNav.userNavTabs ul li {
        border-right: 1px solid #449984 !important
    }

    .userNav.userNavTabs ul li:last-child {
        border: 0 !important
    }
}

@media screen and (max-width: 767px) {
    .userInfo .userPic {
        margin:9px 15px 0
    }

    .innerLevel li {
        padding: 5px 10px 5px 20px
    }

    .outerLevel h2 {
        padding: 22px 20px
    }

    .outerLevel {
        margin-top: 0
    }

    .summaryInner .icon {
        top: 0;
        left: 0
    }

    .summaryInner a {
        margin-bottom: 15px;
        padding: 5px 10px;
        width: 30%;
        width: -webkit-calc(50% - 42px);
        width: -moz-calc(50% - 42px);
        width: calc(50% - 42px)
    }

    .summaryInner .cat {
        white-space: nowrap;
        padding-left: 70px;
        width: calc(100% - 135px)
    }

    .tasks {
        margin-top: 10px
    }

    .workspaceHomeContent .downloadDoc {
        padding: 5px
    }

    .payments .workspaceHomeContent .row p,.payments .workspaceHomeContent .subHeader p {
        width: 83%
    }

    .docWallet .workspaceHomeContent .row span,.docWallet .workspaceHomeContent .subHeader span {
        padding: 20px
    }

    .summaryInner .num,.summaryInner .icon {
        display: inline-block;
        margin: auto
    }

    .services .layoutCol6 {
        width: 100%
    }

    .services .Item {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .partners .ch-info-front.ch-img img {
        max-width: 90%!important
    }

    .services .Item .Info a {
        height: auto
    }

    .services .Item .Info div {
        height: auto
    }

    .serviceDetails .blockSpacing {
        padding: 20px
    }

    .serviceDetailsHeader .blockSpacing {
        padding: 20px 20px 0
    }

    .serviceVideo {
        padding: 0 10px 20px
    }

    .highLightedBox {
        margin: 10px 0
    }

    .serviceDetails [class^="icon-"]+* {
        display: inline
    }

    .serviceDetails .title {
        font-weight: 600
    }

    .serviceDetailsHeader [class^="icon-"] {
        float: none;
        display: inline;
        vertical-align: middle
    }

    .serviceVideo a {
        border-spacing: 10px;
        border-collapse: separate
    }

    .serviceDetailsHeader .serviceVideo a * {
        display: table-cell;
        vertical-align: middle
    }

    .workspaceHomeContent .header h3 {
        font-size: 16px!important;
        display: block;
        padding: 10px;
        max-width: 100%
    }

    .workspaceHomeContent .showAll {
        font-size: 14px!important;
        display: block;
        width: 100%;
        margin: 0 0 10px!important;
        padding: 0 10px;
        box-sizing: border-box
    }

    .workspaceHomeContent .row a,.workspaceHomeContent .subHeader a {
        overflow: visible;
        text-overflow: initial;
        max-width: none
    }

    .workspaceHomeContent .downloadDoc {
        word-break: normal!important
    }

    .payments .workspaceHomeContent .row a {
        word-break: break-word!important
    }

    .workspaceHomeContent .docIcon {
        display: none
    }

    .myTasksHome .icon-refresh-1 {
        padding: 27px 15px
    }

    .myTasks table {
        margin-top: 30px
    }

    .mandatoryWithinfo {
        text-align: unset !important
    }
}

@media screen and (max-width: 640px) {
    .pageTitle h1 {
        font-size:1.5em
    }

    .summaryInner a {
        width: calc(100% - 40px)
    }

    .payments .workspaceHomeContent .row p,.payments .workspaceHomeContent .subHeader p {
        width: 80%
    }

    .requests .workspaceHomeContent .row p,.requests .workspaceHomeContent .subHeader p {
        max-width: 110px
    }

    .ngdialog.ngdialog-theme-default .ngdialog-content {
        font-size: 14px;
        width: 400px
    }

    .gsoHeader .btnPick {
        position: relative !important;
        margin-top: 20px
    }
}

@media screen and (max-width: 413px) {
    .WorkspaceHomeContent,.WorkspaceInnerContent {
        padding:10px
    }

    .requests .workspaceHomeContent,.payments .workspaceHomeContent {
        margin: 5px 0!important
    }

    .workspaceHomeContent {
        width: 100%
    }

    .workspaceHomeContent .row span,.workspaceHomeContent .subHeader span {
        max-width: 135px
    }

    .requests .workspaceHomeContent .row span {
        padding: 10px 5px
    }

    .docWallet .workspaceHomeContent .row span,.docWallet .workspaceHomeContent .subHeader span {
        padding: 5px;
        max-width: 120px
    }

    .workspaceHomeContent .docIcon {
        padding: 17px!important
    }

    .user {
        font-size: .9em
    }

    .ngdialog.ngdialog-theme-default .ngdialog-content {
        font-size: 14px;
        width: 300px
    }

    .myTasksHome .subHeader span {
        padding: 20px 5px;
        max-width: 36px
    }

    .myTasksHome .row a {
        max-width: 100px !important;
        white-space: unset;
        padding: 5px
    }
}

@media screen and (max-width: 376px) {
    .workspaceTopNav li {
        padding:11px 5vw;
        border: 0!important
    }

    .internalButtonBar.marginTop15 .marginLeft15 {
        width: 98%;
        margin: 0 1% 10px!important
    }
}

.mainContainer h1 {
    font-family: "oswald";
    line-height: 1em;
    font-weight: normal
}

#mainContent h2 {
    margin-top: 0;
    font-family: "oswald"
}

#mainContent h4.header {
    font-weight: 600;
    white-space: normal
}

.formRow {
    padding-bottom: 20px
}

textarea {
    resize: none
}

fieldset {
    border: 0;
    padding: 0;
    margin: 15px 0
}

.borderedTab {
    border: 1px dashed #ccc;
    padding: 27px 29px 27px
}

.displayTable {
    display: table;
    width: 100%
}

.displayTableCell.labelTitle  {
    display: table-cell;
    vertical-align: middle;
    color: #9f9d9d !important;
}

.displayTableCell {
    display: table-cell;
    vertical-align: middle;
    color: #444;
}



.bold {
    font-weight: bold!important
}

.generalForm h2 {
    font-size: 1.4375em;
    margin-bottom: 15px;
    padding-bottom: 9px;
    color: #1f7030;
    font-weight: normal;
    color: #008266;
    background: #008266;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.generalForm h2.white {
    color: #1f7030!important
}

.generalForm h3 {
    color: #1f7030;
    font-size: 1.2em;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 15px;
    margin-top: 0
}

.generalForm h3.white {
    color: #000!important
}

#mainContent .generalForm h3 {
    color: #1f7030;
    font-size: 1.35em;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 15px;
    margin-top: 0;
    font-family: "oswald"
}

.displayTableRow {
    display: table-row
}

.generalForm .header.BlockTitle {
    line-height: 1.3;
    white-space: normal;
    display: block;
    margin-top: 10px;
    width: 100%;
    color: #008266;
    font-size: 1.35em;
    font-weight: normal;
    padding: 0 0 15px;
    font-family: "oswald";
}

.mandatoryWithBG {
    padding: 15px 15px;
    background-color: #fff;
    color: #000;
    border-bottom: 0;
    font-size: 100%;
    display: block!important;
    margin: 9px 0
}

h5.header {
    font-size: 1.5em;
    color: #1f7030;
    font-weight: normal!important;
    text-transform: capitalize;
    font-family: "oswald"
}

.wsFilter.highLightedBox {
    background-color: #575856;
}

.wsFilter.highLightedBox .mandatoryWithinfo {
    background-color: #575856;
    padding: 15px;
    color: #fff;
}

.wsFilter.highLightedBox .formRow {
    padding: 15px 0
}

.wsFilter.highLightedBox .formRow:last-child {
    padding-bottom: 0;
    background-color: #575856;
}

.wsFilter.highLightedBox .formRow .internalButton {
    text-align: left;
    margin: 0 -15px;
    padding: 0 0 15px
}

.mandatoryWithinfo {
    color: #000;
    margin-bottom: 10px;
    line-height: 1.5;
    text-align: justify
}

.mandatoryWithinfo .icon-info-large {
    border: 1px solid #e8b71a;
    color: #e8b71a;
    border-radius: 12px;
    display: inline-block;
    font-size: 17px;
    padding: 1px;
    margin-right: 5px;
    vertical-align: top
}

.subInfo .icon.displayTableCell {
    display: table-cell!important;
    min-width: 28px;
    vertical-align: top
}

.MandatoryWithBG {
    line-height: 1.5
}

blockquote {
    font-size: 16px
}

.labelTitle {
    font-weight: bold;
    text-transform: capitalize;
    padding-right: 5px;
    vertical-align: top
}

.mandatoryWithBG .formRow {
    padding-bottom: 8px
}

.Underlined {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 20px
}

.mandatory {
    color: #888!important;
    margin-bottom: 0;
    font-size: 13px
}

.controlContainer .mandatory {
    font-size: 13px
}

.mandatoryField {
    color: #ce4247;
    padding-top: 5px
}

.validation {
    color: #ce4247;
    display: block;
    margin-top: 5px;
    font-size: .8125rem;
    text-transform: none !important
}

.validation li {
    list-style-type: none
}

.astr {
    color: #ce4247
}

.hint {
    font-size: .813rem;
    color: #58595b;
    margin-top: 5px
}

.labelContainer {
    font-weight: normal;
    padding-top: 7px;
    color: #000;
    font-size: .875rem;
    text-transform: capitalize
}

table.gridViewMobile tbody td .labelContainer {
    color: #444
}

table.gridViewMobile tbody td .labelContainer label {
    font-weight: 500
}

table.gridViewMobile.editMode tbody td .labelContainer label {
    font-weight: normal !important
}

table.gridViewMobile td.sectionSep {
    border-top: 1px solid #ccc
}

.paddTop0 {
    padding-top: 0
}

.paddTop7 {
    padding-top: 7px
}

.marTop7 {
    margin-top: -7px
}

.paddRight5 {
    padding-right: 5px;
    box-sizing: border-box
}

.paddLeft5 {
    padding-left: 5px;
    box-sizing: border-box
}

.generalForm h4.header.BlockTitle {
    font-size: 1.35em!important;
    margin-bottom: 10px!important;
    font-weight: normal!important
}

.mandatoryWithBG.mandatoryWithPickBtn {
    position: relative;
    padding: 20px 28px 0
}

.mandatoryWithBG.mandatoryWithPickBtn .btnPick {
    position: absolute;
    right: 10px;
    bottom: 8px
}

fieldset:after,fieldset:before,.formRow:after,.tableRowStyle:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

input.k-textbox {
    height: auto;
    text-indent: auto;
    line-height: .95em
}

.generalForm input,.generalForm input[type=password],.generalForm input[type=number],.generalForm input[type=text],.generalForm .multiSelect>button,.generalForm input[type=file],.generalForm select,.generalForm textarea,.generalForm .sp-peoplepicker-topLevel,.generalForm .sp-peoplepicker-topLevelDisabled,.generalForm .sp-peoplepicker-autoFillContainer,.generalForm .ms-inputBox {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #c2c2c2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    color: #59595b;
    font-family: "Segoe UI","segoeui",verdana
}

.generalForm input[type=password]:hover,.k-numerictextbox:hover,.generalForm input[type=password]:hover,.generalForm input[type=text]:hover,.generalForm input:hover,.generalForm input[type=file]:hover,.generalForm select:hover,.generalForm textarea:hover,.generalForm .sp-peoplepicker-topLevel:hover,.generalForm .ms-inputBox:hover,.generalForm .k-state-hover {
    border-color: #008266 !important;
    -webkit-box-shadow: 3px 3px 0 0 #e0e0e0;
    -moz-box-shadow: 3px 3px 0 0 #e0e0e0;
    box-shadow: 3px 3px 0 0 #e0e0e0;
    background-color: #fff
}

.generalForm input[type="radio"],.generalForm input[type="checkbox"] {
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0
}

.generalForm .controlContainer .inlineSearch input[type=text]::-ms-clear {
    display: none !important;
    width: 0 !important;
    height: 0 !important
}

.generalForm textarea {
    height: 100px
}

.generalForm .controlContainer input,.generalForm .multiSelect>button,.generalForm .controlContainer textarea,.generalForm .controlContainer select {
    border: 1px solid #b7b7b7
}

.generalForm .controlContainer input,.generalForm .multiSelect>button,.generalForm .controlContainer textarea,.generalForm .controlContainer select {
    padding: 7px 2%;
    width: 100%;
    box-sizing: border-box;
    text-indent: 0;
    font-size: .9rem
}

.controlContainer label,.checkBoxCustom3Col label,.generalForm .dropDownCustom select {
    font-size: .9rem
}

.generalForm input:focus,.generalForm input[type=password]:focus,.generalForm input[type=number]:focus,.generalForm input[type=text]:focus,.generalForm select:focus,.generalForm textarea:focus,.generalForm .sp-peoplepicker-topLevelFocus,.generalForm .ms-inputBoxActive,.generalForm .ms-inputBox.ms-inputBoxActive:hover,.generalForm .k-state-focused {
    outline: none;
    border-color: #c0c0c0;
    cursor: pointer
}

.generalForm .controlContainer input[type="Radio"]:focus,.generalForm input[type="checkbox"]:focus {
    outline: none;
    border-color: #c0c0c0
}

.generalForm input:focus,.generalForm input[type=password]:focus,.k-numerictextbox:focus,.generalForm input[type=number]:focus,.generalForm input[type=text]:focus,.generalForm select:focus,.generalForm textarea:focus,.generalForm .sp-peoplepicker-topLevelFocus,.generalForm .ms-inputBoxActive,.generalForm .ms-inputBox.ms-inputBoxActive:hover,.generalForm .k-state-focused {
    border-color: #96c854
}

.generalForm .controlContainer input[type="Radio"]:focus,.generalForm input[type="checkbox"]:focus {
    border-color: #636363
}

.generalForm button,.generalForm a.Button,.generalForm input[type="submit"],.generalForm .Buttons input[type="submit"],.generalForm input[type="button"],.generalForm .Buttons button,.btn-primary,.searchInPopUp .filterRow input.btn {
    white-space: normal;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    font-weight: normal;
    -webkit-appearance: none;
    border-radius: 0;
    -moz-appearance: none;
    line-height: 22px;
    font-size: 1em;
    min-width: 97px;
    margin: 0;
    /* background-color: #d3d3d3; */
    border: none !important;
    align-content: normal;
    display: inline-block;
    color: #fff;
    font-size: 1.05em;
    font-family: "oswald";
    vertical-align: top;
    cursor: pointer;
    transition: all .3s ease 0s;
    background: #008266 !important;
}

.k-primary {
    background-color: #1f7030!important;
    color: #fff!important
}

.generalForm button:hover,.generalForm a.Button:hover,.generalForm input[type="submit"]:hover,.generalForm input[type="button"]:hover {
    background-color: #008266 !important;
    color: #fff!important;
    text-decoration: none;
    box-shadow: 0 0 10px 0px rgba(255, 255, 255, 0.2);
}

.generalForm input[type="button"]:focus {
    box-shadow: 0 0 0!important
}

.formRow.Buttons {
    padding: 20px 10px;
    border-top: 0;
    margin: 0 auto 0;
    background-color: transparent;
    text-align: left
}

.generalForm .emptyContent {
    background-color: #222 !important;
    margin: 5px 0 15px;
    padding: 10px;
    text-align: center;
    width: 96%;
    font-weight: normal;
    color: #acacac;
}

.generalForm .emptyContent.ulStyle01 li {
    text-align: left;
    margin: 0 0 5px;
    background-position: 0 4px
}

.internalButton input[type="button"],.internalButton button,.searchInPopUp .filterRow input.btn {
    padding: 15px 20px;
    min-width: auto;
    cursor: pointer;
    min-height: 25px;
    margin-left: 0 !important;
    margin-right: 15px!important
}

.internalButton input[type="button"] label:hover,.internalButton button label:hover {
    cursor: pointer
}

.generalForm .dropDownCustom select,.generalForm .multiSelect>button {
    width: 100%
}

.generalForm .datePickerCustom input {
    line-height: normal;
    padding: 7px 2%!important;
    width: 100%;
    border: 0!important;
    border-radius: 0!important;
    margin-top: 1px;
    max-height: 32px;
    margin-left: 2px
}

.generalForm .datePickerCustom>table {
    border: 1px solid #898989
}

.generalForm .datePickerCustom input .ms-dtinput {
    padding: 0
}

.custFilter .controlContainer:nth-child(4n+1) {
    margin-bottom: 15px;
    margin-left: 0 !important
}

.custFilter .controlContainer:first-child {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.custFilter .Colborder {
    border-right: 1px solid #9e9e9e;
    box-sizing: border-box
}

body.block-ui>.block-ui-container,.block-ui-main>.block-ui-container {
    z-index: 1009
}

.tagsList.k-multiselect {
    margin: 10px 0;
    text-align: left;
    max-height: 108px;
    overflow-y: auto;
    border-radius: 0;
    padding: 0 10px 10px
}

.tagsList.k-multiselect li {
    background-color: #e2e2e2;
    cursor: default;
    margin: 8px 8px 0 0;
    border-radius: 0!important;
    border-color: #b7b7b7;
    color: #444;
    font-size: .75em;
    line-height: 14px;
    min-height: 14px;
    text-transform: capitalize;
    padding: 7px 8px
}

.tagsList.k-multiselect li:hover {
    color: #444;
    border-color: #96c854
}

.gridViewMobile .tagsList.k-multiselect {
    padding: 0
}

.gridViewMobile .tagsList.k-multiselect li {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent
}

.tagsList.k-multiselect .k-select {
    margin: 0;
    cursor: pointer
}

.margBZero {
    margin-bottom: 0 !important
}

.paddBZero {
    padding-bottom: 0 !important
}

.searchInPopUp .custFilter .controlContainer input {
    box-sizing: border-box;
    border: 1px solid #c2c2c2;
    box-shadow: 3px 3px 0 0 #e0e0e0;
    color: #59595b;
    font-size: .875em;
    padding: 7px 2%;
    text-indent: 0;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.controlContainer input[type="Radio"] {
    padding: 0;
    width: auto;
    border: 0
}

.radioButtonCustom label {
    vertical-align: middle;
    line-height: 25px!important;
    font-size: .875em
}

.VerticalRadioButton td {
    display: block;
    padding-bottom: 5px
}

.scrollingCheckBox {
    height: 150px;
    overflow-y: scroll;
    border: 1px solid #898989;
    padding: 10px
}

.checkBoxCustom3Col {
    margin-top: 7px
}

.controlContainer .mandatoryField {
    font-size: .875em
}

.checkBoxCustom3Col table {
    width: 100%
}

.checkBoxCustom3Col label {
    width: 87%;
    vertical-align: top!important;
    display: inline-block;
    line-height: 20px
}

.checkBoxCustom3Col input {
    width: 14px!important;
    height: 14px;
    padding: 0!important;
    margin: 0;
    margin-top: 2px!important;
    vertical-align: top
}

.checkBoxCustom3Col td {
    vertical-align: top;
    padding-bottom: 5px;
    width: 31%
}

.checkBoxCustom3Col input[type="radio"],input[type="checkbox"] {
    margin-top: 0
}

.checkBoxCustom3Col>div {
    margin-bottom: 4px
}

.datePickerCustom .k-datepicker,.dropDownCustom .k-dropdown {
    width: 100%!important
}

.k-autocomplete.k-state-active,.k-dropdown-wrap.k-state-active,.k-multiselect.k-header.k-state-active,.k-numeric-wrap.k-state-active,.k-picker-wrap.k-state-active,.k-textbox:focus {
    background-color: #fff
}

.k-webkit .k-combobox .k-dropdown-wrap:before,.k-webkit .k-numeric-wrap:before,.k-webkit .k-picker-wrap:before {
    padding: 0!important;
    height: auto !important
}

.k-autocomplete .k-input,.k-dropdown-wrap .k-input,.k-numeric-wrap .k-input,.k-picker-wrap .k-input,.k-selectbox .k-input,.k-textbox>input {
    text-indent: 0
}

.k-ff input.k-textbox {
    height: auto
}

.generalForm .btn.noBorder {
    padding: 10px 12px!important;
    /* border-top: 0 solid #008165!important; */
    /* border-bottom: 0 solid #008165!important; */
    text-transform: uppercase;
    border-right: 0!important;
    border-left: 0!important;
    font-size: 15px!important;
    text-transform: capitalize;
    background: #008266;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none
}

.generalForm .btn.noBorder:active {
    text-decoration: none
}

.generalForm .btn.noBorder [class*="icon"] {
    font-size: 25px;
    vertical-align: middle
}

.dropDownCustom::-ms-expand,.dropDownCustom select::-ms-expand {
    display: none
}

.dropDownCustom select {
    text-indent: .01px;
    text-overflow: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -prefix-appearance: none!important;
    cursor: pointer;
    color: #59595b
}

.dropDownCustom select,.multiSelect .caret {
    background: #fff url('../DHCCImages/DropDownIcon.png') no-repeat 96% center;
    padding: 7px 40px 7px 5px!important
}

:root .dropDownCustom select {
    padding: 7px 40px 7px 5px\0/ !important
}

.generalForm ::-webkit-input-placeholder {
    color: #9e9e9e
}

.generalForm :-moz-placeholder {
    color: #9e9e9e;
    opacity: 1
}

.generalForm ::-moz-placeholder {
    color: #9e9e9e;
    opacity: 1
}

.generalForm :-ms-input-placeholder {
    color: #9e9e9e;
    opacity: 1
}

.generalForm .dropDownCustom select {
    color: #9e9e9e
}

.generalForm .dropDownCustom option {
    color: #59595b
}

.generalForm select.ng-dirty,.generalForm select.ng-not-empty {
    color: #59595b
}

.k-tabstrip {
    background-color: transparent
}

.k-widget.k-tabstrip {
    border: 0;
    border-width: 0;
    background-color: #efefef;
    background-image: url('../DHCCImages/tabLeftArrowDimmed.png'),url('../DHCCImages/tabRightArrowDimmed.png');
    background-repeat: no-repeat,no-repeat;
    background-position: 0 0,100% 0
}
.k-tabstrip .k-content.k-state-active .labelContainer {
    color: #000;
}
.k-tabstrip .k-content.k-state-active .custom-radio {
    color: #000;
}
.k-tabstrip .k-content.k-state-active .header.BlockTitle {
    color: #008266;
}
.k-tabstrip .k-content.k-state-active .mandatoryWithinfo {
    color: #000;
    /*  asl  */
}
.k-tabstrip .k-tabstrip-items {
    margin: 0 45px!important
}

.k-tabstrip .k-content.k-state-active {
    padding-bottom: 20px;
    background-color: #fff;
}

.k-tabstrip .k-tabstrip-prev,.k-tabstrip .k-tabstrip-next {
    width: 45px;
    height: 105px !important;
    top: 0
}

.k-tabstrip-prev .k-i-arrow-w,.k-tabstrip-next .k-i-arrow-e {
    background: none!important
}

html body .k-button-bare.k-tabstrip-prev {
    left: 0;
    background: url('../DHCCImages/tabLeftArrow.png') no-repeat left 0!important;
    background-size: 45px 100% !important;
    display: none
}

html body .k-button-bare.k-tabstrip-next {
    right: 0;
    background: url('../DHCCImages/tabRightArrow.png') no-repeat left 0!important;
    background-size: 45px 100% !important;
    display: none
}

html body .k-button-bare.k-tabstrip-next:hover {
/*    background-image: url('../DHCCImages/tabRightArrowHover.png')!important*/
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5) !important;
}

html body .k-button-bare.k-tabstrip-prev:hover {
/*    background-image: url('../DHCCImages/tabLeftArrowHover.png')!important*/
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5) !important;
}

html body .k-button-bare.k-tabstrip-next:hover,html body .k-button-bare.k-tabstrip-prev:hover {
    box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0
}

.k-tabstrip-top>.k-tabstrip-items li [class^="icon-"],.k-tabstrip-top>.k-tabstrip-items li [class*=" icon-"] {
    display: inline-block;
    position: relative
}

.k-tabstrip-items [class^="icon-"],.k-tabstrip-items [class*=" icon-"] {
    font-size: 30px;
    text-align: center;
    vertical-align: middle;
    display: block;
    margin-bottom: 5px;
    background: #000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.k-tabstrip-top>.k-tabstrip-items li.checked .status,.k-tabstrip-top>.k-tabstrip-items li.pending .status {
    right: 2px;
    top: -6px;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    padding: 2px
}

.k-tabstrip-top>.k-tabstrip-items li.pending .status {
    background-color: #e8b71a
}

.k-tabstrip-top>.k-tabstrip-items li.checked .status {
    background-color: #54bc0f
}

.k-tabstrip-top>.k-tabstrip-items li.checked .status:after {
    content: '';
    display: block;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin-left: 3px
}

.k-header {
    background-color: #1f7030
}

.k-tabstrip-items .k-loading {
    border: 0
}

.k-content {
    overflow: hidden!important
}

.k-autocomplete.k-state-default,.k-picker-wrap.k-state-default,.k-numeric-wrap.k-state-default,.k-dropdown-wrap.k-state-default {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #c2c2c2;
    background-color: #fff;
    color: #000!important;
    font-family: "Segoe UI","segoeui",verdana
}

.k-numeric-wrap.k-state-focused,.k-numeric-wrap.k-state-hover {
    background-color: #fff!important;
    box-shadow: 0 0 0!important;
    -moz-box-shadow: 0 0 0!important;
    -webkit-box-shadow: 0 0 0!important
}

.k-block,.k-textbox,.k-drag-clue,.k-touch-scrollbar,.k-window,.k-window-titleless .k-window-content,.k-window-action,.k-inline-block,.k-grid .k-filter-options,.k-grouping-header .k-group-indicator,.k-autocomplete,.k-multiselect,.k-combobox,.k-dropdown,.k-dropdown-wrap,.k-datepicker,.k-timepicker,.k-colorpicker,.k-datetimepicker,.k-notification,.k-numerictextbox,.k-picker-wrap,.k-numeric-wrap,.k-colorpicker,.k-list-container,.k-calendar-container,.k-calendar td,.k-calendar .k-link,.k-treeview .k-in,.k-editor-inline,.k-tooltip,.k-tile,.k-slider-track,.k-slider-selection,.k-upload {
    border-radius: 6px
}

.k-numerictextbox .k-select .k-link span.k-i-arrow-n,.k-numerictextbox .k-select .k-link span.k-i-arrow-s {
    background: url(../DHCCImages/numericArrow.png) no-repeat
}

.k-numerictextbox .k-select .k-link span.k-i-arrow-s {
    background-position: 0 -8px
}

.k-numerictextbox .k-select .k-link span.k-i-arrow-n {
    background-position: 0 0
}

.k-tabstrip>.k-tabstrip-items>.k-item {
    opacity: .8;
    filter: Alpha(opacity=80);
    background-color: transparent;
    color: #fff;
    border: 0;
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    padding: 0;
    text-transform: capitalize;
    /* border-bottom: 4px solid #efefef; */
    vertical-align: middle;
}

.k-tabstrip>.k-tabstrip-items>.k-item:after {
    content: "";
    display: block;
    text-align: center;
    margin: 0 auto;
    border-width: 0 9px 5px 9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
}

.k-tabstrip .k-tabstrip-items .k-link {
    padding: 20px 10px 10px;
    color: #000;
    vertical-align: middle;
    box-sizing: border-box;
    width: 100%
}

.k-tabstrip-top>.k-tabstrip-items .k-state-active,.k-tabstrip-top>.k-tabstrip-items .k-tab-on-top,.k-tabstrip-top>.k-tabstrip-items .k-item:hover {
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0 0 #e0e0e0;
    box-shadow: 0 0 0;
    opacity: 1;
    filter: Alpha(opacity=40);
    /* color: #1f7030; */
    border-color: #23abd9;
    background: #008266;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.k-tabstrip-top>.k-tabstrip-items .k-item:hover {
    /* color: #22abda; */
    /* border-color: #22abda; */
    background: -webkit-linear-gradient(180deg, #7dc088 0%, #23abd9 99%, #22abda 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.k-tabstrip-top>.k-tabstrip-items .k-item:hover:after {
    border-color: transparent transparent #008266 transparent
}

.k-tabstrip-top>.k-tabstrip-items .k-item:hover .k-link {
    /* color: #22abda; */
    /* border-color: #22abda; */
    background: #008266;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.k-tabstrip-top>.k-tabstrip-items .k-state-active:after,.k-tabstrip-top>.k-tabstrip-items .k-tab-on-top:after {
    border-color: transparent transparent #008266 transparent
}

.k-tabstrip-top>.k-tabstrip-items .k-state-active .k-link,.k-tabstrip-top>.k-tabstrip-items .k-tab-on-top .k-link {
    color: #008266;
}

.k-tabstrip .k-content.k-state-active {
    /* padding: 0; */
}

.k-tabstrip>.k-tabstrip-items>.k-item.k-state-focused {
    box-shadow: 0 0 0
}

.textWrap {
    white-space: normal;
    display: block;
    line-height: 1.1
}

.singleTabInTabStrip.k-tabstrip {
    background-image: none
}

.singleTabInTabStrip.k-tabstrip .k-tabstrip-items {
    margin: 0!important
}

.k-picker-wrap.k-state-focused .k-select {
    background-color: transparent
}

.datePickerCustom input,.datePickerCustom input:focus,.datePickerCustom input:hover {
    box-shadow: 0 0 0!important;
    border: 0!important;
    background-color: #fff!important
}

.generalForm .k-i-calendar {
    background: url('../DHCCImages/DatePickerIcon.png') no-repeat;
    width: 20px;
    height: 20px;
    margin-top: 7px;
    vertical-align: top
}

.datePickerCustom .k-datepicker {
    border-radius: 5px
}

.datePickerCustom .k-picker-wrap {
    height: 33px;
    background-color: #fff!important
}

.k-calendar .k-content th,.k-calendar .k-content {
    background-color: #488e38;
    color: #fff;
    font-weight: 500
}

.k-calendar .k-content {
    border-collapse: separate;
    border-spacing: 8px
}

.k-calendar .k-content .k-link {
    color: #fff;
    font-size: 14px
}

.k-calendar .k-content,.k-calendar .k-content th {
    text-align: right
}

.k-calendar th {
    padding: .2em .45em .2em .1em
}

.k-picker-wrap.k-state-default>.k-select {
    border: 0
}

.generalForm .dropDownCustom .k-dropdown-wrap .k-icon {
    background: #bfe6d1 url('../DHCCImages/DropDownIcon.png') no-repeat 95% center;
    width: 26px;
    height: 26px;
    padding: 5px 0
}

.generalForm .k-grid-toolbar,.generalForm .k-dropdown .k-input,.generalForm .k-dropdown .k-state-focused .k-input,.generalForm .k-menu .k-popup,.generalForm .k-dropdown .k-state-hover {
    color: #6d6b6b;
    font-weight: normal
}

.k-list-container {
    background-color: #fff;
    color: #6b6d6d;
    border: 0
}

.k-popup .k-list .k-item {
    padding: 4px 13px 0 13px;
    border: 0 solid #eee;
    color: #9e9e9e
}

.k-popup.k-list-container {
    padding: 0;
    border-color: #c2c2c2!important;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0
}

.k-list .k-state-selected.k-state-focused,.k-list li.k-state-hover,.k-list .k-state-selected,.k-state-focused,.k-list>.k-state-focused {
    background-color: #f1f1f1!important;
    cursor: pointer;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0
}

.k-popup .k-list .k-item:before {
    content: 'î¤›';
    border: 1px solid #b7b7b7;
    width: 10px;
    height: auto;
    margin-right: 5px;
    padding: 3px;
    color: #fff;
    font-family: 'DHCRServices' !important;
    font-size: 10px
}

.k-popup .k-list .k-item:hover:before {
    color: #f1f1f1
}

.k-popup .k-list .k-item.k-state-selected:before,.k-popup .k-list .k-item.k-state-selected:hover:before {
    background-color: #1f7030;
    border-color: #1f7030
}

.k-multiselect.k-header {
    width: 100%!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    background-color: #fff!important
}

.k-multiselect.k-state-focused .k-multiselect-wrap,.k-multiselect.k-state-hover .k-multiselect-wrap {
    border-color: #96c854
}

.k-multiselect-wrap {
    background-color: #fff;
    overflow-y: auto;
    background: #fff url('../DHCCImages/DropDownIcon.png') no-repeat 96% 10px;
    min-height: 19px;
    border: 1px solid #b7b7b7;
    padding: 9px 40px 6px 0
}

.k-list-optionlabel {
    color: #6d6b6b
}

.k-state-selected,.k-state-focused {
    color: #fff
}

.k-multiselect-wrap:focus,.k-multiselect:focus {
    border: 1px solid #96c854;
    -webkit-box-shadow: 3px 3px 0 0 #e0e0e0;
    -moz-box-shadow: 3px 3px 0 0 #e0e0e0;
    box-shadow: 3px 3px 0 0 #e0e0e0;
    outline: none
}

.k-multiselect-wrap .k-input {
    -webkit-border-radius: 0;
    box-sizing: border-box;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0 !important;
    background-color: transparent;
    color: #9e9e9e;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    padding: 2px!important;
    width: 70px!important;
    height: 29px;
    margin: 0 5px !important
}

.k-multiselect-wrap .k-input:focus {
    box-shadow: 0 0 0
}

.k-multiselect .k-select {
    background-color: #ed1c24;
    border-radius: 16px;
    height: 16px;
    width: 16px;
    padding: 0;
    line-height: 0;
    display: inline-block;
    margin: 5px 5px 0 5px;
    vertical-align: middle;
    opacity: .4
}

.k-multiselect .k-select:hover {
    opacity: 1
}

.k-multiselect-wrap .k-button {
    background-color: #e2e2e2;
    border-radius: 0!important;
    border-color: #b7b7b7;
    color: #444;
    font-size: .875em;
    text-align: left;
    line-height: 24px;
    min-height: 24px
}

.k-multiselect-wrap li {
    padding: 0 18px 0 7px;
    margin: 3px 0 7px 12px
}

.k-multiselect-wrap li span {
    font-weight: normal;
    text-transform: capitalize
}

.k-multiselect-wrap>ul>.k-button.k-state-hover {
    background-color: #e2e2e2;
    border-color: #96c854 !important;
    color: #444;
    -webkit-box-shadow: 3px 3px 0 0 #e0e0e0;
    -moz-box-shadow: 3px 3px 0 0 #e0e0e0;
    box-shadow: 3px 3px 0 0 #e0e0e0
}

.k-multiselect-wrap .k-i-close {
    vertical-align: top;
    margin-top: 0
}

.custom-radio {
    margin-bottom: 5px
}

.k-radio-label {
    padding-left: 25px;
    padding-right: 20px
}

.k-radio-label:before {
    width: 20px;
    border-color: #c3c3c3;
    height: 20px;
    margin-top: 0
}

.k-radio:checked+.k-radio-label:after {
    top: -2px;
    left: 3px;
    width: 15px;
    height: 15px;
    margin-top: 5px;
    background-color: #008266;
}

.custom-radio .k-checkbox {
    padding: 0!important
}

.k-radio:checked+.k-radio-label:before,.k-radio:checked+.k-radio-label:hover:before {
    border-color: #008266;
}

.k-button {
    text-transform: capitalize !important
}

.contactName span:first-child {
    width: 22%
}

.contactName span:last-child {
    width: 76%
}

.custom-radio .k-checkbox+.k-checkbox-label:active:after {
    box-shadow: none !important
}

.custom-radio .k-checkbox:disabled+.k-checkbox-label {
    color: #6d6b6b
}

input[type="checkbox"].k-checkbox {
    border: none
}

.questions .custom-radio {
    display: inline-block;
    margin-top: 10px
}

.userManage #teamCheckboxList div {
    display: inline-block
}

.userManage .DHCRServicesTreeIcon.icon-collapse-arrow:before {
    margin-left: 8px
}

div[ng-controller="noterizationDocumentsController"] [ng-repeat="type in typesOrder"] tr th:last-child {
    width: 27% !important
}

div[ng-controller="noterizationDocumentsController"] .labelContainer {
    color: #444 !important
}

.registerForm label {
    width: 80%
}

.deleteReq {
    text-align: center
}

a.deleteReq {
    font-size: 18px
}

a.deleteReq:hover {
    text-decoration: none
}

label.gsoUserMang {
    width: 94%;
    vertical-align: text-top !important
}

.gso-editMode {
    font-size: 16px !important
}

.fzllcConversionForm .table thead:first-child tr:first-child th:last-child {
    width: 26% !important
}

.fzllcConversionForm .table tbody td {
    color: #444 !important
}

.table-bordered.opCancel tbody td .labelContainer,.opCancellation {
    font-size: 14px !important
}

.table-bordered.opCancel {
    border: 1px solid #e1e1e1;
    margin: 10px 0 55px
}

.table-bordered.opCancel td {
    padding: 10px !important
}

.table-bordered.opCancel th {
    padding: 15px !important
}

.inspectorTasks {
    font-size: .82em;
    margin-top: 5px;
    margin-left: 20px !important
}

.userManage .prototypeAction.selectAll,.userManage #teamAddCheckboxList,.userManage #teamEditCheckboxList {
    font-size: 14px;
    width: calc(100% - 30px);
    padding: 5px 15px;
    border-top: none;
    background-color: #efefef
}

.userManage .accordion-section {
    margin: 0
}

.submitComplaint .layoutCol6 {
    margin-bottom: 20px
}

.adsQuestions .k-checkbox-label {
    color: #000;
    font-size: .875rem
}

.adsQuestions .k-checkbox-label:before {
    top: 2px
}

.changeManagerForm .k-button-bare.k-tabstrip-next {
    display: none !important
}

.alert {
    font-size: 14px
}

.generalSuccessMessage,.generalErrorMessage,.generalWarningMessage,.alert {
    padding: 15px;
    margin-bottom: 30px;
    color: #fff
}

.generalSuccessMessage a,.generalErrorMessage a,.generalWarningMessage a,.alert a {
    color: #008165!important
}

.generalSuccessMessage h2,.generalErrorMessage h2,.generalWarningMessage h2 {
    margin-top: 0;
    border: 0!important;
    color: #fff!important;
    font: 100 214.2857142857143% 'Segoe UI'!important;
    margin-bottom: 1px!important
}

.generalErrorMessage .icon,.generalSuccessMessage .icon,.generalWarningMessage .icon {
    width: 70px;
    height: 64px;
    display: inline-block;
    vertical-align: top
}

.generalWarningMessage,.generalForm .alert-warning {
    background-color: #f0ad4e;
    color: #fff
}

.generalSuccessMessage,.generalForm .alert-success {
    background-color: #1f7030;
    color: #fff
}

.generalSuccessMessage .icon,.generalForm .alert-success .icon {
    background: url("../DHCCImages/SuccessIcon.png") no-repeat left 0
}

.generalForm .msgSuccess a:link,.generalForm .msgSuccess a:visited {
    color: #1f7030!important;
    text-decoration: underline
}

.generalErrorMessage,.generalForm .alert-danger {
    background-color: #fa625c;
    color: #fff
}

.generalErrorMessage .icon,.generalWarningMessage .icon,.generalForm .alert-danger .icon,.generalForm .alert-warning .icon {
    background: url("../DHCCImages/ErrorIcon.png") no-repeat left 0
}

.alert {
    border-radius: 0!important
}

.k-calendar td {
    border-radius: 0
}

.k-calendar .k-footer .k-nav-today {
    background-color: #1f7030
}

.k-footer .k-link.k-state-disabled {
    color: #fff
}

.k-widget.k-calendar .k-nav-next,.k-widget.k-calendar .k-nav-prev,.k-widget.k-calendar .k-nav-prev.k-state-hover,.k-widget.k-calendar .k-nav-next.k-state-hover {
    position: absolute;
    top: 0;
    line-height: 2.571em;
    height: 2.571em;
    background-color: #fff;
    border-radius: 0
}

.k-calendar .k-icon.k-i-arrow-e,.k-calendar .k-link:not(.k-state-disabled):hover>.k-i-arrow-e,.k-calendar .k-state-hover .k-icon.k-i-arrow-e,.k-calendar .k-icon.k-i-arrow-w,.k-calendar .k-link:not(.k-state-disabled):hover>.k-i-arrow-w,.k-calendar .k-state-hover .k-icon.k-i-arrow-w {
    border-radius: 0;
    vertical-align: middle;
    margin-top: 0;
    background-color: transparent
}

.k-calendar .k-icon.k-i-arrow-e,.k-calendar .k-link:not(.k-state-disabled):hover>.k-i-arrow-e,.k-calendar .k-state-hover .k-icon.k-i-arrow-e {
    background: url("../DHCCImages/Next.png") no-repeat center center
}

.k-calendar .k-icon.k-i-arrow-w,.k-calendar .k-link:not(.k-state-disabled):hover>.k-i-arrow-w,.k-calendar .k-state-hover .k-icon.k-i-arrow-w {
    background: url("../DHCCImages/Previous.png") no-repeat center center
}

.k-calendar .k-footer .k-nav-today,.k-calendar .k-footer>.k-state-disabled {
    padding: 7px 0;
    font-weight: normal
}

.k-calendar {
    width: 17.2em
}

.k-widget.k-calendar .k-nav-fast {
    height: 2.1em;
    line-height: 2.1em
}

.k-calendar .k-header .k-link.k-nav-next,.k-calendar .k-header .k-link.k-nav-prev {
    font-weight: normal
}

.k-calendar .k-header,.k-calendar .k-footer {
    background-color: #1f7030;
    padding: 0 0;
    border-top-width: 0
}

.k-widget.k-calendar .k-nav-next,.k-widget.k-calendar .k-nav-prev,.k-widget.k-calendar .k-nav-prev.k-state-hover,.k-widget.k-calendar .k-nav-next.k-state-hover {
    background-color: transparent
}

.k-calendar .k-nav-fast {
    margin: 0
}

.k-calendar .k-nav-fast.k-state-hover,.k-calendar .k-footer .k-nav-today:hover,.k-calendar .k-footer .k-nav-today.k-state-hover {
    text-decoration: none;
    background-color: #5fa044;
    border: 0;
    color: #fff;
    border-radius: 0
}

.k-calendar .k-content .k-link {
    min-height: 1.9em;
    line-height: 1.9em;
    border-radius: 0
}

.k-calendar-container.k-group {
    background-color: #1f7030
}

.k-calendar .k-today.k-state-focused,.k-calendar .k-today:active,.k-calendar .k-today.k-state-selected:active,.k-calendar td.k-state-focused,.k-calendar td.k-state-selected.k-state-focused,.k-calendar td.k-state-hover {
    -webkit-box-shadow: inset 0 0 0 0 grey!important;
    background-color: transparent!important;
    color: #1f7030!important;
    box-shadow: inset 0 0 0 0 grey!important
}

.k-calendar .k-today.k-state-focused a,.k-calendar .k-today:active a,.k-calendar .k-today.k-state-selected:active a,.k-calendar td.k-state-focused a,.k-calendar td.k-state-selected.k-state-focused a,.k-calendar td.k-state-hover a,.k-calendar td.k-state-hover a:hover {
    color: #1f7030!important;
    font-weight: bold;
    background-color: #fff
}

.generalForm label {
    font-weight: normal;
    margin: 0;
    line-height: 1.5;
    vertical-align: middle
}

.generalForm .labelContainer:first-child label {
    padding: 0 10px 0 0
}

.btn {
    border-radius: 0!important
}

.fileupload-process {
    float: none;
    margin: 10px
}

.rowBottomBorder {
    margin-bottom: 15px;
    border-bottom: 2px solid #1f7030
}

.k-button,.k-header {
    font-weight: normal
}

.btn:hover {
    cursor: pointer
}

.btn span:hover {
    cursor: pointer
}

.btn:focus,.btn:active:focus,.btn.active:focus {
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: 0
}

.k-primary:focus:active:not(.k-state-disabled):not([disabled]),.k-primary:focus:not(.k-state-disabled):not([disabled]) {
    box-shadow: none;
    background-color: #008266 !important;
    color: #fff!important
}

.internalButtonBar .k-primary:focus:active:not(.k-state-disabled):not([disabled]),.internalButtonBar .k-primary:focus:not(.k-state-disabled):not([disabled]) {
    background-color: #96c854 !important;
    color: #fff!important
}

.btn:active,.btn.active {
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.125);
    box-shadow: inset 0 0 0 rgba(0,0,0,.125)
}

.btn:hover,.btn:focus {
    color: #1f7030
}

table {
    color: #6d6b6b
}

.displayTableRow {
    display: table-row
}

.fileinput-button {
    color: #1f7030
}

.customFileUploader table {
    color: #6d6b6b;
    font-size: 1em
}

.disabled {
    pointer-events: none;
    cursor: default
}

.trError {
    border: 1px solid #ce4247!important
}

.icon-bookmark.icon-white {
    color: #fff
}

.customFileUploader .fileinput-button input {
    position: absolute;
    top: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 1em !important;
    height: 40px
}

.customFileUploader {
    margin-bottom: 30px
}

.customFileUploaderBlock {
    padding-top: 15px;
    background-color: #ececec;
    padding: 15px;
    margin: 15px 0
}

.customFileUploaderBlock .customFileUploader {
    margin-bottom: 0
}

.internalButtonBar .mandatory {
    font-size: .875em
}

.uploadedListItems {
    margin-top: 10px
}

.uploadedItem {
    background-color: #f1f1f1;
    padding: 10px;
    color: #6d6b6b;
    border: 1px solid #f1f1f1
}

.uploadedItem .name {
    word-break: break-all
}

.OddBg {
    background-color: #fafafa;
    border: 1px solid #fafafa
}

.UploadedIconType {
    font-size: 36px
}

.uploadActions button,.uploadActions input[type="button"] {
    color: #fff!important;
    background-color: #1f7030!important;
    border: 0!important;
    padding: 10px
}

.uploadActions .glyphicon {
    font-size: 15px
}

.uploadActions button.btnSuccess {
    background-color: #1f7030!important
}

.uploadActions button.btnWarning {
    background-color: #dea254!important
}

.uploadActions button.btnError {
    background-color: #de0d21!important
}

.uploadActions button:hover,.uploadActions input[type="button"]:hover {
    opacity: .8
}

@-webkit-keyframes spinnerRotate {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes spinnerRotate {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes spinnerRotate {
    from {
        -ms-transform: rotate(0deg)
    }

    to {
        -ms-transform: rotate(360deg)
    }
}

.customFileUploader .fileupload-process {
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    float: none;
    margin: 0;
    display: inline-block!important;
    vertical-align: middle;
    background-image: none!important;
    color: #89898b;
    font-size: 32px
}

.customFileUploader .internalButtonBar.greyBar {
    background-color: #dcdcdc!important
}

.customFileUploader .internalButtonBar.greyBar .mandatory {
    color: #58595b!important
}

.customFileUploader .internalButtonBar.greyBar .mandatory>div {
    margin-bottom: 3px
}

.customCrudGrid .customFileUploader .internalButtonBar.greyBar {
    margin-bottom: 10px
}

.customFileUploader .internalButtonBar.greyBar .btn {
    color: #fff!important;
    border: 0!important;
    text-transform: capitalize;
    padding: 10px 15px;
    cursor: pointer!important;
    margin-bottom: 0;
    font-family: "oswald";
    font-size: 1em
}

.progress {
    background-color: #ececec;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    border: 1px solid #c2c2c2;
    margin-bottom: 0;
    vertical-align: middle;
    box-sizing: border-box
}

.progress-bar-success {
    background-color: #1f7030
}

.progress-striped .progress-bar,.progress-bar-striped {
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px
}

.percentCount {
    color: #6d6b6b;
    font-size: 13px;
    margin: 4px 0
}

.uploadedItem .progress {
    background-color: #ddd
}

.fileupload-buttonbar .percentCount {
    margin-bottom: 0
}

.fileupload-buttonbar .displayTableCell {
    display: inline-block;
    vertical-align: top
}

.crud-grid {
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    border-spacing: 0
}

.table caption+thead tr:first-child th,.table colgroup+thead tr:first-child th,.table thead:first-child tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child td {
    background: #008266;
    color: #fff;
    vertical-align: middle;
    border: 0;
    font-size: .8em;
    padding: 20px 15px
}

.table-bordered {
    border: 0
}

.table-bordered tr>td a {
    color: #444
}

.table-bordered tr:hover>td a {
    color: #fff;
}
tr:hover .gridStatus {color: white;}

.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td {
    border: 0
}

.table thead:first-child tr:first-child th:first-child {
    border-radius: 4px 0 0
}

.table thead:first-child tr:first-child th:last-child {
    border-radius: 0 4px 0 0
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #efefef
}

.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #e5e5e5
}

.customCrudGrid .filter {
    padding: 15px;
    margin-bottom: 10px;
    width: auto;
    background-color: #efefef
}

.customCrudGrid .highLightedBox.custFilter .filter.inlineSearch {
    border: 0;
    width: inherit !important;
    margin-bottom: 0
}

.customCrudGrid .input-group-addon {
    background-color: #008266;
    border: 0;
    border-radius: 0
}

.k-tabstrip .DHCRServicesGridIcon {
    margin-bottom: 0
}

.customCrudGrid .DHCRServicesGridIcon.icon-magnifying-glass {
    font-size: 19px;
    color: #fff;
    margin-right: 0
}

.customCrudGrid .input-group-addon .icon-cancel-circle {
    font-size: 17px;
    color: #c2c2c2
}

.customCrudGrid .input-group-addon.clearButton {
    background-color: transparent;
    padding-right: 10px
}

.input-group-addon.clearButton {
    cursor: pointer
}

.customCrudGrid th .DHCRServicesGridIcon {
    font-size: 20px;
    display: inline-block;
    margin-left: 11px;
    margin-bottom: 4px
}

.glyphicon {
    font-size: 12px
}

.crud-grid,.crud-grid .add-item {
    background-color: transparent!important
}

.crud-grid td {
    white-space: normal!important
}

.crud-grid th {
    font-style: normal!important
}

.customCrudGrid .filter input {
    background: #fff;
    webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0
}

.customCrudGrid .filter input:focus,.customCrudGrid .filter input:hover {
    box-shadow: 0 0 0
}

.customCrudGrid .internalButtonBar {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 16px
}

.disabled {
    cursor: default!important;
    opacity: .5
}

th .btn:hover,th .btn:focus {
    color: inherit
}
.crud-grid>tbody>tr:hover {
    background-color: #575856 !important;
    color: #fff;
}
.crud-grid.table-hover>tbody>tr:hover {
    background-color: #575856 !important;
    color: #fff;
}

.crud-grid .listedDataOdd,.crud-grid .listedDataDetailOdd {
    background-color: #e5e5e5!important
}

.crud-grid .listedDataEven,.crud-grid .listedDataDetailEven {
    background-color: #efefef!important
}

.actionControls {
    text-align: right
}

.actionControls.textAlign {
    text-align: left
}

.actionControls.textAlignC {
    text-align: center
}

.actionControls * {
    vertical-align: middle
}

.actionControls icon-delete2 {
    color: #ce4247
}

.customCrudGrid .actionControls .DHCRServicesGridIcon {
    font-size: 20px;
    color: #acacac;
    display: inline-block;
    padding: 0;
    margin-left: 3px
}

.customCrudGrid .actionControls .icon-delete2 {
    color: #e93c40
}

.actionControls:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.editinsidegrid {
    padding-top: 10px
}

.crud-grid .field.layoutCol6:nth-of-type(even):after {
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.crud-grid .gridBlocks.listedDataEven,.crud-grid .gridBlocks.listedDataDetailEven {
    background-color: inherit!important
}

.crud-grid .gridBlocks.listedDataOdd,.crud-grid .gridBlocks.listedDataDetailOdd {
    background-color: #e9e7e9!important
}

.gridBlocks ul {
    background-color: #f1f1f1;
    padding: 10px 20px;
    margin: 0;
    border: 1px solid #b7b7b7
}

table.gridViewMobile tbody .gridBlocks li {
    margin-left: 0!important
}

.gridBlocks .workspaceHomeContent {
    margin-top: 0;
    background-color: #f1f1f1;
    padding: 10px 10px;
    margin: 0;
    border: 1px solid #b7b7b7;
    box-sizing: border-box;
    width: 100%!important;
    border-collapse: separate;
    border-spacing: 5px
}

.gridBlocks .workspaceHomeContent .docIcon {
    display: table-cell
}

.k-column-menu .k-sprite,.k-drop-hint,.k-gantt-views>.k-current-view>.k-link:after,.k-grid-mobile .k-resize-handle-inner:after,.k-grid-mobile .k-resize-handle-inner:before,.k-grouping-dropclue,.k-icon,.k-pager-numbers .k-current-page .k-link:after,.k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link:after,.k-tool-icon,.k-loading {
    background-image: url(../DHCCImages/sprite.png)
}

.k-multiselect .k-loading {
    display: none
}

.k-numerictextbox .k-icon {
    width: 14px;
    height: 10px
}

span.k-numerictextbox {
    background-color: #fff;
    padding: 0 2%;
    width: 100%;
    border: 1px solid #b7b7b7;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.k-numeric-wrap.k-state-default input {
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0;
    color: #9e9e9e;
    max-width: 100%
}

.k-numeric-wrap.k-state-default:hover,.k-numeric-wrap.k-state-default {
    border: 0;
    border-radius: 0
}

.k-numeric-wrap.k-state-default:focus,.k-numeric-wrap.k-state-focused {
    box-shadow: 0 0 0!important
}

.k-numeric-wrap.k-state-default input:focus,.k-numeric-wrap.k-state-default input:hover,.k-numeric-wrap.k-state-hover,.k-numeric-wrap.k-state-focused,.k-numeric-wrap.k-state-hover input,.k-numeric-wrap.k-state-focused input {
    border: 0!important;
    box-shadow: 0 0 0!important
}

span.k-numerictextbox .k-select {
    background: transparent;
    border: 0;
    padding-top: 0;
    width: 20px;
    margin-top: 8px
}

span.k-numerictextbox .k-link {
    margin-top: 0
}

span.k-numerictextbox .k-link.k-state-selected {
    background-color: transparent
}

.k-numerictextbox .k-link {
    height: 10px;
    line-height: 10px
}

span.k-numerictextbox .k-numeric-wrap.k-state-focused .k-select,span.k-numerictextbox .k-numeric-wrap.k-state-selected .k-select,span.k-numerictextbox .k-numeric-wrap.k-state-hover .k-select {
    background-color: transparent
}

.table-responsive {
    overflow: auto!important
}

.block-ui-overlay {
    background-color: rgba(0,0,0,.7);
    opacity: 1
}

.block-ui-message {
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    display: inline-block;
    background: transparent url("../DHCCImages/logoIconMedium.png");
    font-size: 0;
    width: 100px;
    height: 107px;
    padding: 0
}

table.gridViewMobile caption {
    font-size: 2rem;
    color: #444;
    margin: .9rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left,center right
}

table.gridViewMobile thead th {
    font-weight: 400
}

table.gridViewMobile thead th,table.gridViewMobile tbody td {
    padding: .9rem .8rem
}

.listedData {
    font-size: 16px
}

.listedData input {
    width: auto!important;
    padding: 7px 5px;
    box-shadow: 0 0 0!important
}

table.gridViewMobile tbody td {
    font-size: .8em;
    padding: 15px
}

table.gridViewMobile tbody tr:not(:last-child) {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

table.gridViewMobile tbody tr.cellBorderedBottom:not(:last-child) td {
    border-bottom: 1px solid #ccc!important
}

.oddSpacing {
    margin-bottom: 27px
}

.formRow {
    margin-bottom: 0
}

.k-panelbar .k-tabstrip>.k-content,.k-tabstrip>.k-content {
    border: 0
}

.restrictions .k-panel>.k-item>.k-link {
    font-size: .875em
}

.mainMessage {
    overflow: hidden
}

.ngdialog.ngdialog-theme-default {
    padding: 70px 0
}

.ngdialog .generalForm input[type="button"] {
    vertical-align: middle;
    float: none!important;
    margin-right: 0!important
}

.popupAnchor {
    vertical-align: middle;
    margin-top: 0!important
}

.ngdialog.ngdialog-theme-default .ngdialog-close {
    right: 3px;
    top: 0
}

.ngdialog-overlay {
    background: rgba(0,0,0,.6)!important;
    border: 0 solid #fff
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
    padding: 0!important;
    background-color: #fff!important;
    border-radius: 0!important;
    border: 1px solid rgba(255,255,255,1);
    background-color: #fff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    width: 650px;
    font-family: 'arial';
    font-size: 15px;
    line-height: normal;
    color: #59595b;
    box-shadow: 10px 10px 0 -4px rgba(0, 130, 102, 0.7);
}

.ngdialog.ngdialog-theme-default {
    z-index: 1000
}

.ngdialog.ngdialog-theme-default .ngdialog-close:before {
    background: #606060!important;
    border-radius: 0!important;
    color: #fff!important;
    font-size: 15px!important;
    height: 30px!important;
    line-height: 26px!important;
    width: 30px!important;
    right: 12px;
    top: 15px;
    content: "î¤ž";
    font-family: 'DHCRServices' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 34px!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ngdialog.ngdialog-theme-default .ngdialog-close:hover {
    opacity: .8
}

.angularPopupTitle {
    padding: 10px;
    font: 125% Arial,"segoeui","verdana"
}

.popUpContent {
    margin: 0 auto;
    background: #fff;
    visibility: hidden;
    padding: 0;
    position: fixed;
    z-index: 20000
}

.VisiblePopup {
    overflow: auto;
    visibility: visible
}

.galleryAlbumImg .popUpContent a {
    width: auto;
    height: auto
}

.FullImagePop {
    vertical-align: middle
}

.popUpContent .PopUpClose {
    display: block;
    clear: both
}

.popUpContent .PopUpClose a {
    background: #606060!important;
    border-radius: 0!important;
    color: #fff!important;
    font-size: 18px!important;
    height: 34px!important;
    line-height: 26px!important;
    width: 34px!important;
    right: 8px;
    top: 8px;
    content: "î¤ž";
    font-family: 'DHCRServices' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 34px!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.popUpContent .PopUpClose a:hover {
    text-decoration: none
}

.popUpContent .PopUpClose a span {
    position: absolute;
    top: -1px
}

.popUpContent img.FullImagePop {
    max-width: none
}

.PopupInfo {
    margin: 10px 10px 0!important;
    padding: 10px
}

.PopupInfo .textAlign {
    text-align: left
}

.PopupInfo .galleria-lightbox-title,.PopupInfoYoutube .galleria-lightbox-title {
    color: #6a696e!important
}

.alert {
    border: 1px solid!important;
    padding: 13px;
    margin: 10px 0;
    box-sizing: border-box
}

.popUpInfo {
    text-align: center;
    padding: 0 50px
}

.popUpInfo .EservicesPopupHead,.msgInfo .DHCRServicesAlertIcon {
    color: #e8b71a
}

.popUpError .EservicesPopupHead,.msgError .DHCRServicesAlertIcon {
    color: #e83c40
}

.popUpSuccess .EservicesPopupHead,.msgSuccess .DHCRServicesAlertIcon {
    color: #008266;
    background: #008266;
    -webkit-background-clip: text;
}

.popUpWarning .EservicesPopupHead,.msgWarning .DHCRServicesAlertIcon {
    color: #856404;
}

.WorkspaceProfilePopup .popUpActionButton {
    background-color: transparent;
    border-top: 0;
    margin: 43px 0;
    text-align: center;
    color: #fff
}

.WorkspaceProfilePopup .popUpActionButton a.popupAnchor {
    /* background-color: #1f7030; */
    color: #fff;
    padding: 18px 29px;
    font-size: 16px;
    background: #008266;
}

.WorkspaceProfilePopup .popUpInfo .title {
    color: #000;
    padding-top: 0;
    font-size: 24px;
    padding-bottom: 7px
}

.WorkspaceProfilePopup .EservicesPopupHead .DHCRServicesPopUpIcon {
    font-size: 97px;
    margin-bottom: 0;
    line-height: 1
}

.WorkspaceProfilePopup+.ngdialog-close {
    display: none
}

.WorkspaceProfilePopup .EservicesPopupHead {
    margin: 38px 0 5px
}

.stepOne,.stepTwo {
    position: fixed;
    font-size: 51px;
    color: #fff;
    transition: all .2s;
    opacity: 0
}

.workspaceProfilePopupContainer.GsoUser .stepOne {
    margin-top: 231px
}

.stepOne {
    margin-left: -103px;
    margin-top: 163px
}

.stepTwo {
    text-align: center;
    margin-left: -110px;
    bottom: 41px
}

.stepTwo .EServices {
    display: block;
    font-size: 16px;
    bottom: 2px;
    margin-left: 4px
}

.WorkspaceProfilePopup .icon-long-Bottom-arrow {
    margin-bottom: 17px;
    display: block
}

.stepNumber {
    font-weight: bold;
    float: right;
    width: 29px;
    height: 29px;
    background-color: #fff;
    border-radius: 50%;
    color: #2f8572;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    line-height: 29px
}

.stepOne .stepNumber {
    margin-top: 9px;
    margin-left: 14px
}

.stepTwo .stepNumber {
    display: block;
    float: none;
    margin: 0 auto;
    margin-bottom: 14px
}

.updateProfileStepsView a {
    z-index: 9999999;
    position: relative;
    display: inherit !important;
    pointer-events: none;
    cursor: default
}

.workspaceProfilePopupContainer {
    width: 587px !important
}

.ViewFunctionItem .stepTwo {
    margin-left: 0
}

.txtBoxRed {
    color: #8a1f11
}

.gridViewMobile .listedDataDetail.listedDataDetailEven .viewModeControlContainer span,.gridViewMobile .listedDataDetail.listedDataDetailOdd .viewModeControlContainer span,.gridViewMobile .listedDataDetailEven .viewModeControlContainer span,.gridViewMobile .listedDataDetailOdd .viewModeControlContainer span {
    font-size: .875em
}

.customCrudGrid .viewModeControlContainer span {
    font-size: 1em !important
}

.activityDetailsView {
    padding: 20px;
    padding-bottom: 0
}

.activityDetailsLevel.activityDetailsLevel2 {
    margin-left: 20px;
    margin-top: 20px
}

.tree-node.tree-node-content.ng-scope.angular-ui-tree-handle.activityDetailsDirective.activityDetailsLevel2 .tree-node-contentHead {
    border-color: #01a481
}

.tree-node.tree-node-content.ng-scope.angular-ui-tree-handle.activityDetailsDirective.activityDetailsLevel2 .activityDetails {
    border-color: #01a481
}

.activityLevel+ol li div:first-child {
    margin-left: 0
}

.gridInpopup .btn-grid.DHCRServicesGridIcon.icon-delete2 {
    color: #e93c40
}

.gridInpopup .btn-grid.DHCRServicesGridIcon.icon-add-plus-button {
    color: #1f7030;
    cursor: auto
}

.leasingInquiryFrom {
    position: relative
}

.singleTabInTabStrip.k-tabstrip.InquiryTabs {
    background-color: #e2e2e2;
    color: #a1a1a1
}

.leasingInquiryFrom .FixedTab {
    display: inline-block;
    position: absolute;
    color: #fff;
    z-index: 9;
    padding: 44px 0;
    width: 16%;
    text-align: center;
    background-color: #1f7030
}

.singleTabInTabStrip.InquiryTabs .k-tabstrip-items.k-reset {
    margin-left: 16% !important
}

.singleTabInTabStrip.InquiryTabs .k-tabstrip-items.k-reset .k-link {
    color: #9c9c9c;
    border-right: 1px solid #d9d9d9
}

.singleTabInTabStrip.InquiryTabs .k-tabstrip-items.k-reset li:last-child .k-link {
    border: 0
}

.singleTabInTabStrip.InquiryTabs .k-tabstrip-items.k-reset .k-link .icon {
    font-size: 34px;
    display: inline-block
}

.singleTabInTabStrip.InquiryTabs .k-tabstrip-items.k-reset li.k-item {
    width: 21%;
    opacity: 1
}

.singleTabInTabStrip.InquiryTabs .k-tabstrip-items.k-reset li.k-item.k-state-active .k-link,.singleTabInTabStrip.InquiryTabs .k-tabstrip-items.k-reset .k-link:hover {
    color: #1f7030
}

.leasingInquiryFrom .listOfItems .item {
    min-height: 213px;
    border: 1px solid #959595;
    padding: 33px 17px;
    text-align: center;
    margin: 0 15px
}

.leasingInquiryFrom .listOfItems .item .icon {
    display: inline-block;
    font-size: 40px;
    background-color: #1f7030;
    color: #fff;
    padding: 19px;
    border-radius: 50%
}

.leasingInquiryFrom .listOfItems {
    padding: 30px 15px
}

.leasingInquiryFrom .selectedItems .header.BlockTitle {
    color: #1f7030;
    border-bottom: 1px solid #1f7030;
    padding: 0 0 10px
}

.leasingInquiryFrom .listOfItems .item .title {
    color: #58595b;
    font-weight: bold;
    margin-top: 14px;
    margin-bottom: 8px
}

.leasingInquiryFrom .listOfItems .item .desc {
    min-height: 89px;
    font-size: .8125em;
    padding: 0 29px;
    text-align: left
}

.leasingInquiryFrom .listOfItems .item .desc .formRow {
    padding-bottom: 17px;
    height: 130px
}

.leasingInquiryFrom .listOfItems .item .itemFooter span.icon-cancel-circle {
    font-size: 19px;
    vertical-align: middle
}

.leasingInquiryFrom .listOfItems .item .itemFooter span.txt {
    font-size: .875em;
    padding: 0 6px;
    text-transform: capitalize
}

.popUpAddRequestcontainer .popUpAddRequest .popUpClose {
    text-align: right;
    display: inline-block;
    float: right;
    margin-top: -15px;
    cursor: pointer;
    font-size: 13px
}

.itemFooter a:hover .txt {
    text-decoration: underline
}

.itemFooter a:hover {
    text-decoration: none
}

.itemFooter a span[class^="icon"] {
    font-size: 23px;
    vertical-align: middle;
    color: #ce4247
}

.itemFooter a {
    color: #58595b
}

.leasingInquiryFrom .listOfItems .item .title span {
    margin-left: 5px
}

.leasingInquiryFrom .buildingMap canvas {
    width: 900px
}

.leasingInquiryFrom .buildingMap {
    text-align: center
}

.leasingInquiryFrom .slick-prev.slick-disabled,.leasingInquiryFrom .slick-next.slick-disabled {
    cursor: default !important
}

.buildingMap div {
    text-align: center
}

.listOfItems.buildingUnit .slick-item {
    margin: 0 30px 0 0
}

.listOfItems.buildingUnit .slick-initialized .slick-slide {
    text-align: left
}

.listOfItems.buildingUnit .item {
    margin: 0
}

.listOfItems.buildingUnit {
    padding: 0
}

.listOfItems.buildingUnit .slick-item .title {
    color: #1f7030;
    text-transform: uppercase
}

.leasingInquiryFrom .listOfItems.buildingUnit .item {
    padding: 0;
    height: 399px;
    min-height: 1px;
    border: 0;
    cursor: pointer
}

.leasingInquiryFrom .listOfItems.buildingUnit .slick-slider {
    margin-bottom: 40px
}

.popUpAddBuildingcontainer.popUpAddRequestcontainer.ngdialog.ngdialog-theme-default .ngdialog-content {
    width: 351px !important
}

.popUpAddBuildingcontainer.popUpAddRequestcontainer .marginBottom10 {
    margin-bottom: 10px
}

.popUpAddBuildingcontainer.popUpAddRequestcontainer .dropDownCustom select {
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #c2c2c2;
    -webkit-box-shadow: 3px 3px 0 0 #e0e0e0;
    -moz-box-shadow: 3px 3px 0 0 #e0e0e0;
    box-shadow: 3px 3px 0 0 #e0e0e0;
    background-color: #fff;
    color: #59595b;
    font-family: "Segoe UI","segoeui",verdana
}

.popUpAddBuildingcontainer .popUpAddRequest {
    padding: 24px 18px !important
}

.leasingInquiryFrom .emptyContent {
    display: block
}

.leasingInquiryFrom .radioButtonCustom .k-radio-label:before {
    width: 15px;
    height: 15px;
    margin-top: 4px
}

.leasingInquiryFrom .radioButtonCustom .k-radio:checked+.k-radio-label:after {
    width: 11px;
    height: 11px;
    margin-top: 9px
}

.ZoomBtns {
    margin: 7px 5px 16px 3px;
    text-align: right !important
}

.ZoomBtns span:before {
    cursor: pointer;
    color: #008165;
    font-size: 1.4em;
    border: 1px solid #9e9e9e;
    padding: 5px;
    display: inline-block
}

.ZoomBtns span {
    margin: 0 -4px
}

span.icon-zoom-out:before {
    border-left: 0
}

.leasingInquiryFrom .slick-prev.slick-disabled:before,.leasingInquiryFrom .slick-next.slick-disabled:before {
    border: 1px solid #959595 !important;
    color: #959595 !important;
    background-color: transparent !important;
    opacity: 1
}

.slick-slider {
    margin-bottom: 15px;
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before,.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block;
    outline: 0;
    text-align: center
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.leasingInquiryFrom .slick-prev,.leasingInquiryFrom .slick-next {
    font-size: 0;
    position: absolute;
    bottom: -51px;
    display: block;
    width: auto;
    height: auto;
    min-width: 0;
    padding: 0;
    cursor: pointer !important;
    color: transparent;
    border: 0 !important;
    outline: none;
    opacity: 1;
    border-radius: 0;
    background-color: transparent !important
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
    opacity: .25
}

.leasingInquiryFrom .slick-prev:before,.leasingInquiryFrom .slick-next:before {
    background-color: #1f7030 !important;
    font-family: 'DHCRServices';
    font-size: 17px;
    line-height: 2.5;
    opacity: 1;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 1px solid transparent;
    border-radius: 50px;
    padding: 10px
}

.slick-prev {
    right: 62px
}

.slick-prev:before {
    content: "î¥°";
    margin-right: 15px
}

.leasingInquiryFrom .slick-next:before {
    content: "î¥±"
}

.leasingInquiryFrom .slick-next {
    right: 16px
}

.leasingInquiryFrom .slick-prev:hover,.leasingInquiryFrom .slick-next:hover {
    background-color: transparent !important
}

.popUpAddRequestcontainer.ngdialog.ngdialog-theme-default .ngdialog-content {
    width: 321px !important;
    margin-top: 10%;
    border: 2px solid #c7c7c7
}

.popUpAddRequestcontainer .popUpAddRequest .title {
    color: #1f7030;
    padding: 0;
    font-weight: 600
}

.popUpAddRequestcontainer .popUpAddRequest .popUpInfo {
    padding: 0;
    text-align: left
}

.popUpAddRequestcontainer .popUpAddRequest {
    padding: 30px 18px
}

.popUpAddRequestcontainer .popUpAddRequest .popUpActionButton {
    background-color: transparent;
    border: 0;
    text-align: center;
    margin-top: 15px
}

.popUpAddRequestcontainer .popUpAddRequest .popUpActionButton input[type="button"] {
    background-color: #008165;
    color: #fff;
    display: block;
    margin: 0 auto;
    width: 100%;
    font-size: .9em;
    padding: 12px 0
}

.popUpAddRequestcontainer .popUpAddRequest .popUpActionButton input[type="button"]:hover {
    opacity: 1;
    background: #005946
}

.popUpAddRequestcontainer .popUpAddRequest .mainMessage {
    margin-top: 10px;
    font-size: 13px
}

.popUpAddRequestcontainer .popUpAddRequest .popUpInfo .formRow {
    padding-bottom: 10px
}

.popUpAddRequestcontainer.ngdialog.ngdialog-theme-default .ngdialog-close:before {
    background-color: transparent !important;
    color: #606060 !important;
    padding: 0 !important;
    font-size: 18px !important;
    top: 6px;
    right: 7px
}

.popUpAddRequestcontainer .popUpAddRequest .mainMessage span[class^="layoutCol"] {
    text-transform: capitalize
}

.DHCRServicesAlertIcon .icon {
    font-size: 30px;
    margin-right: 10px
}

.DHCRServicesAlertIcon .msgHead {
    font-size: 2em;
    text-transform: uppercase;
    font-family: "oswald"
}

.msgError {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb !important;
}

.msgSuccess {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb !important;
}

.msgWarning {
    background-color: #faf1e6;
    /* border-color: #dea254!important; */
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.msgInfo {
    background-color: #fff;
    border-color: #e8b71a!important
}

.DHCRServicesAlertIcon span {
    vertical-align: middle
}

.alert li {
    margin-left: 5px;
    list-style-type: disc;
    margin-top: 5px;
    list-style-position: inside
}

.alert .textCont.displayTableCell {
    padding: 0 14px;
    vertical-align: middle!important;
    display: table-cell
}

.DHCRServicesAlertIcon.displayTableCell {
    vertical-align: top;
    width: 12%;
    min-width: 12%
}

.alert .textCont {
    color: #856404;
   /* display: block;*/
    vertical-align: -webkit-baseline-middle;
    padding: 10px 0 10px 50px
}

.fileupload-buttonbar .alert .textCont {
    display: inline-block;
    padding: 0 0 10px
}

.EservicesPopupHead .DHCRServicesPopUpIcon {
    font-size: 40px
}

.EservicesPopupHead {
    font-size: 1.333333333333333em;
    margin: 70px 0 16px;
    text-transform: uppercase
}

.EservicesPopupHead .DHCRServicesPopUpIcon {
    margin-bottom: 8px
}

.popUpError .icon-circle-close-delete-remove-glyph {
    color: #e83c40
}

.popUpSuccess .icon-success {
    color: #1f7030
}

.popUpWarning .icon-warning {
    color: #dea254
}

.popUpInfo .title {
    text-transform: uppercase;
    padding: 13px 30px
}

.popUpActionButton {
    background-color: #e9e7ea;
    border-top: 1px solid #bebcbf;
    margin: 30px 0 0
}

.popUpActionButton .displayTableCell {
    padding: 25px 20px
}

.popUpActionButton .displayTableCell {
    border-left: 1px solid #bebcbf;
    text-align: center
}

.popUpActionButton .displayTableCell:first-child {
    border-left: 0
}

.popUpActionButton input[type="button"],.popUpActionButton button,a.popupAnchor,a.popupAnchor:visited,a.popupAnchor:focus {
    text-decoration: none;
    outline: 0;
    background-color: transparent;
    border: 0;
    text-transform: uppercase;
    font-size: 18px;
    color: #59595b;
    cursor: pointer
}

.popUpError input[type="button"].primaryButton,.popUpError button.primaryButton {
    color: #e83c40
}

.popUpSuccess input[type="button"].primaryButton,.popUpSuccess button.primaryButton {
    color: #1f7030
}

.popUpWarning input[type="button"].primaryButton,.popUpWarning button.primaryButton {
    color: #dea254
}

.popUpActionButton input[type="button"]:hover,.popUpActionButton button:hover,.popupAnchor:hover {
    opacity: .8;
    text-decoration: none!important
}

.GeneralForm.ViewMode ul li,ul.ulStyle01 li {
    font-size: .875em;
    list-style: none!important;
    min-width: 40%;
    float: left;
    padding: 0 0 0 10px;
    margin: 0 20px 10px 0
}

ul.ulStyle01 li {
    font-size: 1em;
    margin-left: 10px
}

.GeneralForm.ViewMode ul li:before,ul.ulStyle01 li:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #96c854 transparent;
    margin-right: 10px;
    border-width: 0 0 8px 8px;
    margin-left: -15px;
    margin-top: 5px;
    position: absolute
}

.viewModeControlContainer .multiSelect-view-list {
    list-style: none
}

ul.multiSelect-view-list li:before {
    content: "-";
    padding: 0 5px 0 0
}

input:-ms-input-placeholder.ng-valid,textarea:-ms-input-placeholder.ng-valid {
    color: #9e9e9e !important
}

.numericlListStyle {
    list-style-type: decimal;
    list-style-position: inside
}

.DHCRServicesTreeIcon {
    font-size: 14px;
    display: inline-block!important
}

.internalButtonBar {
    /* background-color: #7f7f81; */
    padding: 10px
}

.customCrudGrid .greyBar {
    margin-top: 0;
    margin-bottom: 30px;
    box-sizing: border-box
}

.greyBar {
    background-color: #e2e2e2
}

.internalButtonBar.greyBar button {
    color: #fff!important;
    border: 0!important;
    margin-right: 5px
}

.internalButtonBar.greyBar .k-default {
    background-color: #ed1c24
}

.internalButtonBar.greyBar .k-primary {
    background: #008266 !important;
    min-width: 160px
}

.internalButtonBar.greyBar .k-primary:hover {
    background-color: #005946!important
}

.internalButtonBar.greyBar .DHCRServicesGridIcon {
    font-size: 16px;
    vertical-align: middle;
    margin-bottom: 2px;
    display: inline-block;
    margin-right: 8px
}

.internalButtonBar button {
    border-color: transparent!important;
    background-color: #d3d3d3;
    color: #424242;
    padding: 7px;
    min-width: 70px
}

.gridLgBtn.internalButtonBar button {
    min-width: 140px
}

.internalButtonBar .k-primary {
    background-color: #1f7030!important;
    color: #fff!important
}

.treeAddLocation {
    padding-bottom: 0
}

.addLocationFormHeader,.activityFormHeader {
    margin-bottom: 0!important
}

.activityFormHeader .tree-node-contentHead {
    cursor: default
}

.treeAddLocation label {
    text-transform: uppercase;
    color: #4e4e4e
}

.internalButtonBar .marginLeft15 {
    margin-left: 10px!important
}

.collapseExpandAll img {
    margin-right: 5px;
    vertical-align: middle;
    width: 18px
}

.collapseExpandAll span {
    vertical-align: middle
}

.marginTop15 {
    margin-top: 15px
}

.marginTop0 {
    margin-top: 0
}

.marginBottom15 {
    margin-bottom: 15px
}

.clusterLevel,.segmentLevel,.activityLevel {
    margin-left: 20px;
    margin-top: 20px
}

.locationLevel {
    margin-left: 0;
    margin-top: 0
}

.lighterGreyBg {
    background-color: #fafafa
}

.tree-node-contentContainer.lighterGreyBg {
    background-color: #fafafa
}

.angular-ui-tree-handle {
    border: 1px solid #ddd;
    background: #efefef;
    padding: 10px 10px
}

.angular-ui-tree-handle:hover {
    cursor: default
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.group-title {
    background-color: #687074 !important;
    color: #fff !important
}

.angular-ui-tree-empty {
    background-color: #fff
}

.angular-ui-tree-nodes {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px
}

ol.angular-ui-tree-nodes:first-child>li:first-child {
    border-top: 0 solid #1f7030;
    padding-top: 10px
}

.treeAddLocation>.internalButton>input[type="button"] {
    padding: 8px 10px
}

.angular-ui-tree-nodes .angular-ui-tree-nodes {
    padding-left: 20px
}

.angular-ui-tree-node,.angular-ui-tree-placeholder {
    position: relative;
    margin-top: 10px;
    padding: 0;
    min-height: 20px;
    line-height: 20px
}

.angular-ui-tree-hidden {
    display: none
}

.angular-ui-tree-placeholder {
    margin: 5px 0;
    padding: 0;
    min-height: 30px
}

.angular-ui-tree-handle {
    cursor: default;
    text-decoration: none;
    font-size: 1em;
    font-weight: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 20px;
    line-height: 20px
}

.angular-ui-tree-drag {
    position: absolute;
    pointer-events: none;
    z-index: 999;
    opacity: .8
}

.tree-node {
    border: 0;
    padding: 0
}

.tree-node-contentHead {
    background: #ddd;
    padding: 5px 10px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer
}

.headTitle {
    margin-top: 0;
    display: inline-block;
    color: #444
}

.headTitle,.headTitle * {
    vertical-align: middle
}

.treeCollapseExpandButton {
    line-height: 0;
    display: inline-block;
    position: absolute;
    width: 13px;
    height: 13px;
    padding: 10px;
    top: 0;
    left: -33px
}

.pmAgreements .treeCollapseExpandButton {
    line-height: 0;
    display: inline-block;
    position: static !important
}

.tree-node-contentHead:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.tree-node-contentHead .treeCollapseExpandButton .DHCRServicesTreeIcon {
    font-size: 14px;
    font-weight: 100;
    color: #fff
}

.tree-node-contentContainer {
    background-color: #ececec;
    padding: 8px 10px
}

.nodrop {
    background-color: #ececec
}

.tree-node-contentHead .k-button {
    min-width: 90px;
    text-align: left;
    background-color: transparent;
    color: #fff;
    padding: 2px 8px;
    border-color: transparent;
    font-size: .875em;
    text-transform: initial
}

.tree-node-contentHead .k-button.add-edit {
    color: #00884d
}

.tree-node-contentHead .k-button.delete-cancel {
    color: #ba0000
}

.tree-node-contentHead .k-button:hover {
    box-shadow: 0 0 0
}

.tree-node-contentHead .k-button .DHCRServicesTreeIcon {
    padding-right: 5px;
    font-size: 13px;
    margin-bottom: 2px
}

.tree-node-content {
    margin: 0
}

.tree-handle {
    padding: 10px;
    background: #428bca;
    color: #fff;
    margin-right: 10px
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.treeDetails {
    background-color: #ececec;
    padding: 14px 20px 0;
    margin-bottom: 20px;
    box-sizing: border-box
}

.addLoc {
    margin-bottom: 0
}

.treeNodeTitle {
    display: inline;
    font-weight: 500;
    color: #58595b
}

.treeWithUploadWrapper {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 2px solid #1f7030
}

.treeWithUploadWrapper:first-child {
    border: 0;
    margin-top: 0;
    padding-top: 0
}

.treeWithUpload {
    background-color: #ececec
}

.treeWithUpload.borderedBottomSeparateditems {
    border-bottom: 3px solid #1f7030;
    margin-bottom: 10px
}

.borderedBottomSeparateditems .treeWithUploadContainer {
    padding-bottom: 0
}

.treeWithUploadContainer {
    padding: 20px
}

.treeWithUploadContainer .labelContainer {
    font-size: 16px
}

.treeWithUploadContainer h3 {
    margin-bottom: 5px!important
}

.treeWithUpload .uploadedListItems {
    margin-top: 0;
    padding: 10px;
    background: #dcdcdc
}

.treeWithUpload .uploadedItem {
    margin-bottom: 10px
}

.treeWithUpload .customFileUploader .header {
    padding: 10px 15px 0;
    background: #dcdcdc;
    margin: 0
}

.treeWithUpload .customFileUploader {
    padding: 20px;
    margin-bottom: 0
}

.btn-success {
    color: #fff;
    background-color: #1f7030;
    border-color: #1f7030
}

.btn-success:hover {
    color: #fff;
    background-color: #5ca091;
    border-color: #5ca091
}

.btn-danger {
    border-color: #d9534f;
    color: #fff
}

.btn-danger:hover {
    color: #fff!important;
    background-color: rgba(201,48,44,.69);
    border-color: rgba(201,48,44,.69)
}

.restriction {
    font-size: 1em;
    color: #58595b!important;
    margin-top: 8px;
    background-color: #fff!important;
    padding: 10px;
    border: 0!important
}

.restriction>li.k-item {
    border: 0
}

.restriction li>.k-state-selected,.restriction li.k-state-default>.k-link.k-state-selected,.restriction li.k-state-default>.k-link.k-state-hover {
    color: #58595b;
    border: 0
}

.restriction.k-item .k-state-hover {
    color: #58595b;
    background-color: transparent!important;
    box-shadow: 0 0 0!important;
    border: 0!important
}

.restriction .k-panel {
    border: 0;
    background: none
}

.restrictionHeader,.restriction li.k-state-default>.k-link.k-header {
    font-size: 1em;
    text-transform: uppercase
}

.restriction ul.ulStyle01 li {
    background-position: 0 6px
}

.restriction li.k-state-default>.k-link.k-header {
    padding-left: 22px!important
}

.restriction ul {
    margin-top: 14px
}

.restriction .k-panel,.restriction .k-item {
    background-color: transparent;
    color: #58595b;
    border: none
}

.restriction .k-item>.k-link {
    line-height: normal!important
}

.restriction li.k-state-default>.k-link,.restriction li.k-state-hover>.k-link,.restriction li.k-state-selected>.k-link,.restriction .k-panel {
    background-color: transparent!important;
    color: #58595b!important;
    box-shadow: 0 0 0!important;
    border: 0!important;
    padding: 0!important;
    text-align: justify
}

.restriction .ulStyle01 li {
    padding: 0 0 0 15px;
    color: #58595b;
    margin-left: 22px;
    margin-top: 5px
}

.restriction li.k-item,.k-panel>li.k-item,.k-tiles {
    background-color: transparent!important
}

.restriction .k-icon {
    left: 0;
    right: auto!important
}

.restriction .k-panelbar-expand:before,.restriction .k-panelbar-collapse:before {
    color: #1f7030;
    font-family: 'DHCRServices' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.restriction .k-panelbar-expand:before {
    content: "î¤•";
    font-size: 14px
}

.restriction .k-panelbar-collapse:before {
    content: "î¤·";
    font-size: 14px
}

.restrictionHeader .DHCRServicesTreeIcon {
    color: #1f7030;
    font-size: 15px;
    margin-right: 8px
}

.semiBold {
    font-weight: 500!important
}

.activityDetails {
    padding-bottom: 20px
}

.activityDetails .labelContainer {
    padding-top: 0
}

.activityDetails .controlContainer label {
    font-size: 1em
}

.activityDetails .restriction {
    margin-bottom: 8px
}

.tree-node-contentHead {
    border-left: 33px solid;
    position: relative
}

.innerLvl .tree-node-contentHead {
    border-left-width: 3px
}

.tree-node-contentContainer,.activityDetails {
    border-bottom: 2px solid
}

.prePayment .activityDetails {
    border-bottom: 2px solid #dcdcdc;
    margin: 20px 0 0 0;
    padding: 0
}

.prePayment .formRow {
    padding-bottom: 15px
}

.paymentGrid * {
    box-sizing: border-box
}

.paymentGrid .item {
    width: 100%;
    clear: both;
    padding: 0;
    margin: 0 0 20px 0
}

.paymentGrid .item:last-child {
    margin: 0
}

.paymentGrid .item .cont {
    width: 100%;
    clear: both;
    background: #222222;
}

.paymentGrid .item .cont:first-child {
    padding: 15px
}

.paymentGrid .item .text-right.layoutCol4 label:last-child {
    width: 30%;
    text-align: right
}

.paymentGrid .item .lastRow label {
    font-weight: bold;
    font-size: 1em
}

.paymentGrid .item .layoutCol8 label:first-child,.paymentGrid .item .layoutCol8 .title,.paymentGrid .item .text-right.layoutCol4 label:last-child {
    font-weight: bold;
    color: #8a8a8a;
    text-transform: capitalize
}

.paymentGrid .item .layoutCol8 label:first-child,.paymentGrid .item .layoutCol8 .title {
    font-size: .87em;
    display: block
}

.paymentGrid .item p {
    margin: 0;
    padding: 0;
    color: white;
}

.paymentGrid .item .lastRow {
    padding: 10px 15px;
    background: #555555;
    border-top: 3px solid #00c1ff;
}

.paymentGrid .item .layoutCol8 p:first-child label:first-child {
    margin-bottom: 10px
}

.paymentGrid .cont .text-right,.paymentGrid .cont .title {
    font-size: .875em;
    color: #6d6b6b
}

.tree-node-contentHead,.tree-node-contentContainer,.activityDetails {
    border-color: #2092d3
}

.segmentLevel .tree-node-contentHead,.segmentLevel .tree-node-contentContainer {
    border-color: #ffa21e
}

.activityLevel .tree-node-contentHead,.activityLevel .tree-node-contentContainer {
    border-color: #9370ba
}

.activityDetailsLevel .tree-node-contentHead,.activityDetails {
    border-color: #b15a5a
}

.activityDetailsLevel .tree-node-contentContainer {
    border-bottom: 0
}

.activityDetailsDirective .tree-node-contentContainer {
    padding: 0
}

.activityDetailsDirective .activityDetails {
    padding: 8px 10px
}

.activityDetails .tree-node-contentContainer {
    padding: 5px 0 0
}

.activity-details-view-mode .formRow {
    padding-bottom: 10px;
    width: 45%;
    display: inline-block;
    vertical-align: top
}

.activity-details-view-mode .labelContainer {
    color: #444
}

.activity-details-view-mode .controlContainer .semiBold {
    font-weight: normal !important
}

.inlineSearch {
    position: relative
}

.inputSearchIcon,.dateClearButton {
    position: absolute;
    right: 10px;
    top: 8px;
    z-index: 3
}

.inputSearchIcon .glyphicon,.dateClearButton [class*="icon"] {
    font-size: 16px
}

.inlineSearch input {
    padding-right: 30px
}

a.dateClearButton:link,a.dateClearButton:hover,a.dateClearButton:visited {
    text-decoration: none;
    color: #a2a2a2
}

a.dateClearButton {
    margin-right: 26px
}

.viewModeControlContainer {
    color: #000;
}

.greenLabel {
    color: #1f7030
}

.infoViewMode {
    background-color: #fafafa;
    padding: 5px 10px;
    box-sizing: border-box
}

.infoViewMode [class^="icon-"],.infoViewMode [class*=" icon-"] {
    background-color: #008165;
    color: #fff;
    border-radius: 12px;
    display: inline-block;
    font-size: 12px;
    padding: 3px;
    margin-right: 0;
    vertical-align: middle
}

.VerticalStrippedGrid {
    margin: 10px 0 20px
}

.tableRowStyle {
    border-bottom: 0 solid #fff;
    background-color: #e5e5e5;
    display: table
}

.tableRowStyle:nth-child(even) {
    background-color: #222222;
}

.tableRowStyle>div:first-child,.tableRowStyle>div {
    padding: 10px 15px;
    box-sizing: border-box
}

.tableRowStyle>div {
    color: #6d6b6b
}

.VerticalStrippedGrid .tableRowStyle:first-child {
    background-color: #1f7030;
    border-right: 2px solid #fff;
    color: #fff;
    border-radius: 4px 4px 0 0
}

.VerticalStrippedGrid .tableRowStyle:first-child>div {
    color: #fff
}

.tableRowStyle:last-child,.tableRowStyle:last-child>div:first-child,.tableRowStyle:last-child>div {
    background-color: #7f7f81;
    color: #fff
}

.UnderlinedAnchor {
    margin-bottom: 5px;
    border-bottom: 1px dashed #b7b8b8;
    vertical-align: middle;
    display: inline-block;
    text-transform: capitalize
}

a.UnderlinedAnchor,a.UnderlinedAnchor:hover,a.UnderlinedAnchor:focus,a.UnderlinedAnchor:visited {
    outline: none;
    color: #58595b;
    text-decoration: none
}

a.UnderlinedAnchor:focus {
    border-color: #1f7030
}

a.UnderlinedAnchor:hover {
    border-color: #1f7030
}

.serviceCatalogueAttachment .icon-Attachment {
    color: #1f7030
}

.displayTableRow.UnderlinedAnchor.hint {
    text-indent: 22px
}

.displayTableRow.UnderlinedAnchor {
    display: table-row!important;
    text-decoration: underline
}

.controlContainerHeight {
    height: 41px;
    display: table
}

.anchorInGreyBar {
    padding: 5px 10px;
    font-size: .875em
}

.anchorInGreyBar .UnderlinedAnchor {
    text-transform: uppercase
}

.anchorInGreyBar .DHCRServicesGridIcon {
    color: #1f7030;
    font-size: 32px!important;
    margin-bottom: 0!important
}

.validTxt {
    color: #3caf3c
}

.validTxt .icon,.notValidTxt .icon {
    font-size: 16px
}

.notValidTxt {
    color: #de0d21
}

.prohiptedTxt {
    color: #dea254
}

.validTxt,notValidTxt,.prohiptedTxt {
    margin-bottom: 5px;
    display: block
}

ul.ulStyle01.requiredDOc li {
    background-position: 0 4px;
    margin-left: 0
}

.myTasks .table th:last-child div {
    margin-right: 40px
}

.commentMessage {
    margin: 10px 0;
    font-size: .875rem!important;
    background: #008165;
    padding: 10px;
    color: #fff
}

.commentMessage .viewModeControlContainer {
    color: #fff
}

.commentMessage .displayTableCell {
    vertical-align: top
}

.commentMessage [class*="icon"] {
    font-size: 35px;
    margin-right: 10px
}

.commentMessage .title {
    font-size: 1.214285714285714em
}

.remark {
    font-size: .75rem;
    background: linear-gradient(180deg, #7dc088 0%, #23abd9 99%, #22abda 100%);
}

.downloadAnchor {
    margin-bottom: 5px
}

.downloadAnchor [class*="icon"] {
    color: #1f7030;
    font-size: 22px
}

.subInfo [class*="icon"] {
    color: #e8b71a;
    font-size: 22px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -5px;
    margin-right: 5px
}

.gridInTree .internalButtonBar {
    color: #fff;
    font-weight: 600;
    padding: 12px 31px;
    border-radius: 4px 4px 0 0;
    background-color: #1f7030
}

.gridInTree .tree-node-contentHead {
    background-color: #59595b;
    padding: 12px;
    border-left: 0
}

.gridInTree .tree-node-contentHead .headTitle,.gridInTree .activityDetails .formRow {
    display: table;
    width: 100%;
    box-sizing: border-box
}

.gridInTree .tree-node-contentHead a,.gridInTree .tree-node-contentHead a:visited {
    color: #fff;
    text-decoration: underline;
    text-transform: capitalize
}

.gridInTree .tree-node-contentHead a:hover,.gridInTree .activityDetails a:hover {
    text-decoration: none
}

.gridInTree [class*="icon-"] {
    font-size: 24px;
    vertical-align: middle
}

.gridInTree .activityDetails {
    padding: 0;
    background-color: #efefef;
    border-bottom: 0 solid #1f7030;
    color: #444
}

.gridInTree .activityDetails a {
    color: #444;
    vertical-align: middle;
    text-decoration: underline
}

.gridInTree .activityDetails .formRow {
    padding: 15px
}

.gridInTree .activityDetails .formRow:nth-child(2n+1) {
    background-color: #e5e5e5
}

.gridInpopup {
    max-height: 200px;
    overflow-y: auto
}

.gridInpopup table {
    width: 100%
}

.gridInpopup tbody {
    font-size: 14px
}

.searchInPopUp .popUpInfo {
    padding: 20px 20px 0
}

.searchInPopUp h3 {
    margin-bottom: 15px;
    color: #1f7030;
    border-bottom: 1px solid;
    padding-bottom: 15px;
    padding-right: 26px
}

.selectedValue {
    padding: 15px;
    margin-top: 15px;
    background-color: #1f7030;
    color: #fff;
    text-align: left
}

.searchInPopUp .primaryButton {
    color: #1f7030!important
}

.searchInPopUp .filter {
    padding-bottom: 15px !important
}

.serchInTreeActivity .icon-magnifying-glass {
    font-size: 21px;
    vertical-align: middle;
    font-weight: bold
}

.serchInTreeActivity a {
    font-size: 17px;
    vertical-align: middle
}

.serchInTreeActivity a:hover {
    text-decoration: underline
}

.widePopup.ngdialog.ngdialog-theme-default .ngdialog-content {
    width: 850px
}

.nextPrevButton {
    color: #6d6b6b!important;
    text-decoration: underline!important;
    padding: 10px 0!important
}

.nextPrevButton:hover {
    text-decoration: none!important
}

.datePickerCustom .k-datetimepicker {
    width: 100% !important
}

.datePickerCustom .k-i-clock {
    background: url(../DHCCImages/timePickerIcon.png) no-repeat;
    width: 21px;
    height: 21px;
    vertical-align: top !important;
    margin: 6px !important;
    opacity: 1;
    background-position: center !important
}

.datePickerCustom .k-i-calendar {
    margin-top: 7px !important
}

.generalForm div[ng-form="DeclarationForm"] label,.generalForm div[ng-form="DeclarationForm"] .labelContainer {
    line-height: 1.5;
    text-transform: none;
    text-align: justify
}

.alternateRow {
    margin-bottom: 20px;
    padding: 10px 5px 10px 5px;
    box-sizing: border-box
}

.alternateRow .labelContainer {
    padding-top: 0
}

.alternateRow:nth-child(2n) {
    background-color: #fafafa
}

.alternateRow:nth-child(2n+1) {
    background-color: #eee
}

.alternateRow .formRow {
    padding-bottom: 0
}

#lblUserNameValue {
    text-transform: none
}

.MandatoryWithBG ul.ulStyle01 li {
    margin-left: 0;
    margin-bottom: 10px
}

.prototypeAction label input {
    display: none
}

.padd15 {
    padding: 15px
}

.margTop15 {
    margin-top: 15px
}

.prototypeAction label span {
    height: 16px;
    width: 16px;
    border: 1px solid #1f7030;
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-top: -3px;
    vertical-align: middle
}

.prototypeAction [type=checkbox]:checked+span:before {
    content: 'âœ”';
    position: absolute;
    top: -5px;
    left: 0;
    padding: 2px!important;
    font-size: 15px!important;
    color: #1f7030
}

.gridBlocks .workspaceHomeContent {
    -ms-word-break: break-all;
    word-break: break-all
}

.workspaceTopMenuSelection {
    margin-top: 18px
}

.workspaceTopMenuSelection select {
    box-shadow: 0 0 0 rgba(255,255,255,.2);
    padding: 5px 14px!important;
    border: 0
}

.treeNoBorderTop ol.angular-ui-tree-nodes:first-child>li:first-child {
    border: none;
    padding-top: 0;
    margin-top: 0
}

.paddingDir {
    padding-right: 5px
}

.pre {
    white-space: pre-line
}

.labelContainer .pre {
    display: block
}

.textCaps {
    text-transform: capitalize
}

.textNormal {
    text-transform: initial
}

.activityDetailsDirective .tree-node-contentHead .headTitle .subHeadTitle {
    display: block;
    line-height: 1.2em;
    text-transform: capitalize
}

.generalForm .controlContainer .custom-radio input[type="checkbox"] {
    border: 0
}

.validMsg {
    color: #1f7030
}

.customFileUploaderBlock .commentMessage .title {
    font-size: 1.5em
}

.generalForm input[type=text]:focus {
    cursor: initial
}

.filter.inlineSearch .filter-input {
    border-radius: 0
}

.crud-grid tr.highlightedRow .highlightCell {
    height: 15px;
    width: 15px;
    background: linear-gradient(180deg, #7dc088 0%, #23abd9 99%, #22abda 100%) !important;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border: 1px solid rgba(0,129,101,.8);
    border-radius: 50%;
    text-align: center;
    padding: 4px;
    color: #fff;
    text-align-last: center
}

.crud-grid .highlightedRow .actionControls .DHCRServicesGridIcon.icon-delete2 {
    color: #e93c40 !important
}

.customCrudGrid .viewModeControlContainer {
    font-size: 1em;
    padding-top: 7px
}

.MainBg.gridPopupRow:after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    background-color: rgba(0,0,0,.7)
}

.gridPopupRow .popupView {
    position: absolute;
    z-index: 99;
    top: 50%;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    border: 14px solid rgba(255,255,255,.14);
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box
}

.gridPopupRow .popupView td {
    display: block
}

.checkboxcustom3col .viewModeControlContainer span {
    padding: 9px 0 7px 1px
}

.checkboxcustom3col .viewModeControlContainer span span {
    padding: 0 6px
}

.checkboxcustom3col .viewModeControlContainer {
    margin-bottom: 5px
}

.viewModeTree .tree-node-contentHead,.viewModeTree .tree-node-contentContainer {
    border-color: #666
}

.viewModeTree .tree-node-contentHead {
    background: #bbb
}

.viewModeTree .activityLevel .tree-node-contentHead,.viewModeTree .activityLevel .tree-node-contentContainer {
    border-color: #888
}

.viewModeTree .segmentLevel .tree-node-contentHead,.viewModeTree .segmentLevel .tree-node-contentContainer {
    border-color: #777
}

.viewModeTree .activityDetailsDirective.activityDetailsLevel .tree-node-contentHead {
    border-color: #adacac
}

.viewModeTree .activityDetailsDirective.activityDetailsLevel .tree-node-contentContainer .activityDetails {
    border-color: #adacac
}

#ActionLogsPopupDialog .DHCRServicesGridIcon {
    font-size: 16px
}

.popupSearch .input-group .form-control {
    border-radius: 0
}

.poupSearchBtn {
    line-height: 22px;
    min-width: 97px;
    margin: 0;
    background-color: #fff;
    border: 1px solid #1f7030 !important;
    padding: 10px 17px;
    display: inline-block;
    color: #1f7030;
    font-size: .75em !important;
    text-transform: uppercase;
    vertical-align: top;
    cursor: pointer;
    transition: all .3s ease 0s
}

.highLightedBox.custFilter .internalButton input {
    width: auto
}

.custFilter .internalButton input {
    padding: 4px 20px 6px!important;
    text-transform: capitalize
}

.customCrudGrid .highLightedBox.custFilter .companypopupContainer .filter.inlineSearch {
    width: auto !important
}

.ngdialog.ngdialog-theme-default.widePopup {
    z-index: 1000
}

.highLightedBox.custFilter .companypopupContainer .filter.inlineSearch {
    padding-bottom: 0 !important
}

.highLightedBox.custFilter .companypopupContainer .filter.inlineSearch select {
    font-size: .875em
}

.anchorInList {
    padding: 15px;
    background-color: #eee;
    border: 1px solid #fafafa
}
.anchorInList:hover {
    background-color: #008266;
    color: #fff;
}

.customImageControl {
    background-color: #fafafa;
    padding: 10px;
    margin-bottom: 15px;
    border: 4px solid #eee
}

.customImageControl img {
    background-color: #fff;
    border: 4px solid #fff;
    border-radius: 2px;
    height: 160px;
    width: 160px
}

.nestedGrid>.header>div {
    background: #008266;
    color: #fff;
    vertical-align: middle;
    font-weight: 500;
    border: 0
}

.nestedGrid>.header>div label,.nestedGrid .subHeader .subHeaderRow>div label,.nestedGrid .actionControls .DHCRServicesGridIcon {
    padding: 1.2rem 1.75rem;
    line-height: 1
}

.nestedGrid .subHeader .subHeaderRow>div label {
    font-size: .875em
}

.nestedGrid {
    display: table;
    width: 100%;
    border-collapse: collapse
}

.nestedGrid>.header {
    display: table-caption;
    background: #1f7030
}

.nestedGrid .subHeader {
    display: table-row;
    line-height: normal;
    background-color: #efefef
}

.nestedGrid .subHeader .subHeaderRow {
    display: inline-block;
    width: 100%
}

.nestedGrid .subHeader:nth-child(even) {
    background-color: #e5e5e5!important
}

.nestedGrid .actionControls .DHCRServicesGridIcon {
    font-size: 1.1875em;
    color: #acacac;
    line-height: .7
}

.nestedGrid .actionControls {
    text-align: inherit
}

.nestedGrid .subContent {
    border: 1px dashed #e7e7e7;
    margin-bottom: 11px
}

.nestedGrid .subContent hr {
    border-top: 1px solid #1f7030;
    margin: 0
}

.nestedGrid .subContent .commonData {
    padding: 20px 27px
}

.nestedGridContainer {
    padding: 15px;
    background-color: #fff;
    margin: 15px;
    display: block;
    min-height: 50px
}

.nestedTable {
    display: block;
    width: auto;
    margin-top: 5px;
    border: 1px dashed #ccc;
    border-top: 0;
    padding: 0 10px 10px
}

.nestedGrid .nestedGridContainer .header {
    background-color: #ebebeb;
    width: calc(100% + 22px);
    margin-bottom: 15px;
    margin: 0 -11px 15px;
    display: table
}

#mainContent .nestedGrid .nestedGridContainer .header h3 {
    min-height: 18px;
    padding: 10px;
    color: #1f7030!important;
    margin-bottom: 0!important;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 230px;
    font-size: 1.2em
}

.nestedGrid .nestedGridContainer .tableCollapseArrow a {
    color: #fff !important;
    padding: 15px;
    background-color: #1f7030
}

.nestedGrid .subContent .commonData .downloadBar {
    margin-top: 51px;
    padding-bottom: 0
}

.nestedTable .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #e9e7e9
}

.nestedTable .table {
    border: 0;
    margin-bottom: 0
}

.nestedTable .table tr td span {
    color: #59595b
}

.nestedTable .table>tbody>tr>td:first-child {
    border-left: 1px solid #e8e8e8;
    border-top: 0
}

.nestedTable .table>tbody>tr>td:last-child {
    border-right: 1px solid #e8e8e8
}

.nestedTable .table>tbody>tr:last-child td {
    border-bottom: 1px solid #e8e8e8
}

.nestedTable .table .statusColor {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px
}

.nestedTable .table .statusColor.inProgress {
    background-color: #e1d842
}

.k-widget.k-tooltip {
    border-color: #008266;
    background: #008266 !important;
    color: #fff;
}
.k-callout-n {
    border-bottom-color: #008266;
}
.k-popup.k-group {
    color: #fff;
    border-color: #7dc088;
}
.nestedTable .table .statusColor.done {
}