/*Login start*/
/* @import url('https://fonts.googleapis.com/css?family=Poppins:400,700,900'); */
body{
   
  font-family: 'Roboto', sans-serif !important; 
}
html, body {
  height: 100%;
margin: 0px;
}
a{ 
  cursor: pointer;
}
.container {
  height: 100%;
}
.overflowy{
  overflow-y: auto;
  overflow-x: hidden;
}
.main-logo{
  background-image:url('../images/bullfinch-logo.png');
background-repeat:no-repeat;
background-size:contain;
background-position:center;
}
.drg-img-up{
 color:#BDBDBD;
 }
master-table
 h4{
  font-size: 26px;
  font-weight: normal;
  text-align: left;
  font-family: 'Proxima Nova Lt' !important;
 }
 .cards .no-record {
  align-items: center;
  min-height: 150px;
  justify-content: center;
  flex-direction: column;
  opacity: 0.5;
  height: 100%;
  margin-top: 5%;
}
.cards .no-record i {
  font-size: 75px;
  opacity: 0.4;
}
.cards .no-record span{
  font-size: 16px;
}
 .green-icon{
   color: #03A83A!important;
 }
 .orange-icon{
  color:#FF5700;
}
 .mat-datepicker-toggle-default-icon {
  /* margin-top: -32px; */
}
.card-width .card{
  background-color: #F9F9F9;
  padding: 15px;
  min-height: 288px;
}
.import-box button{
  background-color: #1ac0ec;
  border-radius: 0%;
  font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;    padding: .25rem 1rem;
    width: 100%;
}
.file {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.file-label {
  align-items: stretch;
  display:contents;
  cursor: pointer;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
}
.file-input {
  height: 100%;
  left: 0;
  opacity: 0;
  outline: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.file-cta {
  background-color: #f5f5f5;
  color: #4a4a4a;
}
.file-cta, .file-name {
 white-space: nowrap;
  width: 100%;
  background-color: #1ac0ec;
  border-radius: 0%;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #fff;
  padding: .55rem 1rem;
  width: 100%;
}
.file-icon {
  align-items: center;
  display: flex;
  height: 1em;
  justify-content: center;
  margin-right: .5em;
  width: 1em;float: left;
  margin-top: 3px;
}
.primary-icon{
  color: #1AC0EC;
  font-size: 25px;
}
.file-path span{
  font-style: italic;
  color: #BDBDBD;
  font-size: 13px;
}
.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em;
}
svg:not(:root).svg-inline--fa {
  overflow: visible;
}
.svg-inline--fa.fa-w-16 {
  width: 1em;
}
.toggle-btn{
  display:none;
}
.card-width {
  width: 100%;
}
.btn-info:hover, .btn-info{
  background-color: #6bd6f3 !important;
}




.left-blue-bg{
  background: #5ceddc; /* Old browsers */
  background: -moz-linear-gradient(top,  #5ceddc 1%, #00caff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #5ceddc 1%,#00caff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #5ceddc 1%,#00caff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ceddc', endColorstr='#00caff',GradientType=0 ); /* IE6-9 */
}
.left-blue-bg .bottom-bg{
  background: url(../images/blue-bg-Particle.svg) no-repeat;
  height: 100%;
  background-position: bottom;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.right-login-box{
padding:50px;
background-color: #fff;
margin: auto;
top: 0;
right: 0;
bottom: 0; 
}
.right-login-box .img{
  margin: 0px auto;
  width: 350px;
}
.right-login-box .tag{
  margin-top: 25px;
}
.right-login-box .icon  {
  margin-bottom:37px;
}
.right-login-box .second  {
  margin-left:-25px;
}

.man-icon{
  background:url(../images/man-icon.svg) no-repeat;
  margin: 0px auto;
  width:88px;
    height:80px;
}
.ex-small {
  font-size:0.8rem;
}
/*.top-margin{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
*/
.full-height{
  height: 100vh;;
}
.left-logo{
  background: url(../images/left-logo.png) no-repeat;
  height: 100%;
  position: relative;
  bottom: 0;
  width: 100%;
  /* background-position: bottom; */
  background-position: left bottom;
  /* background-size: 90vh 100vh; */
}
.money-bank{
  background: url(../images/moneybank.svg) no-repeat;
  height: 46px;
  width: 40px;
  float: left;
  margin: 50px 0px 0 445px;
  position: relative;
}
 
.bull-bear-icon{
  background: url(../images/bull-bear.svg) no-repeat;
  height: 46px;
  width: 124px;
  clear: both;
  float: left;
  margin: 18px 0px 0px 314px;
  position: relative;
}
.three-coin-icon{
  background: url(../images/three-stacks-of-coins.svg) no-repeat;
  height: 42px;
  width: 48px;
  clear: both;
  float: left;
  margin: 18px 0px 0px 250px;
  position: relative;
}
.hand-rupees-icon{
  background: url(../images/hand-rupees.svg) no-repeat;
  height: 50px;
  width: 45px;
  clear: both;
  float: left;
  margin: 6px 0px 0px 157px;
}
.rupee-coin-icon{
  background: url(../images/rupee-coin-icon.svg) no-repeat;
    height: 41px;
    width: 43px;
    clear: both;
    float: left;
    margin: 6px 0px 0px 302px;
}
.search-vol-icon{
  background: url(../images/search-vol.svg) no-repeat;
  height: 41px;
  width: 41px;
  clear: both;
  float: left;
  margin: 0px 0px 0px 218px;
}
.book-rs-icon{
  background: url(../images/book-rs.svg) no-repeat;
  height: 41px;
  width: 41px;
  clear: both;
  float: left;
  margin: 0px 0px 0px 122px;
}


.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration:2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }
  @keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  } 

.bull-bear-icon.fadeIn{
  animation-delay:1s;
}
.three-coin-icon.fadeIn{
  animation-delay:2s;
}
.hand-rupees-icon.fadeIn{
  animation-delay:3s;
}
.rupee-coin-icon.fadeIn{
  animation-delay:4s;
}
.search-vol-icon.fadeIn{
  animation-delay:5s;
}
.book-rs-icon.fadeIn{
  animation-delay:6s;
}
/*Login end*/
/*bootstrap css*/


/* .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle{
background-color: #1AC0EC;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0bb7af;
    border-color: #0bb7af;
} */
.label-font{
  font-size:1rem;
}
.tab-menu div{
  float: left;
  font-size: 14px;
  padding: 0px !important;
  font-weight: 400;
  PADDING-TOP: 10PX !IMPORTANT;
  margin-right: 15px;
  cursor: pointer;
  padding-bottom: 5px !important;
}
.tab-menu div:first-child{
  padding-left: 7px;
}
.tab-menu div:hover{
  border-bottom: #f3f2f1 solid 3px;
}
.tab-menu div.current-section{
  color:#1AC0EC;border-bottom: #1ac0ec solid 3px;
}

 .mat-datepicker-toggle{
  position: absolute;
  right: 0;
  /* top: -16px; */
}
.mat-expansion-indicator::after{
  margin-top: -7px;
}
.mat-expansion-panel:not([class*=mat-elevation-z]){
  box-shadow:none!important;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{
  background-color:#fff;  color: #616161;
}
.inner-form{
  clear: both;
}
.card-width .card{
  background-color: #fff!important;
}
.box-shadow{
  -webkit-box-shadow: -1px 1px 9px -1px rgba(201,201,201,1);
-moz-box-shadow: -1px 1px 9px -1px rgba(201,201,201,1);
box-shadow: -1px 1px 9px -1px rgba(201,201,201,1);
}
.inner-form .mat-expansion-panel-header{
  padding-left:10px!important;
  border-bottom: #ddd solid 1px;
  background-color: #ededed;
  padding: 25px 0;
}
.mat-expansion-panel-header.mat-expanded:focus, .mat-expansion-panel-header.mat-expanded:hover{
 /* background-color:#f9f9f9 !important;*/
}
.mat-expansion-panel-header.mat-expanded:focus, 
.mat-expansion-panel-header.mat-expanded:hover{
/* margin-top:-8px; */
} 
.mat-accordion-bg{
  display: inline-block;
    width: 100%;
    background-color:#fff;
}
.inner-form .mat-expansion-panel-header .mat-expansion-indicator {
  position: absolute;
  right: 25px;
}
.input-display{
  display: inline !important;
}
.input-display-block{
  display: inline-block!important;
}
.ng-dropdown-panel{
  margin-left:4px;
}
.ng-select .ng-arrow-wrapper .ng-arrow {
  display: none!important;
}
.ng-select span.ng-arrow-wrapper:before {
  content: "\f107";
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-size: inherit;
  text-rendering: auto;
  font-weight: 600; 
  margin-top: 4px;
}

.form-group .search-ico{
  position:absolute;
  right: 15px;
  top: 7px;
}

.mat-accordion .mat-expansion-panel-header{
  padding-left: 10px!important;
  padding:0px;    height: 45px!important;
}
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover{
  background-color: #f8f8f8!important;
}
.mat-accordion .mat-expansion-panel-header .mat-expansion-indicator {
  position: relative;
  right: 20px;
  float: right;
  top:0px;
}
.col-xs-offset-right-1 {
  margin-right: 8.33333333%;
}
.nav-link{
  cursor: pointer;
}
.ui-scrollpanel-bar-y{
  width:5px!important;
} 
#cdk-accordion-child-2 .add-form .form-row:nth-child(even){
background-color: #EBEBEB;
padding-top: 2rem;
}
.chkcontainer input{
  position: relative;
}
#sidebar.show .menu-title{
  padding-left: 15px;
  color: #86868a;
}
#sidebar.show .menu-title:hover{
  color: #3b3d3f!important;
}
#sidebar.show{
  width: 290PX !important;
}
/* The radio */
.radio {
 
  display: block;
 position: relative;
 padding-left: 30px;
 margin-bottom: 12px;
 cursor: pointer;
 font-size: 20px;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none
}

/* Hide the browser's default radio button */
.radio input {
 position: absolute;
 opacity: 0;
 cursor: pointer;
}

/* Create a custom radio button */
.checkround {

 position: absolute;
 top: 6px;
 left: 0;
 height: 20px;
 width: 20px;
 background-color: #fff ;
 border-color:#f8204f;
 border-style:solid;
 border-width:2px;
  border-radius: 50%;
}


/* When the radio button is checked, add a blue background */
.radio input:checked ~ .checkround {
 background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkround:after {
 content: "";
 position: absolute;
 display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio input:checked ~ .checkround:after {
 display: block;
}

/* Style the indicator (dot/circle) */
.radio .checkround:after {
  left: 2px;
 top: 2px;
 width: 12px;
 height: 12px;
 border-radius: 50%;
 background:#f8204f;
 

}

/* The check */
.check {
  display:inline-block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  padding-right: 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* Hide the browser's default checkbox */
.check input {
 position: absolute;
 opacity: 0;
 cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
 position: absolute;
 top:1px;
 left: 0;
 height: 18px;
 width: 18px;
 background-color: #fff ;
 border-color:#1AC0EC;
 border-style:solid;
 border-width:2px;
}
input[disabled] + .checkmark{
  border-color: #adadad;
  background: #d8d8d8;
}
#sidebar.show ::-webkit-scrollbar{
  display: none ;
}

/* Sidebar menu start */

.sidebar-menu {
  position: relative;
}


/* Top Level Menu */
.sidebar-menu ul {
  z-index: 100;
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}

/* Top level list items */
.sidebar-menu ul li {
  position: relative;
  height:40px;
  padding:.5rem 0rem .5rem 1rem; font-size: 15px;
  border-left: 4px solid #efefef;
  /* border-bottom:#76DAF4 1px solid; */
}

/* Top level menu items link style */
.sidebar-menu ul li a, .sidebar-menu ul li span {
  display: block;
  position: relative;
  color: #b9c9d2;
  text-decoration: none;
}


.sidebar-menu ul li a:link, .sidebar-menu ul li a:visited {
  color: #9bbdd2;
  height: 30px;
}
.sidebar-menu ul li:hover > a {

}


.sidebar-menu ul li:hover{
  animation: sidebar-menu ul li ul-fade-in .3s ease 1,sidebar-menu ul li ul-move-down .3s ease-out 1;
}



/* Sub ULs style */
.sidebar-menu ul li ul {
  /* position: relative;
  left: -5000px;
top:-34px; */
position: fixed;
padding-left: 6px;
padding-top: 10PX;
padding-right: 0px;
top:54px;
left:255px;
  opacity: 0;
  width: 270px;
  visibility: hidden;
  -webkit-transition: opacity .2s, visibility 0s .2s, left 0s .2s;
  transition: opacity .2s, visibility 0s .2s, left 0s .2s;
  background-color: #fff;
  overflow-y: scroll;
  height:calc(100vh - 60px);
  box-shadow: 0 15px 20px 0 rgb(82 63 105 / 21%);
}
.sidebar-menu ul li ul ::-webkit-scrollbar{
  display: initial !important;

}

.sidebar-menu.show ul li:hover > ul {
  visibility: visible;
  left: 100%;
  opacity: 1;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

.sidebar-menu ul li ul li {
  display: flex;
  /* float: none; 
   */
   display: flex!important;
   align-items: center!important;
   width:100%;
  padding:0px;
  border-bottom: 0px; 
  text-align: left;
  border-left: 4px solid #fff !important;
}
.sidebar-menu ul li ul li:hover{
  border-left: 4px solid #1bc5bd !important;
}
.sidebar-menu ul li ul li:first-child{
  margin-top:0px;
}
.sidebar-menu ul li ul li ul {
  top: 0;
  left: 100%;
}
.sidebar-menu ul ul li:hover > a {
  background: #ffffff !important;
  color: #525c65 !important;
}
.sidebar-menu ul ul li:hover > ul {
  left: 100%;
}
.sidebar-menu ul ul li:hover > a:hover{
  color: #3b3d3f!important;
  background: #efefef !important;
    border-radius: 5px;
}
/* .sidebar-menu ul li ul li a:hover{
  color: #333 !important;
} */
.sidebar-menu ul li ul li a {
  padding: 10px!important;
  margin: 0;
  background: #fff;
  border-right: none;
  border-top-width: 0;
  color: #86868a !important;
  cursor: pointer;
  display:flex;
  width:100%;
  align-items: center;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
}
.custom-scrollbar::-webkit-scrollbar{
  display: initial !important;

}
.sidebar-menu ul li > a {
  padding-right: 25px;
}
.sidebar-menu ul li > a i{
  padding-top: 4px;
}
.sidebar-menu ul li > a:only-child {
  padding-right: 10px;
}

.sidebar-menu ul li > a:only-child:after {
  
  display: none;
}
.links a{color:#A5A5A5!important;}
.lte-btn{
  background-color: #2BDAEF;
}
.NewBadge[data-badge][_ngcontent-mqa-c3]:after{
  margin-left:5px;
}
.navbar-light .navbar-nav .nav-link:focus {
  background-color: #fff!important;
}
.mat-expansion-panel-spacing{
  margin: 0px!important;
}
.mat-ripple-element{
  display: none;
}
.header-right>li{
  display: block;
  min-width: auto;
  margin-right: 15px;
}
.header-right>li:last-child{
  margin-right: 0px;
}
.header-right>li>a{
  width: 34px;
  height: 34px; 
}
.navbar-light .navbar-nav .nav-link{
  /* border-radius: 100%; */
}

.navbar-light .navbar-nav .nav-link:hover {
  background-color:#e0e0e0!important;
  
}
/* ####### responsive layout CSS ####### */
body .ui-table .ui-table-tbody > tr > td{
word-break: break-all;
}
.header .search{
  margin-top: 10px;
}
/* .search-trigger.closeSearch{
  top:0px;
} */
.search-trigger.closeSearch i{
  color: #333;
}
.switch {
  position: relative;
  display: inline-block;
  width:33px;
  height:14px;
  float: right;
  margin: 4px 0 25px 0;
}
sds
.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
    content: "";
    bottom: 0px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
    display: block;
    height: 16px;
    position: relative;
    transition: transform linear 80ms, background-color linear 80ms;
    width: 16px;
    z-index: 1;
    margin-top: -1px;
}

input:checked + .slider {
  background-color: #1AC0EC;
}
input:focus + .slider {
  box-shadow: 0 0 1px #1AC0EC;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  left: -8px;
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}






















@media (max-width: 923px) {

  .sidebar-menu ul li:nth-last-of-type(-n+1) ul li:hover > ul {
      left: -100%;
  }
}






.check input:checked ~ .checkmark {
 background-color: #fff!important ;
}
.checkmark:after {
 content: "";
 position: absolute;
 display: none;
}
.check input:checked ~ .checkmark:after {
 display: block;
 margin-left:4px;
}
.check .checkmark:after {
 left: 5px;
 top: 1px;
 width: 5px;
 height: 10px;
 border: solid ;
 border-color:#1AC0EC;
 border-width: 0 3px 3px 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}
.chkcontainer input:checked ~ .checkmark:after{
  height: 11px!important;
  width: 6px!important;
  line-height: 2;
}
.cust-btn{
margin-bottom: 10px;
background-color: #f8204f;
border-width: 2px;
border-color: #f8204f;
color: #fff;
}
.cust-btn:hover{
border-color: #f8204f;
background-color: #fff;
color: #f8204f;
border-radius: 20px;
transform-style: 2s;
}
.text-field .text-field-inner label{
  margin-right: 0px;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{
  background-color: #1AC0EC!important;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{
  border-color: #1AC0EC!important;
}
body .ui-table tbody>tr>td.action-icon .btn{
  color:#1AC0EC;
  opacity:10;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active{
  background-color:#1AC0EC!important;
  color: #fff !important;
}

body .ui-overlaypanel .ui-overlaypanel-content{
  /* width: 170px!important; */
  box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%) !important;
}
.ui-table-tfoot p {
  font-size: 12px;
}
.mat-expansion-panel-header-description button {
    margin-left: 10px;
}
.column-filter .checkmark:after {
  color: #ffffff!important;
  margin-left: 5px;
}
.column-filter .checkmark {

}
.mat-tab-body-wrapper{
  height: 100%;
}
body .ui-table thead>tr>th{
  background-color: #f3f3f3 !important;
}
body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight, body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group.ui-state-highlight{
  background-color: #1AC0EC!important;
}
.ui-dropdown-label, .ui-corner-right{
  background-color: #f3f3f3 !important;
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent{
  color:#1AC0EC!important;
}
ul li a:hover{
  background: none !important;
}
.sidebar-menu ul li > a{
  padding: 0px 25px 5px 0 !important;
}

.custom-scrollbar {
  height: 50px;
  overflow-y: scroll;
  background : #ffffff!important;
  width :500px;
}
/* /* To style the document scrollbar, remove `.custom-scrollbar` */
/* .custom-scrollbar::-webkit-scrollbar {
  width:5px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background : #f5f5f5;
  border-radius:6px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background : rgba(225,225,225,0.5);
  border-radius: 10px;
  box-shadow:  0 0 0px rgba(0, 0, 0, 0.5);
}  */
.ui-overlaypanel-shifted:after, .ui-overlaypanel-shifted:before{
  left:0em!important;
  right:23px!important;
}
.sort-arrow{
  color: #ababab;
}
.block-display{
  display:block;
}
.card .card-title{
  font-weight:400!important;
  padding-left: 7px!important;margin-bottom:0px!important;
}
.ctry-label label:nth-child(even){
    color: #446678 !important;
    margin-left: 5px;
    border-right: #ccc solid 1px;
    padding:0px 10px;
}
.ctry-label label:last-child{
  border-right:0px;
}

.btn-primary{color:#fff;background-color:#1AC0EC!important;border: #1AC0EC solid 1px;}
.btn-primary:hover{color:#fff;background-color:#2BDAEF!important;border-color:#2BDAEF;}
.btn-mdm-border{
background-color: #fff;color: #757575;border: #757575 solid 1px;
}
.clear{
clear: both;
}
.alert-icon{
  color: #B4B4B4!important;
  font-size: 15px;
  width: 25px;
  text-align: center;
  height: 25px;
  padding-top: 4px;
}
.alert-icon:hover,.approve-icon:hover,.view-icon:hover{
  background-color:#e0e0e0;
  color:#959595;
  border-radius: 100%;
}
.mat-expansion-panel-header .mat-content{
  padding-top: 10px;
}
.approve-icon{
  color:#6D6D6D!important;
  font-size:20px;
  width:35px;text-align: center;padding-top:8px;height:35px;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f3f3f3;
}
.mat-expansion-panel-header-title{
  flex-grow: 0!important;
}
.mat-content{
  width: 100%;
}
.badge1[data-badge][_ngcontent-vgw-c3]:after{
  background:#FF5700!important;
}
.table-sm th, .table-sm td {
  padding: .5rem!important;
}
body .ui-table .ui-table-caption{
  padding: 0px !important;
  /* margin-bottom: 15px; */
}
body .ui-overlaypanel{
/* margin-top: 16px;
top:183px!important; */
margin-left: 19px;
box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%) !important;
border: none !important;
}
body .ui-overlaypanel .btn.btn-light{
  border: none !important;
}
.ui-overlaypanel-shifted:after, .ui-overlaypanel-shifted:before{
  /* margin-left: 0px!important; */
}
body .ui-overlaypanel .ui-overlaypanel-content .btn{
  border-radius: .28rem!important;
  padding: 6px !important;
}
/* .form-group {
  margin-bottom: .4rem!important;
} */
.icon-btn{
  position: relative;
  right: 45px;
  float: right;
}
.ui-table-scrollable-view label.check{
  margin-left: 10px;
  top: 8px;
}
.highlight-icon{
  color: red !important;
}
.width-80{
  width: 80%;
  float: left;
}
.left-select{
  position: relative;height: 25px; width:100px;float: left;margin:5px 0 0 10px;
}
.select-label{
  margin:18px 0 0 11px;
}
.drop-btn{
  color: #fff!important;
    background-color: #1AC0EC!important;
}
.drop-btn-cancel{
  background-color: #f4f4f4!important;
}
.drop-btn i{
  color: #fff!important;
}
body .ui-progressbar{
  height:10px !important;
  margin-bottom: 25px;
}
body .ui-progressbar .ui-progressbar-value{
  background-color: #1AC0EC!important;
}
.mat-accordion-bg:nth-child(odd){
  display: inline-block;
    width: 100%;
    background-color: #f4f4f4;
}
.mat-expansion-panel{background:none!important;}
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover{
  background: none!important;
}
.text-area-align{
  vertical-align: top;
  padding-top: 20px;
}
.ui-widget, .ui-widget *{
  word-wrap:break-word;
}
table {
  width: 100%;
  border-collapse: collapse;
}
td {
 /*  border: 1px solid black;*/
}
/* try removing the "hack" below to see how the table overflows the .body */
.hack1 {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.hack2 {
  display: table-cell;
  overflow-x: auto;
  width: 100%;
}
.textdecoration:hover{
  color: #1AC0EC!important;
}
.navbar-expand .navbar-nav .dropdown-menu li a{
  border-radius: 0% !important;
}
.navbar-expand .navbar-nav .dropdown-menu{
  background-color: #f9f9f9 !important;
}
.drop-content ul{
  padding: 0px;
  margin: 0px;
}
.notify-drop{
  left: -170px;
  width: 225px;
}
.notify-drop:before{
  content: '';
  display: inline-block;
  border:20px solid transparent;
  vertical-align: middle;
  border-color: #f9f9f9 transparent;
  border-style: solid;
  border-width: 0px 20px 20px 20px;
  height: 0px;
  margin-top: -15px;
  width: 0px;
  float: right;
  margin-right: 29px;
}
.mat-form-field-infix{
  width:100%!important;
  /* width: 203px!important; */
}
.fav-btn{
  border: none;
  background: none;
}

.fav-btn .dot{
  font-size: 13px;
    height: 30px;
    width: 30px;
    background-color:#1AC0EC;
    color: #fff;
    border-radius: 70%;
    display: inline-block;
    text-align: center;
    padding-top: 5px;
}
.fav-btn .fav-label{
  padding-top: 6px;
  white-space: nowrap;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left:16px;
  font-weight: 600;
  color: #333;
}
.notify-drop-title{
  padding: 0 10px 10px 10px;
}
.drop-content ul {
  border-bottom: #ddd solid 1px;
  margin-top:5px;
  padding-bottom:5px;
}
.drop-content ul:last-child{
  border-bottom:none;
}
.fav-btn .fav-right {
  float: right;
  font-size: 12px;
  width: 30px;
  color: #c54959;
  height: 30px;
  padding-right: 10px;
  cursor: pointer !important;
}
/* Media Quary started */
@media (max-width: 480px) {
  .l-form input.form-control{
    width: 29%!important;
  }
  
  .m-login .btn-sm{
    padding: 0px 7px;
    margin-top: 7px;
  }
  .sidebar-menu{
    width: 100%;
}

.sidebar-menu ul li {
    position: static;
}

.sidebar-menu ul li ul {
    width: 100%;
    border-top: 2px solid rgba(0,0,0,.6);
display: none;
}

.sidebar-menu ul li:hover > ul {
display: block;
    left: 0 !important;
    top: auto;
    box-shadow: 0 0 12px gray;
}
  .check{
    display: block !important;
  }
  .select-label{
    margin: 0px!important;
  }
  .card-title{
    padding-left: 25px!important;
  }
  .card{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
  }
  .m-align label{
    text-align:left!important;
    padding: 0px!important;
  }
  .m-align .ng-select{
    padding: 0px!important;
  }
  .mat-tab-header{
    margin-top:10px;
  }
  .ui-paginator .ui-paginator-pages{
    margin-top: 5px;
  }
  body .ui-paginator .ui-paginator-pages .ui-paginator-page{
    height: 1.56em!important;
    min-width: 1.56em!important;line-height: initial !important;
  }
  .main-logo{
    padding: 0px;
  }
  .right-login-box .img{
    margin: 0px auto;
    width:100%;
  }
  .right-login-box .img .first{
    width:29%;
  }
  .right-login-box .icon{
    width:29%;
  }
  .right-login-box .second{
    width: 35%;
  }
  .right-login-box .tag{
    width: 10%;margin-top: 12px;
  }
  .left-logo{
  display: none;
  }
  .right-login-box{
    padding:10px; margin-top: 0px;
  }
  .header-right>li, .header-right>li>a{
    min-width:33px;
    width:33px;
  }
  .main-logo img{
    margin-left: 5px;
    width: 120px;
  }
  .header .search{
    margin-left: -140px;
    width: 150px !important;
  }
  .header .search input{
    min-width:161px!important;
  }
  body .ui-table thead>tr>th{
    font-size: 11px;
  }
  .ui-table-scrollable-wrapper{
    margin-top: 15px;
  }
  body .gobal-filter .form-control{
    max-width:100%;
  }
  .gobal-filter-search{
    position: relative;
   top: 67px;
    right: 110px;
  }
}

@media (min-width: 0) and (max-width:767px){
  .mobile-h4{
    position: absolute;
  }
 .toolbar-actions{
    margin-top: 40px;
  }
  .text-right {
    text-align: left !important;
}

  .m-btn{
    width: 25px;
    border-radius: 100%;
  }
  .m-btn span{
    display:none;
  }
  .m-btn .ms-Icon{
    margin-left: -7px;
  }
  .mat-tab-group{
    margin-top: 40px;
  }
}

@media (min-width:481px) and (max-width:1920px){
  .l-form input.form-control{
    width: 41%!important;
  }
  .block-display .m-details{
    display:none!important;
  }
}
@media (min-width:480px) and (max-width:1024px){
  .grid-display{
    display:grid;
  }
  .m-login-bg{
    background: #5ceddc; /* Old browsers */
    background: -moz-linear-gradient(top,  #5ceddc 1%, #00caff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #5ceddc 1%,#00caff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #5ceddc 1%,#00caff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ceddc', endColorstr='#00caff',GradientType=0 ); /* IE6-9 */
  }
  .m-login-bg .right-login-box{
    border-radius: 5px;
  }
  .m-login-bg .right-login-box.col-lg-4{
    max-width:70%;
  }
}
@media (min-width: 768px) and (max-width: 991px){
  .mat-tab-group{
    margin-top: 40px;
  }
  .right-login-box .img{
    margin: 0px auto;
    width: 290px;
  }
  .right-login-box .img .first{
    width: 30%;
  }
  .right-login-box .icon{
    width: 30%;
  }
  .right-login-box .second{
    width: 35%;
  }
  .right-login-box .tag{
    width: 10%;
  }
}

@media (min-width: 992px) and  (max-width: 1199px) {

}

@media (max-width:768px) {
  .left-blue-bg{
    display:none;
  }
}

@media (min-width:1025px) {
  .l-login{
   width: 91%;
   margin: 0px auto;
  }
}

@media (min-width: 768px) and (max-width:1024px){
  .left-blue-bg{
    display:none;
  }
}

.scroll .ui-table-scrollable-body{
  overflow-y: hidden;
}
.filter-icon::after{
  display:none !important;
}
.filter-icon i{
  font-size: 12px;
}
.filter-icon.show{
  border-bottom: 0;
  margin-bottom: -1px;
  background: #fff;    border-radius: .25rem .25rem 0 0;
}
.import-btn .dropdown-menu.show{
  left:-20px !important;
}
.dropdown-filter{
height:auto;padding: 13px;
background-color: #fff;
border: 1px solid #ddd;
margin:0 16px;
display: inline-table;box-shadow:none!important;
border-radius: 0px 6px 6px 6px; 
width:98%;
}
.dropdown-toggle{
  border: 1px solid #ddd;
}
.no-bdr{
  border: 0px !important;
}
body .ui-dropdown .ui-dropdown-trigger, .select-status .ui-dropdown-label{
  background-color: #ffffff !important;
}
.select-status-top{
  background-color: #fff;
}
.select-status-top .ui-dropdown{
  position: absolute;    min-width: 155px;margin-top: -8px;
}
.btn-focus button:focus, .btn:focus, .btn.focus{
  box-shadow:0 0 0 0.2rem rgba(0,123,255,0) !important;
}


.mat-form-field-wrapper{
  width:100%;
}

body .ui-table .ui-sortable-column.ui-state-highlight{
  color: #333333!important;
}

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

ul li a{
  padding: 0px;
}

.scroll .ui-table-scrollable-body{
  overflow-y: hidden;
}
.filter-icon::after{
  display:none !important;
}
.filter-icon i{
  font-size: 12px;
}
.import-btn .dropdown-menu.show{
  left:-20px !important;
}
.ico-position{
  position: absolute;
  bottom:18px;
  right: 0;
}
.ico-position-pass{
position: absolute;
margin-top: -49px;
right: 0;
}
.tooltip-top{
  padding-top: 40px;
}


.tooltip {
  position: relative;
  display: inline-block;
  opacity: inherit; padding-top: 6px;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width:450px;
  color: #000000;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 150%;
  left: -10%;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.list-group-item{
  text-align: left;
  padding: .45rem 1.25rem!important;
}
.color-pad {
  float: right;
  margin-top: 5px;
}
.color-pad .red{
  border-left:#ff0b0b solid 5px;
  float: left;
}
.color-pad .green{
  border-left:#03ae0b solid 5px;    float: left;
  margin-left: 15px;
}
.color-pad .blue{
  border-left:#1AC0EC solid 5px;    float: left;
  margin-left: 15px;
}
.color-pad .red span, .color-pad .blue span, .color-pad .green span{
  padding-left: 10px;
}
.master-table .ui-table .ui-table-thead > tr > th{
  padding:10px 0 !important;
}
.navbar-light .navbar-nav .closeSearch.nav-link:hover {
  border-radius: 0%;
}
.fixed-top{
  z-index:999;
}
.actions{
  z-index: 6!important;
}
#sidebar{
  z-index:999!important;
}
.wrap-login100 {
  width: 500px;
  border-radius: 10px;
  padding: 20px 37px 37px 37px;
  background: #fff;
  margin: 0px auto;
}
.wrap-login100 .img{
  margin-bottom: 20px;
  width: 349px;
  margin: 0px auto; text-align: center;
}
.wrap-login100 .icon {
  margin-bottom: 37px;
}
.wrap-login100 .second {
  margin-left: -20px;
}
.error-txt{
  margin-top: -20px;
  font-size: 75%;
  position: absolute;
}
.middle-page{
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 1; overflow: hidden;
}




.mat-stepper-horizontal{
  /* margin: 40px;
  padding: 0;
  overflow: hidden; */
}		

.mat-stepper-horizontal div {

  text-decoration: none;
}
.mat-stepper-horizontal .mat-step-header {
  float: left;
  margin-left: 0;
  width: auto;
  height:29px;
  list-style-type: none;
  /* padding:5px 8% 5px 8%;  */
  border-right: 3px solid white;
  position: relative;
}
.mat-stepper-horizontal .mat-step-header:nth-child(n+2)::before {
  position: absolute;
  top:0;
  left:0;
  display: block;
  border-left: 25px solid white !important;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  width: 0;
  height: 0;
  content: " ";
}	
.mat-stepper-horizontal .mat-step-header::after {
  z-index: 1; 
  position: absolute;
  top: 0;
  right: -25px; 
  display: block;
  border-left: 25px solid #7c8437 !important;
  border-top: 20px solid transparent !important;
  border-bottom: 20px solid transparent !important;
  width:0;
  height:29px;
  content: " ";
}	
.mat-stepper-horizontal .mat-step-header { background-color: #7C8437 !important; }
.mat-stepper-horizontal .mat-step-header::after { border-left-color: #31dbf0 !important; }
.mat-stepper-horizontal .mat-step-header.mat-step-label-active { background-color: #C36615 !important; }
.mat-stepper-horizontal .mat-step-header.mat-step-label-active::after { border-left-color: #C36615 !important; }
.mat-stepper-horizontal .mat-step-header.mat-step-label-active ~ li { background-color: #EBEBEB !important; }
.mat-stepper-horizontal .mat-step-header.mat-step-label-active ~ li::after { border-left-color: #EBEBEB !important; }
.mat-step-header {
  overflow: inherit !important;
}
.mat-stepper-horizontal .mat-step-header[aria-selected="true"] .mat-step-label-active{
  color: #000 !important;
}

.mat-stepper-horizontal .mat-step-header[aria-selected="true"]::after{
border-left-color:#f0f0f0 !important;
}
.mat-stepper-horizontal .mat-step-header:nth-child(5n+1){
  background: linear-gradient(90deg, #3deac2, #30daf1 ) !important;
}
.mat-stepper-horizontal .mat-step-header:nth-child(5n+2){
  background: linear-gradient(90deg, #3deac2, #30daf1 ) !important;
}
.mat-stepper-horizontal .mat-step-header:nth-child(5n+3){
  background: linear-gradient(90deg, #3deac2, #30daf1 ) !important;
}
.mat-stepper-horizontal .mat-step-header:nth-child(5n+4){
  background: linear-gradient(90deg, #3deac2, #30daf1 ) !important;
}
.mat-stepper-horizontal .mat-step-header:nth-child(5n+5){
  background: linear-gradient(90deg, #3deac2, #30daf1 ) !important;
}
.mat-stepper-horizontal .mat-step-label.mat-step-label-active{
  color: #fff !important;
}
.mat-stepper-horizontal .mat-step-header[aria-selected="true"]{background: #f0f0f0 !important;}
.mat-stepper-horizontal .mat-step-icon, .mat-stepper-horizontal .mat-step-icon-not-touched{
  width:25px;
  height: 25px;
}
.mat-stepper-horizontal .mat-stepper-horizontal-line {
  display: none;
}
.ui-scrollpanel-content{
  /* width: auto!important;
  height: auto!important;*/
  padding: 0px!important;     width: 100%!important;
}
.mat-horizontal-content-container{
  width: 100%;
  padding-bottom: 0px!important;
}
.mat-horizontal-stepper-content{
  padding-bottom: 0px;
}
.mat-horizontal-stepper-header-container{
  margin: 0px auto;
  width:90%
}
.select-input{
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  min-height: 30px;
  align-items: center;
  transition: all 0.3s;
  box-sizing: border-box;
  padding-right: 11px;
  padding-left: 11px;
  padding: 7px!important;
  width: 100% !important;
}
.ui-table table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.ui-table thead>tr>th {
  padding: 13px 3px!important;
  background-color: #f3f3f3 !important;
  background: none !important;
  border: none !important;
  border-bottom: 1px solid #ddd !important;
  
  font-size: 13px;
}
body .ui-table tbody>tr>td{
  border-bottom: 0px !important;
}

ul{
  background: none!important;
 }
 .mat-step-header .mat-step-icon{
  background-color: rgba(151,151,151,.74)!important;
 }
 .mat-tab-body-content{
   overflow: hidden!important;
 }
.mt-6{
  margin-top: 1.8rem!important;
}
.ml-8{
  margin-left:8% !important;
}
.ng-dropdown-panel.ng-select-bottom{
  /* width:auto !important; */
  top: 69px;
  border-top-color:#f3f3f3;
}
.p-bold label{
  font-weight: bold;
}
/* .p-review .row:nth-child(even) {
  background: #f9f9f9;
} */
.p-review .row:nth-child(odd) {

}
.input-group-addon {
  padding:0px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: auto;
  float: left;
  margin-left: 10px;
}
.input-group-addon p{
  border-left:#ccc solid 1px;
  float: left;
  padding: 10px 6px;
  margin: 0;
}

.input-group-addon p:first-child{
  border-left:0px;
}
.add-row .add-form:nth-child(odd) {
  background-color: #f9f9f9;
  padding-top: 15px;
}
::-webkit-scrollbar {
  width:0.9em;
  height:0.5em
}
::-webkit-scrollbar-button {
  background: #ccc
}
::-webkit-scrollbar-track-piece {
  background: #eee
}
::-webkit-scrollbar-thumb {
  background: #888
}​
.mat-table .mat-header-row{
  min-height: auto!important;
  background-color: #1AC0EC;
}
.mat-form-field-suffix .mat-datepicker-toggle{
  top: -17px!important; 
  right: 20px;
}
.d-picker .mat-icon-button{
  background-color: #fff;
  width: 0em!important;
  height: 0em!important;
}
.card-actions .btn{
  border-radius: .2rem!important;
}
.mainForm{
  height: calc(100vh - 215px);
}
/* body{
  overflow-y: hidden
} */
.p-stepper .mat-horizontal-stepper-header-container .mat-step-header{
   padding: 5px 4% 5px 4%;
   width: 30%;
}
.btn-bdr{
  border:#1AC0EC solid 1px!important;
}
.r-tab .row:nth-child(odd){
  background-color: #f9f9f9;
  padding-top: 20px;
  margin-bottom: 15px;
  margin-top: 15px;
}
.bg-border{
  padding:10px 0;background-color: #fff;max-height:320px;
  overflow-y: auto;
  margin-bottom: 1rem;
}
.bg-border .list{
  border-bottom:#ddd solid 1px;
  display: inline-block;
}

.bg-border .form-group p{
  font-weight: bold;
  margin-bottom: 5px;
}
.bg-border .form-group p span{
  font-weight:100;
  display:block;
  font-size: 12px;
}
.btn-med{
  background-color: #dae0e5;
    color: #212529;
    border: #dae0e5 solid 1px;
}
.inr-sign::before{
  content:"\20B9";
  }

  .button_slide {
    color: #fff;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    /* -webkit-box-shadow: -1px 1px 9px -1px rgba(201,201,201,1);
-moz-box-shadow: -1px 1px 9px -1px rgba(201,201,201,1);
box-shadow: -1px 1px 9px -1px rgba(201,201,201,1); */
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
    border: #e0920e solid 1px;
    background-color: #ffa308;
  }
  .slide_right:hover , .button_slide:hover{
    -webkit-box-shadow: 1px 3px 33px -17px rgba(23,23,23,1);
    -moz-box-shadow: 1px 3px 33px -17px rgba(23,23,23,1);
    box-shadow: 1px 3px 33px -17px rgba(23,23,23,1);
    color: #fff;
  }
.fund-item .card {
    border-radius: 6px;
    border: 1px solid #cbcbcb;
    padding: 0 0 10px;
    background-color: #fff!important;
    margin-bottom:12px;
}
.card-header {
  padding: 10px 20px;
}
.card-header:first-child {
  border: 0;
  border-radius: 6px 6px 0 0;
  font-size: 14px !important;
  padding-bottom: 0px;
}
.bg-white {
  background-color: #fff!important;
}
.card-body {
  flex: 1 1 auto;
  padding: 10px;
  padding-bottom: 0px;
}
.card-body p{
  margin-bottom: 0px;
}
.card-no{
  float: left;position: relative;top:-24px;
  left: -30px;
border-radius: 100%;
/* border: #1AC0EC solid 1px; */
height: 32px;
width: 32px;
/* background-color: #1AC0EC; */
color:#fff;
}
.fund-item .form-group{
  margin-bottom: 0px;
} 
.fund-item .card-header b{
  color: #000;
}
.bg-border .form-group p {
  font-weight: bold;
  margin-bottom: 5px;
}
.fund-item .form-group p{
  font-weight: bold;
  margin-bottom: 5px;
}
.fund-item  .form-group p span {
  font-weight: 100;
  display: block;
  font-size: 12px;
}
body .ui-table thead>tr>th{
  text-transform:none!important;
 }
 .fa-eye-top{
  margin-top:0px;
 } 
 
 .editInput .form-control{
  height: 30px;
 }
 .mat-form-field-appearance-legacy .mat-form-field-prefix .mat-datepicker-toggle-default-icon, .mat-form-field-appearance-legacy .mat-form-field-suffix .mat-datepicker-toggle-default-icon{
   width:24px !important;
 }
 .datePicker .mat-form-field-flex{
  align-items: center;
  height: 34px;
}
.datePicker .mat-form-field-suffix, .datePicker .mat-datepicker-toggle{
  height: 34px;
  width: 30px;
  top: 0 !important;
  right: 0 !important;
}
.datePicker .mat-form-field-suffix .mat-button-wrapper{
  width: 30px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center; 
}
.datePicker .mat-form-field-suffix .mat-icon-button{
  width: 30px;
  height: 34px;
}
.datePicker .mat-form-field-suffix .mat-button-ripple-round{
  border-radius:0 !important;
}
.datePicker .mat-button-focus-overlay, .mat-datepicker-toggle .mat-button-focus-overlay{
  background: none;
}

.log-btn{
  cursor: pointer;
  float: left;
  display: flex;
  align-items: center;
  height: 34px;
  background: #ebebeb;
}
.log-btn:hover{
  background: #ddd;
}
.card-outer{
  width:100%;
  margin:0 auto;
  text-align: center;
}
.card-outer .card-content{
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-outer .import-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.browse-btn{
  cursor: pointer;
}
.modal-header .mat-icon-button .mat-button-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-content.matdialog {
  height: 100%;
  min-height: 550px;
  max-height: 550px;
}
.modal-content.matdialog .modal-body {
  height: calc(100% - 50px);
}
.modal-content.matdialog .modal-body .mat-tab-group{
  max-height: 100%;
}
.modal-content.matdialog .mat-tab-group p-table{
  height: 100%;
  display: block;
}
.modal-content.matdialog .mat-tab-group .ui-table-scrollable-view{
  height: 100%;
}
.modal-content.matdialog .mat-tab-group .ui-table{
  height: 100%;
}
.modal-content.matdialog .mat-tab-group .ui-table-scrollable-wrapper{
  height: calc(100% - 70px);
}
.modal-content.matdialog .mat-tab-group .ui-table-scrollable-body{
  height: calc(100% - 60px);
}
    
.wrapper{
  /* height: 100%; */
  height: auto;
}
.content-layout{
  height: calc(100% - 60px);
}
p-table{
  /* height: 100%; */
  display: block;
  padding-bottom: 30px
}
p-table .ui-table, .ui-table-scrollable-view{
  /* min-height: 150px;
  max-height: 500px; */
}
.ui-table-scrollable-wrapper{
  height: calc(100% - 57px);
}
.ui-table-scrollable-body{
  height: calc(100% - 33px);
}

.ui-table th .pi {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #848484 !important;
}
.pi-fw.pi-sort:before{
  content: "\f0dc"; 
}
.pi-fw.pi-sort-down:before{
  content: "\f0dc"; 
}
.pi-fw.pi-sort-up:before{
  content: "\f0dd";
}
.gbFilterFixed{
  position: fixed;
  top: 111px;
  right: 14px;
}
.makerRecord .mat-content{
  padding:0px;
  display: flex;
  align-items: center;
  color: #333;
}
.makerRecord .mat-content .icon-btn{
  margin-left: auto;
  display: flex;
  align-items: center;
  right:0;
}
.makerRecord .mat-expansion-panel-header-description{
  justify-content: flex-start;
  margin-left: 1rem;
}
.recent{
font-style: italic;
font-size: 13px;
color:#666;
}
.label-hd{
  color: rgba(9, 117, 156, 0.8) !important;
}
.mat-content{
  padding-top:0px !important;
}
.r-table  .ui-table .ui-paginator-bottom{
  margin-top: 30px !important;
}
.btm-border{
  border-bottom:1px solid #ddd!important;
}
.inner a {
  float: left;
}
.button {
  position: relative;
  width: 135px;
  height:25px;
  padding:1px 29px 0 32px;
  text-decoration: none;
  text-transform: uppercase;
  color: #000;
  border-radius: 20px;
  background:#e5e5e5;
  cursor: pointer;
}
.button.fb div {
 
  background:#1AC0EC;
}
.button.fb div {
  top: 0;
  left: 0;
  width:25px;
  height:25px;
  text-align: center;
  color: #fff;
  border-radius: 20px;
  position: absolute;
}
.button span {
  font-size: 12px;
  text-transform: none;
  color: #000;
  font-weight: bold;
}
.Usr-title{
  min-width: 220px;
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #446678 !important;
}
.modal-dialog.google-visualization-charteditor-dialog {
  height: auto;
  width: auto;
  max-width: inherit;
  pointer-events: inherit;
}
body .ui-table .ui-paginator-bottom{
  /* margin-top: 25px!important;  */
  padding: 10px 0px;
}
.italic{
  color: rgba(0,0,0,.54) !important;
 font-style: italic;text-align: right;float: right;font-size: 13px;padding-top: 6px;
}
.a-arrow  .mat-content{
  padding-right: 25px;
}
.a-arrow .mat-accordion .mat-expansion-panel-header .mat-expansion-indicator{
  right: 20px;
    float: right;
    top: 0px;
    position: relative;
}

/* @media screen and (max-width:1367px){
  body{
    zoom:0.9;
  }

}
@media screen and (max-width:1199px){
  body{
    zoom:0.85;
  }
  .mat-accordion .mat-expansion-panel-header{
    font-size: 14px;
    height: auto;
  }
} */

/* 22-1-2020 */
.m-table-align{
  position:absolute;
  margin-top: -12px;
 }
 .r-0{
  right: 0;
 }
 .dialog-box{
  background-color: #1AC0EC!important;padding:10px;text-align:center;color:#fff;
 }

/* 22-1-2020 */
.m-table-align{
  position:absolute;
  margin-top: -12px;
 }
 .r-0{
  right: 0;
 }
 .mat-dialog-container{
padding: 15px!important;
  overflow:initial!important;
 }
 .dialog-box{
  background-color: #1AC0EC!important;padding:10px;text-align:center;color:#fff;
 }

/* 11-2-2020 */
.m-position{
  position: absolute;
  right: 13px;
}
.i-block{
  display:inline-block;
}
.search-ico-list{
  position: relative;
  right: 21px;
  top: 3px;
}
.display-block{
  display: block !important;
}

input{
  padding: .375rem .75rem!important;
}
.f-bold{
  font-weight: bold;
}
/* 3-3-2020 */
.form-table{
  border: 1px solid #cbcbcb;
  background-color: #fafbfd;
  display: -webkit-box;
  padding-top: 20px;
}
.f-width{
  width: 100%!important;
}
.form-head{
  text-align: center;
    border: 1px solid #cbcbcb;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 0;
    border-bottom: 1px;
    background: #ebeff5;
    color: #000;
}
.form-sub-head{
    text-align: center;
    border: 1px solid #cbcbcb;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 0;
    border-bottom: 1px;
    background: #fafbfd;
    color: #ffa308;
}
.search-f-ico-list{
position: relative;
margin: -26px 7px 0 0;
display: block;
float: right; 
}
textarea.mat-input-element{
  border: 1px solid #ced4da!important;
  background-color: #fff;
}
.border-raidus {
  background: #fff;
  min-width: 250px;
  float: left;
  border: 1px solid #dee2e6!important;
  border-radius: 100em;
  padding: 10px;    max-width: max-content;
}



/* 14-2-2020 */	
.form-row.formInline>.form-group{	
  display: flex;	
  margin-bottom: 25px !important;	
  flex-wrap:wrap;	
}	
.form-row.formInline>.form-group>label.text-right{	
  display: flex;	
  align-items: center;	
  justify-content: flex-end;	
}	
.form-row.formInline>.form-group .ng-select,.form-row.formInline>.form-group select, 	
.form-row.formInline>.form-group .mat-form-field{	
  flex:1;	
}	
.matautocomplete {	
  min-width: 475px !important;	
  max-width: 280px;	
  overflow: auto;	
  -webkit-overflow-scrolling: touch;	
  visibility: hidden;	
  max-width: none;	
  max-height: 256px;	
  position: relative;	
  width: 100%;	
  border-bottom-left-radius: 4px;	
  border-bottom-right-radius: 4px;	
}	
.option-inner{	
  flex-direction: column;	
}	
.option-inner span{	
  margin-bottom: 7px;	
  font-size: 13px;	
  line-height: 1;	
  color: #1a78ec;	
}	
.option-inner span:nth-of-type(2){	
  margin-bottom: 0px;	
  color: #333;	
}	
.mat-autocomplete-panel .mat-option{	
  /* line-height: 53px;	
  height:40px;	 */
  height: auto !important;
  line-height: initial !important;
  font-size: 14px;
}	
.maxwidth160{	
  max-width: 160px;	
}	
.dropdown-filter .ng-select{	
min-width: 120px;	
}	
/*28-1-20 */	
.f-width .form-control{	
  /* width: 100%!important;	 */
}	
.radio {	
  margin:0px;	
  display: block;	
  cursor: pointer;	
}	
.radio input {	
  display: none;	
}	
.radio input + span {	
  line-height: 22px;	
  height: 22px;	
  padding-left: 22px;	
  display: block;	
  position: relative;	
}	
.radio input + span:not(:empty) {	
  padding-left: 30px;	
}	
.radio input + span:before, .radio input + span:after {	
  content: "";	
  width:18px;	
  height:18px;	
  display: block;	
  border-radius: 50%;	
  left: 0;	
  top: 0;	
  position: absolute;	
}	
.radio input + span:before {	
  background: #d1d7e3;	
  -webkit-transition: background 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);	
  transition: background 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);	
  transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);	
  transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2), -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);	
}	
.radio input + span:after {	
  background: #fff;	
  -webkit-transform: scale(0.78);	
          transform: scale(0.78);	
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);	
  transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);	
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);	
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4), -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);	
}	
.radio input:checked + span:before {	
  -webkit-transform: scale(1.04);	
          transform: scale(1.04);	
  background: #1AC0EC;	
}	
.radio input:checked + span:after {	
  -webkit-transform: scale(0.4);	
          transform: scale(0.4);	
  -webkit-transition: -webkit-transform 0.3s ease;	
  transition: -webkit-transform 0.3s ease;	
  transition: transform 0.3s ease;	
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;	
}	
.radio:hover input + span:before {	
  -webkit-transform: scale(0.92);	
          transform: scale(0.92);	
}	
.radio:hover input + span:after {	
  -webkit-transform: scale(0.74);	
          transform: scale(0.74);	
}	
.radio:hover input:checked + span:after {	
  -webkit-transform: scale(0.4);	
          transform: scale(0.4);	
}	
.table-bg-bdr{	
  border: 1px solid #cbcbcb;	
  background-color: #fafbfd;	
}	
.p-table-tab input.form-control{	
  border-right: 0px;	
  border-radius: 4px 0 0 4px;	
}	
.p-table-tab label.input-group-addon{	
  border-radius: 0 4px 4px 0;	
}	

.full-width{	
  width:100%!important;	
}	
.bdr-right{	
  border-right: #ddd solid 1px;	
}	
.card-list{	
  padding:15px 15px 0px 15px;	
}	
.radio-card{	
  position: absolute;	
  left: -50px;	
  top: 3px;	
}	
.p-heading{	
  color: #ccc;	
  font-size:22px;	
}	
.p-relative{	
  position: relative;	
}	
.col-xs-offset-left-1 {	
  margin-left: 8.33333333%;	
}	
.paneloutline {	
  background-color: #FAFBFD;	
  border: #CBCBCB solid 1px;	
}	
.paneloutline .card-list span{	
  font-weight: bold;	
    color: #000;	
    font-size: 16px;	
}	
.paneloutline.active{	
  background-color:#E3E8F1;	
  border: #CBCBCB solid 1px;	
}	
.blue-icon{	
  color: #064A90;	
}	
.orange-icon{	
  color:#FF7600;	
}	
.green-icon{	
  color: #159A15;	
}	
.b-font,.b-btn{	
  font-size: 18px;	
}	
.b1-font{
  font-size:20px;
}
.s-square{	
  width: 52px;	
  height: 52px;	
  background:#fff;	
  -webkit-box-shadow: -1px 1px 9px -1px rgba(201,201,201,1);	
  -moz-box-shadow: -1px 1px 9px -1px rgba(201,201,201,1);	
  box-shadow: -1px 1px 9px -1px rgba(201,201,201,1);	
 margin: 9px 6px;	
  display: table-cell;	
    text-align: center;	
    vertical-align: middle;	
}	
.s-square img{	
  height: auto;	
  max-width: 100%;	
  vertical-align: middle;	
}	
.amc-list{	
  float: left;	
  margin-right:0.5rem !important;	
  margin-top: 1rem !important; 	
}	
.amc-list p{	
  text-align: center;	
  padding: 0;	
  margin: 0;	
  padding-top: 8px;	
}	
.tabs-left, .tabs-right {	
  border-bottom: none;	
  padding-top: 2px;	
}	
.tabs-left {	
  border-right: 1px solid #ddd;	
}	
.tabs-right {	
  border-left: 1px solid #ddd;	
}	
.tabs-left>li, .tabs-right>li {	
  float: none;	
  margin-bottom: 2px;	
}	
.tabs-left>li {	
  margin-right: -1px;	
}	
.tabs-right>li {	
  margin-left: -1px;	
}	
.tabs-left>li.active>a,	
.tabs-left>li.active>a:hover,	
.tabs-left>li.active>a:focus {	
  border-bottom-color:#ddd;	
  border-right-color: transparent;	
}	
.tabs-right>li.active>a,	
.tabs-right>li.active>a:hover,	
.tabs-right>li.active>a:focus {	
  border-bottom: 1px solid #ddd;	
  border-left-color: transparent;	
}	
.tabs-left>li>a {	
  border-radius: 4px 0 0 4px;	
  margin-right: 0;	
  display:block;	
}	
.tabs-right>li>a {	
  border-radius: 0 4px 4px 0;	
  margin-right: 0;	
}	
/*14-2-20 */	
.alert-s{	
  color: red;	
  font-weight: bold; 	
}	
.bdr-radius{	
  border-radius: 6px;	
}	
.a-arrow .mat-expansion-panel-header-title {	
  width: 120px;	
}	
.in-full-height .mat-dialog-content{	
  max-height: initial!important;	
}	
.new-bg{	
  background-color: #fea500!important;	
}	
.mt-8{	
  margin-top:50px;	
}	
.listing-tab{	
  background-color: #fff;	
  border: #ddd solid 1px;	
  padding: 0 0 10px 15px!important;	
  margin-top: 6px;	
  border-radius:0.25rem;	
}	
/*25-2-20 */	
.mat-checkbox-background, .mat-checkbox-frame{	
  border-color: #d1d7e3!important;	
  border-radius: 50%!important;	
}	
.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{	
  background-color: #1AC0EC!important;	
}	
.form-group{	
  font-weight: bold;	
}	
.f-width {	
  width: 100%;	
}	
.table thead tr.blue th{	
  background:#e7e7f7;	
}	
.table-striped tbody.blue tr:nth-of-type(odd){	
  background: #fafbfd;	
}	
.table-striped tbody.blue tr:nth-of-type(even){	
  background: #fff;	
}	
.f-weight-normal{	
  font-weight:normal;	
}	
.options{	
  background: #edeef3;	
  border-radius: 25px;	
  width:auto;min-width:20%;
  margin-top: 15px;	
  display: inline-block;	
}	
.options h6{	
  width: 26px;	
  height: 25px;	
  text-align: center;	
  padding-top: 3px;	
  float: left;	
  background: #f5f6f8;	
  margin: 9px;	
  border-radius: 100%;	
}	
.options .mark{	
  background: #b3bdc6;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 4px 0;
  margin-top: 3px;
  float: right;
}	
/*28-2-20 */	
.mt-10{	
  margin-top: 15%;	
}	
.mark.mat-radio-checked{	
  border:#6c818f solid 2px;	
}	
.mf-height{	
  max-height: 420px;	
  overflow-y: auto;	
}	
.options.col-md-4 {	
  /* max-width: 30%;	 */
}	
.options.col-md-4:nth-child(4) {	
  clear: both;	
}	
.mat-hint span{	
  display:none;	
}	
.search-left-tab{	
  width:200px;height: 35px;margin-left:70px;	
}	
.min-width{	
  min-width:200px; 	
}	
.search-trigger{	
  margin:3px 5px 0 0;	
z-index: 999;	
position: relative;	
float: right;	
padding-right: 0;	
font-size: 20px;	
}	
.bdr-left{	
  border-left: #eaeaea solid 1px;	
}	
.map-text{	
  color: #1AC0EC;	
  padding: 10px 8px 0 50px;	
  font-weight: bold;	
  font-size: 19px;	
  border-right: #ddd solid 1px;	
  line-height: 15px;	
}	
.map-text span{	
  color: #ccc!important;	
  font-size: 12px;	
  font-weight: bold;	
}
/* .min-height {	
  min-height:80px;	
}	 */
.font-normal{	
  font-weight: normal!important;	
}	
.border-raidus-fixed {	
  background: #fff;	
  border: 1px solid #dee2e6!important;	
  border-radius: 100em;	
  padding: 10px;	
}	


/* 4-3-2020 */	
.margin-auto{	
margin: 0px auto;	
}	

.mat-radio-button label{	
  margin-bottom: 0px!important;	
  display: flex;
}	

/* 9mar2020 */	
.modal-list ul{	
  flex:1;	
}	
.modal-list.list-head ul li{	
  font-weight: 600;	
}	
.modal-list ul li{	
  white-space: nowrap;	
  max-width: 258px;	
  text-overflow: ellipsis;	
  overflow: hidden;	
}	
/* 14-2-2020 */	
.form-row.formInline>.form-group{	
  display: flex;	
  margin-bottom: 25px !important;	
  flex-wrap:wrap;	
 }	
 .form-row.formInline>.form-group>label.text-right{	
  display: flex;	
  align-items: center;	
  justify-content: flex-end;	
 }	
 .form-row.formInline>.form-group .ng-select,.form-row.formInline>.form-group select, 	
 .form-row.formInline>.form-group .mat-form-field{	
  flex:1;	
 }
 .matautocomplete {	
  min-width: 475px !important;	
  max-width: 280px;	
  overflow: auto;	
  -webkit-overflow-scrolling: touch;	
  visibility: hidden;	
  max-width: none;	
  max-height: 256px;	
  position: relative;	
  width: 100%;	
  border-bottom-left-radius: 4px;	
  border-bottom-right-radius: 4px;	
 }	
    
 .option-inner{	
  flex-direction: column;	
 }	
 .option-inner span{	
  margin-bottom: 7px;	
  font-size: 13px;	
  line-height: 1;	
  color: #1a78ec;	
 }	
 .option-inner span:nth-of-type(2){	
  margin-bottom: 0px;	
  color: #333;	
 }	
 .maxwidth160{	
  max-width: 160px;	
 }	
    
 .dropdown-filter .ng-select{	
 min-width: 120px;	
 }	
 /* 10-3-2020 */	
.mat-dialog-content{	
  max-height:initial!important;	
}	
body .ui-table .ui-table-tbody > tr:nth-child(even):hover{	
  /* background-color: #e6e6e6!important;	 */
}	
.border-radius-bg{	
  border-radius: 8px;	
  border: 1px solid #cbcbcb;	
  background-color: #fafbfd;	
}	
.s-f-size{	
  font-size: 12px;	
}	
.m-f-size{	
  font-size:18px;	color: #333!important; font-weight: 400;
}	
.question-head{	
  font-weight: bold;	
  color: #5f7b8a;	
  padding-left: 0;	
  margin-left: 0;	
}	
.ques-mat-radio-group .mat-radio-button .mat-radio-container{	
  display: none;	
}	
.w-auto{	
  width: auto!important;	
}	
  /* 9mar2020 */	
  .modal-list ul{	
    flex:1;	
  }	
  .modal-list.list-head ul li{	
    font-weight: 600;	
  }	
  .modal-list ul li{	
    white-space: nowrap;	
    max-width: 258px;	
    text-overflow: ellipsis;	
    overflow: hidden;	
  }	
    
/* 14-2-2020 */	
.form-row.formInline>.form-group{	
  display: flex;	
  margin-bottom: 25px !important;	
  flex-wrap:wrap;	
}	
.form-row.formInline>.form-group>label.text-right{	
  display: flex;	
  align-items: center;	
  justify-content: flex-end;	
}	
.form-row.formInline>.form-group .ng-select,.form-row.formInline>.form-group select, 	
.form-row.formInline>.form-group .mat-form-field{	
  flex:1;	
}	
.error-required{	
  width: 100%;	
  display: flex;	
  justify-content: flex-end;	
  font-size: 11px;	 color: #d81f2c;
}	
.matautocomplete {	
  min-width: 475px !important;	
  max-width: 280px;	
  overflow: auto;	
  -webkit-overflow-scrolling: touch;	
  visibility: hidden;	
  max-width: none;	
  max-height: 256px;	
  position: relative;	
  width: 100%;	
  border-bottom-left-radius: 4px;	
  border-bottom-right-radius: 4px;	
}	
.option-inner{	
  flex-direction: column;	
}	
.option-inner span{	
  margin-bottom: 7px;	
  font-size: 13px;	
  line-height: 1;	
  color: #1a78ec;	
}	
.option-inner span:nth-of-type(2){	
  margin-bottom: 0px;	
  color: #333;	
}	
.maxwidth160{	
  max-width: 160px;	
}	
.dropdown-filter .ng-select{	
min-width: 120px;	
}	
/* 13-3-2020 */	
.form-row label{	
  font-weight: normal;	
}	
/* textarea.mat-input-element{	
  border:0px!important;	
}	 */


.global-filter-search{
  top: 69px;
  right: 108px; margin-right: 10px;
}
/*19_mar-2020*/
.align-base{
 align-items: baseline!important;
}
.ui-table mat-table{
 box-shadow:none!important;
}
.ui-table mat-header-row{
top: 0px;
 position: sticky;
 z-index: 100;
 padding: 0.571em 0.857em;
 border: 0;
 font-weight: bold;
 color: #333333;
 background-color: #f4f4f4;
 border-bottom: 1px solid #ddd !important;min-height: auto;
}
.ui-table .mat-header-cell{
 color: #333333;font-weight: bold; font-size: 14px!important;
}
.ui-table mat-header-cell:first-of-type{
 padding-left: 0px!important;
}
.ui-table mat-table mat-row{
 background-color: #f9f9f9;
 color: #333333;
}
.ui-table mat-table mat-row:nth-child(even) {
 background-color: #fff;
}
.ui-table mat-table mat-row:hover {
 cursor: pointer;
 background-color: #eaeaea;
 color: #333333;
}
.ui-table mat-table mat-row .mat-cell a{
 color: #333333!important;
 text-decoration: none!important;
}
.ui-table mat-table mat-row mat-cell:first-of-type,.ui-table mat-table mat-row mat-footer-cell:first-of-type,.ui-table mat-table mat-row mat-header-cell:first-of-type{
 padding-left:0px;
}
.ui-table mat-header-row mat-header-cell:nth-child(even) {
 width:500px;
}
.modal-header span{
 font-size: 1.25rem;
}
.m-table .mat-paginator-page-size{
 float: left;
 width:100%;
}
.m-table .mat-paginator-page-size .mat-paginator-page-size-label{
 float: left;
 padding-top: 12px;
}
.label-list .autocomplete{
 width: 100%!important; position: relative;
}
 /*Modified*/
.radio-card{
 position: absolute;
 left: -77px;
 top: 3px;
}
.form-table{
 border: 1px solid #cbcbcb;
 background-color: #fafbfd;
 display: -webkit-box;
 padding: 40px 0 25px 0;
 margin: 0px;
}

.label-list input.mat-input-element,
.label-list textarea{
width: 100%;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da!important;
border-radius: .25rem; height: calc(1.5em + 0.75rem + 0px) !important;
}
.label-list .search-ico{
top: 27px;
right: 22px;
}
.mat-input-element{
padding-left:8px!important;
}
 
.common-bdr{
border:1px solid #cbcbcb;
}
.common-bdr .col-md-12{
margin-bottom: 12px;
}
.common-bdr .col-md-12 span{
font-weight: normal;
}
.form-control{
/* height: calc(1.5em + 0.75rem + 0px)!important; */
border:1px solid #dfe1e6;    background-color: #fafbfc;
padding: .375rem .75rem!important;
}

.tab-list{
  border: #cfcfcf solid 1px;
  border-radius: 5px;
  background: #fff;
  padding: 0 !important;
  height: auto !important;
  width:auto!important;
  margin: 0px auto;
}
.mat-toolbar {
  background: #fff!important;
}

/* .tab-list div.tab-btn{
  border-right: #cfcfcf solid 2px;
} */
.tab-list div.tab-btn:last-child{
  border:0px;
}
/* .border-radius-bg textarea.form-control, textarea.form-control {
  height:auto !important;
} */
.bdr-bottom-nil{
  border-bottom: none !important;
}
.icon-color{
  color: #1AC0EC;
}

.ngx-file-drop__drop-zone{
  border:0px !important;
}
.alert-msg-box{
  background-color: #fff8f6;
  border: #ff0000 solid 1px;
  padding: 20px;
  color: #ff0000;
  text-align: center;
  font-size: 16px;
}
.mat-form-field-suffix .mat-datepicker-toggle{
  /* top: -37px!important; */
  right:8px;
}
.card-details .card-title{
  font-weight: 400!important;
  padding: 10px 15px;
  font-size: 18px;
  color: #333;
}
.ngx-file-drop__drop-zone,.ngx-file-drop__content{
  min-height:275px;
}
.box-border{
  background:#fff;
  border:1px solid #ddd;
  padding: 12px;
}
.label-lists .autocomplete .search-ico{
  position: absolute;
  right: 20px;
  top: 34px;
}
.bg-border .list:nth-of-type(even) {
  border-right:0px;
}
.tab-list div.tab-btn .mat-button{
  line-height: 42px!important;
  padding: 0 34px!important;
  background-color: #FFF;
  border-right: #cfcfcf solid 1px;
  border-radius: 0px;
  border-left: #cfcfcf solid 1px;
  position:relative;
  z-index:0;
}
.tab-list div.tab-btn:hover{
  background-color: #fff;
  color: #000;
  border-radius: 6px!important;
  /* border-right: #1ac0ec solid 1px;
  border-left: #1ac0ec solid 1px; */
  }
  .tab-list div.tab-btn .mat-button.selected{
  background-color: #1ac0ec;
  border-right: #1ac0ec solid 1px;
  border-radius: 5px;
  border-left: #1ac0ec solid 1px;
  padding: 0 44px!important;
  margin:0 -5px;
  position:relative;
  z-index:1;
  color:#fff;
}
.mf-min .form-group {
  min-height: 80px;
}
.success-alert{
  background: #51a351;
  color: #fff;
}
textarea.form-control {
  height: auto!important;
}

 
.no-shadow{
  box-shadow:none!important;
 }
 .pop-up-title{
  color: #757575 !important;
  padding: 0px !important;
  height: auto!important;
 }
 .pop-up-title .mat-card-header{
  height: auto!important;
 }


 
/* 21/4/2020 */
 .right-0{
  right: 0px;
 }

 /* 30AprSupriya */
 .mat-dialog-container {
  -webkit-animation: scale-up-top 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: scale-up-top 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes scale-up-top {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@keyframes scale-up-top {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}


 .dialog-box{
padding:10px;text-align:center;color: #444444;
background-image: -webkit-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
border-bottom: 1px solid #bababa
 }
.mat-dialog-actions .btn-primary, .mat-dialog-actions .btn-medium{
width:46%;
}
.align-item{
align-items: inherit!important;
}
.input-group-addon {
padding:0px 12px;
font-size: 14px;
font-weight: 400;
line-height: 11px;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;
width: auto;
  float: left;
}
.bg-border .list{
/* border-bottom:#ddd solid 1px; */
display: inline-block; border-right:#ddd solid 1px;
}
.ml-7{
margin-left:5% !important;
}
.entry-margin{
margin-top: -60px;
}
/* 15-4-2020 */
.block-display{
display:block!important;
}
.mb-0{
margin-bottom: 0px!important;
}
.fund-item .form-group{
margin-bottom: 0px;
min-height: 50px;
} 
.black-font{
color: #000;
}
.table-bg-bdr-dark{	
border: 1px solid #cbcbcb;	
background-color: #E3E8F1;	
}	
.bg-border-list{
background-color: #fff;
border: #ddd solid 1px;
border-radius: 0.25rem; display: inline-block;
}
.bg-border-list .form-group{
float: left;max-height:320px;
  overflow-y: auto;
}
.bg-border-list .form-group p{
font-weight: bold;
margin-bottom: 5px;
}
.bg-border-list .form-group p span{
font-weight:100;
display:block;
font-size: 12px;
}
.table-bg-bdr-dark-arrow {
border: 1px solid #cbcbcb;
background-color: #E3E8F1;
}
/* .table-bg-bdr-dark-arrow:before{
content: "";
width: 0px;
height: 0px;
position: absolute;
border-left: 11px solid transparent;
border-right: 12px solid #cbcbcb;
border-top: 12px solid transparent;
border-bottom: 10px solid #cbcbcb;
right: 20%;
top: -23px;
}
.table-bg-bdr-dark-arrow:after{
content: "";
width: 0px;
height: 0px;
position: absolute;
border-left: 10px solid transparent;
border-right: 10px solid #e3e8f1;
border-top: 10px solid transparent;
border-bottom: 10px solid #e3e8f1;
right: 20.1%;
top: -20px;
} */
.fund-item .card {
border-radius: 6px;
border: 1px solid #cbcbcb;
padding: 0 0 10px;
background-color: #fff!important;
margin-bottom:12px; min-height: 200px;
}
.report-list div:nth-of-type(odd){
border-bottom: #dba161 solid 1px;
}
.alert{
color: red;
}
.report-list{
border: 2px solid #dba161;
border-radius: 5px;
background: #fed8ae;
}
.animation-ctn{
text-align:center;
margin-top:5em;
}
@-webkit-keyframes checkmark {
  0% {
      stroke-dashoffset: 100px
  }
  100% {
      stroke-dashoffset: 200px
  }
}
@-ms-keyframes checkmark {
  0% {
      stroke-dashoffset: 100px
  }
  100% {
      stroke-dashoffset: 200px
  }
}
@keyframes checkmark {
  0% {
      stroke-dashoffset: 100px
  }
  100% {
      stroke-dashoffset: 0px
  }
}
@-webkit-keyframes checkmark-circle {
  0% {
      stroke-dashoffset: 480px
 
  }
  100% {
      stroke-dashoffset: 960px;
    
  }
}
@-ms-keyframes checkmark-circle {
  0% {
      stroke-dashoffset: 240px
  }
  100% {
      stroke-dashoffset: 480px
  }
}
@keyframes checkmark-circle {
  0% {
      stroke-dashoffset: 480px 
  }
  100% {
      stroke-dashoffset: 960px
  }
}
@keyframes colored-circle { 
  0% {
      opacity:0
  }
  100% {
      opacity:100
  }
}
/* other styles */
/* .svg svg {
  display: none
}
*/
.inlinesvg .svg svg {
  display: inline
}
/* .svg img {
  display: none
} */
.icon--order-success svg polyline {
  -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
  animation: checkmark 0.25s ease-in-out 0.7s backwards
}
.icon--order-success svg circle {
  -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
  animation: checkmark-circle 0.6s ease-in-out backwards;
}
.icon--order-success svg circle#colored {
  -webkit-animation: colored-circle 0.6s ease-in-out 0.7s backwards;
  animation: colored-circle 0.6s ease-in-out 0.7s backwards;
} 
.mf-min .form-group {
min-height: 61px;margin-bottom: 15px!important;
}
.right-0{
right: 0px;
}
.text-right {
text-align: right !important;
}
/* 30AprSupriya */

.r-form span.f-bold{
  display: flex!important;
  align-items: center;
 }
 p-table.t-table .ui-table-thead > tr > th {
  padding: 12px!important;
 }
 body .t-table .ui-table .ui-table-tbody > tr.ui-state-highlight {
  /* background-color: #d6d6d6!important; */
  -webkit-box-shadow: inset 0px 0px 5px 4px rgba(232 239 253);
    -moz-box-shadow: inset 0px 0px 5px 4px rgba(232 239 253);
    box-shadow: inset 0px 0px 8px 4px rgb(232 239 253);
    background-color: #fff!important;
  
 }
 body .ui-radiobutton .ui-radiobutton-box.ui-state-active{
  border-color: #1AC0EC!important;
  background-color: #1AC0EC !important;
 }


.test p-table table tr th, .test p-table table tbody tr td{
  width: 150px;
}

.autocomplete input[ng-reflect-disable-control="false"] {
  background-color: #fff!important;
}



.mat-dialog-container{
  background: #fff;
  /* border: #727272 solid 10px; */
  overflow:initial!important;
  border-radius:0px;
  }
  .mat-dialog-actions .btn-light{
    width: 46%;
  }


/* order entry */
.border-radius-bg-white{
border-radius:5px;
border: 1px solid#cbcbcb;
background-color: #fff;
 }
.blue-bg-btn{
background: #ebeff5;
color: #757575!important;
border: #757575 solid 1px;
 }
.ptable-footer{
/* position: absolute;
bottom:23px; 
/* bottom:29px; 
left: 0; */
float: left;
/* margin-top: -39px; */
margin-top: -70px;
}
.pt-half{
padding-top: 2px;
}
.btn-margin-right{
margin-right: 11px;
}
.blue-font{
color: #3a91b0;
}
.bg-shadow{
border-radius: 12px;
background: #ffffff;
box-shadow: 17px 17px 38px #e3e3e3, 
-17px -17px 38px #ffffff;
}
.white-bg{
background: #fff!important;
}
.lite-blue-bg{
background: #fafbfd;
}
.table-height .form-group{
min-height:80px;
}
.mat-tab-header .mat-tab-label{
  color: #37474f!important;
  border-bottom: 2px solid #fff;
}
.mat-tab-header .mat-tab-label-active{
  color: #012c42!important;
  font-weight: 600;
}

.bg-border .form-group{
 min-height: 50px!important;
 float: left;
}

.button_slide{
  padding: .375rem .5rem!important;
}
.mat-tab-label{
  padding: 0px !important;
  min-width: auto !important;
  margin-right: 20px !important;
}



















/*client portal menu*/
.accordion .card-header-menu:after {	
  font-family: 'Font Awesome 5 Free';	
  content: "\f107";  	
    float: right; padding-right: 15px;color: #4e4e4e;    margin-top: -3px;	
    font-weight:600;	
  }
  .accordion .card-header-menu.collapsed:after {	
    content: "\f104";	
    font-family: 'Font Awesome 5 Free';	
    padding-right: 15px;	
    color: #4e4e4e!important;	
    margin-top: -3px;	
    font-weight:600;	
  }
  /* .sidebar-nav .accordion {
    width: 100%;
    display: inline-block; padding: 10px;
  } */
  .accordion li {
    width: 100%;	
    position: relative;	
    /* height:38px; */	
    padding: .6rem 0rem .6rem 0rem;	
    font-size: 18px;
  }
  .accordion li  a, .accordion li  a span{
    color: rgba(255, 255, 255, 0.50)!important;	
    text-align:left;	
    font-size: 16px;
  }
  .accordion li  a span.menu-title{
    margin-top:0px;
  }
  .accordion li a span.arrow-down{
    margin-right: 10px;margin-top: -3px;
  }
  .accordion ul.collapse li{
    padding: .1rem 0rem;	
    height: auto;line-height:30px;	
    text-align: left;
  }
  .card-header{
    background: none!important;
  }
  .accordion li ul li:first-child{
    margin-top: 8px;
  }
  .accordion li:hover{
    background: rgba(255, 255, 255, 0.12);
    border-radius: 0px;
  }
  .dark-bg{
    background:rgb(20, 99, 166) !important;
  } 
  /* ul .accordion ul{
    background:#1ac0ec !important;
    border-left: #fff solid 4px;
  } */
  /* Main Content */
  #page-content-wrapper{
    width: 100%;	
    /* position: absolute; */
    transition:all .5s;
  }
  
  #menu-toggle{
    transition:all .3s;
    font-size:2em; float: left;
  }
  /* Change the width of the sidebar to display it*/
  #wrapper.menuDisplayed #sidebar-wrapper{
    width:250px;
  }
  
  #wrapper.menuDisplayed #page-content-wrapper{
    padding-left:250px;
  }
  
  /* Sidebar styling */
  .sidebar-nav{
    padding:0;
    list-style:none; 
    transition:all .5s;
    width:100%;
    text-align:center;
  }
  
  .sidebar-nav li{
    width:100%;
    transition:all .3s;
  }
  .sidebar-nav li .line-height{
    line-height: 40px;
  }
  .sidebar-nav li a {
    text-decoration:none;	
    color:#ddd;    padding: 10px 5px 10px 15px;
  }
  .sidebar-menu ul li:hover{
    color: #ffffff !important;
    border-radius: 5px;
    background: #ffffff;
    border-left: 4px solid #1bc5bd;
  }
  .sidebar-menu ul ul li:hover > a{
    color: #ffffff !important;
  }
  
  .sidebar-nav li:hover span{
    color: #007fcc !important;
  }
  .sidebar-nav li:hover span.menu-title{
    color: #3b3d3f !important;
  }
  .sidebar-nav li:hover I{
    color: #007fcc !important;
  }
.header-right>li>a {
color: #6d6d6d !important;
  cursor: pointer;
}
#content .dashboard {
  min-height: 80vh;
}
.z-index-zero{
  z-index:0!important;
  }
  #sidebar-wrapper{
  /* z-index:1; */
  /* background: #888; */
  position: absolute;
  width:0;
  height:100%;
  overflow-y:hidden;
  /* opacity: 1; */
  transition:all .5s;
  display:flex;
  -webkit-box-shadow: 10px -1px 14px -8px rgba(237,237,237,1);
  -moz-box-shadow: 10px -1px 14px -8px rgba(237,237,237,1);
  box-shadow: 10px -1px 14px -8px rgba(237,237,237,1);
  background-image: linear-gradient(45deg, #0a151f, #232e3a)!important;
  background: rgb(2,0,36);
  background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(21,32,43,1) 35%, rgba(13,24,34,1) 100%);
  }
  .bdr-bottom{
    border-bottom:1px solid #eee;
  }
  .accordion li  a, .accordion li  a span{
    color: #4e4e4e!important;
    text-align:left;
  }
  .accordion .card-header-menu.collapsed:after {
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    padding-right: 15px; color: #4e4e4e;margin-top:0px;
    font-weight:600;
  }
  .accordion li:hover{
    background: #2c3144!important;
    border-radius: 0px;    transition: all 0.3s ease-out; color: #fff;
  }
  .accordion .card-header-menu:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f107";  
      float: right; padding-right: 15px;color: #4e4e4e;margin-top:0px;
      font-weight:600;
    }
    ul .accordion ul{
      /* background:#1ac0ec !important;
      border-left: #fff solid 4px; */
    }
    .card-dashboard .card .card-title{
      padding: .75rem 1.25rem!important;
    }
    .mat-tab-body-wrapper{
      border-top: 0px;
    }
    .mat-tab-header .mat-tab-label-active{
      border-bottom: #1ac0ec solid 4px;
    }
    .mat-tab-header .mat-tab-label-active:after{
      background-color:#fff!important;
    }
 
  
.card-widgets.bgcolor1 .card-body .card-bdr{
  background: #3496fb;width:35px;height: 114px;
}
.card-widgets.bgcolor2 .card-body .card-bdr{
  background: #98ffb9;width:35px;height: 114px;
}
.card-widgets.bgcolor3 .card-body .card-bdr{
  background: #f39efb;width:35px;height: 114px;
}
.mb-1-1{
margin-bottom: 30px!important;
}
.card-dashboard .card .card-title{
  /* padding:1.45rem!important; */
background: #fff;
padding:10px 15px 20px 15px!important;
margin-top: 10px;
}
/* .s-height .cardOuter:nth-child(4),
.s-height .cardOuter:nth-child(6){
margin-top: -40px;
} */
.fixed-height p-scrollpanel .ui-scrollpanel{
height: 210px!important;
}
.list-group .list-th {
  /* border-bottom: #d4d4d4 solid 1px; */
  }
  .list-group .list-th span:nth-child(2),
  .list-table .list-group-item span:nth-child(2),
  .table-align th:nth-child(3),
  .table-align td:nth-child(3) {
  text-align: right!important;
  }
  .table-align th{
  padding: 1px !important;
  } 
/* client portal */
.main-logo{
  background-image:url('../images/bullfinch-logo.png');
background-repeat:no-repeat;
background-size:contain;
background-position:center;
width: 150px;
}
ul .accordion ul li a span{
  font-weight: 100;  color: rgba(255, 255, 255, 0.30)!important;	
  text-align:left; 
}
ul .accordion ul li:hover a span{
  font-weight: 100;  color: rgba(255, 255, 255, 0.9)!important;
  text-align:left;
}
.accordion ul.collapse li:hover{
  background: none!important;
}
.accordion ul.collapse li a:hover{
  color: #fff!important;
}
.search-ico {
  margin-top: -24px;
  position: absolute;
}
.sidebar-nav li.card-header-menu {
    background: #2c3144;
    color: #fff!important;
}
.sidebar-nav li.card-header-menu.collapsed {
  background: none;
}
.sidebar-nav li.card-header-menu a i, .sidebar-nav li.card-header-menu a span,
.accordion .card-header-menu:after {
  color: #fff!important;
}
.sidebar-nav li.card-header-menu.collapsed a i,.sidebar-nav li.card-header-menu.collapsed a span{
  color: rgba(255, 255, 255, 0.50)!important;
}
.card-dashboard .card {
  box-shadow: none;
  border-radius: 8px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.list-table .list-group-item.list-th {
  background-color: #f7f7f7 !important;
  padding-left: 15px ;
  color: #000;
  border-radius: 5px 5px 0px 0px!important;
  margin-top: 15px;
  padding: .85em .8em ; font-weight: bold;
}
.progress-loader{
width: 90px;
margin: 0px auto;
position: fixed;
top: 50%;
left: 50%;
margin-top: -50px;
z-index:1002;
}	
 #wrapper.menuDisplayed {
  position: relative;
}
.stepper-nav.r-profile .nav-tabs .nav-item{
  width: 24%;
 }
 .graph-list span:nth-child(3){
  border:#767676 solid 1px; border-radius: 3px;
  margin-bottom: 1px;
 }
   .bg-border .form-group{
  float: left;max-height:320px;
    overflow-y: auto;
}

.grid-thead{
  background: #cccccc;
  width: 96%;
  margin-left: 52px!important;
  padding: 15px 0px!important;
  color: #000;
  margin-top: 15px!important; border-radius: 5px 5px 0 0;
}
.matchList .row-grid.pinkborder .row{
  border-bottom: #fff solid 1px;
}
.matchList .row-grid.pinkborder .row .row-grid-list .row, .matchList .row-grid.pinkborder .row:last-child,
.matchList .row-grid.pinkborder .row:first-child {
  border-bottom: 0px;
}
.position-relative .badge {
  position: absolute;
    top: 26px;
    z-index: 99;
}
  
.d-content{
display:contents!important;
}


/* lead master */
.bdr-top{
  border-top: 1px solid rgba(66, 59, 116, 0.15);
}


.cross{
margin-top: -26px;
  position: absolute;
  right:14px;
}
.mt-4-1{
margin-top: 29px!important;
}

.l-master .input-width{
position: relative; width: 66.6%;
  display: inline-block;
}
.l-master .input-width input:hover .edit, .l-master .input-width:hover .edit {
  display: block;
}
.l-master .input-width .form-control:focus, .input-width .form-control:hover{
border:1px solid #ced4da!important;box-shadow:none;
}
.l-master .input-width .edit {
  padding-top: 7px;	
  padding-right:25px;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.l-master .input-width .edit-select{
  padding-right:70px;
}
.l-master .form-group i.ms-Icon{
position: absolute;
}
.l-master .form-group i.fa-window-close{
     position: absolute;
    /* right: -53px; */
    top: 0px;
    font-size: 21px;
    color: #a2a2a2 !important;
    font-weight: normal;
}
.l-master .input-width input.form-control,
.l-master .input-width .ng-select
{
  width: 85%!important;float: left;
}
.l-master .input-width .action-content{
    /* position: absolute; */
 margin-top:6px; 
    /* display: table; */
    float: left;margin-left: 5px;
    /* height: 50px; */
    position: relative; 
}
.l-master .form-group i.fa-save{
  /* top: 0px; */
  font-size: 13px;
  color: #fff;
  background: #5bb57c;
  width: 20px;
  height: 20px;
  text-align: center;
  padding-top: 4px;

}



/* 7-7-20 */
.accordion-list .mat-expansion-panel-header{
background-color: #ebeff5!important;
border-bottom: none; border:#c5d3e8 solid 1px;
}
/* .form-row.accordion-list:hover{
background: #fafbfd;border-radius: 4px;
} */
.mail-initial{
background: #b1b1b1!important;
width: 25px!important;
height: 25px!important;
border-radius: 100%!important;
text-align: center!important;
padding-top:3px!important;
margin-right: 6px!important;
}
.mail-list{
padding: 0px!important;
border-radius: 16px!important;
margin-top:3px!important;
background: #f4f4f4!important;
}
.l-master ng-select .ng-select-container{
border:0px;
}
.l-master ng-select .ng-select-container:hover{
box-shadow:none;
border:1px solid #ced4da!important;
}
.twitter-icon{
position: absolute;
  left:10px;
  color: #ced4da;    top: 9px;
}
.example-sidenav{
background-color: #eeeeee!important;
border-right: 1px solid #e7e7e7;
}
ul.tabs {
/* width: 250px; */
padding-top: 14px!important;
}
.mat-list-base{
padding-top: 0px!important;
}
.event-table .mat-tab-header .mat-tab-label-active{
font-size: 16px;
font-weight: bold; border-bottom: 0px;
}
.event-table .mat-tab-header .mat-tab-label-active:after{
background-color:#1ac0ec!important;
}
.event-table  .mat-tab-list{
/* border-bottom:#006AFF solid 3px !important; */
}

.date-field{
width: 20.9%!important;
}
.mat-expansion-panel-header.mat-expanded:focus, 
.mat-expansion-panel-header.mat-expanded:hover{
/* margin-top:-8px; */
} 
.accordion-list .mat-expansion-panel.mat-expanded .mat-expansion-panel-header{
/* -webkit-box-shadow: 0px 0px 8px #d6d6d6;
-moz-box-shadow: 0px 0px 8px #d6d6d6;
-ms-box-shadow: 0px 0px 8px #d6d6d6;
-o-box-shadow: 0px 0px 8px #d6d6d6;
box-shadow: 0px 0px 8px #d6d6d6; */
}
.example-chip-list .mat-form-field-wrapper .mat-form-field-infix,
.example-chip-list .mat-form-field-wrapper{
height:auto!important;  padding-bottom: 0em!important;
}


.gbFilterFixed{

}
.blue-btn{
color: #006AFF!important;
padding: 5px;
}
.blue-btn:hover{
background: #dcedff!important;
border-radius: 4px;
}

.button-wrap {
position: relative;
}
.new-button {
display: inline-block;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 4px;
  background-color: #1AC0EC;
  font-size: 14px;
  color: #fff!important;
  font-weight: normal!important;
  margin-top: 10px;
}
.example-container .mat-drawer{
width:250px;
padding:0px 5px!important;
}
.example-container p-table{
  margin-left: 10px;;
  border: 1px solid #dde9ea;
  margin-right:10px;;
  padding-bottom: 0px !important;
  height: calc(100vh - 160px) !important;
  }
  
  .example-container .mat-expansion-panel-header{
    border-bottom: 1px solid #e8e8e8 !important;
      margin-bottom: 5px;
      border-left: 2px solid #00bcd4;
  } 
  .example-container .mat-drawer-content{
  height: initial !important;
  }
.example-container .mat-sidenav{
width:330px;border-right: 0px;padding: 0px!important; height: 100vh;
-webkit-box-shadow: 0px 0px 18px 2px rgb(0 0 0 / 2%);
-moz-box-shadow: 0px 0px 18px 2px rgb(0 0 0 / 2%);
box-shadow: 0px 0px 18px 2px rgb(0 0 0 / 2%);
}
.example-container .mat-drawer-inner-container{
  background-color: rgb(238, 245, 249) !important;
  padding-bottom: 5px;
}
.example-container .mat-expansion-panel{
  margin: 7px 7px 2px 7px !important;
  background-color: #fff !important;
}
.example-container .ui-table-scrollable-body{
height: auto;    overflow: auto;
}
.example-container .mat-sidenav-content .lead .gbFilterFixed{
  margin-top: 18px;
}
.l-card-header{
font-size:16px;
/* line-height:35px; */
width: 100%;
}
.l-card-title{
color: #282a2c!important;
line-height:25px;
font-size:16px;
}
.f-weight-normal{
font-weight: normal!important;
}
.profile-circle{
background: #1a4f94;
width: 55px;
height: 55px;
color: #fff;
min-width: 55px;
min-height: 55px;
max-width: 55px;
max-height: 55px;
border-radius: 100%;
text-align: center;
padding-top: 12px;
font-size: 20px;
margin-right: 10px;float: left;
}

.accordion-list .mat-tab-body-wrapper{
padding: 15px 0px 5px 0px !important;
}
.drop-arrow .ng-select span.ng-arrow-wrapper:before,.drop-arrow .ng-select .ng-placeholder{
display: none;
}


.m-box-shadow{
-webkit-box-shadow: 0px 2px 11px -4px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 2px 11px -4px rgba(0,0,0,0.33);
box-shadow: 0px 2px 11px -4px rgba(0,0,0,0.33);
}
.full-bdr{
border: #313949 solid 1px;
}
.blue-bg{
background:#ebefff;
border-bottom:#313949 solid 1px;color: #000;font-weight: bold;
}
#innerForm .form-row>[class*=col-] input.form-control{
/* width: 55%; */
}
/* .drop-arrow .ng-select{
width: 55%!important;
} */
.drop-arrow span i.ms-Icon{
right:95px!important;
}
.inner-form.accordion-list-l{
overflow:initial!important;
}
.split-btn-danger, .split-btn-danger:hover {
border: 1px solid #d81f2c !important;
background-color: #d81f2c!important;
}
.split-btn-success, .split-btn-success:hover {
  border: 1px solid #039e54 !important;
  background-color: #039e54!important;
}
.split-btn-info, .split-btn-info:hover {
border: 1px solid #049ee4 !important;
background-color: #049ee4!important;
}
.split-btn-primary, .split-btn-primary:hover {
border: 1px solid #6222d4 !important;
background-color: #6222d4!important;
}
.split-btn-warning, .split-btn-warning:hover {
border: 1px solid #d67301 !important;
background-color: #d67301!important;
}
.btn-violet-primary{
background-color: #7934f3;
border:none;color: #fff;
}
.card-left-panel{
width:93%;
margin: 0px auto;
border: 1px solid #ddd;
}
/* .card-left-panel:hover{
-webkit-box-shadow: -1px 7px 15px 0px #b4b4b4;
  -moz-box-shadow: -1px 7px 15px 0px #b4b4b4;
  -ms-box-shadow: -1px 7px 15px 0px #b4b4b4;
  -o-box-shadow: -1px 7px 15px 0px #b4b4b4;
  box-shadow: -1px 7px 15px 0px #b4b4b4;
  transition: all linear .25s;
  -webkit-transition: all linear .25s;
  -moz-transition: all linear .25s;
  -ms-transition: all linear .25s;
  -o-transition: all linear .25s;
} */
.card-left-panel .card-title{
background: #f9f9f9;
border-bottom: 1px solid #ddd;
padding:5px !important;
margin-bottom: 10px;
}
.dropdown-menu.drop {
left: -131px!important;
}
.dropdown-menu.drop-email {
left:-9px!important;
min-width: auto;
width: 95px; font-size: 14px;
}

.accordion-list {
width: 92.9%;
margin: 0px auto;
}
.event-table {
   /* padding-bottom: 15px; */
}
.event-table .mat-tab-header,.event-table .mat-tab-body-wrapper{
width: 98%;
margin: 0px auto;padding: 0px;
}
.event-table .ui-table .ui-table-thead > tr > th{
background-color: #f3f3f3!important;    border: 0px!important;
}
.event-table .ui-table tbody>tr>td{
/* background-color:#fff!important; */
}
.event-table .ui-table .ui-table-tbody > tr{
background-color: #fff;    border-top: 1px solid #e0e3e4;
}
.event-table .ui-table .ui-table-tbody > tr:nth-child(even){
background-color: #fafafa;
}
.tab-heading{
font-family: "Proxima Nova Lt" !important;
font-size: 20px; padding-top: 4px;color: #000917;
font-weight: 700;
}
.event-table .mat-tab-label-content{
font-size: 16px;
}
.event-table .mat-tab-header {
width: 100%;
margin: 0px auto;
padding-left: 25px;
}
.event-table-list .ui-table{
width: 95%;
margin: 0px auto;
}
.event-table .ui-table tbody>tr>td,
.event-table .ui-table .ui-table-thead > tr > th{
padding:5px 10px!important;
}
p-table.event-table{
  padding-bottom: 0px!important;
}
.event-list-outer-list{
min-height:auto!important;
max-height:210px!important;
}
.event-list-outer-list  .list-group-item{
border-bottom: 0px!important; border-radius: 0px; border-right: 0px; padding-left:10px!important;
}

.event-btn-grp-outer-blue{
background: #effbfa;
  border-bottom: #dcdcdc solid 1px;
}
.evt_tabs{
width: 100%;
}
.evt_tabs nav {
border: none;
}
.evt_tabs nav .nav-tabs {
border: solid 1px #e3e3e3;
border-radius: 5px;
border-color: #e3e3e3;
padding-bottom: 1px;
font-family: "Roboto"; border-right: 0px;
}
.evt_tabs nav .nav-tabs .nav-link.active {
border-bottom: none !important;
background: #0e809e;
color: #ffffff; 
font-size: 16px;
}
.evt_tabs nav .nav-tabs .nav-link {
border: none !important;
width: 50%;
color: #3a2d7d;
background: #ffffff;
height: 60px;
padding: 15px 10px;
font-family: "Roboto";
}
.evt_tabs .first{
  width: 35%;
}
.evt_tabs .second{
  width: 65%;
  padding: 10px 5px 5px 15px;
}
.evt_tabs nav .nav-tabs .nav-link.active span {
color: #fff;
}
.evt_tabs nav .nav-tabs .nav-link.active label.todayDate, .evt_tabs nav .nav-tabs .nav-link .todayDate{
display: inline-block;
margin-bottom: .5rem;
position: relative;
right: 0px;
top: 0px;
font-size: 14px;
}
.accordion-icon span.mat-expansion-indicator::after{
color: #FF7600;
}

.inner-accordion .mat-expansion-panel {
width: 91%!important;
margin: 0px auto!important;
background:#f9f9f9!important;
margin-bottom: 10px!important; border-radius: 8px!important;
border: 1px solid #ddd;
}
.inner-accordion .mat-expansion-panel .mat-expansion-panel-content {
background: #fff!important;
}
.example-headers-align p-paginator .ui-paginator-bottom{
margin-top: 10px!important; 
}
.inner-accordion .mat-expansion-panel-content{
  border-top: 1px solid #ddd;
}
.event-tables .ui-table {
margin: 0px auto;
width: 95%;
}
.orange-round-btn{
display: block;
font-size: 14px;
float: right;
background: #ff8800;
color: #fff!important;
border-radius: 25px;
padding: 0px 10px;
font-weight: bold;
/* margin-left: 25px; */
line-height: 27px;
margin-top: 7px;
-webkit-box-shadow: 4px 4px 11px -3px rgba(163,163,163,1);
-moz-box-shadow: 4px 4px 11px -3px rgba(163,163,163,1);
box-shadow: 4px 4px 11px -3px rgba(163,163,163,1);
}
.btn-dribbble {
background-color: #35465c;
border-color: #35465c; color: #fff!important;
}
.split-btn-dribbble, .split-btn-dribbble:hover {
border: 1px solid #1a4f94 !important;
background-color: #1a4f94!important;
}
.dropdown-menu.c-drop{
  left: -72px!important;
  width: auto;
  padding: 5px 9px;
  min-width: auto; font-size: 14px;
}
.dropdown-menu.o-drop{
left: -132px!important;
width: 158px; font-size: 14px;
}
.dropdown-menu.ca-drop{
left: -141px!important;width: 172px; font-size: 14px;
}
.dropdown-menu.in-drop{
left: -166px!important; font-size: 14px;
width: 196px;
}
.dropdown-menu.drop-attach {
left: -110px!important; font-size: 14px;
width: 143px;
min-width: auto;
}
.l-footer{
  float: left;
  /* padding-top: 15px; */
  position: absolute;
  left:20px;
  bottom:20px;
}
/* p-table.event-table .ui-table .ui-table-scrollable-body{
max-height:400px;
} */
.dropdown-item {
padding: 3px 0px!important;
}
.mat-accordion .mat-expansion-panel .mat-expansion-indicator::after{
transform:rotate(-135deg);
}
.evt_tabs nav .nav-tabs a .nextDate,.evt_tabs nav .nav-tabs a .todayDate {
font-size: 12px;
}
.calc-bdr {
  display: inline-block;
  border: #ddd solid 1px;
  padding: 10px;
  border-radius: 5px; width:auto;
}
.calc-bdr .form-control{
  width: 70%!important;
  float: left;
  margin-left: 10px;
}
.btn-group.calc-btn .btn-primary.active {
  background-color: #1f8bb9!important;
  border: #1f8bb9 solid 1px;

}
.calc-btn .btn-outline-secondary{
  border-color: #1f8bb9 !important;
}
.btn-group.calc-btn .btn-primary {
  
  background: #fff !important;
  border: #1f8bb9 solid 1px;color: #000;
}
.cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder;
  background: #fff;
}

  .cal-month-view .cal-header .cal-cell {
    padding:10px 0;
    overflow: hidden;
    color: #000;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
  }

.cal-month-view .cal-days {
  border: 1px solid;
  border-bottom: 0;
}

.cal-month-view .cal-cell-top {
  /* min-height:90px; */
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; height: 65px;
}

.cal-month-view .cal-cell-row {
  display: -webkit-box;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
}

.cal-month-view .cal-cell {
  float: left;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

  .cal-month-view .cal-cell .cal-event {
    pointer-events: all !important;
  }

.cal-month-view .cal-day-cell {
  min-height:65px;
  width: 14.2%;
}

@media all and (-ms-high-contrast: none) {
  .cal-month-view .cal-day-cell {
    display: block;
  }
}

.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid;
}

.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid;
}

.cal-month-view .cal-day-badge {
  margin-top: 4px;
  margin-left: 4px;
  /* display: inline-block; */
  min-width: 10px;
  padding: 4px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  float: left;
  border-radius: 10px;
  height: 20px;
}

.cal-month-view .cal-day-number {
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px;
  color: #000;
  font-size: 17px;
  font-weight: bold;
}

.cal-month-view .cal-events {
  font-weight: normal;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cal-month-view .cal-event {
  width: 3px;
  height:3px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
}

.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer; 
  /* min-height: 160px; max-height: 160px; */
}

.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default;
}

.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em;
}

.cal-month-view .cal-open-day-events {
  padding: 15px;
}

  .cal-month-view .cal-open-day-events .cal-event {
    position: relative;
    top: 2px;
  }

.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
  opacity: 0.3;
}

.cal-month-view .cal-draggable {
  cursor: move;
}

.cal-month-view .cal-drag-active * {
  pointer-events: none;
}

.cal-month-view .cal-event-title {
  cursor: pointer;
}

  .cal-month-view .cal-event-title:hover {
    text-decoration: underline;
  }

.cal-month-view {
  background-color: #fff;
}

  .cal-month-view .cal-cell-row:hover {
    background-color: #fafafa;
  }

  .cal-month-view .cal-cell-row .cal-cell:hover,
  .cal-month-view .cal-cell.cal-has-events.cal-open {
    background-color: #ededed;
  }

  .cal-month-view .cal-days {
    border-color: #e1e1e1;
    margin-bottom: 10px;
  }

  .cal-month-view .cal-day-cell:not(:last-child) {
    border-right-color: #e1e1e1;
  }

  .cal-month-view .cal-days .cal-cell-row {
    border-bottom-color: #e1e1e1;
  }

  .cal-month-view .cal-day-badge {
    background-color: #b94a48;
    color: #fff;
  }

  .cal-month-view .cal-event {
    background-color: #1e90ff;
    border-color: #d1e8ff;
    color: #fff;
  }

  .cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
    color: #8b0000;
  }

  .cal-month-view .cal-day-cell.cal-today {
    background-color: #e8fde7;
  }

  .cal-month-view .cal-day-cell.cal-drag-over {
    background-color: #e0e0e0 !important;
  }

  .cal-month-view .cal-open-day-events {
    color: #fff;
    background-color: #555;
    -webkit-box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
  }

.cal-week-view {
  /* stylelint-disable-next-line selector-type-no-unknown */
}

  .cal-week-view * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .cal-week-view .cal-day-headers {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    padding-left: 70px;
    border: 1px solid;
  }

    .cal-week-view .cal-day-headers .cal-header {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: center;
      padding: 5px;
    }

      .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
        border-right: 1px solid;
      }

      .cal-week-view .cal-day-headers .cal-header:first-child {
        border-left: 1px solid;
      }

    .cal-week-view .cal-day-headers span {
      font-weight: 400;
      opacity: 0.5;
    }

  .cal-week-view .cal-day-column {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-left: solid 1px;
  }

  .cal-week-view .cal-event {
    font-size: 12px;
    border: 1px solid;
  }

  .cal-week-view .cal-time-label-column {
    width: 70px;
    height: 100%;
  }

  .cal-week-view .cal-current-time-marker {
    position: absolute;
    width: 100%;
    height: 2px;
    z-index: 2;
  }

  .cal-week-view .cal-all-day-events {
    border: solid 1px;
    border-top: 0;
    border-bottom-width: 3px;
    padding-top: 3px;
    position: relative;
  }

    .cal-week-view .cal-all-day-events .cal-day-columns {
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      position: absolute;
      top: 0;
      z-index: 0;
    }

    .cal-week-view .cal-all-day-events .cal-events-row {
      position: relative;
      height: 31px;
      margin-left: 70px;
    }

    .cal-week-view .cal-all-day-events .cal-event-container {
      display: inline-block;
      position: absolute;
    }

      .cal-week-view .cal-all-day-events .cal-event-container.resize-active {
        z-index: 1;
        pointer-events: none;
      }

    .cal-week-view .cal-all-day-events .cal-event {
      padding: 0 5px;
      margin-left: 2px;
      margin-right: 2px;
      height: 28px;
      line-height: 28px;
    }

    .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
    }

    .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
    }

    .cal-week-view .cal-all-day-events .cal-time-label-column {
      display: -webkit-box;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 14px;
    }

    .cal-week-view .cal-all-day-events .cal-resize-handle {
      width: 6px;
      height: 100%;
      cursor: col-resize;
      position: absolute;
      top: 0;
    }

      .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
        right: 0;
      }

  .cal-week-view .cal-event,
  .cal-week-view .cal-header {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .cal-week-view .cal-drag-active {
    pointer-events: none;
    z-index: 1;
  }

    .cal-week-view .cal-drag-active * {
      pointer-events: none;
    }

  .cal-week-view .cal-time-events {
    position: relative;
    border: solid 1px;
    border-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
  }

    .cal-week-view .cal-time-events .cal-day-columns {
      display: -webkit-box;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
    }

    .cal-week-view .cal-time-events .cal-day-column {
      position: relative;
    }

    .cal-week-view .cal-time-events .cal-events-container {
      position: relative;
    }

    .cal-week-view .cal-time-events .cal-event-container {
      position: absolute;
      z-index: 1;
    }

    .cal-week-view .cal-time-events .cal-event {
      width: calc(100% - 2px);
      height: calc(100% - 2px);
      margin: 1px;
      padding: 0 5px;
      line-height: 25px;
    }

    .cal-week-view .cal-time-events .cal-resize-handle {
      width: 100%;
      height: 4px;
      cursor: row-resize;
      position: absolute;
    }

      .cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
        bottom: 0;
      }

  .cal-week-view .cal-hour-segment {
    position: relative;
  }

    .cal-week-view .cal-hour-segment::after {
      content: '\00a0';
    }

  .cal-week-view .cal-event-container:not(.cal-draggable) {
    cursor: pointer;
  }

  .cal-week-view .cal-draggable {
    cursor: move;
  }

  .cal-week-view mwl-calendar-week-view-hour-segment,
  .cal-week-view .cal-hour-segment {
    display: block;
  }

  .cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
  .cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
    border-bottom: thin dashed;
  }

  .cal-week-view .cal-time {
    font-weight: bold;
    padding-top: 5px;
    width: 70px;
    text-align: center;
  }

  .cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
    display: none;
  }

  .cal-week-view .cal-starts-within-day .cal-event {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }

  .cal-week-view .cal-ends-within-day .cal-event {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }

.cal-week-view {
  background-color: #fff;
  border-top: solid 1px #e1e1e1;
}

  .cal-week-view .cal-day-headers {
    border-color: #e1e1e1;
    border-top: 0;
  }

    .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
      border-right-color: #e1e1e1;
    }

    .cal-week-view .cal-day-headers .cal-header:first-child {
      border-left-color: #e1e1e1;
    }

    .cal-week-view .cal-day-headers .cal-header:hover,
    .cal-week-view .cal-day-headers .cal-drag-over {
      background-color: #ededed;
    }

  .cal-week-view .cal-day-column {
    border-left-color: #e1e1e1;
  }

  .cal-week-view .cal-event {
    background-color: #d1e8ff;
    border-color: #1e90ff;
    color: #1e90ff;
  }

  .cal-week-view .cal-all-day-events {
    border-color: #e1e1e1;
  }

  .cal-week-view .cal-header.cal-today {
    background-color: #e8fde7;
  }

  .cal-week-view .cal-header.cal-weekend span {
    color: #8b0000;
  }

  .cal-week-view .cal-time-events {
    border-color: #e1e1e1;
  }

    .cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
      background-color: #ededed;
    }

  .cal-week-view .cal-hour-odd {
    background-color: #fafafa;
  }

  .cal-week-view .cal-drag-over .cal-hour-segment {
    background-color: #ededed;
  }

  .cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
  .cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
    border-bottom-color: #e1e1e1;
  }

  .cal-week-view .cal-current-time-marker {
    background-color: #ea4334;
  }

.cal-day-view {
  /* stylelint-disable-next-line selector-type-no-unknown */
}

  .cal-day-view mwl-calendar-week-view-header {
    display: none;
  }

  .cal-day-view .cal-events-container {
    margin-left: 70px;
  }

  .cal-day-view .cal-day-column {
    border-left: 0;
  }

  .cal-day-view .cal-current-time-marker {
    margin-left: 70px;
    width: calc(100% - 70px);
  }
.cal-pop-height{
  height:510px; overflow-y: auto;
}
.cal-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 11px;
  word-wrap: break-word;
  opacity: 0.9;
}

  .cal-tooltip.cal-tooltip-top {
    padding: 5px 0;
    margin-top: -3px;
  }

    .cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
      bottom: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 5px 5px 0;
    }

  .cal-tooltip.cal-tooltip-right {
    padding: 0 5px;
    margin-left: 3px;
  }

    .cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
      top: 50%;
      left: 0;
      margin-top: -5px;
      border-width: 5px 5px 5px 0;
    }

  .cal-tooltip.cal-tooltip-bottom {
    padding: 5px 0;
    margin-top: 3px;
  }

    .cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
      top: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 0 5px 5px;
    }

  .cal-tooltip.cal-tooltip-left {
    padding: 0 5px;
    margin-left: -3px;
  }

    .cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
      top: 50%;
      right: 0;
      margin-top: -5px;
      border-width: 5px 0 5px 5px;
    }

.cal-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  border-radius: 0.25rem;
}

.cal-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  border-top-color: #000;
}

.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  border-right-color: #000;
}

.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  border-bottom-color: #000;
}

.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  border-left-color: #000;
}

.cal-tooltip-inner {
  color: #fff;
  background-color: #000;
}

h3 {
  margin: 0 0 10px;
}

pre {
  background-color: #f5f5f5;
  padding: 15px;
}
/* autoemail */
.a-master .mat-error{
  position: absolute!important;
  top: 35px!important;right:28px;
}
.in-table .ui-dialog .ui-dialog-footer{
  border-top:0px!important;
}
body .ui-dialog{
  /* z-index:1000!important; */
}
/* leadmaster */
.lead .gbFilterFixed{
  top: -5px;
  right: 0px;  
  position: relative;
}
.mat-form-field-invalid .mat-input-element, .mat-warn .mat-input-element{
  caret-color:#333333!important;
}
.event-info .mat-radio-label-content{
  width: 100%;
}
.accordion-tab{
  border-radius: 8px;
  border: 1px solid #ddd;
}
.accordion-tab .title{
  margin-bottom: 10px;
  background: #f9f9f9;
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  padding: 10px 15px !important;
  font-weight: bold;
  color: #000;
  border-radius: 8px 8px 0 0;
}
.accordion-tab .content-tab{
  display: block;
  background: #fff;
}
.password-pg .form-row>.col,.password-pg .form-row>[class*=col-]{
  margin-bottom: 0px!important;
}
.profile-circle1{
  background: hsl(19, 77%, 41%);
  width: 55px;
  height: 55px;
  min-width: 55px;
  min-height: 55px;
  max-width: 55px;
  max-height: 55px;
  color: #fff;
  border-radius: 100%;
  text-align: center;
  padding-top: 12px;
  font-size: 20px;
  margin-right: 10px;float: left;
  }
  .profile-circle2{
    background: #941a43;
    width: 55px;
    height: 55px;
    color: #fff;
    min-width: 55px;
    min-height: 55px;
    max-width: 55px;
    max-height: 55px;
    border-radius: 100%;
    text-align: center;
    padding-top: 12px;
    font-size: 20px;
    margin-right: 10px;float: left;
    }
  .full-round-btn{
    border: #ddd solid 1px;
    border-radius: 44px;
    padding: 5px 10px 5px 10px;
  }
  .full-round-btn .fa-plus{
    color: #1ac0ec;
  }
  .round-bdr{
    border: #ddd solid 1px;
    border-radius: 5px;
    padding:23px 0 0px 0px!important;
  }
  .round-bdr .form-row>.col,  .round-bdr .form-row>[class*=col-],
  .round-bdr .form-group{
    margin-bottom: 1.4rem !important;
  }
.closeSearch:hover{
    border-radius: 0px 5px 5px 0px!important;
  }
  .navbar-light .navbar-nav .nav-link.dropdown-toggle,
  .navbar-light .navbar-nav .nav-link.alert,
  .navbar-light .navbar-nav .nav-link.note,
  .navbar-light .navbar-nav .nav-link.search-trigger{
    border-radius: 100%!important;
  }
  .navbar-light .navbar-nav .nav-link.closeSearch{
    
    border-radius:0%!important;
  }
  .line-height{
    line-height: 20px;
  }
  .lite-blue-bg{
    background: #edf0f4;
  }
  .cal-events .showmore{
    font-size: 13px;
    text-align: center;
    width: 100%;
    color: #1AC0EC!important;
    font-weight: normal;
  }
  .cal-events.event-position{
    position: absolute;
    right: 60px;
  }
  .auto-width, .f-width .auto-width{
    width: auto!important;
  }
  .m-login .form-control{
    border:0px;
  }
  .m-login .form-control:focus{
    box-shadow: none;
  }
  .calc-list li{
    border-left: #1AC0EC solid 3px; margin-bottom: 15px;
  }
  .calc-list li div{
    line-height: 20px;font-weight: normal!important;
    padding: .5rem 1rem;
  }
  .calc-list li div.title{
    font-weight: bold!important;
    font-size: 15px;
    text-transform: capitalize;
    padding-right: 0px;
  }
  .drop-list .mat-form-field-wrapper {
    height: auto!important;
    border: 0px;
}
.mf-dialog .ui-dialog {
  z-index: 11001!important;height:auto!important;
}
.mf-list .mat-error{
  bottom: -15px!important;
}
.drop-list .mat-form-field-infix {
  height: 25px;
}
body .ui-widget-overlay{
z-index: 11!important;
}

.btn.btn-ash-light{
  background-color: #e4e4e4;
  color: #525252 !important;
  border:#757575 solid 1px;
}
.slider-up{
  margin-bottom:0px!important;
}
.slider-up .event-btn-grp{
  max-width: initial;
    margin-bottom: 0px;
}
/* .cdk-overlay-pane{
  height:600px!important;
} */

.pop-min-height{
  min-height: 85px;
}
.mf-list .amt-error .mat-error{
  bottom: -37px!important; right:0px;
}
.max-wid-fit{
  max-width: fit-content!important;
}
.lead.cancel{
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 14px;
}
p-table.l-table .ui-table, p-table.l-table .ui-table-scrollable-view{
  height: auto!important;
}
p-table.l-table .ui-table .ui-table-scrollable-body{
  /* overflow: inherit; */
  /* max-height: calc(100vh - 316px) !important; */
}
body .ui-dialog{
  z-index: 999!important;
}
.example-container .mat-drawer-inner-container {
  height: auto;
  /* border-right: #ddd solid 1px;
  border-bottom: #ddd solid 1px; */
  background: #fff;
  border-radius: 5px;
}
.lead-form .form-group .floatlabel{
  width: 25%!important;
}
.browse-btn{
  width:auto;
margin: 0px auto;
 /* margin-top: 15px; */
}
.twit-position .float-label{
  width: 66.6%; float: left; position: relative;
}
.twit-position .form-control{
  padding-left: 28px!important; width: 100%;
}
body .ui-dialog .ui-dialog-titlebar{
  background: #f9f9f9!important;
}
.inner-form-scroll{
  float: left; height:510px;overflow-y:auto;
}
.lead-form .form-group .form-control,
.lead-form .form-group mat-form-field{
  width:100%!important;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page{
  height: 2em!important;
  min-width: 2em!important;
  line-height: 2em!important;
}
.blue-box-heading{
  background: #f2f7fb;
  width: 100%;
  margin: 0px auto;
  padding: 20px;
}
.blue-box-heading h4{
  color:#00334b!important;
  font-size:20px;
  margin-bottom: 0px; text-align: left;
  font-weight: bold;
}
.blue-box-heading span{
  font-size: 14px;
  color: #00334b!important;
  text-align: left;
  width: 100%;
  display: block;
  padding-top: 5px;
}
.co-form .form-row>[class*=col-] .floatlabel{
  width:40%!important;max-width: initial;
}
.mat-icon-button{
  height: auto!important;
}
body a{
 word-break: break-all;
}
.p-review .card-body a{
  /* padding: 10px 15px;
  margin: 0 auto 10px;
  color: #0095da;
  border-radius: 2px!important;
  border: #0095da solid 1px;
  font-size: 15px;
  font-weight: normal;
  width: 100%; */
}
.p-review .inner-cnt{
  max-height: 500px;
    overflow: auto;
}
.p-review .card-body{
  padding: 20px 10px;
}
.p-review .card-body a:hover{
  color: #0095da;
}
.ui-table-scrollable-view label.check.top{
  top: 0px!important;
}
.d-flex{
  display:flex;
}
.btn-fundfinder{
  padding: 10px;
    margin: 0 auto 10px;
    color: #0095da;
    border-radius: 2px!important;
    border-color: #0095da;    border: 1px solid #0095da;    display: inline-block;
    transition: .1s all ease-in-out;
    cursor: pointer;
    text-transform: capitalize;
    text-align: center; font-size: 15px;
}
.img.load{
  position: fixed;width: 100%;height: 100%; background:rgba(0, 0, 0, 0.3);z-index: 9999;
}
.ng-drop .scroll-host{
  width: 100%;
  align-items: center;
  text-overflow: ellipsis;
  max-width:67ch;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
}
.pop-mx-wid{
  max-width: 500px!important;
}
.r-type.mat-error{
  bottom: -37px!important;
  }
.loader{
width: 90px;
  margin: 0px auto;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
}

.lead-form .form-group .right-panel{
  float: left;
  width:60%;position: relative;
}
.lead-form .form-group .right-panel .s-date{
  width: 33%;
  float: left;
}
.lead-form .form-group .right-panel .s-date.p-relative .mat-error{
  right: 0px!important;
}
.lead-form .form-group .right-panel .mat-error{
  position: absolute;
  right: 0px;
  font-weight: normal;
  font-size: 11px;    min-width: 120px;
}
.lead-form .form-group .right-panel .date-field {
  /* width: 150px!important; */
  float: left;
}
.lead-form .form-group .right-panel .material-icons{
  font-size: 16px;
}
.lead-form .form-group .right-panel .floatlabel{
  width:29.5%!important;
  float: left;
}
.pop-textarea .mat-form-field-wrapper{
  border: none;
  height:75px!important;
}
.pop-textarea .mat-form-field-flex{
  display: block;
}
.mat-drawer-container{
  background: #fff!important;
}
.pop-textarea .mat-form-field-wrapper textarea{
  height: 100px!important;
}
.l-table .ui-table .ui-table-scrollable-body{
  max-height: initial!important;
}
.l-card-header span.float-left{
  width:auto;
  word-break: break-all;
}

.card-dashboard .mat-drawer-container{
  border-radius: 10px;
}
.opacity-5 {
  opacity:0.5!important;
}
.eventlist{
  color: #000;
  font-size: 16px;    margin-bottom: 15px;
  font-weight: bold;
  float: left;
  padding-left: 25px;
}
.switch-list .input-group-addon.col-auto{
  margin-top: -5px!important;
}
.dialogue-pop-up{
  min-width:600px;max-width:900px;
}
.dialogue-pop-up .l-width{
  width:200px;
  margin-bottom: 0px;
  padding-left: 0px;
}
.dialogue-pop-up .r-width{
  width:600px;
padding: 0px;
margin-bottom: 0px;
}
.dialogue-pop-up .select-input{
  width: 200px!important;
}
.dialogue-pop-up .select-input.f-width{
  width: 100%!important;
}
.list-group .list-group-item ul{
  margin: 0px;
  padding: 0px;width: 100%;
}
.card-dashboard .card.no-record {
  border: none;
}
.list-table .list-group-item ul li:first-child {
  padding-bottom: 6px;
} 
.list-table .list-group-item ul li span i {
  float: left;
  display: flex;
  align-items: center;
  padding-top: 1px;
  padding-right: 5px;
}
.modal-body .report-outer .modalFilter-popup .filterTable.col-10,
.modal-body .report-outer .modalFilter-popup .filterSide.col-md-2{
height: auto!important;
}
.list-table.notice .list-group-item{
  padding:15px 0px 15px 10px!important;
}
.recordlist .ui-table .ui-table-thead > tr > th.first{
  width: 12px;
}
.recordlist .ui-table .ui-table-tbody > tr > td.first{
  width: 60px;
}
.iin-pop .ui-dialog .ui-dialog-footer,.iin-pop .ui-dialog .ui-dialog-content{
  border:0px!important;
}
.onlineMf .tableListGroup.addFolio .list-group.listBody.greencolor{
  background: #fafbfd!important;
}
.onlineMf .tableListGroup.addFolio .list-group.listBody.greencolor button{
  background: none;
}
.onlineMf .tableListGroup.addFolio .list-group.listBody.greencolor button.fa-edit{
  color: #1bd018!important;
}
#container {
  width: 100%;
  }

.cols {
    -moz-column-count:3;
    -moz-column-gap:1.5%;
    -moz-column-width: 30%;
    -webkit-column-count:3;
    -webkit-column-gap:1.7%;
    -webkit-column-width: 30%;
    column-count: 3;
    column-gap:1.5%;
    column-width: 30%;display: block;
}
.box {
margin-bottom:24px;
    align-items: center;
    display: inline-table;width: 100%;-webkit-box-shadow: 0px 4px 6px 1px rgba(227,227,227,1);
    -moz-box-shadow: 0px 4px 6px 1px rgba(227,227,227,1);
    box-shadow: 0px 4px 6px 1px rgba(227,227,227,1);
}
app-bullfinch-autocomplete.p-name .form-control {
  width: 66.66%!important;
}
.chart-outer>div{
  width: 346px;
  float: left;
  overflow: hidden;
}
ng-dropdown-panel.f-width {
  width: auto!important;
}
.timepicker-dial__control{
  border: none;
  background-color: transparent;
  font-size: 38px!important;
  width: 70px!important;
  padding: 0px !important; 
  border-radius: 3px;
  text-align: center;
}
 .mat-chip-list-wrapper input.mat-input-element{
  margin: 6px 4px 6px 0px!important;
  border: 1px solid #dfe1e6;
  background-color: #fafbfc;
  border-radius: 5px;
}
.mat-chip-list-wrapper .mat-standard-chip{
  margin:0px 4px 6px 0px!important;
  white-space: nowrap;
}
.equitystatusreport{
  background-color: #f8f7ff;
  min-height: 45rem;
}
.grid_productheaderbox .collapse_btn{
  cursor: pointer;
    font-size: 0.85rem;
    color: #fff!important;
    background-color: var(--blue) !important;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin: 0.5rem 1rem;  
}
.grid_productheaderbox h6{
  font-size: 1.35rem;
    font-weight: 500;
    color: #ccc;
    text-transform: capitalize;
    margin-right: auto;
}
.grid_productheaderbox .grid_producttext{
  float: left;
  font-size: 1.35rem;
  font-weight: 500;
  color: #ccc;
  text-transform: capitalize;
  margin-right: auto;
}
.grid_productheaderbox .grid_productTotalrecords{
  font-size: 1rem;
  font-weight: bold;
  color: var(--orange) !important;
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 0.3rem 1rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin: 0.5rem 1rem;
}
.collapse_btn{
  cursor: pointer;
  font-size: .85rem;
  color: var(--blue)!important;
  background-color: #fff;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin: .5rem 1rem;
  float:left;
}
p-table.pms-table .ui-table thead>tr>th{
background-color:#f8f7ff!important;    border-bottom: none!important;
}
p-table.pms-table .ui-table .ui-table-tbody > tr,
p-table.pms-table .ui-table .ui-table-tbody > tr:nth-child(even){
  background-color:#f8f7ff!important;
}
p-table.pms-table .ui-table .ui-table-tbody > tr:nth-child(even):hover{
  background-color:#f8f7ff!important;
}
p-table.pms-table .collapse{
  background:#dddddd!important;display: flow-root;width: 100%;
}
p-table.pms-table .collapse:hover{
  background-color: #b0b0b0!important;
  color: #fff;
  cursor: pointer;
}
p-table.pms-table .ui-table .ui-table-scrollable-body{
  max-height:inherit!important;
}
p-table.pms-table .column-title span{
  font-weight: 700;
  color: #333;
  font-size: 13px;
}
p-table.pms-table .ui-table-scrollable-view label.check{
  top: 3px;    color: #757575;
}
.schedule-list .mat-radio-label-content{
  width: 100%;
}
.data-position{
  position: relative;
}
.data-position .cal-events{
  position: absolute;
  right: 65px;
}
.data-position .question{
  position: absolute;
  right: 1px;
  top: 1px;
  background: #ccc;
  width: 30px;
  height: 32px;
  border-radius: 0px 3px 3px 0;
}
.data-position .question .fa-question{
  display: flex;
  justify-content: center;
  margin-top: 9px;
}
.pl-big{
  padding-left: 25px;
}
.left-float{
  margin-right: 15px;
  max-width: 180px;
  width: 30%;
  text-align: right;
}
.attach{
  width: 98%;
  margin: 0px auto;
}
.grid_productTotalrecords{
  font-size: 1rem;
  font-weight: 500;
  color: var(--orange)!important;
  background-color: #fff;
  border-radius: 10px;
  padding: .3rem 1rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin: .5rem 1rem;
}

.pms-table .alter-table tr:nth-of-type(odd){	

}	
.pms-table .alter-table tr:nth-of-type(even){	
  background: #fff;	
}	
.table-scroll,.table-scroll-list{
  /* display: block; */
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
  margin-bottom: 15px;
}
.table-scroll td, .table-scroll-list td {
  overflow-x: auto;
}
.table-scroll tr th, .table-scroll-list tr th,.table-scroll tr td {
  padding: 10px 40px 10px 10px!important;
  font-size: 13px;
}
.btn-link {
  font-weight: 400;
  color: #007bff!important;
}
.no-record.norecordCard{
  margin: 0px 16px;
}
.table-scroll-list tr td{
  padding: 15px 40px 15px 10px!important;
}
.mat-calendar-next-button::after, .mat-calendar-previous-button::after{
  height: 8px;;
}
.day-drop mat-form-field .mat-form-field-wrapper{
  border:none!important;
  height: 29px!important;
  margin-top: 3px;
}
.formHeight.d-form form{
  width: 100%;
}
.chart-list .list-table{
  border-radius: 5px 5px 0 0; 
}
.modalFilter-popup .filterTable p-table .ui-table-scrollable-header thead>tr>th {
  background-color: #4782e1!important;
}
.modalFilter-popup .filterTable p-table .ui-table-scrollable-header thead>tr>th span{
  color: #fff!important;
}
.modalFilter-popup .filterTable p-table .ui-table-scrollable-header thead>tr>th i{
  color: #fff;
}
.page-head h4.report-head{
  color: #193b68;
}
.dynamic-form form{
  width: 100%;
}
.mainFilter p-table .ui-table thead>tr>th{
  background-color:#4782e1!important;color: #fff;
}
.mainFilter p-table .ui-table thead>tr>th span{
  color: #fff!important;
}
.mainFilter p-table .ui-table thead>tr>th .sort-arrow{
  color: #fff;
}
.sidebarFilter .modal-content p-table .ui-table-scrollable-header{

    border-radius: 5px 5px 0 0;
}
/* .reportField dynamic-form .form-row>[class*=col-] .mat-chip-list .mat-chip:first-child{
  margin-top: 40px!important;
} */
.d-form-list form{
  width: 100%;
}
/* .form-row>.col .mat-chip-list.report-form .mat-chip-list-wrapper, .form-row>[class*=col-] .mat-chip-list.report-form .mat-chip-list-wrapper{
  border: 1px solid #ced4da!important;
  border-radius: .25rem;
} */
 .chipsAutocomplete{
  border: 1px solid #ced4da!important;
  border-radius: .25rem;
  /* display: block!important; */
} 
.chipsAutocomplete .mat-chip-list .mat-chip-list-wrapper{
  margin-top: 33px!important;
}
.chipsAutocomplete input{
  max-width: 96%!important;
  position: relative;
}
body .ui-dialog{
  height: auto!important;
}
.grid_productheaderbox{
  display: flex;
  background-color: #fff;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 5px;
  box-shadow: -1px 1px 9px -1px rgba(201,201,201,1)!important;
  padding: 4px;
}
.btn-warning {
  background-color: #f9c851 !important;
  border: 1px solid #f9c851 !important;
  color: #fff !important;
}
.cdk-global-scrollblock{
  position:initial!important;
}
.mainFilter-balance p-table .ui-table thead>tr>th{
color: #757575;
}
.mainFilter-balance p-table .ui-table thead>tr>th span{
  color: #fff;
}
.mainFilter-balance p-table .ui-table thead>tr>th .sort-arrow{
  color: #fff;
}
.heightmax-page{
  height: calc(100vh - 155px);
 }
 .grid_collapse_item .grid_productbox p-table .ui-table-scrollable-body{
  min-height: 120px!important;
}
.input-w-icon{
  padding: .375rem 1.8rem .375px .75rem!important;
}
.autocompleteModal .mat-table{
  /* min-height: 500px; */
}
.gobal-filter .form-control{
  padding: 0rem 1.8rem .375px .75rem!important;
}
.btn-light-sm{
  /* background: #c7c7c7; */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f2f2+1,c7c7c7+99 */
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 1%, #c7c7c7 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f2f2f2 1%,#c7c7c7 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f2f2f2 1%,#c7c7c7 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#c7c7c7',GradientType=0 ); /* IE6-9 */

  border:#ababab solid 1px;
  color: #000;
}
.modal-content{
  border: 0px!important;
}
.pop-cancel{
  margin: -12px -19px 0 0!important;
}
 /* body .modal-body .ui-table .ui-table-scrollable-body {
  max-height: calc(100vh - 250px) !important;    width: 99%;
}  */
.ml-auto.d-flex{
  /* position: absolute; */
    right: 0;
}
button.pop-cancel.mat-icon-button{background:none;}
/* .mat-icon-button{
  border-radius: 0%!important; background: transparent;
}
.mat-icon-button:focus,.mat-icon-button:active , .mat-icon-button:focus-within, .mat-icon-button:hover, .mat-icon-button:visited,
.mat-icon-button:focus-visible {
  background:transparent;
} */
body .ui-table .ui-table-scrollable-body{
  width: 100%;    border-bottom: #e6e8eb solid 1px;
  /* max-height: calc(100vh - 280px) !important; */
}
input{
  padding: .2rem 1.8rem .375px .75rem!important;
}
.ng-select{
  background: #ebecf0;
  border-color: transparent;    height: 34px;
}
.ng-select .ng-select-container{
  background-color: transparent!important;
}
.tab-right-list .ng-dropdown-panel.ng-select-bottom{
  margin-left: -15px!important;
}
.tab-menu{
  display: inline-block;
  width: 100%;
}   
.lead-pop-up-title{
  width: 100%;display:flex; float: left;
}
.lead-pop-up-title .float-left {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  width: 77%;color: #000;
  font-size: 18px;
}
/* .evt_tabs nav .nav-tabs .nav-link.active:before {
  content: "";
  position: absolute;
  bottom: -9px;
  left:-161px;
  width: 0;
  height: 0;
  border-top: 10px solid #0e809e;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  right: 0;
  margin: 0 auto;
} */
.example-headers-align .mat-expansion-panel .accordion-icon span.mat-expansion-indicator{
  position: relative;
  right: 208px;
  float: left;
  height: 16px;
}

/* .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane{
  width: 500px!important;
  float: left;
  left: 67%!important;
} */
.chip-list-attach{
  display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-right: 15px;
    max-width: 180px;
    width: 30%;
    justify-content: flex-end;
}
.chip-list-attach .mat-chip-list{
  margin-top:8px;
}
.mat-tab-header{
  border-bottom: 0px!important;
}

.ub-table{
  margin-top:3rem !important;
}
.ub-table .m-width{
  width: 250px!important;
}
.ub-table .m-width .mat-error{
  bottom: -18px;
  min-height: auto;
}
.ub-table .table{
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  max-height: 420px;
  overflow-y: auto;
}
.ub-table .table th,.ub-table .table td{
  padding: .9rem!important;
} 
.table-sm th, .table-sm td {
  padding: .5rem!important;
}
.ms-Icon{
  cursor: pointer;
}
.d-i-flex{
  display:inline-flex;
}
.stepper-nav .r-profile li:first-child{	
 margin-left: 35%;
}	
.paneloutline{
  -webkit-box-align: center;
  align-items: center;
  border-radius: 5px;
  box-shadow: -1px 1px 9px -1px rgba(201,201,201,1)!important;
  border:none; margin-bottom:30px!important;
}
.stepper-nav.rp-profile .nav-tabs .nav-item{
  width:48%;
 }
 .stepper-nav .rp-profile li:first-child{	

 }	
 *,*:focus,*:hover{
  outline:none;
}
.m-deal .ng-select{
  display: contents!important;
}
.risk-lead .autocomplete {
  width: 100%!important;
}
.ng-dropdown-panel .scroll-host{
  width: 100%;
}


.pink-icon {
  color: #d42371;
}
.ttl-amt{
  padding: 0;
  background: #ececec !important;
  margin: 0px;
}
.ttl-amt li{
  text-align: right;
  padding: 10px 20px 10px 10px;
}
.ttl-amt span{
  margin-right:85px; 
}
.ttl-amt b{
  color: #000;
}
.top-tab-box{
  padding: 0.7rem 1rem 0.5rem 1rem !important;
  border-radius: 6px;
  border: 1px solid #dee2e6 !important;
}
.top-tab-box label{
  justify-content: center;
    float: left;
    align-items: center;
    min-height: 30px;
}
.top-tab-box .holder{
  text-transform: lowercase;
  font-size: 10px;
  text-align: right;
  display: block;
  margin-top: -5px;
  color: #757575;
  font-weight: normal;
}
.ptable-footer{
  margin-top: -70px;
  float: right;
  margin-right: 378px;
  position: relative;
}
p-paginator.ui-paginator-bottom{
  position: relative;
  /* background: red; */
  display: inline-block;
  float: right;
}
.mat-radio-label-content{
  padding-right: 8px!important;
}

.dialogue-pop-up .select-input-amt{
  width: 200px!important; border-radius: 4px 0px 0px 4px;
  
  background-color: #fff;
  border: 1px solid #d9d9d9;
  min-height: 30px;
  align-items: center;
  transition: all 0.3s;
  box-sizing: border-box;
  padding-right: 11px;
  padding-left: 11px;
  padding: 7px!important;
 }
 .input-group-addon-list {
  padding:0px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 0px 4px 4px 0px;
  border-left: 0px!important;
  width: auto;
  float: left;
  margin-left: 10px;
 }
 .input-group-addon p,
 .input-group-addon-list p{
  border-left:#ccc solid 1px;
  float: left;
  padding: 10px 6px;
  margin: 0;
 }
 .input-group-addon p:first-child,
 .input-group-addon-list p:first-child{
  border-left:0px;
 }
 .onlineMf .tableListGroup .fxWidth-sm-list{
  max-width: 100px;
 }
.ml-right{
  right:285px !important;
}
.input-group-addon p{
  width:200px!important;
}
.pop-ptable-footer {
  margin-top: -33px;
  float: right;
  margin-right: 378px;
  position: relative;
}
.pops-ptable-footer {
  margin-top: -83px;
  float: right;
  margin-right: 378px;
  position: relative;
}
.list-table .list-group-item span:first-child{
  width: 70%;
  /* align-items: center;
  text-overflow: ellipsis;
  max-width: 38ch;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden; */
}
.list-table .list-group-item span:nth-of-type(2){
  width: 40%;
}
.list-group .list-group-item ul li{
  justify-content: initial;
  align-items: center;
  display: flex;
}
.mat-option{
  white-space: break-spaces!important;
}
.mat-autocomplete-panel .option-inner span{
      /* max-width: 100%; */
      display: inline-block;
      /* overflow: hidden; 
      /* text-overflow: ellipsis;*/
      line-height: normal;
}
.mat-autocomplete-panel .mat-option .option-inner span{
  /* margin-top: 19px; */
}
body .zclass .ui-dialog{
  z-index: 9999 !important;
  }
  .font-primary{
    color: rgb(53 53 53 / 87%);
      }
      .font-secondary{
        color: #9a9a9a;
          }
      .f-16{
        font-size: 16px !important;
      }
      f-14{
        font-size: 14px !important;
      }
      .testClass{
        margin-left: 15px !important;
        }
        .mat-select-panel.testClass{
          margin-top: 26px !important;
          margin-bottom: 26px !important;
        }
        .nav-item.nav-link.show.first{
          width: 35% !important;
          padding: 10px 5px 5px 15px;
          cursor: pointer;
        }
        .nav-item.nav-link.second{
          width: 65% !important;
          padding: 10px 5px 5px 15px !important;
          color: #868686 !important;
          cursor: pointer;
        }
        .nav-item.nav-link.second span{
          color: #868686 !important;
        }
        .evt_tabs nav .nav-tabs .nav-link.active{
          color: #fff !important;
        }
        .evt_tabs nav .nav-tabs .nav-link.active span{
          color: #fff !important;
        }
        .evt_tabs nav .nav-tabs .nav-link span{
          color: #868686 !important;
          font-size: 14px !important;
        }
        body .contentnew .ui-tabview .ui-tabview-panels .ui-tabview-panel{
          height: calc(100vh - 207px) !important;
        }
        .event-list-outer-list{
          max-height: calc(100vh - 138px) !important;
        }
        body .contentnew .ui-tabview .ui-tabview-panels{
          padding: 0px !important;
          border: none !important;
        }
        .event-list-outer-list .list-group-item{
          margin-top: 10px;
          border-bottom: 1px solid #f1f1f1 !important;
          margin-right: 10px;
        }
        .contentnew .ui-tabview{
          padding: 0px !important;
        }
        .contentnew .events{
        
        }
        body .contentnew .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active{
          background-color: #fff !important;
          border: none !important;
        }
        body .contentnew .ui-tabview.ui-tabview-top .ui-tabview-nav li{
          width: 49%;
          border: none !important;
        }
        body .contentnew .ui-tabview.ui-tabview-top .ui-tabview-nav li a{
          width: 100%;
          color: #181c32 !important;
          text-align: center;
          cursor: pointer;
        }
        .event-list-outer .list-inner span{
          font-size: 14px !important;
          cursor: pointer;
        }
        .evt_tabs nav .nav-tabs .nav-link.active{
          background: #1bc5bd !important;
        }
        .evt_tabs nav .nav-tabs .nav-link span{
          color: #fff;
          font-weight: 700;
          font-size: 14px;
        }
       .c-pointer{
         cursor: pointer !important;
         font-size: 14px !important;
       }
       .margin-table{
         margin-bottom: 20px !important;
       }
       body .ui-table .ui-table-thead > tr > th{
       
       }
       .backgroundContainer outspaceContainer{
         background-color: #fff !important;
       }
       .a-items-c{
         align-items: center !important;
       }
       .mat-select-panel.testClass-big{
        margin-top: 38px !important;
        margin-bottom: 38px !important;
        min-width: calc(100% + 22px) !important;
        margin-left: 30px !important;
        }
        .select-debt-height .ng-dropdown-panel.ng-select-bottom{
          top: 34px !important;
        }


/* .legend div{
  display: contents !important;
} */


.select-autocomplete.form-control{
 border-radius: 0PX !important;
}

.chart-outer>div{
  display: contents !important;
}
.bull-new .mat-form-field-appearance-fill .mat-form-field-flex{
  padding: 0px !important;
  background-color: #fff !important;
  border: 1px solid #E4E6EF;
}
.bull-new .mat-form-field-appearance-fill .mat-form-field-wrapper{
  padding-bottom: 0px !important;
}
.bull-new .mat-form-field-appearance-fill .mat-form-field-underline::before{
  background-color: rgb(0 0 0 / 0%) !important;
}
.bull-new .mat-form-field-appearance-fill .mat-select-arrow-wrapper{
  padding-top: 25px;
  padding-right: 5px;
}
.bull-new .mat-select-value{
  line-height: 30px;
}
.fixed-page-head{
  position: fixed;
  width: 100%;
  z-index: 9;
  height: 40px;
  align-items: center;
  background-color: #ffffff !important;
  padding-right: 15px !important;
    padding-left: 15px !important;
}
.fixed-page-head h4{
padding-top: 10px;
}
.fixed-content-layout{
  margin-top: 40px;
}
.header .sidebar-toggle {
background: #ffffff;
height: 54px !important;
width: 54px !important;
margin: 0px !important;
}
.header .sidebar-toggle:hover{
background-color: rgba(27,197,189,.08)!important;
border-radius: 0px;
}
@keyframes move_wave {
  0% {
      transform: translateX(0) translateZ(0) scaleY(1)
  }
  50% {
      transform: translateX(-25%) translateZ(0) scaleY(0.55)
  }
  100% {
      transform: translateX(-50%) translateZ(0) scaleY(1)
  }
}
.waveWrapper {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}
.waveWrapperInner {
  position: absolute;
  width: 100%;
  overflow: hidden;
  height: 100%;
  bottom: -1px;
  background-color: #d7d9e1;
}
.bgTop {
  z-index: 15;
  opacity: 0.5;
}
.bgMiddle {
  z-index: 10;
  opacity: 0.75;
}
.bgBottom {
  z-index: 5;
}
.wave {
  position: absolute;
  left: 0;
  width: 200%;
  height: 100%;
  background-repeat: repeat no-repeat;
  background-position: 0 bottom;
  transform-origin: center bottom;
}
.waveTop {
  background-size: 50% 100px;
}
.waveAnimation .waveTop {
animation: move-wave 3s;
 -webkit-animation: move-wave 3s;
 -webkit-animation-delay: 1s;
 animation-delay: 1s;
}
.waveMiddle {
  background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
  animation: move_wave 10s linear infinite;
}
.waveBottom {
  background-size: 50% 100px;
}
.waveAnimation .waveBottom {
  animation: move_wave 15s linear infinite;
}

.login-bg-triangle{
  background-color: #ffffff;
  background-attachment: fixed;
  background-size: cover;
}
.box-shadow-l-r{
  -webkit-box-shadow: -1px 2px 34px -20px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 2px 34px -20px rgba(0,0,0,0.75);
box-shadow: -1px 2px 34px -20px rgba(0,0,0,0.75);
}


.waves {
  position:relative;
  width: 100%;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}


/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}

.login-aside.arrow-left:after {
  content: " ";
  position: absolute;
  right: 0px;
  top: 45%;
  border-top: 15px solid transparent;
  border-right: 15px solid white;
  border-left: none;
  border-bottom: 15px solid transparent;
}
.icon-mapping{
  background-image: url("/assets/images/master-icons/mapping.svg");
  width: 20px;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.icon-bank{
  background-image: url("/assets/images/master-icons/bank.svg");
  width: 20px;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.icon-client-account{
  background-image: url("/assets/images/master-icons/client-account.svg");
  width: 20px;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}

.icon-contact{
  background-image: url("/assets/images/master-icons/contact.svg");
  width: 20px;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.icon-Contact1{
  background-image: url("/assets/images/master-icons/Contact1.svg");
  width: 20px;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.icon-doc{
  background-image: url("/assets/images/master-icons/doc.svg");
  width: 20px;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.icon-other{
  background-image: url("/assets/images/master-icons/other.svg");
  width: 20px;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.icon-exception{
  background-image: url("/assets/images/master-icons/exception.svg");
  width: 20px;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.icon-ticket{
  background-image: url("/assets/images/master-icons/Ticket.svg");
  width: 30px !important;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.icon-req-typ{
  background-image: url("/assets/images/master-icons/Sending-mail.svg");
  width: 30px !important;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.icon-req-s-typ{
  background-image: url("/assets/images/master-icons/Snoozed-mail.svg");
  width: 30px !important;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.icon-category{
  background-image: url("/assets/images/master-icons/category.svg");
  width: 30px !important;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.icon-status{
  background-image: url("/assets/images/master-icons/status.svg");
  width: 30px !important;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.icon-targ-date{
  background-image: url("/assets/images/master-icons/target.svg");
  width: 20px !important;
  margin-right: 5px !important;
  height: 30px;
  background-repeat: no-repeat;
}
.icon-tat{
  background-image: url("/assets/images/master-icons/tat.svg");
  width: 30px !important;
  margin-right: 5px !important;
  height: 30px;
  background-repeat: no-repeat;
}
.icon-service-req-type{
  background-image: url("/assets/images/master-icons/service-rew-type.svg");
  width: 20px !important;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.icon-service-req-s-type{
  background-image: url("/assets/images/master-icons/service-reg-s-type.svg");
  width: 20px !important;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.icon-portfolio{
  background-image: url("/assets/images/master-icons/portfolio.svg");
  width: 20px !important;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.icon-client{
  background-image: url("/assets/images/master-icons/client.svg");
  width: 20px !important;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.icon-family{
  background-image: url("/assets/images/master-icons/family.svg");
  width: 20px !important;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.icon-priority{
  background-image: url("/assets/images/master-icons/priority.svg");
  width: 20px !important;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.icon-remarks{
  background-image: url("/assets/images/master-icons/remarks.svg");
  width: 20px !important;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.icon-assign{
  background-image: url("/assets/images/master-icons/assign.svg");
  width: 20px !important;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.icon-raise{
  background-image: url("/assets/images/master-icons/raise.svg");
  width: 20px !important;
  margin-right: 5px !important;
  height: 20px;
  background-repeat: no-repeat;
}
.vertical .ng-select-container{
  overflow: visible !important;
  background-color: transparent !important;
  
  }
  .vertical .ng-select-container:hover .ng-select span.ng-arrow-wrapper:before {
    content: "\f107";
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-size: inherit;
    text-rendering: auto;
    font-weight: 600; 
    margin-top: 4px;
  }
  .vertical .ng-select-container .ng-value-container{
    flex-wrap: nowrap !important;
    border: 1px solid #fafbfd  !important;
  }
  .vertical .ng-select-container{
    border: 1px solid #fafbfd  !important;
    box-shadow: none !important;
  }
  .border-white{
    border: 1px solid #fafbfd  !important;
  }
  .vertical .ng-select.ng-select-opened>.ng-select-container{
    box-shadow: none !important;
  }

  .firstlettershow{
    display:block !important;
    visibility:hidden !important;
    text-transform: uppercase;
}
.firstlettershow:first-letter {
  visibility:visible !important;
}
body .master-table-new .dashboard-popup .ui-table .ui-table-scrollable-body{
 max-height: calc(100vh - 210px) !important;
}
.mat-tooltip {
    height: auto !important;
    padding: 10px !important;
    opacity: 10;
    font-size: 13px !important;
    text-align: center !important;
    border: 4px solid #fff !important;
    background: #fff !important;  
    border-radius: 5px;
    pointer-events: none;
    bottom: 100px !important;
    -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);
    transform: translate3d(70px, 170px, 0px);
    top: 0px;
    left: 0px;
    will-change: transform;
    max-width: 200px !important;
    padding: 0.5rem .75rem !important;
    color: #3F4254 !important;
    text-align: center;
    background-color: #ffffff !important;
    border-radius: 5px !important;
    z-index: 1070;
    display: block;
    margin: 0;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    word-wrap: break-word;
}
.login-page .tooltiptext{
  width: 370px !important;
  top: 30px !important;
  left: -340PX;
}
.login-page .tooltiptext .list-group{
  box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%) !important;
  background: #fff !important;
  padding-bottom: 10px;
  padding-top: 15px;
}
.login-page .tooltiptext .list-group-item{
 border: 1px solid #fff !important;
 padding-bottom: 15px !important;
}
.background {
  animation:slide 3s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #46e4e3  50%, #0dc0e3  50%);
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  bottom:0;
  left:-50%;
  opacity:.5;
  position:fixed;
  right:-50%;
  top:0;
  transition-timing-function: cubic-bezier(0.1,0.7,0.5,0.3);
  z-index:-1;
}

.back1 {
  transition-timing-function: cubic-bezier(0.1,0.7,0.5,0.3);
  animation-direction:alternate-reverse;
  animation-duration:10s;
}

.back2 {
   transition-timing-function: cubic-bezier(0.1,0.7,0.5,0.3);
   animation-duration:9s;
 }
 @keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
 transform:translateX(25%);
  }
}
.bull-new .mat-form-field-appearance-fill .mat-form-field-flex{
  padding: 0px !important;
  background-color: #fff !important;
  border: 1px solid #E4E6EF;
}
.bull-new .mat-form-field-appearance-fill .mat-form-field-wrapper{
  padding-bottom: 0px !important;
}
.bull-new .mat-form-field-appearance-fill .mat-form-field-underline::before{
  background-color: rgb(0 0 0 / 0%) !important;
}
.bull-new .mat-form-field-appearance-fill .mat-select-arrow-wrapper{
  padding-top: 25px;
  padding-right: 5px;
}
.bull-new .mat-select-value{
  line-height: 30px;
}
.first.img-responive{
  width: 60px;
}
.reportField .float-label{
  color: rgba(0, 0, 0, 0.5) !important;
}
body .master-table-new.report-table .ui-table .ui-table-scrollable-body{
  height: calc(100vh - 240px) !important;
    max-height: initial !important;
}
body .master-table-new.report-table .ptable-footer{
  margin-top: -38px !important;
}
body .master-table-new.report-table .ui-table .ui-table-scrollable-header thead>tr>th{
  padding-left: 3px !important;
}
body .master-table-new.report-table .ui-table-thead>tr>th{
  color: #5c676d !important;
}
.reportField .chipsAutocomplete .mat-chip-list .mat-chip-list-wrapper{
margin-top: 37px !important;
}
body .master-table-new.report-table  p-table{
  height: calc(100vh - 120px) !important;
}
.card-new {
  background: #fdfdfd;
  border-radius: 4px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1em;
  overflow: hidden;
}

@media only screen and (min-width: 1000px) {
  .card-new {
    flex-direction: row-reverse;
  }
  .card-new img.birthday {
    width: 100%;
    max-width: 50vw;
    max-height: unset;
  }
}

@media only screen and (max-height: 640px) {
  .card-new img.birthday {
    width: 100%;
    max-width: 50vw;
    max-height: unset;
  }
}

img.birthday {
  max-height: 40vh;
}

.text {
  padding: 1em;
}

.muted {
  opacity: 0.8;
}

.space {
  height: 100px;
}
.makeItMiddle{
  transform: translate(-50%, -50%);
}

.alerts-Popup .mat-dialog-container{
  padding: 0px !important;
}

  .bull-new .new-custom .nav-link.active .symbol-label{ 
    background-color: #1bc5bd !important;
    color: #fff !important;
  }
  .bull-new .new-custom .nav-link.active   .svg-icon svg g [fill]{
    fill: #1bc5bd !important;
  }
  .bull-new .new-custom .mark{
    background-color: #f3f6f9;
    border-radius: 5px !important;
  }
  .bull-new .new-custom   .mark.mat-radio-checked{
    background-color: #bbeeeb !important;
    border: #80d2cd solid 1px !important;
    border-radius: 5px !important;
  }
 .client-set  .mat-radio-label{
   display: flex;
 }
 .class-display .mat-radio-label{
   display: flex;
 }
 body .master-table-new .no-scroll-table .ui-table-scrollable-header-box{
  margin-right: 0px !important;
}
.table th{
color: #5c676d !important;
text-transform: uppercase;
border-top: none !important;
font-size: 14px !important;
}
.table td{
color: #446678 !important;
border-top: none !important;
}

.red-popover .popover-content{
  background: #f8c7cd;
  padding: 10px;
  color: #f16170;
}


.masonry {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow:  wrap;
  width: 100%;
  height: auto;
}
.masonry-item {
  box-sizing: border-box;
  padding: 10px;
  height: 70px;
}
.masonry-item__content {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  min-height: 100px;
  font-size: 14px;
  color: #070319;
  box-sizing: border-box;
  color: #18314F;
}

@media screen and (min-width: 400px) {
  .masonry {
    height: 1600px;
  }
}
@media screen and (min-width: 600px) {
  .masonry {
    height: 00px;
  }
}
@media screen and (min-width: 800px) {
  .masonry {
    height: 300px;
  }
}
@media screen and (min-width: 1100px) {
  .masonry {
    height: 160px;
  }
}

.mat-autocomplete-panel.mat-autocomplete-visible{
  box-shadow: 0px 0px 50px 0px rgb(82 63 105 / 15%) !important;
}
.custom-matchip .mat-chip-list{
 width: 100%;
}

div.new:nth-child(3){
  min-height: 348px !important;
}
.card-shadow {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  margin: 1rem;
  position: relative;
  width: 300px;
}
.card-shadow-widget {
  box-shadow: 1px 88px 75px -24px rgb(0 0 0 / 15%) !important;
  -webkit-box-shadow: 1px 88px 75px -24px rgb(0 0 0 / 15%) !important;
  -moz-box-shadow: 1px 88px 75px -24px rgb(0 0 0 / 15%) !important;
  transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important;
}
.card-shadow-widget:hover {
  box-shadow: 0 14px 28px rgb(255 255 255 / 0%), 0 10px 10px rgb(0 0 0 / 8%) !important;
}
.light-shadow{
  box-shadow: 0 14px 28px rgb(255 255 255 / 0%), 0 10px 10px rgb(0 0 0 / 8%) !important;
}
.bg-light-grey{
   background-color: #F5F5F5 !important;
}
.custom-mat   .mat-tab-header .mat-tab-label:active{
  background: #39A5FF !important;
}
.custom-mat  .mat-tab-body-wrapper{
  background-color: #FFF !important;
}
.button-shadow {
  width: auto;
  height: 40px;
  font-size: 11px;
  color: #000;
  background-color: #fff;
  border: none;
  border-radius: 45px !important;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
  padding-left: 15px;
  padding-right: 15px;
  }

.button-shadow:hover {
  background-color: #1BC5BD;
  -webkit-box-shadow: 0px 9px 16px 0px rgb(24 28 50 / 25%) !important;
  box-shadow: 0px 9px 16px 0px rgb(24 28 50 / 25%) !important;
  color: #fff;
  transform: translateY(-7px);
}
.button-shadow.selected{
  background-color: #1BC5BD;
  color: #fff;
}
.button-shadow:active {
  background-color: #1BC5BD;
  -webkit-box-shadow: 0px 9px 16px 0px rgb(24 28 50 / 25%) !important;
  box-shadow: 0px 9px 16px 0px rgb(24 28 50 / 25%) !important;
  color: #fff;
  transform: translateY(-7px);
}
.light-blue-bg{
  background-color: #E9F5FF !important;
}
.mat-button[disabled][disabled]{
  cursor: not-allowed !important; 
}
.bull-new .mat-form-field-wrapper{
border: none !important;
}.mat-datepicker-content{
  box-shadow: 1px 88px 75px -24px rgb(0 0 0 / 21%) !important;
}
.mat-calendar-body-selected{
  background-color: #1bc5bd !important;
  color: #fff !important;
  font-weight: bold !important;
}
.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected){
  border-color: rgb(225 226 227) !important;
  background-color: #bfefec !important;
    color: #625a5a !important;
}
.mat-dialog-container{
  border-radius: 15px;
}




.gobal-filter .form-control:focus{
box-shadow: none !important;
}
.custom-ng-button.ng-select{
background-color: #e9f5ff !important;
}
.custom-ng-button{
  box-shadow: 1px 88px 75px -24px rgb(0 0 0 / 21%) !important;
}
.custom-ng-button.ng-select .ng-select-container{
  padding: 0px !important;
  border: none !important;
}
.custom-ng-button.ng-select .ng-arrow-wrapper{
  background-color: #081455 !important;
  border-radius: 20px;
  height: 25px !important;
  width: 25px !important;
  color: #fff;
  margin-left: 35px;
}
.custom-ng-button.ng-select .ng-select-container .ng-value-container .ng-value{
  text-overflow: ellipsis;
}
.custom-ng-button.ng-select .ng-select-container .ng-value-container .ng-value .ng-value-label{
  font-weight: bold;
}
.custom-ng-button.ng-select .ng-select-container .ng-value-container{
  margin-right: -25PX;
  z-index: 99;
}
.custom-ng-button  .ng-option{
  padding: 15px !important;
  line-height: 15px !important;
}
.custom-ng-button.ng-select .ng-clear-wrapper{
  background-color: #081455 !important;
  border-radius: 20px;
  height: 25px !important;
  width: 25px !important;
  color: #fff;
  content: "\f107" !important;
}
.custom-ng-button.ng-select .ng-clear-wrapper:before{
  content: "\f107";
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-size: inherit;
    text-rendering: auto;
    font-weight: 600;
    margin-top: 4px;
}
.custom-ng-button.ng-select .ng-select-container .ng-value-container .ng-value{
  color: rgb(2 92 9) !important;
  font-size: 1.25rem !important
}
.custom-ng-button.ng-select .ng-placeholder{
display: none !important;
}
.mat-tab-label{
  justify-content: left !important;
}
.text-success-dark{
  color: #0558ad !important;
}
.text-primary-dark{
  color: #027c77 !important;
}
.text-theme{
  color: #333333 !important;

}
.cursor-move{
  cursor: move;
}
.dashbaord-scroll-panel .ui-scrollpanel{
  overflow: hidden;
}
.dashbaord-scroll-panel .ui-scrollpanel-bar {
  overflow: hidden;
}
.dashbaord-scroll-panel .ui-scrollpanel-content{
  overflow: hidden;
}
.dashbaord-scroll-panel .ui-scrollpanel:hover{
  overflow: hidden;
}
.column {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#left {
  flex-shrink: 0;
  background-color: white;
}
#right {
  background-color: #f3f3f3;
}
.top-left {
  flex-shrink: 0;
  background-color: #f8f8f8;
  color: white;
  padding: 20px;
  border-bottom: 1px solid #e7e7e7;
}
.top-right {
  display: inline-flex;
  flex-shrink: 0;
  border-bottom: 1px solid #e7e7e7;
  color: white;
  padding: 0px 20px 0px 20px;
  position: fixed;
  margin-top: 15px;
  z-index: 999;
  width: 100%;
  padding-right: 102px !important;
}
.top-right-first {
  display: inline-flex;
  flex-shrink: 0;
  height: 45px;
  background-color: rgb(249 249 249);
  border-bottom: 1px solid #e7e7e7;
  color: white;
  position: fixed;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 5px 20px 5px 20px;
}
.bottom {
  flex-grow: 1;
  overflow-y: auto;
  padding: 20px;
  height: calc(100vh - 104px);
}
.bottom-main{
  margin-top: 45px;
}
.bottom-outer{
  height: calc(100vh - 57px);
}
.bottom-left{

  margin-top: 45px;
}
.bottom::-webkit-scrollbar {
  display: none !important;
}
.chart-head-align{
  padding: 10px 10px 10px 10px !important;
  margin-left: 5px !important;
  padding-right: 110px !important;
}
.chart-head{
  position: fixed;
  table-layout: fixed;
  padding: 10px 10px 10px 25px;
  z-index: 9999;
  width: -webkit-fill-available;
  background-color: #eaecf4 !important;
}
.chart-content{
  margin-top: 85px;
  padding: 15px;
}
.bottom::-webkit-scrollbar-thumb {
  display: none !important;
}
/* Optional: show position indicator in red */
.bottom::-webkit-scrollbar-thumb {
  display: none !important;
}
.bottom::-webkit-scrollbar-track-piece {
  display: none !important;
}
.bottom::-webkit-scrollbar-track {
  display: none !important;
}
.bottom ul{
  display: inline-flex;
  list-style: none;
  margin: 0;
}
/* .bottom li{
  margin-right: 20px;
} */
.drop-shadow-left{
  -webkit-box-shadow: -7px 0px 58px -23px rgba(0,0,0,0.45) !important;
  -moz-box-shadow: -7px 0px 58px -23px rgba(0,0,0,0.45) !important;
  box-shadow: -7px 0px 58px -23px rgba(0,0,0,0.45) !important;
}
.offcanvas-1{
  width: 500px !important
}

.p-view .mat-drawer-backdrop.mat-drawer-shown{
  background-color: #ffffff00 !important;
}
.p-view .mat-tab-label{
  justify-content: center !important;
}
.p-view .ui-table thead>tr>th{
  background-color: #e4e6ef !important;
}
.p-view i{
  color: #C8C8C8;
}

body  .table-orders  .ui-table .ui-table-scrollable-body{
  max-height: calc(100vh - 270px) !important;
}
body  .table-two  .ui-table .ui-table-scrollable-body{
  max-height: calc(100vh - 255px) !important;
}


.swiper {
  height: 500px;
  width: 700px;
}

.content-item {
  box-shadow: 0px 8px 11px 0px rgb(42 37 37 / 15%);
  transition: 0.4s;
}

.content-item:hover {
  transform: translate(0, -3px);
  box-shadow: 0px 8px 13px 0px rgb(42 37 37 / 25%);
}
.bull-new .btn.btn-clean i{
  color: #C8C8C8 !important;
    font-size: 20px !important;
}
.table td{
  color: #446678 !important;
}
.bull-new .text-dark-75{
  color: #000000 !important;
    font-weight: normal;
}
.table th{
  font-size: 14px !important;
}
.bull-new .btn.btn-outline-primary.dropdown-toggle:after{
  color: #6e6e6e;
    font-size: 14px;
    top: 12px;
}
.btn-light, .blue-bg-btn{
  color: #fff !important;
  background-color: #1bc5bd !important;
  border-color: #1bc5bd !important;
  padding: 0.25rem 1rem;
  font-size: .925rem;
  line-height: 1.35;
  border-radius: 0.42rem;
}
.btn-light:hover, .blue-bg-btn:hover{
color: #fff !important;
background-color: #0dafa7 !important;
border-color: #0bb1a8 !important;
}
.btn-medium{
  color: #3f4254 !important;
  background-color: transparent;
  border-color: #e4e6ef;
  padding: 0.25rem 1rem;
  font-size: .925rem;
  line-height: 1.35;
  border-radius: 0.42rem;
}
.btn-medium:hover{
color: #f64e60;
background-color: #ffe2e5;
border-color: transparent;
}
.btn:disabled, .btn.disabled{
cursor: not-allowed  !important;
}
body .p-view .portfolio-popup-grid .ui-table .ui-table-scrollable-body{
  max-height: calc(100vh - 465px) !important;
}
.client-statement .mat-drawer-backdrop.mat-drawer-shown{
  background-color: #ffffff00 !important;
}
.mat-error-b-40{
  bottom: -40px !important;
}
.first-action{
    padding-left: 5px !important;
    padding-right: 5px !important;
    height: 25px;
    background-color: green;
}
.folio-btn{
  line-height: 25px;
}