﻿/*---------------------------------------------------
    Master Style
----------------------------------------------------*/
.titleheader
{
    font-size: 24px;
    font-weight: 600;
}

.subheader {
    font-size: 20px;
    font-weight: 600;
}

.subheader.input-required {
    color: #E91F27;
}

.content-header
{
    font-size: 18px;
    font-weight: 600;
}

.content-information
{
    font-size: 16px;
}

.subcontent-header
{
    font-size: 16px;
    font-weight: 600;
}

.subcontent-information
{
    font-size: 14px;
}

.subcontent-placeholder
{
    font-size: 12px;
}

.input-required {
    color: #E91F27;
}

/*---------------------------------------------------
    Table(default) - icon overwrite
----------------------------------------------------*/
table.dataTable>thead .sorting::before,
table.dataTable>thead .sorting::after,
table.dataTable>thead .sorting_asc::before,
table.dataTable>thead .sorting_asc::after,
table.dataTable>thead .sorting_desc::before,
table.dataTable>thead .sorting_desc::after,
table.dataTable>thead .sorting_asc_disabled::before,
table.dataTable>thead .sorting_asc_disabled::after,
table.dataTable>thead .sorting_desc_disabled::before,
table.dataTable>thead .sorting_desc_disabled::after {
    display:none;
}

table.dataTable thead th {
  /*background: transparent !important;*/
  white-space: nowrap;
}

table.dataTable thead span.sort-icon {
  display: inline-block;
  padding-left: 15px;
  width: 16px;
  height: 16px;
}

table.dataTable thead .sorting span.sort-icon { background: url('../Vendor/datatables/images/sort_both.png') no-repeat center right; }
table.dataTable thead .sorting_asc span.sort-icon { background: url('../Vendor/datatables/images/sort_asc.png') no-repeat center right; }
table.dataTable thead .sorting_desc span.sort-icon { background: url('../Vendor/datatables/images/sort_desc.png') no-repeat center right; }

table.dataTable thead .sorting_disabled > span.sort-icon 
{ 
    display: none!important;
}

/*---------------------------------------------------
    Table design 1
----------------------------------------------------*/

table.table-design1 tr th
{
    font-size:14px;
    font-weight: 400;
}

table.table-design1
{
    font-size:16px;
    font-weight: 600;
    margin-top:0px;
}

table.table-design1 thead th {
  border-bottom: 1px solid #000000;
}

table.table-design1 thead th {
  border-bottom: 1px solid #000000;
}

/* highlight column - temporary not in used*/
/*
table.dataTable tbody tr td.highlight {
    background-color: whitesmoke !important;
}
*/

/* Alternate Row - temporary not in used*/
/*
.table-alt-row tr.odd td:first-child:not(.dataTables_empty) {
    background-color: #ebebeb;
    border: 1px solid transparent;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.table-alt-row tr.odd td:not(:first-child):not(:last-child):not(.dataTables_empty) {
    background-color: #ebebeb;
}

.table-alt-row tr.odd td:last-child:not(.dataTables_empty) {
    background-color: #ebebeb;
    border: 1px solid transparent;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
*/

/*---------------------------------------------------
    Table design 2
----------------------------------------------------*/

table.table-design2 tr th
{
    font-size:14px;
    font-weight: 400;
}

table.table-design2
{
    font-size:16px;
    font-weight: 600;
}

table.table-design2 th:nth-child(1) {
    border-radius: 7px 0px 0px 7px;
}

table.table-design2 th:nth-last-child(1) {
    border-radius: 0px 7px 7px 0px;
}

/*---------------------------------------------------
    Table design Fund Analytics
----------------------------------------------------*/

table.table-design-fa tr th
{
    font-size:14px;
    font-weight: 400;
}

table.table-design-fa
{
    font-size:16px;
    font-weight: 600;
    margin-top:0px;
}

table.table-design-fa thead th {
  border-bottom: 1px solid #000000;
}

table.table-design-fa thead th {
  border-bottom: 1px solid #000000;
}

.table-design-fa > thead > tr > th, 
.table-design-fa > tbody > tr > th, 
.table-design-fa > tfoot > tr > th, 
.table-design-fa > thead > tr > td, 
.table-design-fa > tbody > tr > td, 
.table-design-fa > tfoot > tr > td 
{
    padding: 3px;
}

.table-design-fa td 
{
    /*padding: 0.75rem !important;*/
    vertical-align: middle !important;
    border-top: 1px dotted #dee2e6;
}


/* highlight column - temporary not in used*/
/*
table.dataTable tbody tr td.highlight {
    background-color: whitesmoke !important;
}
*/

/* Alternate Row - temporary not in used*/
/*
.table-alt-row tr.odd td:first-child:not(.dataTables_empty) {
    background-color: #ebebeb;
    border: 1px solid transparent;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.table-alt-row tr.odd td:not(:first-child):not(:last-child):not(.dataTables_empty) {
    background-color: #ebebeb;
}

.table-alt-row tr.odd td:last-child:not(.dataTables_empty) {
    background-color: #ebebeb;
    border: 1px solid transparent;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
*/

/*---------------------------------------------------
    Table design related
----------------------------------------------------*/
.table-column-gray {
    background-color:#f6f6f6;
}

/*---------------------------------------------------
    Animation for Loading box
----------------------------------------------------*/
.animate-bg { 
    animation-duration: 1s; 
    animation-fill-mode: forwards; 
    animation-iteration-count: infinite; 
    animation-name: placeHolderShimmer; 
    animation-timing-function: linear; 
    background: #f6f7f8; 
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%); 
    background-size: 1000px 104px; 
    min-height: 12px; 
    display: block; 
    clear: both; 

}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@-o-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@-ms-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@-moz-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}


/*---------------------------------------------------
    Button Styles
----------------------------------------------------*/
/*LinkBlack*/
.btn-linkblack {
  color: #283747;
  background-color: transparent;
  border:none;
}

.btn-linkblack:hover {
  color: #92A0A7;
}

.btn-linkblack:focus, .btn-linkblack.focus {
  box-shadow: 0 0 0 0rem;
}

.btn-linkblack.disabled, .btn-linkblack:disabled {
  color: #D5D8DC;
}

.btn-linkblack:not(:disabled):not(.disabled):active, .btn-linkblack:not(:disabled):not(.disabled).active,
.show > .btn-linkblack.dropdown-toggle {
  color: #363E42;
}

.btn-linkblack:not(:disabled):not(.disabled):active:focus, .btn-linkblack:not(:disabled):not(.disabled).active:focus,
.show > .btn-linkblack.dropdown-toggle:focus {
  box-shadow: 0 0 0 0rem;
  color: #363E42;
}

.selected .btn-linkblack {
  font-weight:600;
  background-color: #EBEBEB;
}

.selected .btn-linkblack:hover {
  color: #000000;
  background-color: #F6F6F6;
}

/*---------------------------------------------------
    SVG Icons
----------------------------------------------------*/

img.svg-icon-xs {
    width:30px;
    height:30px;
}

img.svg-icon-xxs {
    width:15px;
    height:15px;
}