/************************************************************************************
**
** common-styles.css
**
** CSS common to all pages
**
************************************************************************************/

.app-title {
    color: white !important;
    font-weight: bold;
}

.app-logo {
    width: 16px;
    height: 16px;
    margin-top: -4px;
    margin-right: 4px;
    display: inline-block !important;
    opacity: 0.9;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20x%3D%270px%27%20y%3D%270px%27%20viewBox%3D%270%200%2016%2016%27%20style%3D%27enable-background%3Anew%200%200%2016%2016%3B%27%20xml%3Aspace%3D%27preserve%27%3E%3Cpath%20style%3D%27fill%3A%23FFFFFF%3B%27%20d%3D%27M14.98%2C0c-4.64%2C0.74-9.32%2C0.94-13.95%2C0.6C0.67%2C0.57%2C0.38%2C0.82%2C0.38%2C1.17c0%2C4.65%2C0%2C9.3%2C0%2C13.95%20%20%20%20%20%20%20c0%2C0.36%2C0.29%2C0.68%2C0.64%2C0.72c4.64%2C0.34%2C9.32%2C0.13%2C13.95-0.6c0.35-0.04%2C0.64-0.37%2C0.64-0.72c0-4.65%2C0-9.3%2C0-13.95%20C15.62%2C0.21%2C15.33-0.04%2C14.98%2C0z%20M12.45%2C10.93c0%2C0.39-1.62%2C0.38-1.62%2C0V7.52c0-1.63-1.33-1.43-2.15-0.41v3.83%20c0%2C0.39-1.62%2C0.38-1.62%2C0V7.52c0-1.62-1.33-1.44-2.14-0.41v3.83c0%2C0.39-1.63%2C0.38-1.63%2C0V5.18c0-0.38%2C1.39-0.39%2C1.39%2C0v0.66%20c0.98-1.06%2C2.98-1.63%2C3.74%2C0.02c1.6-1.72%2C4.03-1.14%2C4.03%2C1.39V10.93z%27/%3E%3C/svg%3E%0D%0A');
    xbackground-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2016%2016%22%20xml%3Aspace%3D%22preserve%22%20class%3D%22style0%22%3E%0A%3Cstyle%3E%0A%09.style0%7B%0A%09%09enable-background%3A%09new%200%200%2016%2016%3B%0A%09%7D%0A%3C%2Fstyle%3E%3Cg%3E%0A%09%3Cpath%20d%3D%22M15.89%207.97c0-0.8-0.56-1.54-1.51-2.13c0.04-2.72-2.62-3.63-4.92-3.24C9.47%202.8%209.4%203%209.3%203.1%20c0.56%200.3%201.1%200.7%201.6%201.21c0.06-0.08%200.13-0.15%200.21-0.2c-0.53-0.49-1.1-0.92-1.68-1.27c2.05-0.37%204.6%200.3%204.7%202.8%20c-0.5-0.27-1.09-0.51-1.74-0.71c-0.02%200.1-0.05%200.19-0.09%200.28c0.71%200.2%201.3%200.5%201.8%200.77c-0.03%200.56-0.18%201.15-0.44%201.7%20c-0.34-0.82-0.82-1.65-1.45-2.42c-0.06%200.08-0.13%200.14-0.21%200.2c0.67%200.8%201.2%201.7%201.5%202.58c-0.4%200.78-0.98%201.57-1.72%202.3%20c0.07%200.1%200.1%200.1%200.2%200.24c0.71-0.68%201.26-1.42%201.68-2.17c0.17%200.5%200.3%201.1%200.3%201.57c-0.55%200.29-1.21%200.54-1.95%200.7%20c0.05%200.1%200.1%200.2%200%200.3c0.73-0.19%201.38-0.43%201.93-0.72c0%203.27-3.18%204.15-5.82%203.11c-0.06%200.09-0.14%200.16-0.23%200.2%20c2.92%201.2%206.4%200.2%206.33-3.47C15.26%209.6%2015.9%208.8%2015.9%207.97z%20M14.18%209.88C14.13%209.3%2014%208.7%2013.8%208.1%20c0.32-0.66%200.52-1.31%200.58-1.94C16.02%207.3%2015.8%208.9%2014.2%209.9%22%2F%3E%0A%09%3Cpath%20d%3D%22M10.47%2011.38c-0.05-0.09-0.09-0.18-0.1-0.28c-0.71%200.1-1.47%200.16-2.26%200.16C8.4%2010.1%208.6%209%208.7%208%20c0.8%200.8%201.5%201.6%202.1%202.61c-0.36%200.4%200.1%201.1%200.6%200.76c0.52-0.31%200.1-1.15-0.46-0.88c-0.61-1.01-1.39-1.92-2.24-2.74%20C8.8%207.1%208.8%206.4%208.8%205.81c0.73-0.33%201.5-0.57%202.29-0.71c0.34%200.5%201.2%200%200.85-0.52c-0.27-0.46-1-0.19-0.92%200.3%20c-0.76%200.14-1.5%200.37-2.21%200.68c0.01-0.32%200-0.62%200-0.9c0.66%200%201.3%200.1%201.9%200.2c-0.03-0.1-0.02-0.19%200.04-0.29%20c-0.61-0.1-1.25-0.17-1.92-0.2C8.83%204%208.8%203.5%208.8%203.12C9.3%203%209.2%202.1%208.6%202.14c-0.59%200-0.67%200.91-0.06%201%20C8.62%203.5%208.6%204%208.7%204.4C7.63%204.4%206.6%204.4%205.6%204.55C6.35%204%207.2%203.6%208.1%203.25C8.02%203.2%208%203.1%207.9%203%20c-0.92%200.33-1.78%200.8-2.58%201.37C5.41%204.5%205.5%204.7%205.5%204.87C6.53%204.7%207.6%204.7%208.7%204.69c0.01%200.3%200%200.6%200%201%20C8.19%205.9%207.7%206.2%207.2%206.51c-0.68-0.52-1.4-0.99-2.14-1.42c0.28-0.5-0.37-0.96-0.77-0.58C3.9%204.9%204.5%205.6%205%205.2%20C5.69%205.7%206.4%206.1%207.1%206.63c-1.29%200.96-2.21%202.28-2.72%203.8c-0.52-0.09-0.8%200.64-0.33%200.92c0.53%200.3%201.06-0.5%200.51-0.85%20c0.5-1.5%201.42-2.8%202.69-3.74c0.49%200.4%200.9%200.8%201.3%201.12c-0.11%201.05-0.3%202.2-0.62%203.39c-1-0.01-1.95-0.09-2.83-0.25%20c-0.01%200.1-0.04%200.2-0.09%200.28c0.87%200.2%201.8%200.2%202.8%200.26c-0.09%200.33-0.19%200.64-0.3%200.97c-0.52-0.1-0.82%200.64-0.34%200.9%20c0.53%200.3%201.05-0.49%200.52-0.84c0.12-0.34%200.22-0.69%200.32-1.03C8.88%2011.6%209.7%2011.5%2010.5%2011.4%20C10.42%2011.3%209.7%2011.5%2010.5%2011.38z%20M7.39%206.64C7.81%206.3%208.2%206.1%208.7%205.9c-0.01%200.53-0.05%201.1-0.11%201.7%20C8.2%207.3%207.8%207%207.4%206.6%22%2F%3E%0A%09%3Cpath%20d%3D%22M4.76%2011.56c0.58%200.6%201.2%201.1%201.9%201.48c-0.03-0.11-0.01-0.21%200.05-0.32c-0.6-0.38-1.17-0.84-1.71-1.38%20C4.9%2011.4%204.8%2011.5%204.8%2011.56C5.34%2012.1%204.8%2011.5%204.8%2011.56z%22%2F%3E%0A%09%3Cpath%20d%3D%22M10.71%2011.64c-0.08-0.06-0.15-0.13-0.21-0.21c-0.72%200.51-1.49%200.93-2.31%201.24c0.04%200.1%200.1%200.2%200.1%200.3%20C9.13%2012.6%209.9%2012.2%2010.7%2011.64C10.63%2011.6%2010.7%2011.7%2010.7%2011.64z%22%2F%3E%0A%09%3Cpath%20d%3D%22M5.45%2013.23c-1.79%200-3.48-0.99-3.52-2.94c0.44%200.2%200.9%200.5%201.5%200.63c-0.02-0.1%200-0.2%200.06-0.29%20c-0.59-0.19-1.11-0.41-1.55-0.66c0.05-0.64%200.24-1.25%200.51-1.83c0.29%200.7%200.7%201.5%201.2%202.2c0.07-0.07%200.15-0.12%200.24-0.16%20C3.35%209.4%202.9%208.6%202.6%207.78c0.42-0.77%200.99-1.51%201.7-2.18C4.24%205.6%204.2%205.5%204.1%205.43C3.46%206%202.9%206.7%202.5%207.4%20C2.36%206.9%202.3%206.3%202.2%205.82C2.74%205.6%203.3%205.4%203.9%205.2C3.88%205.1%203.9%205%203.9%204.91C3.26%205.1%202.7%205.3%202.2%205.5%20c0.1-3.07%203.06-3.94%205.59-3.02c0.02-0.1%200.06-0.19%200.11-0.27c-2.81-1.02-5.99%200.09-6%203.44C1.16%206.1%200.2%206.8%200.1%207.8%20C0%208.8%200.8%209.6%201.6%2010.12c-0.07%202.8%202.7%203.7%205.1%203.28c-0.05-0.09-0.08-0.18-0.09-0.28C6.23%2013.2%205.8%2013.2%205.5%2013.23z%20M0.4%207.97c0-0.75%200.59-1.44%201.57-2c0.03%200.6%200.1%201.2%200.3%201.78C1.99%208.4%201.7%209.1%201.7%209.79C0.87%209.3%200.4%208.6%200.4%207.97z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A');
    background-repeat: no-repeat;
}


/* Below style class are added by Basavaraj */

.table-doc-settings-width-60 {
    width: 60px;
}

.table-doc-settings-width-80 {
    width: 80px;
}

.table-doc-settings-radio {
    margin-left: 17px;
}

.table-doc-settings-remove-btn {
    margin-left: 10px;
}

;
.tab-active-cls {
    /* background-color: #428bca;  */
    background: #d4d4d4;
    padding: 8px;
    margin: -15px;
    color: #000000;
    font-weight: 600;
    /* padding: 5px; 
    margin: -7px; */
}

.tab-not-active-cls {
    /* border-top:4px solid #2b435f !important; */
    background: #d4d4d4;
    padding: 8px;
    margin: -15px;
    color: #000000;
    font-weight: 600;
}

.btn.btn-active {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.btn.btn-active.focus,
.btn.btn-active:focus {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    outline: none;
    box-shadow: none;
}

.btn.btn-active:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    outline: none;
    box-shadow: none;
}

.btn.btn-active.active,
.btn.btn-active:active {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    outline: none;
}

.btn.btn-active.active.focus,
.btn.btn-active.active:focus,
.btn.btn-active.active:hover,
.btn.btn-active:active.focus,
.btn.btn-active:active:focus,
.btn.btn-active:active:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    outline: none;
    box-shadow: none;
}

.tab-content {
    background-color: #d4d4d4 !important;
}

.tab-content>.active {
    margin-top: -2px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 4px;
    background: #d4d4d4;
}

li.ng-isolate-scope.active {
    background: #d4d4d4;
}

.table-border-jha>thead>tr>th {
    border-bottom: 1px solid #65788e !important;
}

.table-border-jha>thead>tr>td,
.table-border-jha>thead>tr>th {
    border-bottom-width: 0px;
}

.table-border-jha>tbody>tr>td,
.table-border-jha>tbody>tr>th,
.table-border-jha>tfoot>tr>td,
.table-border-jha>tfoot>tr>th,
.table-border-jha>thead>tr>td,
.table-border-jha>thead>tr>th {
    border: 1px solid #65788e;
}

#pswd_info ul li {
    margin-left: -5px;
    list-style-type: none;
}

#pswd_info {
    margin: 8px;
    margin-top: -5px;
    padding: 15px;
    background: #fefefe;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
}

#pswd_info h4 {
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: normal;
    font-size: 1em;
}

#errorMessageMain ul li {
    margin-left: -5px;
    list-style-type: none;
}

#errorMessageMain {
    text-align: left;
    margin: 8px;
    margin-top: -5px;
    padding: 15px;
    background: #fefefe;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
}

#errorMessageMain h4 {
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: normal;
    font-size: 1em;
}


/* #pswd_info:before {
    content: "\25B2";
    position:absolute;
    top:-12px;
    left:45%;
    font-size:14px;
    line-height:14px;
    color:#ddd;
    text-shadow:none;
    display:block;
} */

.invalid {
    position: relative;
}

.invalid:before {
    content: "\f00d";
    /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left: -18px;
    position: absolute;
    top: 0;
    color: #ec3f41;
}

.valid {
    position: relative;
}

.valid:before {
    content: "\f00c";
    /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left: -18px;
    position: absolute;
    top: 0;
    color: #3a7d34;
}


/* Style for WorkFLow / Permission / Privilege / Catalogs */

.tab-content.tab-content-secondary {
    background-color: transparent !important;
}

.tab-content.tab-content-secondary>.active {
    margin: 0;
    background: transparent;
}

.tab-content.tab-content-secondary .tab-pane {
    padding: 10px;
}

.jha-workflow-button {
    float: right;
    margin: 122px 0px auto;
}

.jha-workarea-permission-div {
    border-bottom: none !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, .05) !important;
}

.jha-workflow-workarea-height {
    height: 21rem !important;
}

.jha-workarea-permission-height {
    height: 23rem;
    overflow: auto;
}

.jha-permission-height {
    height: 19rem;
}

.jha-catalog-searchbox {
    height: 24px!important;
    margin-top: 1px!important;
    margin-bottom: -4px!important;
}

.jha-permission-searchbox {
    height: 36px;
}

.jha-catalog-scrollbar {
    /* height: 21rem !important; */
    overflow-y: auto;
    overflow-x: hidden;
}


/* Receipt blocks styling */

#container .receipt-block {
    height: 40px!important;
    width: 100%!important;
    max-width: 100%!important;
    /* border: 1px solid #ddd!important; */
}

#container .receipt-block:hover {
    /* border: 1px solid #004d80!important; */
}

#container .receipt-block * {
    display: none;
}

#container .receipt-block:before {
    content: attr(data-name);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#header-8-dropdown {
    max-height: 500px;
    overflow: auto;
}

/* Cashbox styling */
.cashbox {
    display: flex; 
    flex-direction: row; 
    border: 1px solid #333; 
    height: 100%;
    font-size: 10px;
    font-family: "Courier New";
}

.cashbox-received,
.cashbox-disbursed {
    flex: 1; 
    border-right: 1px solid #333;
    display: flex; 
    flex-direction: column;
}

.cashbox-disbursed {
    border-right: 0;
}

.cashbox-row {
    flex: 1; 
    width: 100%;
    border-bottom: 1px solid #333;
    flex-direction: row;
    display: flex;
}

.cashbox-row:last-child {
    border: 0;
}

.cashbox-col {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #333;
}

.cashbox-col:last-child {
    border-right: 0;
}

.cashbox-col.no-border {
    border-color: white;
}

.cashbox-col input {
    width: 100%;
    border: none;
}

.btn.btn-white {
    background-color: white !important; 
    color: #333333 !important;
}