[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

td > .h1,td > .h2,td > .h3,td > h1,td > h2,td > h3 {
     margin-top: 0px !important; 
    margin-bottom: 0px !important; 
}

td { /*copy from frontend*/
    padding-left: 5px;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/*---------------------------------------------------------------------SCROLL BAR----------------------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 12px; /* for vertical scrollbars */
    height: 12px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    opacity: 0.5;
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
}

/*---------------------------------------------------------------------COMMON--------------------------------------------------------------------------------*/

ul > li {
    list-style: none;
}

a:active {
}

a.no-decoration, a.no-decoration:hover, a.no-decoration:active {
    text-decoration: none;
}

.display {
    display: block !important;
}

.display--non {
    display: none !important;
}

.visible {
    visibility: visible !important;
}

.visible--non {
    visibility: hidden !important;
}

.white {
    background-color: white;
}

.logo {
    width: 200px;
    height: 50px;
}

.print-logo {
    height: 33px;
    width: 154px;
    margin-left: 5px;
}

.page-content-header {
    height: 65px;
    font-size: 18px;
}

.inspection-icon-subfolder {
	vertical-align: baseline;
	font-size: 22px !important;
}
.standard-option {
    height: 34px;
    font-size: 11pt;
    padding-left: 5px;
    background-color: white;
    color: #999999;
    padding: 0px 23px 2px 8px;
}

.standard-label {
    font-size: 16px;
    font-weight: normal;
}

.text-italic {
    font-style: italic;
}

.big-row {
    height: 40px;
}

.margin-0 {
    margin: 0 0 0 0;
}

.margin-top--35 {
    margin-top: -35px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-65 {
    margin-top: 65px;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-left--15 {
    margin-left: -15px;
}

.magin-left--10 {
    margin-left: -10px;
}

.magin-left--5 {
    margin-left: -5px;
}

.margin-left-0 {
    margin-left: 0;
}

.margin-left-30 {
    margin-left: 30px;
}

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

.margin-left-50 {
    margin-left: 50px;
}

.margin-left-60 {
    margin-left: 60px;
}

.margin-left-102 {
    margin-left: 102px;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

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

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

.mg-bt35 {
    margin-bottom: 35px;
}

.mg-bt45 {
    margin-bottom: 45px;
}

.mg-bt50 {
    margin-bottom: 50px;
}

.mg-l5 {
    margin-left: 5px !important;
}

.mg-l35 {
    margin-left: 35px;
}

.mg-l55 {
    margin-left: 55px;
}

.mg-l65 {
    margin-left: 65px;
}

.mg-l85 {
    margin-left: 85px;
}


.mg-r0 {
    margin-right: 0px !important;
}

.mg-r5 {
    margin-right: 5px !important;
}

.mg-r15 {
    margin-right: 15px !important;
}

.mg-r30 {
    margin-right: 30px !important;
}

.mg-l-3 {
    margin-left: -3px;
}

.mg-t-4 {
    margin-top: -4px;
}

.mg-t-5 {
    margin-top: -5px !important;
}

.mg-t5 {
    margin-top: 5px;
}

.mg-t10 {
    margin-top: 10px;
}

.no-padding-left {
    padding-left: 0 !important;
}

.mr-55 {
    margin-right: -55px;
}

.mg15 {
    margin: 15px !important;
}

.mr315 {
    margin-right: 315px;
}

.mr400 {
    margin-right: 400px !important;
}

.pl1 {
    padding-left: 1px !important;
}

.mt-25 {
    margin-top: -25px !important;
}

.mt-50 {
    margin-top: -50px !important;
}

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

.padding-left-20 {
    padding-left: 20px;
}

.padding-left-30 {
    padding-left: 30px;
}

.padding-left-40 {
    padding-left: 40px;
}

.padding-15 {
    padding: 15px;
}

.npr {
    padding-right: 0 !important;
}

.padding-right-15 {
    padding-right: 15px;
}

.pd15 {
    padding: 15px;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.delete-icon {
    background-image: url('/Content/Images/delete-16.png');
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.move-cursor {
    cursor: url('/Content/Images/move-16.png'),url('/Content/Images/move-16.cur'), auto;
}

.button-left {
    float: left;
}

.padding--none {
    padding: 0;
}

.padding-right--none {
    padding-right: 0;
}

.position--inherit {
    position: inherit !important;
}

.position-relative {
    position: relative !important;
}

.col80 {
    width: 90%;
    float: left;
}

.glyphicon.glyphicon-one-fine-dot {
    margin-bottom: -4px;
    overflow-y: hidden;
    top: -2px;
}

    .glyphicon.glyphicon-one-fine-dot:before {
        content: "\25cf";
        font-size: 11px;
    }

.glyphicons-share-alt:before {
    content: "\E309";
}

#content-tab .glyphicon {
    line-height: normal;
    color: #075095;
}

.back-icon {
    background-image: url('/Content/Images/arrow-icon.png');
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.tooltip.top .tooltip-arrow {
    margin-left: 10px;
}

.navigate-button {
    background-image: url(/Content/Images/black-navigate-to-32.png);
    width: 32px;
    height: 32px;
}

.shareurl-button {
    background-image: url(/Content/Images/black-share-32.png);
    width: 32px;
    height: 32px;
}

.opacity-0-5 {
    opacity: 0.5;
}

.seperate-line {
    width: 1px;
    height: 20px;
    border-right: 1px solid white;
    position: absolute;
    top: 9px;
    right: 0px;
}

.fixed-bottom {
    position: fixed;
    bottom: 0;
    width: 80%;
    background-color: #dddddd;
    padding-left: 10px;
}

.fixed-bottom-common {
    width: 100%;
    background-color: #dddddd;
    padding-left: 10px;
}

.fixed-bottom-common.footer{
    display:inline-block;
}

.fixed-bottom-common.annual-cycle {
    background-color: #d86a0a;
    color: #fff;
}

.fixed-bottom-common.deviation {
    background-color: #6d9f18;
    color: #fff;
}

.font-size-13 {
    font-size: 13px;
}

.font-size-16 {
    font-size: 16px;
}

.dropdown-box {
    font-size: 12px;
    padding-right: 38px;
}

.width1 {
    width: 1% !important;
}

.width2 {
    width: 2%;
}

.width3 {
    width: 3%;
}

.width4 {
    width: 4%;
}

.width5 {
    width: 5%;
}

.width6 {
    width: 6% !important;
}

.width7 {
    width: 7% !important;
}

.width8 {
    width: 8% !important;
}

.width10 {
    width: 10%;
}

.width11 {
    width: 11% !important;
}

.width12 {
    width: 12% !important;
}

.width13 {
    width: 13% !important;
}

.width14 {
    width: 14% !important;
}

.width15 {
    width: 15% !important;
}

.width17 {
    width: 17% !important;
}

.width20 {
    width: 20% !important;
}

.width22 {
    width: 22% !important;
}

.width25 {
    width: 25% !important;
}

.width30 {
    width: 30% !important;
}

.width35 {
    width: 35% !important;
}

.width40 {
    width: 40%;
}

.width45 {
    width: 45%;
}

.width50 {
    width: 50%;
}

.width55 {
    width: 55%;
}

.width60 {
    width: 60%;
}

.width65 {
    width: 65% !important;
}

.width70 {
    width: 70%;
}

.width75 {
    width: 75%;
}

.width80 {
    width: 80%;
}

.width85 {
    width: 85%;
}

.width90 {
    width: 90%;
}

.width91 {
    width: 91%;
}

.width95 {
    width: 95%;
}

.width98 {
    width: 98%;
}

.width100 {
    width: 100% !important;
}

.width103 {
    width: 103% !important;
}

.width-10 {
    width: 10px !important;
}

.width-20 {
    width: 20px !important;
}

.width-30 {
    width: 30px !important;
}

.width-40 {
    width: 40px !important;
}

.width-50 {
    width: 50px !important;
}

.width-100 {
    width: 100px;
}

.width-140 {
    width: 140px;
}

.width-150 {
    width: 150px;
}

.width-200 {
    width: 200px;
}

.width-250 {
    width: 250px;
}

.width-300 {
    width: 300px !important;
}

.height-initial {
    height: initial !important;
}

.height-50 {
    height: 50px !important;
}

.height-60 {
    height: 60px !important;
}

.min-height30 {
    height: auto;
    min-height: 32px;
}

.min-height100 {
    min-height: 100% !important;
}

.avoid-empty-row {
    min-height: 20px;
}

.folder-menu-left-width {
    width: 100%;
}

.light-gray {
    color: #d1d1d1;
}

.selectStyled {
    overflow: hidden;
    right: 70px;
    position: absolute;
}

    .selectStyled select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

.no-border-radius {
    border-radius: 0px !important;
}

.hr-standard {
    border-top: 1px solid #ccc;
    margin: 0px 40px 0px 85px;
}

.hr-d-standard {
    border-top: 1px solid #ccc;
    margin: 0px 55px 0px 0px;
}
.ptn {
    padding-top: 0px;
}

.pt2 {
    padding-top: 2px;
}

.pt10 {
    padding-top: 10px;
}

.pt20 {
    padding-top: 20px;
}

.st-selected {
    background: #dff0d8 !important;
}

.np-label {
    font-weight:normal;
    margin-bottom:0;
}

.top54 {
    top: 54px !important;
}

.top45 {
	top: 45px !important;
}

.top83 {
    top: 83px !important;
}

.top120 {
    top: 120px !important;
}


.right28 {
    right: 28px !important;
}

.home-info {
    height: 175px;
    background-color: white;
    color: black;
}

    .home-info .content {
        background-color: #f2f2f2;
        padding: 5px 5px 0px 15px;
        min-height: 175px;
    }

    .home-info a {
        color: #00283a !important;
        font-weight: 700;
        font-size: 16px;
    }

    .home-info h4 {
        font-weight: 700;
    }

.home-bottom-info {
    height: 160px;
    background-color: #f2f2f2;
    color: black;
    width: 23%;
    margin: 6px;
    text-align: center;
}

    .home-bottom-info div {
        padding: 10px 150px 0px 115px;
    }

.document-tab-active, .home-tab-active {
    height: 40px;
}

.t-upc {
    text-transform: uppercase;
}

.t-cpl {
    text-transform: capitalize !important;
}

.bg-white {
    background-color: white;
}

.bg-ok {
    background-color: #3b8075 !important; /* UU Design */
}

.bg-warning {
    background-color: #f0ad4e !important;
}

.bg-cancel {
    background-color: #d9534f !important;
}

.bg-lightseagreen {
    background-color: #00c7a5;
}

.bg-darkgrey {
    background-color: #727272;
}

.bg-view-standard {
    background-color: #e6e6e6 !important;
}

.home-group-header {
    float: left;
    padding: 0px 42px 0px 0px;
    width: 100%;
    margin-bottom: 20px;
}

.tc-white {
    color: white !important;
}

.tc-hpl {
    color: blue !important;
    text-decoration: underline;
}

.tc-default {
    color: #444444 !important;
}

.tc-approval {
    color: #00c6a5 !important;
}

.tc-blue {
    color: blue !important;
}

.tc-deleted {
    color: #ff576f !important;
}

.tc-transfer-reading-receipt{
    color: black !important;
}

.tc-handbook {
    color: #0389CD; /* UU Contrast */
}

.tc-disabled {
    color: #b3b3b3 !important;
    cursor: not-allowed !important;
}

.tc-setting {
    color: #999999 !important;
}

.tc-icon {
    color: #b3b3b3 !important;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu-item {
    padding: 5px;
}

.color-red {
    color: red !important;
}

.color-green {
    color: #00c3a5 !important;
}

.color-white {
    color: #ffffff;
}

.color-lightGray {
    color: #cccccc;
}

input[type=checkbox][disabled] {
    color: #ccc;
}

.topbar-left {
    width: 90%;
    padding: 0px 0px;
}
.topbar-right-btn {
    width: 180px;
    z-index: 1024;
    position: absolute;
    right: 15px;
    top: 5px;
}
.mr3 {
    margin-right: 3px;
}
.btn-startpage {
    background-color: #00283a;
    opacity: 1 !important;
}
.btn-startpage:hover {
    color: white !important;
}
.vtca-b {
    vertical-align: bottom !important;
}

.vtca-i {
    vertical-align: inherit;
}

.vtca-s {
    vertical-align: sub !important;
}

.vtca-sp {
    vertical-align: super !important;
}

.vtca-tb {
    vertical-align: text-bottom !important;
}

.vtca-m {
    vertical-align: middle !important;
}

.dd-mn-item-icon {
    padding: 5px 0px 0px 15px;
}

.f-default {
    font-family: Calibri,'Open Sans', Helvetica, Arial, 'sans-serif' !important;
}

.psr {
    position: relative;
}

.dd-mn-item {
    background-color: #d2d2d2;
    height: 35px;
    margin-bottom: 1px;
    padding: 5px;
}

    .dd-mn-item:hover {
        background-color: #f2f2f2;
    }

.dropdown-menu.tc-default {
    border-radius: 0px;
    padding: 2px;
    width: 200px;
}

.h10 {
    height: 10px;
}

.h15 {
    height: 15px;
}

.h20 {
    height: 20px;
}

.h23 {
    height: 23px;
}

.h25 {
    height: 25px;
}

.h32 {
    height: 32px;
}

.h33 {
    height: 33px;
}

.h35 {
    height: 35px;
}

.h38 {
    height: 38px;
}

.h39 {
    height: 39px;
}

.h40 {
    height: 40px !important;
}

.h42 {
    height: 42px !important;
}

.h44 {
    height: 44px !important;
}

.h100 {
    height: 100px;
}

.h150 {
    height: 150px !important;
}

.h300 {
    height: 300px !important;
}

.h400 {
    height: 400px !important;
}

.h-100 {
    height: 100%;
}

.h90p {
    height: 90%;
}

.h60p {
    height: 60%;
}

.h50p {
    height: 50%;
}

.standard-radio {
    width: 22px;
    height: 22px;
    vertical-align: bottom;
}

.standard-radio + span {
    display: inline-block;
    margin-top: 5px;
    margin-left: 10px;
}

.tree-background {
    background-color: #00283A;
}

.tree-nav {
    position: absolute;
    z-index: 9999;
    opacity: 500;
    background-color: #00283a;
    width: 500px;
    height: 500px;
    overflow: auto;
    border: 1px solid #999999;
    border-radius: 5px;
    margin-top: 2px;
    top: 33px;
}

.dpt-tree-nav {
    position: absolute;
    z-index: 9999;
    opacity: 500;
    background-color: #f2f2f2;
    width: 500px;
    max-height: 400px;
    overflow: auto;
    border: 1px solid #999999;
    border-radius: 0 0 5px 5px;
    margin-top: 33px;
    border-top : 0;
}

.required-field {
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 1px;
    height: 14px;
    margin: auto;
    font-size: 14px;
}

.fieldbg {
    background-color: #e6e6e6;
}

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

.fw-700 {
    font-weight: 700;
}

.btn-group button.dropdown-toggle:focus {
    outline: 5px auto -webkit-focus-ring-color !important;
}

/*--------------------grid-----------------------------*/

.rowInfo {
    background-image: url('/Content/Images/info.jpg');
    background-repeat: no-repeat;
    width: 24px;
    height: 19px;
    position: relative;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

/*#gridController tbody tr, 
#documentTemplate tbody tr {
    cursor: pointer;
}*/

.rowcssgird {
    cursor: auto !important;
}

.word-break {
    word-break: break-all;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

.ngHeaderContainer {
    width: 100% !important;
}

.ngCanvas {
    width: 100% !important;
}

.ngViewport {
    overflow: visible;
}

.gridStyle {
    font-size: 14px;
    width: 100%;
    background-color: white;
    height: auto;
    /*max-height: 300px;*/
}

.grid-auto {
    height: auto;
}

.grid-xsm {
    overflow-x: hidden;
    overflow-y: auto;
}

.grid-sm {
    height: auto;
}

.ngViewport.ng-scope {
    width: 100% !important;
}

.grid-me {
    height: 650px;
}

.grid-lg {
    height: 800px;
}

.ngHeaderCell {
    border-bottom: 1px solid #d4d4d4;
}

.ngViewport {
    overflow-y: auto;
    overflow-x: hidden;
}

.ngTopPanel {
    background-color: white;
    width: 100% !important;
}

.topmenu-left-panel {
    float: left;
    font-size: 12px;
    padding: 0px 35px 15px 45px; /*top-right-bottom-left*/
    background-color: #f2f2f2;
}

.topmenu-right-panel {
    float: right;
    padding-top: 10px;
    width: 50%;
}

.topmenu-right-panel1 {
    float: right;
    padding-top: 10px;
    width: 100%;
}

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

.padding-left-20 {
    padding-left: 20px;
}

.padding-left-40 {
    padding-left: 40px;
}

.margin-left-0 {
    margin-left: 0;
}

.margin-top--35 {
    margin-top: -35px;
}

.padding-15 {
    padding: 15px;
}

.padding-right-15 {
    padding-right: 15px;
}

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

.margin-left-60 {
    margin-left: 60px;
}

.margin-left-102 {
    margin-left: 102px;
}

.margin-right-20 {
    margin-right: 20px;
}

.line-height-2 {
    line-height: 2;
}

.line-height-3 {
    line-height: 3;
}

.grid-header {
    padding: 10px 15px;
    width: 100%;
    background-color: #00283a;
    color: white;
}

.panel-default > .panel-heading {
    background-image: none;
}

.panel {
    -webkit-box-shadow: none;
}

.folder-content {
    font-size: 12pt;
    max-height: 125px;
    overflow-y: auto;
    overflow-x: hidden;
}

#searchContainer .ngViewport.ng-scope {
    height: 500px;
}

#chapterHeaderContainer .ngViewport.ng-scope {
    height: 620px;
}

#groupDocuments .ngViewport.ng-scope {
    max-height: 300px !important;
    height: auto !important;
}

.repdiv {
    width: 25%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.display-inline-flex {
    display: inline-flex;
}

.dsinb {
    display: -webkit-box;
    display: -ms-flexbox;
}

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

.sorted-ascending {
    background-image: url("/Content/Images/icon-sort-up.png");
    background-repeat: no-repeat;
    height: 17px;
    width: 20px;
    position: relative;
    display: inline-block;
    margin-top: -3px;
}

.sorted-descending {
    background-image: url("/Content/Images/icon-sort-down.png");
    background-repeat: no-repeat;
    height: 17px;
    width: 20px;
    position: relative;
    display: inline-block;
    margin-top: -3px;
}

/********************************************grid-table********************************************/
#gridController, 
#documentTemplate {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: stretch;
}

#gridController, 
#documentTemplate {
    box-sizing: inherit;
    -moz-box-sizing: inherit;
}

    #gridController thead, 
    #documentTemplate thead {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: stretch;
        background-color: #ccc;
    }

    #gridController thead.annual-cycle {
        background-color: #d86a0a;
        color: #fff;
    }

    #gridController thead.deviation {
        background-color: #6d9f18;
        color: #fff;
    }

    #gridController thead.riskManagement {
        background-color: #dd283a;
        color: #fff;
    }

    #gridController tbody, 
    #documentTemplate tbody {
        overflow-y: auto;
        overflow-x: hidden;
    }

#gridController, 
#documentTemplate {
    overflow-x: hidden;
}

    #gridController thead > tr, 
    #gridController tbody > tr, 
    #gridController tfoot > tr, 
    #documentTemplate thead > tr, 
    #documentTemplate tbody > tr, 
    #documentTemplate tfoot > tr {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    #gridController thead, 
    #gridController tfoot, 
    #documentTemplate thead, 
    #documentTemplate tfoot{
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
    }

	#gridController th,
	#gridController tbody td,
	#documentTemplate th,
	#documentTemplate tbody td {
		overflow-x: hidden;
		text-overflow: ellipsis;
		padding: 3px 8px 0px 8px;
	}

    /*#gridController th,
    #documentTemplate th {
        white-space: normal;
        cursor: pointer;
    }*/

    #gridController tfoot, 
    #documentTemplate tfoot{
        display: inline-block;
    }

        #gridController tfoot td,
        #documentTemplate  tfoot td{
            width: 100%;
        }

    #gridController thead > tr > th,
    #documentTemplate thead > tr > th{
        border-bottom: 1px solid #dddddd;
        margin-top: 6px;
    }

.chapter-view #documentsTab #gridController tbody tr td:nth-child(4),
#groupDocument-working-documents #gridController tbody tr td:nth-child(4) {
    position: relative;
}

.chapter-view #documentsTab #gridController tbody tr td:nth-child(4) > a,
#groupDocument-working-documents #gridController tbody tr td:nth-child(4) > a {
    display: inline;
    position: absolute;
    top: 4px;
    left: 30px;
    padding-left: 5px;
    width: calc(100% - 32px);
    overflow: hidden;
}

hr {
     border-top-color: #888888;
}

.grid-cell {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gridcellwraptext {
    white-space: normal;
}
.gridcellnowrap {
    white-space: nowrap;
}
.normal-cell {
    margin-top: 4px;
    display: inline-block;
}

.normal-cell.grid-normal-cell {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.folder-icon {
    vertical-align: initial;
    font-size: 19px;
    margin-top: -2px;
}

@-moz-document url-prefix() { 
  .padding-top-firefox-ie{
      padding-top: 4px !important;
  }
  .normal-cell {
        display: initial;
    }
}

.cell-ellipsis {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

.nm-cell {
    position: relative;
}

.show-all-documents {
    position: fixed;
    cursor: pointer;
    bottom: 0;
    font-size: 16px;
    z-index: 999;
    background-color: transparent;
    right: 50px;
}

.show-all-item {
    position: absolute;
    cursor: pointer;
    /* bottom: 0; */
    font-size: 16px;
    z-index: 999;
    background-color: transparent;
    right: 30px;
    margin-top: -20px;
}

.show-all-group-documents {
    position: fixed;
    cursor: pointer;
    bottom: 0;
    font-size: 16px;
    z-index: 99999;
    background-color: transparent;
    right: 20px;
}

.show-all-documents-adjustment {
    bottom: 37px;
}

/*Setting columns style*/

.setting-box-show {
    width: 218px;
    border-top: solid 1px;
    border-left: solid 1px;
    border-right: solid 1px;
    border-color: #999999;
    height: 27px;
    position: absolute;
    z-index: 20;
    background: #ffffff;
    padding-top: 6px;
}

.setting-box-hide {
    width: 420px;
    border-color: #999999;
    z-index: 20;
    position: absolute;
    right: 15px;
}

.avoid-custom-page {
    right: 339px !important;
}

.setting-box-title {
    margin-left: 2px;
    color: Black;
}

.setting-dropdown-icon {
    cursor: pointer;
    width: 15px;
    height: 13px;
}

.setting-box-items {
    border-top: solid 1px;
    border-color: #999999;
    width: 100%;
    overflow: visible;
    margin-top: 5px;
    padding-top: 5px;
}

.setting-box-items-left {
    float: left;
}

.setting-box-items-right {
    float: left;
    padding-right: 10px;
}

.setting-box-main-contain {
    margin-top: -3px;
    margin-left: -1px;
    padding-bottom: 10px;
    width: 100%;
    border-bottom: solid 1px;
    border-left: solid 1px;
    border-right: solid 1px;
    border-color: #999999;
    background: #ffffff;
    font-size: 14px;
}

.setting-box-item {
    color: inherit;
    margin-left: 10px;
    line-height: 25px;
    clear: both;
    width:96%; 
    display:table; 
    margin:0 10px; 
    padding: 10px 0; 
    border-top: 1px solid #e5e5e5
}

.common-setting-box-item {
    color: inherit;
    margin-left: 10px;
    line-height: 25px;
    width: 45%;
    float: left;
}

.hide-label {
    display:none !important;
}

.grid-panel {
    margin: 20px 0 20px;
}

.header-panel {
    border-bottom: 2px solid #075095;
    padding-bottom: 10px;
}

.row-forced-align-left {
    margin-left: -40px;
}

.tabPage {
    position: relative;
}

.menu {
    position: fixed;
    background-color: #075095;
    z-index: 999;
    height: 65px;
}

.max100 {
    width: 100%;
}

.tab-content-header {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.scrollable-y {
    overflow-y: auto;
}

.unscrollable-y {
    overflow-y: hidden;
}
/*Collapse-Expand section begin*/
.np-collapse {
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 4px;
    background: url('/Content/Images/toggle-collapse.png') no-repeat;
}


.np-expand {
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 4px;
    background: url('/Content/Images/toggle-expand.png') no-repeat;
}

.expandcollapse-item {
    overflow: hidden;
    border-top: 1px solid blue;
}

.expandcollapse-heading-collapsed {
    cursor: pointer;
    padding: 15px 10px;
    position: relative;
    z-index: 100000000;
    background: url('/Content/Images/toggle-collapse.png') no-repeat;
    float: left;
    margin-top: 4px;
}

.expandcollapse-item:first-of-type {
    border-top: 0px;
}


.expandcollapse-heading-collapsed p {
    font-size: 16px;
    font-weight: normal;
    margin: 0px;
}

.expandcollapse-heading-expanded {
    cursor: pointer;
    padding: 15px 10px;
    position: relative;
    background: url('/Content/Images/toggle-expand.png') no-repeat;
    float: left;
    margin-top: 4px;
}

    .expandcollapse-heading-expanded p {
        font-size: 16px;
        font-weight: bold;
        margin: 0px;
    }

    .expandcollapse-heading-collapsed > span,
    .expandcollapse-heading-expanded > span {
        position: absolute;
        top: 25px;
        right: 15px;
        font-size: 20px;
        line-height: 0px;
    }

.expand-collapse-content {
    padding: 0;
}


/*
animation:*/

.slideDown.ng-hide {
    height: 0;
    transition: height 0.35s ease;
    overflow: hidden;
    position: relative;
}

.slideDown {
    transition: height 0.35s ease;
    overflow: hidden;
    position: relative;
}

    .slideDown.ng-hide-remove,
    .slideDown.ng-hide-add {
        /* remember, the .hg-hide class is added to element
  when the active class is added causing it to appear
  as hidden. Therefore set the styling to display=block
  so that the hide animation is visible */
        display: block !important;
    }


    .slideDown.ng-hide-add {
        animation-name: hide;
        -webkit-animation-name: hide;
        animation-duration: .5s;
        -webkit-animation-duration: .5s;
        animation-timing-function: ease-in;
        -webkit-animation-timing-function: ease-in;
    }



    .slideDown.ng-hide-remove {
        animation-name: show;
        -webkit-animation-name: show;
        animation-duration: .5s;
        -webkit-animation-duration: .5s;
        animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out;
    }
/*Collapse-Endpand section end**/

/*---------------------------------------------------------------------SIMPLE SEARCH-------------------------------------------------------------------------*/
.search-box {
    position: relative;
    display: block;
    height: 45px;
    width: 100%;
    padding-top: 14px;
    border-top: 1px solid transparent;
}

.fa-icon {
    color: white;
    font-size: 19px;
    padding: 5px;
    background-color: #00A7FF;
    vertical-align: bottom;
}

.search-popup {
    width: auto;
    position: fixed;
    z-index: 1024;
    border: 1px solid #cccccc;
    background-color: #f2f2f2;
    top: 97px;
    left: 8px;
    min-height: 50px;
    min-width: 209px;
    white-space: nowrap;
    overflow-y: auto;
    max-height: 600px;
}

.search-nomatch {
    padding: 10px;
    text-align: center;
    width: 100%;
    max-width: 280px;
}

.search-nomatch-text {
    font-weight: bold;
    font-size: 20px;
}

.search-popup-lmh {
    height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.search-popup-container {
    background-color: white;
    padding: 10px;
    margin: 5px;
}

.popup-item {
    display: table;
    word-break: break-word;
    margin-left: 4px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    width: 98%;
}

    .popup-item:hover {
        background-color: #E3E9EC;
    }

.search-popup .tooltip {
    white-space: normal;
}

.popup-item--active {
    background-color: #A3BCD2;
}

.popup-header {
    font-size: 19px;
    font-weight: bold;
}

.np-search-divider {
    border-bottom: 1px solid #CCC;
    height: 1px;
    margin-top: 10px;
}

/*---------------------------------------------------------------------ADVANCE SEARCH------------------------------------------------------------------------*/

.np-advs-warper {
    padding: 5px 20px 0 20px;
}

.np-advs-wrapper.advanced-search {
    color: #fff;
    padding: 15px 15px 0 15px;
}

.btn-block-group
{
    color: #fff !important;
    text-align: left !important;
    background: #999999;
}

.np-advs-wrapper.advanced-search .btn.btn-block{
    background: #999;
    color: #fff !important;
}

.np-advs-wrapper.advanced-search .btn.btn-block.btn-filters{
    text-align: left !important;
    background: #4e6069;
}

.np-advs-wrapper.advanced-search .np-advs-folder-tree-wraper {
    min-width: 257px;
}

.np-advs-wrapper.advanced-search .dropdown-list .item-dropdown-popup span::before {
    color: #333;
}

    .np-advs-wrapper.advanced-search button[type=submit] {
        position: relative;
        padding-right: 30px;
        background: #0087CE;
        text-transform: uppercase;
        font-weight: bold;
    }

        .np-advs-wrapper.advanced-search button[type=submit] i {
            position: absolute;
            font-size: inherit;
            top: 4px;
            right: 4px;
        }

        .np-advs-wrapper.advanced-search button[type=submit]:hover {
            color: #fff;
        }

    .np-advs-wrapper.advanced-search .fa.fa-search {
        font-size: 1.5em;
    }

.np-advs-back-btn {
    color: white;
    background-color: #999999;
    width: 255px;
    text-align: center;
    height: 22px;
    vertical-align: middle;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
}

.np-advs-search-box {
    height: 33px;
    border: 1px solid #cccccc;
    padding: 10px 25px 10px 10px;
}

.np-advs-search-box-border {
    border: 4px solid #ffffff;
    background-color: #949494;
    color: #ffffff;
    padding: 0 0 0 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.np-advs-lg-btn {
    width: 255px !important;
}

.np-advs-sm-btn {
    width: 120px;
}

.np-advs-search-btn {
    margin-right: 5px;
    margin-top: 5px;
    width: 110px;
    background-color: #0087CE;
    height: 33px;
    padding: 7px 0 0 10px;
    text-transform: uppercase;
}

    .np-advs-search-btn > i {
        position: absolute;
        bottom: 0;
    }

.np-advs-col-6 {
    float: left;
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
}

.np-advs-x2-3 {
    font-size: 2.6em;
}

.np-advs-dtp > span > button.btn-datepicker,
span.input-group-btn > button.btn-datepicker {
    margin-left: -30px !important;
    top: -1px;
    z-index: 1032;
    height: 25px;
}

.np-advs-folder-tree-wraper {
    position: absolute;
    z-index: 3000;
    background-color: #00283A;
    height: auto;
    width: auto;
    min-height: 300px;
    min-width: 280px;
    white-space: nowrap;
    border-left: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
    border-bottom: 4px solid #ffffff;
}

input.non-outline:focus, select.non-outline:focus, table {
    color: black;
}

.np-advs-chekcbox {
    position: relative;
    top: 2px;
}

/*---------------------------------------------------------------------SEARCH RESULT------------------------------------------------------------------------*/

.np-search-result-warper {
    padding: 23px 20px 0 25px;
    background-color: #ffffff;
}

    .np-search-result-warper .np-doc-square {
        margin-left: 0;
        margin-right: 0;
    }

.searchRelatedDocument ul.dropdown-menu li.active span {
    color: #fff !important;
}
/*-----------------------Rounded checkbox---------------------------*/
input[type="checkbox"].checkbox--rounded {
    visibility: hidden;
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.checkbox--round {
    width: 14px;
    height: 14px;
    background: white;
    margin: 0 0 10px 30px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: inset 0px 1px 1px white, 0px 0px 1px black;
    -moz-box-shadow: inset 0px 1px 1px white, 0px 0px 1px black;
    box-shadow: inset 0px 1px 1px white, 0px 0px 1px black;
    position: relative;
}

label.label--rounded {
    cursor: pointer;
    position: absolute;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    left: 2px;
    top: 2px;
    -webkit-box-shadow: inset 0px 0px 0px white, 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 0px white, 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 0px white, 0px 1px 0px rgba(255,255,255,1);
    z-index: 1;
}

    label.label--rounded:after {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        content: '';
        position: absolute;
        left: 0;
        width: 10px;
        height: 10px;
        background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
        background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
        background: -o-linear-gradient(top, #222 0%, #45484d 100%);
        background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
        background: linear-gradient(top, #222 0%, #45484d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }

.checkbox--round input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.round-label-description {
    width: 190px;
    top: -27px;
    position: relative;
    left: -20px;
    font-weight: lighter;
    z-index: 0;
}

/* SQUARED FOUR */
.squaredFour {
    width: 75px;
    position: absolute;
    top: 7px;
    left: 217px;
}

    .squaredFour label {
        cursor: pointer;
        position: absolute;
        width: 25px;
        height: 22px;
        border-radius: 5px;
        -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
        -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
        box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
        background: white;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
    }

        .squaredFour label:after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            content: '';
            position: absolute;
            width: 20px;
            height: 11px;
            background: transparent;
            top: 4px;
            left: 4px;
            border: 3px solid #333;
            border-top: none;
            border-right: none;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .squaredFour label:hover::after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
            filter: alpha(opacity=30);
            opacity: 0.5;
        }

    .squaredFour input[type=checkbox] {
        visibility: hidden;
        position: absolute;
        z-index: -1000;
        left: -1000px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }

        .squaredFour input[type=checkbox]:checked + label:after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            opacity: 1;
        }

.squaredFour-label {
    color: white;
    position: absolute;
    top: 8px;
    left: 285px;
    width: 125px;
    font-size: 15px;
}

/*-----------------------Button---------------------------*/
.button-search {
    background-color: #075095;
    width: 70px;
    margin-left: 40px;
}

    .button-search label {
        display: block;
        margin-left: -7px;
        color: white;
        cursor: pointer;
        text-indent: 5px;
        text-align: center;
    }

.top-menu-button {
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

a:focus.top-menu-button, a:hover.top-menu-button {
    text-decoration: none;
}

.grid-setting-btn {
    cursor: pointer;
    width: 32px;
    height: 27px;
}

#gridSetting {
    min-width: 380px;
    padding: 10px;
    border: 2px solid #ddd;
}

.cursor-disable {
    cursor: not-allowed !important;
}

.button-favorite {
    background-image: url(/Content/Images/blue-star-32.png);
    width: 32px;
    height: 32px;
}

.button-favorited {
    background-image: url(/Content/Images/blue-star-selected-32.png);
    width: 32px;
    height: 32px;
}

.disabled {
    background-color: darkgray;
    opacity: 0.3;
    cursor: default;
}

.email-subscribe {
    background-image: url(/Content/Images/blue-mail2-32.png);
}

.email-subscribed {
    background-image: url(/Content/Images/blue-mail-selected2-32.png);
}

.topmenu-searchfield span.input-group-btn button {
    padding: 0;
    width: 28px;
    height: 26px;
    left: -29px;
}

/******************datepicker*******************************/
.advance-search span.input-group-btn {
    display: table-cell;
    padding: 0;
}

    .advance-search span.input-group-btn button {
        padding: 0;
        width: 28px;
        height: 26px;
        left: -29px;
    }

.advance-search table {
    width: 97%;
}

    .advance-search table:focus {
        outline: none;
    }

    .advance-search table thead > tr > th,
    .advance-search table tbody > tr > th,
    .advance-search table tfoot > tr > th,
    .advance-search table thead > tr > td,
    .advance-search table tbody > tr > td,
    .advance-search table tfoot > tr > td {
        padding: 1px;
        line-height: 12px;
        vertical-align: top;
    }

        .advance-search table tbody > tr > td button {
            padding: 4px 8px;
        }

            .advance-search table tbody > tr > td button.btn-sm {
                padding: 4px 8px;
                width: 96% !important;
            }

        .advance-search table thead > tr > th button.btn-sm {
            padding: 3px 7px;
            margin-left: 5px;
            width: 90% !important;
        }

.advance-search ul {
    left: -132px !important;
}

    .advance-search ul li {
        background-color: white !important;
        border-bottom: none !important;
        text-indent: 5px !important;
        width: 282px;
    }

        .advance-search ul li span {
            padding: 0;
        }

.adv-folder-tree ul li {
    width: auto;
    padding-right: 5px;
}

    .adv-folder-tree ul li:last-child {
        padding-bottom: 0px;
    }
/******************Highlight**************/
.ui-match {
    margin: 0 !important;
    background-color: yellow;
}

.matched-links {
    background-color: purple;
    color: white !important;
}

.selected-link {
    background-color: black;
    color: white !important;
}

.padding-right-20 {
    padding-right: 20px;
}

/*-------------------Print box------------*/
.print-box {
    width: 200px;
    border-color: #999999;
    z-index: 20;
    background: #ffffff;
    position: absolute;
    right: 18px;
}

.width-220 {
    width: 220px !important;
}

/*#print-box2.print-box.avoid-custom-page {
    right: 337px;
}*/

.print-box-items {
    border-top: solid 1px;
    border-color: #999999;
    width: 100%;
    overflow: visible;
    padding: 5px 5px 5px 5px;
}

.print-box-main-contain {
    margin-top: -3px;
    margin-left: -1px;
    width: 100%;
    border-bottom: solid 1px;
    border-left: solid 1px;
    border-right: solid 1px;
    border-color: #999999;
    background: #ffffff;
    font-size: 14px;
    margin-top: 5px;
}

.padding-left-5 {
    padding-left: 5px;
}

/*-----------------------Error and message----------------------------*/
.error-panel--non-privilege {
    margin-top: 10px;
}

.error {
    color: #b94a48;
}

/*-----------------------Favorite setting field----------------------------------------*/

.favorite-field-header {
    border-bottom: 2px solid #026FC1;
    padding: 0 0 1px 0;
    margin: 20px 10px 0 10px;
}

.favorite-field-body {
    padding: 0 20px 0 20px;
    min-height: 300px;
}

.favorite-field-footer {
    border-top: 1px solid silver;
    text-align: right;
    margin: 10px 10px 5px 10px;
    padding-top: 5px;
}

.favorite-setting-field {
    height: 15px;
}

.manage-favorite-setting-icon {
    float: right;
    margin-right: 20px;
    height: 32px;
    background-image: url('/Content/Images/menu-setting-32.png');
    width: 32px;
}

.modal-header > .nav.nav-tabs {
    padding-left: 0;
}

#manageFavoriteTab.nav-tabs {
    background-color: white;
}

.nav-tabs > li > a.manage-favorite-tab {
    line-height: 10px !important;
    width: 90px;
    border-radius: 1px;
    border: none;
    color: black;
    padding-left: 0;
    background-color: white;
    text-align: center;
}

    .nav-tabs > li > a.manage-favorite-tab:hover {
        padding-left: 0;
        color: white;
        background-color: #026FC1;
        -webkit-border-top-right-radius: 9px !important;
        -moz-border-radius-topright: 9px !important;
        border-top-right-radius: 9px !important;
    }

.nav-tabs > li.active > a.manage-favorite-tab, .nav-tabs > li.active > a.manage-favorite-tab:hover, .nav-tabs > li.active > a.manage-favorite-tab:focus {
    color: white;
    background-color: #026FC1;
    border: none;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom-color: transparent;
    -webkit-border-top-right-radius: 9px !important;
    -moz-border-radius-topright: 9px !important;
    border-top-right-radius: 9px !important;
}

.modal-body > .tab-content > div > ul > li {
    display: inline;
    margin-bottom: 1px;
}

.folder-5-icon {
    background-image: url("/Content/Images/folder-blue-24px.png");
    background-repeat: no-repeat;
    padding-left: 30px;
    line-height: 24px;
    background-position: left top;
}

.folder-6-icon {
    background-image: url("/Content/Images/folder-orange-24px.png");
    background-repeat: no-repeat;
    padding-left: 30px;
    line-height: 24px;
    background-position: left top;
}

.folder-7-icon {
    background-image: url("/Content/Images/folder-green-24px.png");
    background-repeat: no-repeat;
    padding-left: 30px;
    line-height: 24px;
    background-position: left top;
}

.document-1-icon {
    background-image: url("/Content/Images/document_24.png");
    background-repeat: no-repeat;
    padding-left: 30px;
    line-height: 24px;
    background-position: left top;
}

.document-2-icon {
    background-image: url("/Content/Images/document_link_24.png");
    background-repeat: no-repeat;
    padding-left: 30px;
    line-height: 24px;
    background-position: left top;
}

.document-3-icon {
    background-image: url("/Content/Images/document_fil_24.png");
    background-repeat: no-repeat;
    padding-left: 30px;
    line-height: 24px;
    background-position: left top;
}

.document-4-icon {
    background-image: url("/Content/Images/document_shortcut_24.png");
    background-repeat: no-repeat;
    padding-left: 30px;
    line-height: 24px;
    background-position: left top;
}

.document-search-icon {
    width: 16px;
    height: 16px;
}

.folder-search-icon {
    width: 16px;
    height: 16px;
}

.delete-icon.manage-favorite {
    float: right;
}

/*-----------------------------Confirm dialog-------------------------------*/

.confirm-body {
    height: 50px;
    padding: 20px;
}

.confirm-footer {
    text-align: right;
    padding-right: 20px;
}

.confirm-header {
    background-color: #428bca;
    color: white;
    padding-left: 20px;
}

/*------------------------Loading bar-------------------------------------*/
#loading-bar,
#loading-bar-spinner {
    pointer-events: none;
    -webkit-pointer-events: none;
    -webkit-transition: 350ms linear all;
    -moz-transition: 350ms linear all;
    -o-transition: 350ms linear all;
    transition: 350ms linear all;
}

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
    opacity: 0;
}

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
    opacity: 1;
}

#loading-bar .bar {
    -webkit-transition: width 350ms;
    -moz-transition: width 350ms;
    -o-transition: width 350ms;
    transition: width 350ms;
    background: #29d;
    position: fixed;
    z-index: 10002;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px;
}

/* Fancy blur effect */
#loading-bar .peg {
    position: absolute;
    width: 70px;
    right: 0;
    top: 0;
    height: 2px;
    opacity: .45;
    -moz-box-shadow: #29d 1px 0 6px 1px;
    -ms-box-shadow: #29d 1px 0 6px 1px;
    -webkit-box-shadow: #29d 1px 0 6px 1px;
    box-shadow: #29d 1px 0 6px 1px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

#loading-bar-spinner {
    display: block;
    position: fixed;
    z-index: 10002;
    top: 50%;
    left: 50%;
}

#loading-bar-spinner .spinner-icon {
    width: 55px;
    height: 54px;
    background-image: url("/Content/Images/loading.gif");
}

/* Absolute Center Spinner */
#ng-loading-spinner {
    position: fixed;
    z-index: 10002;
    height: 2em;
    width: 2em;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
#ng-loading-spinner:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
}

#ng-loading-spinner .spinner-icon {
    width: 55px;
    height: 54px;
    background-image: url("/Content/Images/loading.gif");
}

/*-------------------------------pin icon---------------------------------------*/
.pin-icon {
    background-image: url("/Content/Images/pin-blue-24px.png");
    width: 24px;
    height: 24px;
    position: absolute;
    right: 25px;
    top: 20px;
    cursor: pointer;
    border-radius: 50%;
}

    .pin-icon.pin-toggle {
        background-image: url("/Content/Images/unpin-blue-24px.png");
    }

/*-------------------------------news on startpage-----------------------------*/

.block-with-text {
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 3.6em;
    text-align: justify;
    margin-right: 0em;
    padding-right: 1em;
    font-size: 13px;
}

    .block-with-text:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
    }

.news-contain {
    margin-top: 25px;
    margin-left: 20px;
    display: block;
    overflow-x: auto;
}

.news-item {
    margin-top: 10px;
    font-family: sans-serif;
    font-size: 13px;
}

.news-header {
}

.news-title {
    font-weight: bold;
    font-size: 17px;
    color: #474747;
}

    .news-title:hover {
        text-decoration: underline;
    }

.news-ingress {
}

.news-body {
}

.news-more {
    color: #428bca;
}

    .news-more:hover {
        text-decoration: underline;
    }

.news-footer {
}

.news-showmore {
    font-size: 13px;
    margin-top: 10px;
    text-align: center;
}

.news-goback {
    background-image: url("/Content/Images/arrow-icon.png");
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    font-size: 15px;
    padding-left: 27px;
    padding-top: 4px;
    margin-bottom: 10px;
}

.news-detail-contain {
    padding: 0 15px 0 0;
    margin-left: 35px;
}

.news-detail-title {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 10px;
}

.news-detail-image {
    margin-right: 10px;
}

.news-detail-ingress {
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 10px;
}

.news-detail-body {
    font-size: 14px;
}

.news-detail-contain .news-details-header {
    font-weight: bold;
    min-height: 22px;
    margin-bottom: 9px;
    margin-top: 10px;
}

.news-detail-contain .news-details-attachment {
    background-image: url(/Content/Images/document.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    clear: both;
    padding-left: 18px;
}

.bottom-underline {
    border-bottom: 1px solid silver;
}

.news-pagging-contain {
    margin-top: 10px;
}

.news-navigator {
    margin-left: 5px;
    padding: 0 6px;
}

.pagination > li > a, .pagination > li > span {
    border: none;
}

.btn-manage-favorite {
    background-color: #3e8f3e;
    color: white;
    margin-left: 2px;
}

.menu-group-contain {
    height: auto;
    min-height: 65px;
    padding-bottom: 20px;
}

/*-------------------------------collapse --------------------------------------*/
.collapse-arrow {
    float: left;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 11px solid white;
    margin: 7px 18px 0px 0px;
}

.collapsed-arrow {
    float: left;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 11px solid white;
    margin: 7px 18px 0px 0px;
}

.collapsed {
    height: 0;
    transition: height 0.85s ease;
    overflow: hidden;
}

/*-------------------------------login ----------------------------------------*/
.quick-login, .quick-login:hover, .quick-login:target, .quick-login:active {
    float: right;
    color: white;
    padding-top: 9px;
    text-decoration: none;
}


.advance-search-footer .tooltip.top .tooltip-arrow {
    left: 44%;
}

.search-icon {
    background: url(/Content/Images/search-32.png) no-repeat;
    position: absolute;
    right: 1px;
    width: 32px;
    height: 32px;
    float: right;
    cursor: pointer;
    background-color: white;
    margin-top: 2px;
}

.icon_arrow-down {
    background: url(/Content/Images/icon_arrow-down.png) no-repeat;
    background-color: white;
    position: absolute;
    right: 1px;
    width: 25px;
    height: 25px;
    float: right;
    cursor: pointer;
    margin-top: 7px;
    top: 0;
}

/*---------------------------------------------------------------------VALIDATION--------------------------------------------------------------------------------*/

input[type=text].ng-invalid.ng-touched, 
input[type=number].ng-invalid.ng-touched,
select.ng-select-invalid.ng-touched {
    box-shadow: 0 0 5px rgba(204, 48, 48, 0.8);
}

/*---------------------------------------------------------------------BREADCRUMBS------------------------------------------------------------------------------*/

.np-breadcrumbs {
    padding: 20px 0 0 0px;
    font-size: 15px;
}

.np-breadcrumbs-subs {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.fstl-n {
    font-style: normal !important;
}
/*---------------------------------------------------------------------NOTIFICATION-----------------------------------------------------------------------------*/
.notification-panel {
    margin: 16px;
    position: fixed;
    right: 10px;
}

.notification {
    color: #666666;
    font-size: 16px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #666666;
    padding: 2px 6px;
}

.bg-theme {
    background-color: #fc4269;
    color: white;
}

.notify-row .badge {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 100;
}

.notify-arrow {
    border-style: solid;
    border-width: 0 9px 9px;
    height: 0;
    margin-top: 0;
    opacity: 0;
    position: absolute;
    left: 295px;
    top: -18px;
    transition: all 0.25s ease 0s;
    width: 0;
    z-index: 10;
    margin-top: 10px;
    opacity: 1;
}

.notify-arrow-silver {
    border-color: transparent transparent #f2f2f2;
    border-bottom-color: #f2f2f2 !important;
    border-top-color: #f2f2f2 !important;
}

.notify-extend {
    background-color: #f2f2f2;
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176);
    width: auto;
    min-width: 320px;
    left: 45px;
    margin-top: 3px;
    height: auto;
}

.notify-content {
    background-color: #ffffff;
    margin: 1px 5px 1px 5px;
    height: auto;
}

.notify-item {
    padding: 7px 7px 0 7px;
}

.notify-last-item {
    padding-bottom: 7px;
}

.notify-item-header {
    background-color: #e7e7e7;
    height: 25px;
    padding: 2px 0 0 20px;
}

.notify-item-content {
    background-color: #f2f2f2;
    height: auto;
    min-height: 50px;
    padding: 5px 0 5px 20px;
}

.notify-close {
    margin: 3px 5px 0 0;
    float: right;
}

/*-----------------------------Common form-------------------------------*/

.tab-container {
    background-color: white;
    padding: 15px;
}

    .tab-container .form {
    }
/*-----------------------------Common dialog-------------------------------*/

.dlg-container {
    overflow-x: auto;
    background-color: #e6e6e6;
    padding: 20px;
}

    .dlg-container .header {
    }

    .dlg-container .form {
        background-color: white;
        padding: 10px;
    }

.view-container {
    overflow-x: auto;
    margin: 25px;
    background-color: #e6e6e6;
}

    .view-container .header {
        padding: 0 0 0 10px;
    }

    .view-container .form {
        background-color: white;
        padding: 0 10px 0 10px;
        display: inline-block;
        width: 100%;
    }

    .view-container form {
        padding: 10px;
    }

.dialog-body {
    padding: 20px;
}

.dialog-footer {
    text-align: right;
    padding-right: 20px;
    height: 55px;
}

.dialog-header {
    color: white !important;
    padding-left: 20px;
    line-height: 40px;
    height: 40px;
    font-weight: bold;
}

.dialog-icon {
    font-size: 30px;
}

.dialog-message {
    display: inline-block;
    position: absolute;
    margin: 5px 0px 0px 10px;
    width: 85%;
}

.dialog-message-1 {
	display: inline-block;
	margin: 5px 0px 0px 10px;
	width: 85%;
}

.dialog-confirm-bg {
    background-color: #f0ad4e;
}

.dialog-confirm-cl {
    color: #f0ad4e;
}

.dialog-inform-bg {
    background-color: #999999;
}

.dialog-inform-cl {
    color: #999999;
}

.dialog {
    border: 1px solid white;
}

.common-grid-header {
    padding: 7px 15px;
    width: 100%;
    background-color: #878787;
    color: white;
    padding-left: 0px;
}

.common-about-document {
    background-color: white;
    width: 98%;
    margin-bottom: 20px;
}

.common-setting-box-main-contain {
    width: 100%;
    border: 2px solid #ddd;
    background: #ffffff;
    font-size: 14px;
    height: auto;
    border-radius: 4px;
}

.p-text-ellipsis {
    display: inline-block;
    text-overflow: ellipsis;
    width: auto;
    overflow: hidden;
    margin-bottom: 0px;
    white-space: nowrap;
}

.wraptextheadergrid {
    min-height: 38px;
    height: auto !important;
    word-wrap: break-word;
}

.common-tooltip-element {
    word-wrap: break-word;
}

.common-tooltip-color {
    color: gold;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    font-size: 14px;
}

.pagination-sm > .active > a{
    color: white !important;
}

.notifyMessage {
    position: absolute;
    right: 0;
    padding: 8px;
    margin-top: 4px;
    border-radius: 0px;
    z-index: 999;
}

#todatesearchid ul {
    left: -140px !important;
}

.icon-document-title {
    float: left;
    margin-right: 10px;
    width: 40px;
    padding-left: 5px;
}

.border-none {
    border: none;
}

.pt12 {
    padding-top: 12px;
}

.hr-border-color {
    border-color: #ccc;
}
/*-------------------------------leaders-----------------------------------------*/
.leader {
    margin-top: 36px;
    position: fixed;
    right: 53px;
}

.leader-member {
    margin-top: 0px !important;
    position: fixed;
    right: 30px !important;
    width: 90% !important;
}

/*-------------------------------np-tabs ----------------------------------------*/

#np-tabs > li, #DocumentTab > li {
    text-align: center;
}

    #np-tabs > li > a, #DocumentTab > li > a {
        background-color: #e6e6e6;
        border: 1px solid #dddddd;
        border-bottom: none;
        font-size: 14px;
        padding-left: 10px;
        border-radius: 0;
    }

    #np-tabs > li.active > a, #DocumentTab > li.active > a {
        background-color: #ffffff;
        border-bottom: none;
    }

    #np-tabs > li:hover > a, #DocumentTab > li:hover > a {
        background-color: #ffffff;
        border-bottom: none;
    }

    #np-tabs > li.active.home-tab-active > a {
        background-color: #00283a !important;
        color: white !important;
    }

    #np-tabs > li a i.annual-cycle {
        color: #d86a0a;
    }

    #np-tabs > li a i.deviation {
        color: #6d9f18;
    }

    #np-tabs > li > a i.finance {
        background-image: url(/Content/Images/finance.png);
        display: inline-block;
        width: 17px;
        height: 14px;
        background-size: 17px 14px;
        background-repeat: no-repeat;
        position: relative;
        top: 1px;
    }

    #np-tabs > li.active > a i.finance {
        background-image: url(/Content/Images/finance-active.png);
    }

#np-lltabs > ul > li.active.home-tab-active > a {
    background-color: #00283a !important;
    border: 1px solid #00283a !important;
    color: white !important;
}

#np-lltabs > ul > li > a {
    background-color: #e6e6e6;
    border: 1px solid #dddddd;
    border-bottom: none;
    font-size: 14px;
    padding-left: 10px;
    border-radius: 0;
}

#np-lltabs > ul > li.active > a {
    background-color: #ffffff;
    border-bottom: none;
}

#np-lltabs > ul > li:hover > a {
    background-color: #ffffff;
    border-bottom: none;
}

#np-lltabs > ul > li:not(:first-child) > a {
    margin-left: 1px !important;
}

.meta-role-col {
    width: 100px;
    float: left;
    text-align: center;
}

.meta-role-header {
    height: 40px;
    background-color: #cccccc;
}

#metadataRegisterPermissions tbody tr:nth-child(odd) {
    background: #f2f2f2;
}

#metadataRegisterPermissions tbody tr:nth-child(even) {
    background: #FFF;
}

#metadataRegisterPermissions tbody tr td {
    padding: 5px 0px 0px 5px;
}

.td-odd {
    height: 50px;
    padding: 5px 0px 5px 0px;
    margin: 0px 20px 0px 20px;
}

.td-even {
    background-color: #f2f2f2;
    height: 50px;
    padding: 5px 0px 5px 0px;
    margin: 0px 20px 0px 20px;
}

.pl75 {
    padding-left: 75px;
}

.mrt15 {
    margin-top: 15px !important;
}

.margintop-10 {
    margin-top: -10px !important;
}

.angular-ui-tree-empty {
    border: none;
    background-image: none;
    background-color: #00283A;
}

/*---------------------------------------------------------------------NOTIFICATION-----------------------------------------------------------------------------*/

.result-redirect-popup {
    height: 90px;
    padding: 20px 20px;
    font-size: 18px;
}

#searchReport .np-advs-folder-tree-wraper, .np-advs-warper .np-advs-folder-tree-wraper {
    min-width: 200px;
    width: 255px;
    overflow-x: auto;
}

#searchReportDeviation .dpt-tree-nav {
    width: 100%;
    right: -11px;
}

#searchReportDeviation .departmentContainer {
    z-index: auto;
}

#searchReportDeviation .departmentSelectionid input[type=text] {
    padding-right: 63px;
}

label#departmentSelection1 {
    margin-bottom: 0;
}

#searchReportDeviation .dropdown-menu {
    z-index: 9999;
}

#searchReportDeviation .color-lightGray {
    color: #ffffff; /* UU Design */
}

.dropdown-multiselect {
    width: 100%;
}

    .dropdown-multiselect button {
        width: 100%;
        text-align: left;
        background-image: none;
        border-width: 4px;
        height: 33px;
        padding-top: 0px;
        padding-bottom: 0px;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        font-weight: 100;
        padding-left: 5px;
        overflow-x: hidden;
        border: 1px solid #ccc;
    }

    .dropdown-multiselect button.dark {
        background-color: #949494;
        border-color: white;
        color: white;
    }
    .dropdown-multiselect button:hover, .dropdown-multiselect button:focus, .dropdown-multiselect button:active {
        background-color: #fff;
    }
    .dropdown-multiselect button.dark:hover, .dropdown-multiselect button.dark:focus, .dropdown-multiselect button.dark:active {
        background-color: #949494;
        border-color: white;
        color: white !important;
        background-image: none;
    }

    .dropdown-multiselect .dropdown-menu {
        width: 100%;
        max-height: 300px;
        overflow: auto !important;
    }
    .dropdown-multiselect .dropdown-menu.dark {
        background-color: #949494;
        color: white;
    }

    .dropdown-multiselect .dropdown-menu a.dark {
        color: white !important;
    }

    .dropdown-multiselect a.dark:focus, .dropdown-multiselect a.dark:hover {
        background-color: #428bca !important;
        background-image: none !important;
    }

    .dropdown-multiselect button .caret {
        display: none;
    }

#np-tabs .typcn-message:before {
    font-size: 23px;
    margin-top: -10px;
}

.np-doc-square .typcn-message:before {
    font-size: 4em;
    margin-top: -15px;
}

#gridhearingtab #gridController {
    max-height: 200px;
}

.tooltip-inner .table-cell a {
    color: white !important;
    text-decoration: underline;
}

.table-css {
    display: table;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
}


.tooltip-header {
    text-align: center;
    color: #fff;
    border-bottom: 1px solid white;
    margin-bottom: 5px;
}

.tooltip-element-file {
    color: #fff;
    cursor: pointer;
    word-wrap: break-word;
}

    .tooltip-element-file a { /* UU Design */
        color:#fff !important;
    }

.tooltip-label {
    word-wrap: break-word;
}

.tooltip-value {
    color: gold;
}

.popover-inner {
    background-color: #00283A;
    text-align: left;
    max-width: 500px;
    padding: 5px !important;
    font-family:Calibri,'Open Sans',Helvetica, Arial, sans-serif !important
}

.openhearinggrid .typcn-message:before {
    font-size: 25px;
    margin-top: -7px;
}

.item-register{
    width: 100%;
    background-color: white;
    color: black;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    margin-bottom: 2px;
    position: relative;
    text-overflow: ellipsis;
}

.register-selection-clear {
    position: absolute;
    right: 5px;
    top: 0px;
    bottom: 1px;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #666666;
}
.adjustwidth{
    padding-left: 33px;
}

.box-language {
    color: white;
    cursor: pointer;
    padding-top: 5px;
    padding-left: 6px;
    position: absolute;
    top: -3px;
    right: 60px;
    cursor: pointer;
}

.arrow-language {
    right: 0px;
    padding-top: 3px;
    color:black;
}

.dropdown-language {
    right: 0px !important;
    left: inherit;
    width: 200px;
    top: 30px;
    padding-left: 10px;
    margin-bottom: 2px;
}

.flag-icon-language {
    margin: 0;
    padding: 0;
    float: left;
    background-color: white;
    border: none;
    height: 22px;
}

    .flag-icon-language span {
        margin: 0;
        padding: 0;
        float: left;
        width: 78px;
        text-align: left;
        padding-left: 5px;
        padding-top: 1px;
        color: black;
    }

    .flag-icon-language img {
        width: 26px;
        float: left;
    }

.flag-english {
    height: 21px;
}

.label-english {
    width: 50px !important;
}

.icon-language {
    width: 26px;
    height: 21px;
    cursor: pointer;
    z-index: 9999;
}

.setting-save-searches-icon {
    font-size: 20px;
    color: white;
    margin-top: 7px;
}
.setting-edit-hearing {
    vertical-align: top;
    margin-top: 5px!important;
}
.setting-save-reader-icon {
    font-size: 20px;
    color: white;
    margin-top: 5px;
    vertical-align: top;
}
.search-reader-list {
    width: 250px;
    display: inline-block;
}
/*-------------------------------media ----------------------------------------*/
@media(max-width:1450px) {
    .topmenufoldercontent .col-sm-6{
       width: 65%;
   }
   .topmenufoldercontent .col-sm-5{
       width: 35%;
   }
}

@media(max-width:1200px) {
   .topmenufoldercontent .col-sm-6{
       width: 70%;
   }
   .topmenufoldercontent .col-sm-5{
       width: 30%;
   }

	.mobile-probability {
		padding-left: 20px !important;
		padding-right: 0 !important;
	}

		.mobile-probability .pl50 {
			padding-left: 5px !important;
		}
}


@media(min-width:1200px) {
    .mrt-5 {
        margin-top: -5px !important;
    }
}

@media (min-device-width: 768px) and (max-device-width: 1024px) {
    .navbar-right {
        width: 30% !important;
        margin-right: 10px;
    }

    .sidebar-rtl #sidebar_right {
        right: 0px;
    }
}

@media(max-width:1024px) {
   
    .col-md-6 {
        width: 50%;
        float: left;
    }

    .navbar-right {
        right: 25px;
    }

    .tab-pane #npDocumentActions, .tab-pane .npDocumentActions {
        padding-top: 30px;
    }

    #npDocumentActions .col-sm-3, .npDocumentActions .col-sm-3 {
        display: table;
        padding-bottom: 30px;
    }

    #npDocumentActions .np-doc-square, .npDocumentActions .np-doc-square {
        display: table-cell;
        vertical-align: middle;
    }

    .np-doc-square .fa-3x, .np-doc-square .fa-4x {
        font-size: 2.5em;
    }

    .np-doc-square .fa-archive.fa-3x.pt10 {
        font-size: 2.3em;
        padding-top: 0 !important;
    }

    .np-doc-square .glyphicon-4x {
        font-size: 3em;
    }

    .padding-tablet-top {
        padding-top: 5px;
    }

    .np-doc-square .fa-file-o.fa-3x.margin-top-20 {
        margin-top: 5px;
    }

    .margin-bottom-tablet {
        margin-bottom: 15px;
        margin-top: 0 !important;
    }

    .pt304tbl {
        padding-top: 10px !important;
    }

    .ptn4tbl {
        padding-top: 0px !important;
    }
}

@media(max-width:980px) {
 
    .avoid-custom-page {
        right: 24px !important;
    }

    #print-box2.print-box.avoid-custom-page {
        right: 20px;
    }

    .pin-icon {
        display: none;
    }

    .departmentInfoContainer {
        margin: 10px 20px 10px 20px;
    }

    .rolesContainer {
        margin: 10px 20px 0px 20px;
    }

    .meataContainer {
        margin: 10px 10px 0px 10px;
    }

    .role-width-tablet {
        width: 93%;
    }

    .navbar-right {
        right: 0px;
    }

    .padding-bottom-tablet-0 {
        padding-bottom: 0 !important;
    }

   .topmenufoldercontent .col-sm-6{
       width: 65%;
   }
   .topmenufoldercontent .col-sm-5{
       width: 35%;
   }
}

@media(max-width:830px) {
    .modal-dialog.modal-lg {
        width: auto !important;
    }

}

@media(max-width:767px) {
    .seperate-line {
        display: none;
    }

    .np-advs-search-btn > i {
        bottom: -67px;
    }
}

@media(max-width:480px) {
    input[type=text].search-box {
        width: 135px;
    }

    .font-size-11 {
        font-size: 11px;
    }

    .advance-search input[type=text].search-box {
        background-position-x: 210px;
    }

    .search-box {
        background-position-x: 140px;
    }

    .squaredFour {
        left: 140px;
    }

    .squaredFour-label {
        left: 210px;
    }

    .nav-tabs > li > a.manage-favorite-tab {
        width: 85px;
    }

    .btn-manage-favorite {
        padding: 6px 3px;
        font-size: 12px;
    }

    .delete-icon {
        margin-right: 4px;
        margin-top: 7px;
    }

    .document-1-icon,
    .document-2-icon,
    .document-3-icon,
    .document-4-icon,
    .folder-5-icon,
    .folder-6-icon,
    .folder-7-icon {
        line-height: 30px;
    }

    .navbar-toggle {
        margin-right: 2px;
    }

    .search-icon {
        background-position: -6px;
        width: 24px;
    }
}

@media(max-width:390px) {
    .squaredFour label, .squaredFour-label {
        display: none;
    }

    .fixed-bottom {
        margin-left: 30px;
    }

    .margin-0 {
        margin: 0 0 0 0;
    }
}

.button-search-top-toggle {
    margin-top: -7px;
    height: 35px;
    cursor: pointer;
}

@media(max-width: 1200px) {
    .topbar-left {
        width: 95%;
    }
}

.modal-sm {
    left: 0%;
}

    .modal-sm .modal-body {
        padding-bottom: 0px;
    }

    .modal-sm .modal-content {
        background-color: white;
    }

.advance-search-header {
    padding: 0 0 1px 0;
    margin: 20px 10px 0 0;
}

.advance-search-text {
    color: #075095;
    padding-left: 25px;
}

.advance-search-footer {
    text-align: right;
    margin: -15px 14px 12px 10px;
}

.btn-advance-search {
    background-color: #075095;
    color: white;
    width: 72px;
    margin-top: 20px;
}

.btn-datepicker {
    border: none;
    position: relative;
    top: 0px;
    display: inline-block;
    line-height: 0;
    background-image: url("/Content/Images/icon_calendar_default.png") !important;
    background-repeat: no-repeat;
    background-position: 0px 1px;
    background-size: 24px 24px;
}
.btn-datepicker:hover, .btn-datepicker:focus {
    background-color: none;
    background-position: 0px 1px !important;
}
.input-group-btn .btn-default:hover, .input-group-btn .btn-default:focus {
    background-color: none;
    background-position: -3px -3px;
}

.padding-input-text {
    padding: 6px 6px 6px 6px;
}

.input-group-btn .btn-default {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.advance-search select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('/Content/Images/icon_down.png') no-repeat;
    background-attachment: initial;
    background-size: contain;
    background-position: 117px 1px;
    background-color: white;
    padding-right: 18px;
}

.margin-left-0 {
    margin-left: 0px;
}

.about-border-left {
    color: #075095;
    border-left: solid 3px;
    border-color:  #616161;
}

.boder-bottom-tab{
    border-bottom: 1px black solid;
}

.about-border-left-1 {
    color: #616161;
    border-left: 2px solid #404040;
}

.padding-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.cursor-pointer {
    cursor: pointer;
}

.exporter-options {
    padding: 20px;
    background: #E3E3E3;
}

@media(max-width:321px) {
    .notify-extend {
        left: -55px;
    }
}

.approveDocumentContainer {
    margin: 10px 25px 10px 65px;
    display: block;
    width: 70%;
}

.form {
    padding-top: 15px;
}




/*CSS for directives*/

.dropdown-list {
    position: relative;
}

    .dropdown-list .input-group {
        border: 5px solid #fff;
    }

        .dropdown-list .input-group input[type='text'] {
            background: #ccc;
            color: #555;
            width: 100%;
            -webkit-box-shadow: none;
            box-shadow: none;
            cursor: pointer;
            border: 0;
        }

            .dropdown-list .input-group input[type='text']:focus {
                border: 0;
            }

        .dropdown-list .input-group span {
            background: #ccc;
            color: #000;
            padding: 0;
            cursor: pointer;
        }

        .dropdown-list .input-group .remove {
            min-width: 15px;
        }

        .dropdown-list .input-group .dropdown {
            min-width: 30px;
        }

    .dropdown-list .item-list {
        position: absolute;
        z-index: 9999;
        left: 0;
        right: 0;
    }

        .dropdown-list .item-list button {
            border: 0;
        }

        .dropdown-list .item-list input[type='text']:focus {
            outline: 0;
        }

        .dropdown-list .item-list ul {
            border: 5px solid #fff;
            max-height: 250px;
            background: #e6e6e6;
            color: #555;
            padding: 0;
            overflow: auto;
        }

            .dropdown-list .item-list ul li {
                padding: 5px 0 5px 15px;
            }

                .dropdown-list .item-list ul li:hover {
                    background: #ccc;
                    cursor: pointer;
                }

                .dropdown-list .item-list ul li[disabled='disabled'] {
                    background: #ddd;
                    cursor: not-allowed;
                }

                .dropdown-list .item-list ul li span {
                    padding-right: 5px;
                }

/*End CSS for directives*/

.image-uploader-container {
    height: 31px;
    cursor: pointer;
    border: solid 1px #d1d6dc;
}

    .image-uploader-container button {
        width: 38px;
        height: 30px;
        display: inline-block;
        margin-left: 5px;
        float: right;
        border: none;
        border-left: solid 1px #d1d6dc;
        background: url('/Content/Images/icon-uploader.png') no-repeat center center;
    }

    .image-uploader-container label {
        float: left;
        margin-left: 10px;
        margin-top: 4px;
    }

    .image-uploader-container.drag-over {
        padding: 5px;
        border: 2px #f1f1f1 dashed;
        border-radius: 5px;
        height: 40px;
    }

.add-register-item-values-form .values {
    border: 1px solid #494949;
    padding: 5px;
}

#add-department-reader-form table#gridController tbody {
    max-height: 234px;
}

#add-person-reader-form {
    height: 75px;
}

    #add-person-reader-form div.dropdown-list {
        position: fixed;
        width: 517px;
        z-index: 1;
    }

.departmentInfoForm .publising-period {
    font-size: 16px;
    font-weight: bold;
}

.npdoc-editform-warper .form-control[disabled],
.npdoc-editform-warper input[disabled],
.npdoc-editform-warper select[disabled] {
    cursor: default;
}

.startpage-news {
    font-size: 15px;
}

    .startpage-news .collapsed-arrow,
    .startpage-news .collapse-arrow {
        margin: 5px 8px 0 0;
    }

    .startpage-news .news-group-title {
        height: 40px;
        padding: 10px;
        background-color: #00283a;
        color: #fff;
        font-weight: 700;
    }

    .startpage-news.deviation .news-group-title {
        background-color: #6d9f18;
    }

    .startpage-news.rm .news-group-title {
        background-color: #dd283a;
    }

    .startpage-news .collapsed-news .news-item {
        border-right: 2px solid #00283a;
        padding: 0 10px;
        margin-top: 12px;
        font-weight: 700;
    }

    .startpage-news .collapsed-news .show-more {
        padding-left: 10px;
        margin-top: 10px;
    }

    .startpage-news .expanded-news .show-more a {
        font-weight: 700;
        color: #fff !important;
    }

    .startpage-news .expanded-news .news-item,
    .startpage-news .expanded-news .read-more {
        padding-left: 10px;
        padding-right: 10px;
        margin-right: 10px;
        font-weight: 700;
        background-color: #f2f2f2;
    }

    .startpage-news .expanded-news .read-more {
        padding-bottom: 5px;
    }

        .startpage-news .expanded-news .news-item:last-child,
        .startpage-news .expanded-news .read-more:last-child {
            margin-right: 0;
        }

    .startpage-news .expanded-news .news-item a {
        color: #00283a !important;
    }

        .startpage-news .expanded-news .news-item a h4 {
            font-size: 14px;
            font-weight: 700;
        }

    .startpage-news .expanded-news .news-item .news-ingress {
        padding-left: 0px;
        font-size: 13px;
    }

        .startpage-news .expanded-news .news-item .news-ingress p {
            text-align: left;
            max-height: 8em;
            overflow: hidden;
        }

#searchDepartments .angular-ui-tree-nodes:first-child {
    padding-left: 0;
}

#searchDepartments .angular-ui-tree-handle:hover {
    background: #357ebd;
    color: #fff !important;
}

#searchDepartments .angular-ui-tree-handle.tc-disabled:hover {
    background: #fff;
    color: #ccc !important;
    cursor: not-allowed;
}

#searchDepartments .search-result {
    padding-top: 0;
    padding-left: 0px;
    margin-right: 0;
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.15);
    position: absolute;
    width: 100%;
    z-index: 999;
    max-height: 200px;
    overflow-y: auto;
}

#tree-root ol li div {
    height: 100%;
    padding: 5px;
}

.sidebar-menu #tree-root ol li div,
#sidebar_left #tree-root ol li div {
    height: 100%;
    padding: 0;
}

.sidebar-menu #tree-root ol li span.virtual-document {
    width: 18px;
    height: 18px;
    background: url('/Content/Images/virtual-document.png');
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    top: 2px;
}

.sidebar-menu .refresh-tree-button{
    margin-left: 7px;
    color: #878c94;
}

.sidebar-menu .refresh-tree-button:hover{
    color: #fff;
}

.departmentInfoForm #searchDepartments .search-result {
    width: 96%;
}

#searchDepartments .search-result ul {
    padding-left: 0px;
    margin-bottom: 0px;
}

    #searchDepartments .search-result ul li {
        padding: 5px 10px;
    }

        #searchDepartments .search-result ul li.active-item {
            background: #357ebd;
        }

            #searchDepartments .search-result ul li.active-item span {
                color: #fff !important;
            }

        #searchDepartments .search-result ul li span {
            color: #666 !important;
        }

        #searchDepartments .search-result ul li:hover {
            background: #357ebd;
            cursor: pointer;
        }

            #searchDepartments .search-result ul li:hover span {
                color: #fff !important;
            }

#compare-with-earlier-version {
    max-height: 00px;
    padding: 15px;
}

    #compare-with-earlier-version .error-message {
        background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
        background-repeat: repeat-x;
        text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
        color: #b94a48;
        background-color: #f2dede;
        border-color: #eed3d7;
        padding: 15px;
        margin-bottom: 15px;
        border: 1px solid transparent;
        border-radius: 0px;
        text-align: center;
        margin-left: 15px;
        margin-right: 15px;
        border: 1px solid #dca7a7;
    }

    #compare-with-earlier-version .h3-title {
        background: #00283A;
        color: #fff;
        padding: 5px;
        margin-top: 0px;
    }

    #compare-with-earlier-version .title-comparison-result {
        background: #00283A;
        color: #fff;
        margin-top: 0px;
        display: flex;
    }
    #compare-with-earlier-version .versions .earlier-version {
        padding-bottom: 15px;
        border-bottom: 5px solid #666;
        margin-bottom: 15px;
    }

    #compare-with-earlier-version .comparison-result {
        max-height: 930px;
        overflow-y: auto;
        z-index: 9999;
        height: 100%;
    }
    #compare-with-earlier-version .comparison-versions {
        z-index: 990;
    }

.compared-version {
    max-height: 400px;
    overflow-y: auto;
    padding: 5px;
}

#compare-with-earlier-version ul,
#compare-with-earlier-version ol {
    color: #333;
}

#compare-with-earlier-version del {
    color: #999;
    background-color: #fec8c8;
}

    #compare-with-earlier-version del img {
        padding-bottom: 5px !important;
        border-bottom: 1px solid red;
    }

#compare-with-earlier-version ins {
    background-color: #cfc;
    text-decoration: none;
}

    #compare-with-earlier-version ins img {
        padding-bottom: 5px !important;
        border-bottom: 1px solid #27DE27;
    }

.document-action-compare {
    width: 50px;
}

.export-button .btn:hover {
    color: #fff !important;
}


#folder-content-identifier .export-button .btn:hover {
    color: #999 !important;
}

.editRoleContainer .export-button {
    margin-top: -5px;
}

.editRoleContainer .tab-content.extend > div {
    background: #fff;
}

.common-grid-header .export-button,
.home-grid-header .export-button {
    margin-top: -7px;
    margin-right: 25px !important;
}

    #folder-content-identifier .export-button .btn {
        color: #999 !important;
    }

.export-button a {
    color:#fff!important;
}
    .export-button a.glyphicons-file_export {
        color:#999!important;
    }
.export-button a:hover, .export-button a:focus, .gridSettingButton a:hover, .gridSettingButton a:focus {
    text-decoration:none;
}

.btn-check-setting {
   background-color: #838383;
}

.attachment-icon {
    background: url('/Content/Images/attach-32.png');
    cursor: pointer;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.alert {
    position: fixed;
    z-index: 999999;
    right: 15px;
    top: 110px;
    border-radius: 0;
}

.alert.alert-fixed {
    position: static;
}

.alert > div {
    display: inline-block;
}

.dlg-container .alert {
    left: 15px;
    position: static;
}



.action-button {
    background-color: white;
    height: 180px;
    text-align: center;
    cursor: pointer;
    margin: 0 0 15px 0;
    width: 100%;
    border: 1px solid #333333;
}

.action-view {
    background:#fff;
    padding: 15px 15px 0 15px;
}

.action-view .action-button {
    background-color: #f2f2f2;
}

.action-button i {
    color: #b3b3b3;
    margin-top: 20px;
    font-size: 5em;
}

.action-button.annual-cycle i {
    color: #d86a0a;
}

.action-button.deviation i {
    color: #6d9f18;
}

.action-button > span {
    display: block;
    font-weight: bold;
    font-size: 15px;
    margin-top: 15px;
}

.tab-content .tab-item {
    background: #f2f2f2;
}

.tab-content.extend {
    background-color: #f2f2f2;
    padding-top: 15px;
}

.tab-content.extend .tab-buttons {
    margin-bottom: 15px;
}

.tab-content.extend .tab-buttons > button {
    margin-right: 15px;
}

.abort-save {
    margin-bottom: 15px;
}

.abort-save button {
    margin-left: 15px;
}

form.key-word-search-form button.search {
    background: #00a7ff;
    color: #fff;
    padding: 6px 12px;
    position: absolute;
    top: 0px;
    right: 15px;
    font-size: 22px;
    cursor: pointer;
    border: 0;
}

.group-of-form-groups,
.group-of-rows {
    padding: 15px 15px 0 15px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
}

.icon.icon-ehand_home.fa-lg.padding-right--none.rm_c {
    position: initial;
    top: 3px;
    margin-left: 0px !important;
}

.np-breadcrumbs span:nth-child(3) i:first-child {
    position: relative;
    margin-left: 0px !important;
}

.np-breadcrumbs span a {
    padding-left: 5px;
    padding-right: 5px;
}

form div.checkbox {
    margin-top: -3px;
}

form div.checkbox input[type='checkbox'] {
    position: relative;
    top: 3px;
}

.checkbox {
    margin-top: 0 !important;
}

.btn.annual-cycle {
    background: #d86a0a !important;
}

.btn.deviation {
    background: #6d9f18 !important;
}

.btn.annual-cycle.active {
    background: #94421d !important;
    cursor: default;
}

.btn.deviation {
    background: #6d9f18 !important;
}

.btn.btn-standard.search-button {
    font-size: 16px;
}

.edit-document-view .tab-content.extend > div {
    background: #fff;
}

.btn-group >.btn:hover {
    outline: 0;
}

#topbar i.annual-cycle,
#topbar a.annual-cycle {
    color: #d86a0a !important;
}

/* Common styles */
.row-odd {
    height: 34px;
    padding: 5px 0px;
    margin: 0px 20px;
}

.row-even {
    background-color: #f2f2f2;
    height: 34px;
    padding: 5px 0px;
    margin: 0px 20px;
}

.action-button {
    background-color: #ececec;
    height: 180px;
    margin: 0 0 15px 0;
    text-align: center;
    width: 100%;    
}

.action-button[disabled='disabled'] {
    background-color: #ddd;
    cursor: not-allowed;
}

.action-button i {
    color: #b3b3b3;
    font-size: 5em;
    margin-top: 20px;
}

.action-button.annual-cycle i {
    color: #d86a0a;
}

.action-button > span {
    display: block;
    font-weight: bold;
    font-size: 15px;
    margin-top: 15px;
}

div[name="youtubePlugin"] > table > tbody > tr:first-child,
div[name="youtubePlugin"] > table > tbody > tr:nth-child(2) {
    display: none;
}
/* End common styles */

/* Styles for top bar*/
.activity-notifications {
    min-width: 0px !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.activity-notifications > button:before {
    font-family: 'FontAwesome';
    content: "\f133";
    font-size: 2em;
    cursor: pointer;
}

.activity-notifications > button {
    width: 26px;
    padding: 0 !important;
    border: 0;
    background-color: #474747;
    margin-top: 0 !important;
    text-shadow: none;
    box-shadow: none;
}

.activity-notifications > button:active,
.activity-notifications > button:focus {
    box-shadow: none !important;
    color: #666 !important;
}

.activity-notifications > button:focus:before {
    outline: 5px auto -webkit-focus-ring-color;
}

.activity-notifications > button span {
    display: inline-block;
    margin-left: -31px;
    font-weight: bold;
    text-shadow: none;
    width: 35px;
    margin-top: -5px;
}

.activity-notifications > div {
    width: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    right: 0px !important;
    top: 55px;
}

.activity-notifications > div.have-no-activities {
    padding: 15px;
    min-width: auto;
    width: auto;
}

.activity-notifications > div div.control-buttons,
.activity-notifications > div div.activity {
    padding: 0px 5px 0px 15px;
    margin-top: 15px;
}

.activity-notifications > div div.control-buttons {
    margin-bottom: 15px;
}

.activity-notifications > div div.activity {
    cursor: pointer;
}

.activity-notifications > div div.control-buttons div.text-right {
    padding-right: 25px;
}

.activity-notifications > div div.control-buttons span,
.activity-notifications > div div.control-buttons a {
    background-color: #075095;
    color: white;
    text-shadow: none;
}

.activity-notifications > div div.control-buttons span.active {
    color: #075095;
    background-color: white;
    font-weight: bold;
}

.activity-notifications .activities {
    border: 1px solid #DDD;
    border-radius: 3px;
    margin: 15px;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 15px;
    max-height: 500px;
    overflow: auto;
}

.activity-notifications .activity {
    margin-right: 0;
}

.activity-notifications .activity.overdue-activity {
    border-right: 5px solid red;
}

.activity-notifications .activity.completed-activity {
    border-right: 5px solid green;
}

.activity-notifications .activity.not-completed-activity {
    border-right: 5px solid blue;
}

.activity-notifications .activity.not-started-activity {
    border-right: 5px solid yellow;
}

.activity-notifications .activity .activity-month {
    font-size: 1.2em;
    background-color: #D26A12;
    text-align: center;
    font-weight: bold;
}

.activity-notifications .activity .activity-day {
    font-size: 2em;
    background-color: #DDD;
    text-align: center;
    font-weight: bold;
}

.activity-notifications .activity .activity-month-year {
    text-align: center;
    background-color: #DDD;
    font-size: 1.2em;
}

.activity-notifications .activity .activity-name {
    font-size: 1em;
    line-height: 2em;
}

.font-size-35{
    font-size: 35px;
}

.btn-submit{
    position: relative;
    padding-right: 30px;
    background: #0087CE;
    text-transform: uppercase;
    font-weight: bold;
}

@media(max-width: 769px) {
    .navbar-header .activity-notifications {
        display: block;
    }

    .navbar-header .activity-notifications .control-buttons > div:nth-child(2) {
        display: none;
    }

    ul.navbar-nav .activity-notifications {
        display: none;
    }
    .meta-role-col {
        width: 20%;
    }

    .adjustwidth{
        width: 25px !important;
    }

}

@media(min-width: 768px) {
    .navbar-header .activity-notifications {
        display: none;
    }

    ul.navbar-nav .activity-notifications {
        display: block;
    }
     .topmenu-searchfield .search-mode .tooltip-inner {
        width: 350px;
        left: -60px;
    }
}

@media(max-width: 390px) {
    .activity-notifications > div {
        width: 320px;
    }
    .topmenu-searchfield .search-mode .tooltip-inner {
        width: 300px;
        left: -60px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 768px){
    .activity-notifications > button {
        margin-top: -10px;
    }
    .activity-notifications > button span {
        width: 45px;
    }
}
/* End styles for top bar*/

/* Styles for route-view and its components */
.route-view {
    margin: 0 10px 0 15px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
}

    .route-view hr {
        margin: 0 0 15px 0;
        border: 1px solid #e6e9ed;
    }

    .route-view label,
    .dlg-container label {
        font-weight: normal;
    }

    .route-view .mandatory,
    .dlg-container .mandatory {
        color: #ff576f !important;
        font-weight: bold;
    }

    .route-view h2 {
        text-transform: uppercase;
        margin: 0 0 15px 0;
    }

.route-view form,
.route-view .grid,
.route-view .tabs {
    margin-bottom: 15px;
    padding: 15px 15px 0 15px;
    background: #fff;
    border: 1px solid #e6e9ed;
}

.route-view form .tabs {
    margin-bottom: 0;
    padding: 0;
    border: 0;
}

.route-view .tabs .grid,
.route-view form .grid {
    padding: 0;
    border: 0;
}

.route-view .grid .grid-controls {
    margin-bottom: 15px;
}

.route-view .grid .grid-controls .tab-buttons {
    margin-bottom: 0;
}

.route-view .grid .grid-controls button,
.route-view .tabs .tab-content .tab-pane .tab-buttons button {
    height: 34px;
    margin-right: 15px;
}

.route-view .grid .grid-controls .simple-search span {
    border: 0;
    border-radius: 0;
    background: #00a7ff;
    color: #fff;
    cursor: pointer;
}

.route-view .grid .grid-controls .simple-search.deviation span {
    background: #6d9f18;
}

.route-view .grid .grid-controls .simple-search.annual-cycle span {
    background: #d86a0a;
}

.popup-view {
    padding: 15px;
    background: #f2f2f2;
}

.popup-view .modal-header {
    background: #fff;
    padding: 15px;
    height: inherit !important;
    text-transform: uppercase;
    font-size: 2em;
}

.popup-view .modal-body {
    background: #fff;
    padding: 0 15px;
}

.popup-view .modal-body > .form-group:last-child {
    margin-bottom: 0;
}

.popup-view .modal-footer {
    border-top: none;
    padding: 15px;
    background: #fff;
}

.popup-view .modal-footer np-abort-save > div > div {
    margin-top: 0 !important;
}
/* End styles for route-view and its components */

/* Styles for modal dialog */
.modal-header {
    background: #f2f2f2;
    padding-bottom: 0;
}

.modal-header h2 {
    margin-top: 0;
    margin-bottom: 0;
}

.modal-body {
    background: #f2f2f2;
}

.modal-body form {
    background: #fff;
    padding: 15px 15px 0 15px;
    margin-bottom: 15px;
}

.popup-view .modal-body form {
    padding: 0;
    margin-bottom: 0;
}

.modal-body .abort-save {
    margin-bottom: 0;
}

.modal-body label {
    font-weight: normal;
}
/* End styles for modal dialog */

/* Styles for about popup */
.about-popup .site-name {
    color: #00283A;
    font-weight: bold;
    font-size: 20px;
}
/* End styles for about popup */

/* Styles for Add security groups modal*/
.modal-body.add-security-groups > div {
    background: #fff;
    margin-bottom: 15px;
    padding: 15px 15px 5px 15px;
}

.modal-body.add-security-groups > div ul {
    padding-left: 0;
}
/* End styles for Add security groups modal*/

/* Styles for meta data pages  */
.update-meta-data-view np-abort-save > div > div,
.update-meta-register-view np-abort-save > div > div {
    margin-top: 0 !important;
}

.update-meta-data-view .tab-content.extend {
    padding: 15px 0 0 0;
}
/* End Styles for meta data pages */

/* Styles for menu pages */
.update-menu-column-view table.permissions,
.update-menu-group-view table.permissions,
.update-menu-bullet-view table.permissions {
    width: 100%;
    margin-bottom: 15px;
}

    .update-menu-column-view table.permissions tr td:first-child,
    .update-menu-group-view table.permissions tr td:first-child,
    .update-menu-bullet-view table.permissions tr td:first-child {
        width: 25px;
        padding: 0 15px;
    }

    .update-menu-column-view table.permissions tr td:nth-child(3),
    .update-menu-group-view table.permissions tr td:nth-child(3),
    .update-menu-bullet-view table.permissions tr td:nth-child(3) {
        width: 30%;
    }

    .update-menu-column-view table.permissions tr td:nth-child(4),
    .update-menu-group-view table.permissions tr td:nth-child(4),
    .update-menu-bullet-view table.permissions tr td:nth-child(4) {
        width: 25%;
    }
    
    .update-menu-column-view table.permissions tr.header-row,
    .update-menu-group-view table.permissions tr.header-row,
    .update-menu-bullet-view table.permissions tr.header-row {
        height: 40px;
        background: #ccc;
        text-transform: uppercase;
    }

    .update-menu-column-view table.permissions tr.header-row,
    .update-menu-column-view table.permissions tr.permissions-title,
    .update-menu-group-view table.permissions tr.header-row,
    .update-menu-group-view table.permissions tr.permissions-title,
    .update-menu-bullet-view table.permissions tr.header-row,
    .update-menu-bullet-view table.permissions tr.permissions-title {
        font-size: 18px;
        font-weight: 700;
    }

    .update-menu-column-view table.permissions tr td .fa.fa-times,
    .update-menu-group-view table.permissions tr td .fa.fa-times,
    .update-menu-bullet-view table.permissions tr td .fa.fa-times {
        cursor: pointer;
        color: #666;
    }

    .update-menu-column-view .control-buttons,
    .update-menu-group-view .control-buttons,
    .update-menu-bullet-view .control-buttons {
        margin-bottom: 15px;
    }

    .update-menu-column-view .control-buttons button,
    .update-menu-group-view .control-buttons button,
    .update-menu-bullet-view .control-buttons button {
        margin-right: 15px;
    }

    .update-menu-column-view .control-buttons button:first-child i,
    .update-menu-group-view .control-buttons button:first-child i,
    .update-menu-bullet-view .control-buttons button:first-child i {
        font-size: 11px;
    }
/* End styles for menu pages */

/* Styles for department & employee pages */
.create-department-view .checkbox,
.edit-department-view .checkbox {
    margin-top: 30px;
}

.create-department-view .tab-content.extend,
.edit-department-view .tab-content.extend {
    padding: 15px 0 0 0;
}

.edit-department-view .tab-content.extend .tab-buttons button {
    height: 34px;
}

.create-department-view np-abort-save > div > div,
.edit-department-view np-abort-save > div > div {
    margin-top: 0 !important;
}

.employees-management-view h5 {
    display: inline-block;
    margin: 0 15px 15px 0;
}

.new-employee-view .tab-content.extend,
.edit-employee-view .tab-content.extend {
    padding: 15px 0 0 0;
}
.new-employee-view np-abort-save > div > div,
.edit-employee-view np-abort-save > div > div {
    margin-top: 0 !important;
}

.employeeContainer .left-align {
    margin-right: 10px;
}

    .employeeContainer .left-align.department {
        width: 250px;
    }

    .employeeContainer .left-align > input[type=text] {
        width: 150px;
    }

    .employeeContainer .left-align .btn.btn-standard {
        height: 34px;
        padding: 5px 12px;
    }

    .employeeContainer .checkbox {
        margin-right: 20px;
    }

    .employeeContainer .checkbox input {
        top: 13px;
    }

    .employeeContainer #departmentSelection1 #departmentSelectionInput1 {
        width: 100%;
        height: 34px;
        display: block;
    }
/* End styles for department & employee pages */
/* Styles for document templates */
.add-document-template-view .checkbox,
.edit-document-template-view .checkbox {
    display: inline-block;
    margin-right: 15px;
}

.edit-document-template-view .tab-content.extend {
    padding: 15px 0 0 0;
}

.add-document-template-view np-abort-save > div > div,
.edit-document-template-view np-abort-save > div > div {
    margin-top: 0 !important;
}
/* End styles for document templates */

/* Styles for reading lists */
.create-reading-list np-abort-save > div > div,
.edit-reading-list np-abort-save > div > div {
    margin-top: 0 !important;
}

.edit-reading-list .tab-content.extend {
    padding: 15px 0 0 0;
}

.add-department-reader .number-of-excluded-employees {
    position: absolute;
    margin-top: -36px;
    margin-left: 100px;
}
/* End styles for reading lists */

/* Styles for manage folder structure view */

/* End styles for manage folder structure view */

/* Styles for NewsCategories & News Tasks */
.update-news-category-view np-abort-save > div > div,
.update-news-view np-abort-save > div > div {
    margin-top: 0 !important;
}

.update-news-category-view .row.permissions-header {
    margin: 10px 0 0 0;
}

.update-news-category-view .row.permissions-header > div {
    height: 40px;
    background: #ccc;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    padding-top: 7px;
}

.update-news-category-view .row.permissions-header > div:nth-child(3) {
    padding-left: 21px;
}

.update-news-category-view .row.permissions-title > div {
    height: 34px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    padding-top: 7px;
}

.update-news-category-view .row.permission {
    height: 38px;
    padding: 8px 0 0 0;
    margin: 0;
}

.update-news-category-view .row.permission .fa.fa-times {
    cursor: pointer;
    color: #666;
}

.update-news-category-view .row.permission > div:first-child > span.fa.fa-times {
    margin-right: 5px;
    cursor: pointer;
}

.update-news-category-view .row.permission > div:nth-child(3) {
    padding-left: 22px;
}

.update-news-category-view .row.control-buttons {
    margin: 15px 0;
}

.news-management-view .grid-controls .status-filter {
    margin-left: 15px;
    display: inline;
    width: 150px;
}

.update-news-view .btn.btn-preview {
    background-color: #009178;
    margin-left: 15px;
}

.update-news-view .btn.btn-preview:hover {
    color: #fff;
}

.update-news-view .tab-content.extend {
    padding: 15px 0 0 0;
}

.update-news-view .tab-content.extend > div {
    background: #fff;
}

.update-news-view .uib-timepicker tr:first-child,
.update-news-view .uib-timepicker tr:last-child {
    display: none;
}

.update-news-view #cke_editor100 {
    margin-bottom: 15px;
}
/* End styles for NewsCategories & News Tasks */

/* Styles for folder */
.chapter-view #foldersTab #gridController tbody tr td:nth-child(4) span:nth-child(2),
.chapter-view .sub-folders #gridController tbody tr td:nth-child(4) span:nth-child(2) {
    top: 4px;
    position: relative;
}

.chapter-view #gridController td span.virtual-document, .np-search-result-warper #gridController td span.virtual-document {
	width: 18px;
	height: 18px;
	background: url(/Content/Images/virtual-document_black.png);
	background-repeat: no-repeat;
	display: inline-block;
	position: relative;
	top: 5px;
}

.chapter-view .btn-group .dropdown-toggle:focus {
    outline: 5px auto -webkit-focus-ring-color;
}

#folder-structure-view ol li span.virtual-document {
    width: 18px;
    height: 18px;
    background: url(/Content/Images/virtual-document_black.png);
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    top: 2px;
}

.create-folder-view np-abort-save > div > div,
.edit-folder-view np-abort-save > div > div,
.edit-folder-permissions-view np-abort-save > div > div,
.manage-folder-documents-view np-abort-save > div > div,
.edit-sub-chapters-view np-abort-save > div > div {
    margin-top: 0 !important;
}

.create-folder-view np-tree-nav .tree-background,
.edit-folder-view np-tree-nav .tree-background {
    position: relative;
}

.create-folder-view np-tree-nav #tree-root,
.edit-folder-view np-tree-nav #tree-root {
    width: 100%;
    top: 34px !important;
    border: 0;
    border-radius: 0;
}

.edit-folder-view label#folderSelection {
    margin-bottom: 0;
}

.edit-folder-permissions-view table {
    width: 100%;
    margin-bottom: 15px;
}

.edit-folder-permissions-view table tr.header-row {
    height: 40px;
    background: #ccc;
    text-transform: uppercase;
}

.edit-folder-permissions-view table tr.header-row,
.edit-folder-permissions-view table tr.permissions {
    font-size: 18px;
    font-weight: 700;
}

.edit-folder-permissions-view table tr td {
    width: 80px;
}

.edit-folder-permissions-view table tr td:first-child {
    width: 25px;
    padding: 0 15px;
}

.edit-folder-permissions-view table tr td:nth-child(2) {
    width: unset;
}

.edit-folder-permissions-view table tr td .fa.fa-times {
    cursor: pointer;
    color: #666;
}

.edit-folder-permissions-view .control-buttons {
    margin-bottom: 15px;
}

.manage-folder-documents-view table {
    width: 100%;
    margin-bottom: 15px;
}

.manage-folder-documents-view table thead tr {
    height: 40px;
    background: #ccc;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
}

.manage-folder-documents-view table thead tr th:first-child {
    padding-left: 13px !important;
}

.manage-folder-documents-view table thead tr th:nth-child(2) {
    padding-left: 0px !important;
}

.manage-folder-documents-view table tbody tr td {
    padding-top: 5px !important;
}

.manage-folder-documents-view table tbody tr td:last-child {
    padding-top: 12px !important;
}

.edit-sub-chapters-view .row-header {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    background: #ccc;
    height: 40px;
    padding: 8px 10px;
}

.edit-sub-chapters-view ul {
    padding-left: 10px;
}

/* End styles for folder*/

/* Styles for document */
.document-view h2 {
    margin-left: -10px;
}

.document-feedback-view h2 {
	margin-left: -5px;
}

.document-view .tab-content.extend {
    padding: 15px 0 0 0;
}

.document-view .preview-buttons {
    margin-bottom: 15px;
}

.document-view .preview-buttons div:nth-child(2){
    width: 80%;
}

.document-view .btn.btn-preview {
    background-color: #009178;
    margin-right: 15px;
}

.document-view .btn.edit-hearing {
    margin-left: 25px;
}

.document-view .btn.open-hearing-document {
    background-color: #009178 !important;
}

.document-view #hearingTabs .grid {
    margin-bottom: 0;
}

.create-document-view .meta-info {
    background: #e6e6e6;
    font-size: 16px;
    padding: 15px;
}

.create-document-view np-abort-save > div > div,
.create-a-copy-of-document-view np-abort-save > div > div,
.archive-document-view np-abort-save > div > div,
.change-document-type-view np-abort-save > div > div,
.change-document-template-view np-abort-save > div > div,
.change-document-responsible-view np-abort-save > div > div,
.edit-document-title-view np-abort-save > div > div,
.retrieve-send-to-approval-view np-abort-save > div > div,
.send-document-to-hearing-view np-abort-save > div > div,
.send-document-to-approval-view np-abort-save > div > div,
.approve-document-view np-abort-save > div > div,
.edit-document-view np-abort-save > div > div,
.manage-root-folders-order-view np-abort-save > div > div,
.manage-root-folder-permissions-view np-abort-save > div > div {
    margin-top: 0 !important;
}

.change-document-type-view .from-document-type,
.change-document-type-view .to-document-type {
    background: #707070;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px;
    margin-bottom: 15px;
}

.change-document-type-view .from-document-type-name,
.change-document-type-view .to-document-type-fields .fields-title {
    font-weight: bold;
}

.change-document-type-view .from-document-type-name,
.change-document-type-view .to-document-type + div,
.change-document-type-view .to-document-type-description,
.change-document-type-view .from-document-type-description,
.change-document-type-view .to-document-type-fields {
    margin-bottom: 15px;
}

.change-document-template-view .from-document-template-hung,
.change-document-template-view .to-document-template-hung {
    background: #707070;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px;
    margin-bottom: 15px;
}

.change-document-type-view .fields-content {
    background:#e6e6e6;
    padding: 15px;
}

.change-document-template-view .from-document-template-name-hung {
    font-weight: bold;
}

.change-document-template-view .from-document-template-name-hung {
    margin-bottom: 15px;
}

.change-document-template-view select {
    float: left;
    width: calc(100% - 30px);
}

.change-document-template-view label {
    float: left;
    width: 30px;
    padding: 7px 0 0 7px;
}

.move-documents-view .tree-nav {
    margin-top: -10px;
    width: 100%;
}

.move-documents-view np-tree-nav .folderSelectionContainer {
    width: 538px !important;
    position: absolute !important;
}

.send-document-to-hearing-view .grid {
    margin-bottom: 0px;
}

.send-document-to-hearing-view .hearing-information > div:first-child {
    margin-left: 15px;
    width: 200px;
    float: left;
}

.send-document-to-hearing-view .hearing-information div:nth-child(2) {
    width: 180px;
    float: left;
}

.send-document-to-hearing-view .hearing-information div:nth-child(2) > label {
    float: left;
    width: 80px;
    margin-right: 15px;
}

.send-document-to-hearing-view .hearing-information div:nth-child(2) > div {
    float: left;
    margin-top: -3px;
    width: calc(100% - 110px);
}

.send-document-to-hearing-view .hearing-information-en div:nth-child(2) > label {
    width: 120px !important;
}

.send-document-to-hearing-view .hearing-information-en div:nth-child(2) > div {
    width: calc(100% - 135px) !important;
}

.send-document-to-hearing-view .hearing-members {
    margin-bottom: 15px;
}
.edit-document-view {
    padding-top: 15px;
}

.edit-document-view .btn.btn-preview {
    background-color: #009178;
    margin-left: 15px;
}

.edit-document-view .tab-content.extend {
    padding: 15px 0 0 0;
}

.edit-document-view .document-information-panel {
    padding: 10px;
    margin-bottom: 15px;
    background: #e6e6e6;
}

.edit-document-view .advanced-publish {
    margin-top: 25px;
}

.edit-document-view .advanced-publish .inner-advanced-publish {
    border: 1px solid #ccc;
    padding-left: 15px;
    padding-top: 5px;
    margin-bottom: 15px;
}

.manage-root-folders-order-view ul {
    padding-left: 5px;
}

.publish-document-to-internet-view .checkbox:last-child {
    margin-bottom: 0 !important;
}

.approve-document-view .document-publishing-period {
    padding: 15px;
    background: #c0c0c0;
    border-radius: 4px;
}

.approve-document-view .document-publishing-period img {
    padding-right: 10px;
}
/* End styles for document */

/* Styles for Activity Category */
.activity-category-management-view .grid-controls .control-buttons {
    float: left;
    margin-left: 15px;
    width: 305px;
}

.activity-category-management-view .grid-controls .search-control {
    float: left;
    width: calc(100% - 335px);
    max-width: 500px;
}
@media (max-width: 768px) {
    .activity-category-management-view .grid-controls .control-buttons {
        width: 325px;
    }

    .activity-category-management-view .grid-controls .search-control {
        width: calc(100% - 355px);
    }
    .employeeContainer .checkbox input {
        top: 10px;
    }
}
/* End styles for Activity Category */

/* Styles for Activity & Activity Tasks */
.activity-management-view .form-group[name='keyword'] label,
.activity-management-view .form-group[name='category'] label,
.activity-management-view .form-group[name='responsible'] label,
.activity-management-view .form-group[name='role'] label,
.activity-management-view .form-group[name='department'] label,
.activity-management-view .form-group[name='person'] label,
.activity-management-view .form-group[name='start-date'] label,
.activity-management-view .form-group[name='end-date'] label,
.activity-management-view .form-group[name='mainResponsible'] label,
.activity-management-view .form-group[name='owner'] label {
    float: left;
    width: 80px;
    margin-right: 15px
}

.activity-management-view .form-group[name='keyword'] > div,
.activity-management-view .form-group[name='category'] > div,
.activity-management-view .form-group[name='responsible'] > div,
.activity-management-view .form-group[name='role'] > div,
.activity-management-view .form-group[name='department'] > div,
.activity-management-view .form-group[name='person'] > div,
.activity-management-view .form-group[name='start-date'] > div,
.activity-management-view .form-group[name='end-date'] > div,
.activity-management-view .form-group[name='mainResponsible'] > div,
.activity-management-view .form-group[name='owner'] > div {
    float: left;
    width: calc(100% - 110px);
}

.activity-management-view .form-group[name='search-button'] {
    float: right;
    width: 85px;
}

.activity-management-view .form-group[name='search-button'] button {
    height: 34px;
    padding: 5px 12px;
}

.activity-management-view #departmentSelection1 {
    width: 100%;
    margin-bottom: 0px;
}

.create-activity-view #description > textarea,
.edit-activity-view #description > textarea {
    height: 333px;
}

.create-activity-view np-abort-save > div > div,
.edit-activity-view np-abort-save > div > div {
    margin-top: 0 !important;
}

.edit-activity-view .tab-content.extend {
    padding: 15px 0 0 0;
}

.activity-calendar-view .control-buttons {
    margin-bottom: 15px;
}

.activity-calendar-view .btn-group >.btn:first-child:not(:last-child) {
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
}

.activity-calendar-view .btn-group >.btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
}

.activity-calendar-view .control-buttons button:focus {
    outline: 5px auto -webkit-focus-ring-color;
}

.activity-calendar-view .control-buttons button.active {
    color: #fff !important;
}

.activity-calendar-view .control-buttons .add-activity {
    border-radius: 4px;
}

.activity-calendar-view .control-buttons .search-activities {
    position: absolute;
    border-radius: 4px;
    top: -48px;
    right: 15px;
}

/*.activity-calendar-view div[name='calendarYearView'] span[data-cal-date],
.activity-calendar-view div[name='calendarMonthView'] span[data-cal-date],
.activity-calendar-view div[name='calendarWeekView'] span[data-cal-date] {
    color: #000;
    opacity: 1;
}*/

.activity-calendar-view div[name='calendarWeekView'] .cal-day-today span[data-cal-date] {
    color: #008000;
}

.activity-calendar-view div.expanded {
    background-color: #d86a0a;
}

.activity-calendar-view div.expanded .cal-day-tick {
    background-color: #d86a0a;
    color: #fff;
}

.activity-calendar-view .cal-slide-box {
    border-left: 1px solid #f2f2f2;
    border-bottom: 1px solid #e1e1e1;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: -1px;
    max-height: 250px;
    overflow: auto;
}

.activity-calendar-view .cal-slide-box table {
    border: 1px solid #d86a0a;
}

.activity-calendar-view .cal-slide-box table thead {
    background: #d86a0a;
    color: #fff;
}

.activity-calendar-view .cal-slide-box table thead th {
    margin-top: 6px;
    padding: 8px 5px;
}

.activity-calendar-view .cal-slide-box table tbody tr {
    border-bottom: 1px solid #d86a0a;
    cursor: pointer;
}

.activity-calendar-view .cal-slide-box table tbody tr:hover {
    background-color: #dcd0c6;
}

.activity-calendar-view .cal-slide-box table tbody tr td {
    padding: 5px 0 5px 5px;
}

.activity-calendar-view .cal-slide-box table tbody tr td > span {
    padding: 2px;
}

.activity-calendar-view .cal-slide-box table tbody tr td > span.overdue-activity {
    background: #f00;
}

.activity-calendar-view .cal-slide-box table tbody tr td > span.completed-activity {
    background: #008000;
}

.activity-calendar-view .cal-slide-box table tbody tr td > span.not-completed-activity {
    background: #00f;
}

.activity-calendar-view .cal-slide-box table tbody tr td > span.not-started-activity {
    border-left: 5px solid #ff0;
}

.activity-calendar-view .day-event,
.activity-calendar-view .day-event a,
.activity-calendar-view .day-highlight a {
    color: #000 !important;
}

@media (min-width: 768px) {
    .activity-calendar-view .control-buttons > div:first-child {
        padding-right: 50px;
    }

    .activity-calendar-view .control-buttons > div:nth-child(2) {
        padding-left: 50px;
    }
}
@media (min-width: 992px) {
    .activity-calendar-view .control-buttons > div:first-child {
        padding-right: 100px;
    }

    .activity-calendar-view .control-buttons > div:nth-child(2) {
        padding-left: 100px;
    }
}
@media (min-width: 1200px) {
    .activity-calendar-view .control-buttons > div:first-child {
        padding-right: 200px;
    }

    .activity-calendar-view .control-buttons > div:nth-child(2) {
        padding-left: 200px;
    }
}

.search-activities-panel {
    height: 100%;
    position: absolute;
    width: 300px;
    background: #fff;
    padding: 15px 15px 0 15px;
}

.search-activities-panel label {
    font-weight: normal;
}

.search-activities-panel .end-date .uib-datepicker-popup {
    left: -128px !important;
}

.search-activities-result-view .top-menu-button a.glyphicons-file_export {
    color: #fff !important;
}

.search-activities-result-view .gridStyle {
    max-height: 600px !important;
}
/* End styles for Activity & Activity Tasks */

/* Styles for Activity & Activity Tasks */
.update-meta-register-view .checkbox {
    margin-right: 20px;
    margin-top: 30px;
    display: inline-block;
}
/* End styles for Activity & Activity Tasks */

/* Styles for roles */
.edit-role-view .tab-content.extend {
    padding: 15px 0 0 0;
}

.edit-role-view .tab-content.extend .tab-buttons button {
    height: 34px;
}
/* End styles for roles */

/* Styles for Deviation Location */
.deviation-location-view .grid-controls .control-buttons {
    float: left;
    margin-left: 15px;
    width: 305px;
}

.deviation-location-view .grid-controls .search-control {
    float: left;
    width: calc(100% - 335px);
    max-width: 500px;
}
@media (max-width: 768px) {
    .deviation-location-view .grid-controls .control-buttons {
        width: 325px;
    }

    .deviation-location-view .grid-controls .search-control {
        width: calc(100% - 355px);
    }
}
/* End styles for Deviation Location */

/* Styles for Deviation Service Area */
.deviation-service-area-view .grid-controls .control-buttons {
    float: left;
    margin-left: 15px;
    width: 305px;
}

.deviation-service-area-view .grid-controls .search-control {
    float: left;
    width: calc(100% - 335px);
    max-width: 500px;
}

@media (max-width: 768px) {
    .deviation-service-area-view .grid-controls .control-buttons {
        width: 325px;
    }

    .deviation-service-area-view .grid-controls .search-control {
        width: calc(100% - 355px);
    }
}
/* End styles for Deviation Service Area */

/* Styles for Deviation Status */
.deviation-status-view .grid-controls .control-buttons {
    float: left;
    margin-left: 15px;
    width: 305px;
}

.deviation-status-view .grid-controls .search-control {
    float: left;
    width: calc(100% - 335px);
    max-width: 500px;
}

@media (max-width: 768px) {
    .deviation-status-view .grid-controls .control-buttons {
        width: 325px;
    }

    .deviation-status-view .grid-controls .search-control {
        width: calc(100% - 355px);
    }
}
/* End styles for Deviation Status */

/* Styles for Deviation Cause */
.deviation-cause-view .grid-controls .control-buttons {
    float: left;
    margin-left: 15px;
    width: 305px;
}

.deviation-cause-view .grid-controls .search-control {
    float: left;
    width: calc(100% - 335px);
    max-width: 500px;
}

@media (max-width: 768px) {
    .deviation-cause-view .grid-controls .control-buttons {
        width: 325px;
    }

    .deviation-cause-view .grid-controls .search-control {
        width: calc(100% - 355px);
    }
}
/* End styles for Deviation Status */

/* Styles for Deviation Category */
.edit-deviation-category-view .form-group.priority-default {
    float: left;
    width: calc(100% - 51px);
    margin-right: 15px;
}

.edit-deviation-category-view .add-priority-button {
    float: left;
}

.edit-deviation-category-view .tab-content.extend {
    padding: 15px 0 0 0;
}

.edit-deviation-category-view np-abort-save > div > div {
    margin-top: 0 !important;
}




.deviation-category-view .grid-controls .control-buttons {
    float: left;
    margin-left: 15px;
    width: 305px;
}

.deviation-category-view .grid-controls .filter-controls {
    float: left;
    width: calc(100% - 335px);
    max-width: 500px;
}

.deviation-category-view .grid-controls .filter-controls .category-type label {
    display: inline-block;
    float: left;
    margin-right: 15px;
    padding-top: 7px;
}

.deviation-category-view .grid-controls .filter-controls .category-type select {
    width: 160px;
    float: left;
    margin-right: 15px;
}
/* End styles for Deviation Category */

.box-keyword{
    background-color: #ececec;
    padding: 5px;
    border-radius: 5px;
}

/* Styles for Notification Setup */
    .notification-setup .action-button i:nth-child(2) {
        position: absolute;
        font-size: 3em;
        top: 15px;
    }

    .notification-setup-view table tr th:first-child,
    .notification-setup-view table tr td:first-child {
        display: none;
    }

    .notification-setup-view table tr th:nth-child(n + 4),
    .notification-setup-view table tr td:nth-child(n + 3) {
        text-align: center;
    }
/* End styles for Notification Setup */

/* Styles for Test Mode */
body.is-test > header.navbar.navbar-fixed-top {
    background: #f00 !important;
}

body.is-test > header.navbar.navbar-fixed-top #toggle_sidemenu_l,
body.is-test #settings_menu h4,
body.is-test #toggle_sidemenu_r a,
body.is-test .navbar-fixed-top #toggle_sidemenu_r .glyphicons:before,
body.is-test .navbar-fixed-top .activity-notifications > button,
body.is-test .navbar-fixed-top .activity-notifications > button span {
    color: #fff !important;
}

/* End styles for Test Mode */
.appendInfo .header{
    border-bottom: 1px solid;
    font-size: 16px;
}
.appendInfo .tooltip-element{
    display: initial;
}

.appendInfo .item{
    margin-top: 5px;
}

/* Styles for Deviation Cost */
.deviation-cost .fixed-bottom-common {
    display: none;
}
.deviation-cost .statistic-row {
    height: 30px;
    margin-top: -20px;
    padding: 5px 8px 0 8px;
}
/* End styles for Deviation Cost */

/* Styles for pages related to Action */
.edit-deviation-task .fixed-bottom-common, .edit-counter-measure .fixed-bottom-common {
	display: none;
}

.edit-deviation-task .statistic-row, .edit-counter-measure .statistic-row {
	height: 30px;
	margin-top: -20px;
	padding: 5px 8px 0 8px;
}
/* End styles for pages related to Action */

/* Styles for change password popup  */
.change-password-popup .tooltip-inner {
    background-color: #00283A;
    font-size: 1.2em;
    min-width: 280px;
    max-height: 280px;
    
}

.change-password-popup .tooltip-inner .glyphicon {
    margin: 5px 10px;
}

.change-password-popup .form-group .form-control-feedback {
    pointer-events: all;
}
/* End styles for change password popup  */

@media (max-width: 1100px) {
    .sidebar-ltr #sidebar_left {
        left: auto;
    }
}

@media (max-width: 815px) {
  .navbar-right {
    width: auto; 
  } 
}

@media (max-width: 670px) {
    .sidebar-rtl .navbar .navbar-right {
        max-width: none;
    }
}

.xs-setting-menu h4{
    color: #00283a; 
    font-weight : bold;
}

@media (max-width: 768px) {
    .panel-title > span{
        display : block;
        float:left;
        text-overflow : ellipsis;
        width : 70%;
        white-space: nowrap;
        overflow: hidden;
    }
}

.img-wrap {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    max-width: 100%;
}

.img-wrap .close {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 100;
    background-color: #FFF;
    padding: 5px 2px 2px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    opacity: .2;
    text-align: center;
    font-size: 22px;
    line-height: 10px;
    border-radius: 50%;
}

.img-wrap:hover .close {
    opacity: 1;
}

.img-wrap img {
    max-width: inherit;
    height: auto;
}

.log-management-view .grid-controls .search-by {
    margin-left: 15px;
    display: inline;
    width: 140px;
}

.logicon {
    display: inline-block;
}

.log-breadcrumbs {
    vertical-align: sub !important;
}

.mail-management-view .grid-controls .status-filter {
    margin-left: 15px;
    display: inline;
    width: 135px;
}

span[data-cal-date] {
    color: #000;
    opacity: 1;
}
.btn-own-dept-selection {
    float: right;
    margin-bottom: 5px;
    font-size: 12px
}

.brochure-padding {
    margin-top: 30px !important;
    padding-left: 5px;
}

.tc-mailto {
    text-decoration: underline;
}

.text-underline {
	text-decoration: underline;
}

.bc-permission-main {
	background-color: #DDDDDD;
}
.bc-permission-sub {
	background-color: #EEE;
}
.divTable {
	display: table;
	width: 100%;
}
.divHeading {
	display: table-row;
	font-weight: bold;
	background-color: #ccc;
	width: 100%;
	text-transform: uppercase;
}
.divRow {
	display: table-row;
	/*border-bottom: 1px solid #ccc;*/
	width: 100%;
}
.divCell {
	border-top: 1px solid #ccc;
	display: table-cell;
	padding: 5px;
}
.mandatory-field::after {
    color: #ff576f;
    content: '(*)';
}

.helpPages {
	padding: 4px 0px 4px 2px !important;
	cursor: pointer;
}

.helpPages i {
	font-size: 26px;
}

.icon-closest-leader {
    font-size: 20px !important;
    margin-top: 3px !important;
    left: 10px !important;
    margin-left: -6px;
}

.publish-infor-popup {
    padding: 12px;
    background-color: #fff;
}

.popup-view .modal-footer-publish {
    padding-bottom: 40px;
    margin-top: 10px;
    text-align: right;
}

.popup-view .modal-header-publish {
    margin-bottom: 15px;
    height: inherit !important;
    font-size: 2em;
}