@font-face {
  font-family: "Myriad Pro";
  src: url('../fonts/MYRIADPRO-REGULAR.OTF') format('opentype');
  }

  @font-face {
    font-family: "Myriad Semi Bold";
    src: url('../fonts/MYRIADPRO-SEMIBOLD.OTF') format('opentype');
  }

  @font-face {
    font-family: "Myriad Bold";
    src: url('../fonts/MYRIADPRO-BOLD.OTF') format('opentype');
  }
  
  
  :root {
  --ion-color-ttslClr1:#0080C6;
  --ion-color-ttslClr2:#F58220;
  --ion-color-ttslClr3:#ED1C24;
  --ion-color-ttslClr4:#231F20;
  --ion-color-ttslClr5:#939598;
  --ion-color-ttslClr6:#D1D3D4;
  --ion-color-ttslClr7:#3F92CF;
  --ion-color-ttslClr8:#72A6D9;
  --ion-color-ttslClr9:#9FBFE5;
  --ion-color-ttslClr10:#F89848;
  --ion-color-ttslClr11:#FAB072;
  --ion-color-ttslClr12:#FCC08B;
  --ion-color-ttslClr13:#F15B40;
  --ion-color-ttslClr14:#F58466;
  --ion-color-ttslClr15:#F9AA8F;
  --ion-color-ttslTxtClr:white;
  }

  body{
    font-size: 1rem;
    font-family: 'Myriad Pro', 'Calibri' !important;
  }

  .navbar-custom{
    background-color: white !important;
  }
  .logo-box{
    background-color: white !important;
  }

  .width25{
    width: 25%;
  }
  .width100{
    width: 100%;
  }
  .selectiondetail_pt{
    display: flex;
    width: 100%;
    background: var(--ion-color-ttslClr1);
    justify-content: center;
    align-items: center;
    padding: 5px;
    color: var(--ion-color-ttslTxtClr);
  }

  .txtAlignRight{
    text-align: right;
  }
  .height100{
    height: 100%;
  }

  .modal-header{
  
  }

  .filterIconBtn{
    border-radius: 15px;
    padding: 5px;
    color: var(--ion-color-ttslClr1);
    border: 2px solid var(--ion-color-ttslClr1);
    background-color: var(--ion-color-ttslTxtClr);

  }
  
  .filterIconBtn:hover {
    border-radius: 15px;
    padding: 5px;
    color: var(--ion-color-ttslTxtClr);
    background: var(--ion-color-ttslClr1);
    border: 2px solid var(--ion-color-ttslClr1);
    
  }
  
  
  .filterIconBtn.disabled {
    border-radius: 15px;
    color: var(--ion-color-ttslClr4);
    background-color: var(--ion-color-ttslClr10);
    border: 2px solid var(--ion-color-ttslClr3);
    padding: 5px;
  }

  .btn{
    font-size: 0.9rem;
  }

  .btn:disabled{
    color: var(--ion-color-ttslClr4);
    border:1px solid var(--ion-color-ttslClr5);
    background-color: var(--ion-color-ttslClr5) !important;
  }

  .btn-secondary{
    color: var(--ion-color-ttslClr1) !important;
    border:1px solid var(--ion-color-ttslClr1) !important;
    background-color: var(--ion-color-ttslTxtClr) !important;
  }

  .btn-secondary:hover{
    color: var( --ion-color-ttslTxtClr) !important;
    border:1px solid var(--ion-color-ttslClr10) !important;
    background-color: var(--ion-color-ttslClr1) !important;
    border-color: var(--ion-color-ttslClr1) !important;
  }

  .btn-info{
    
    color: var(--ion-color-ttslClr4);
    border:1px solid var(--ion-color-ttslClr10);
    background-color: var(--ion-color-ttslClr10) !important;
    border-color: var(--ion-color-ttslClr10) !important;
  }

  .btn-info:hover{
    color: var(--ion-color-ttslClr4);
    border:1px solid var(--ion-color-ttslClr13);
    background-color: var(--ion-color-ttslTxtClr) !important;

  }

  .btn-dark{
    
    color: var(--ion-color-ttslClr4);
    border:1px solid var(--ion-color-ttslClr10);
    background-color: var(--ion-color-ttslClr10) !important;
    border-color: var(--ion-color-ttslClr10) !important;
  }

  .btn-dark:hover{
    
    color: var(--ion-color-ttslClr4);
    border:1px solid var(--ion-color-ttslClr13);
    background-color: var(--ion-color-ttslTxtClr) !important;

  }
  .btn-link{
    color: var(--ion-color-ttslClr4);
    text-decoration: none; 
    color: var(--ion-color-ttslClr1);
  
  }

  .btn-link:hover{
    
    
    color: var( --ion-color-ttslTxtClr);
    border:1px solid var(--ion-color-ttslClr10);
    background-color: var(--ion-color-ttslClr1) !important;
    border-color: var(--ion-color-ttslClr1) !important;
  
  }

  .btn-primary{
    
    color: var(--ion-color-ttslTxtClr);
    border:1px solid var(--ion-color-ttslClr13);
    background-color: var(--ion-color-ttslClr13) !important;
   
  }

  .btn-primary:hover{

    color: var(--ion-color-ttslClr13);
    border:1px solid var(--ion-color-ttslClr13);
    background-color: var(--ion-color-ttslTxtClr) !important;

  }
 

.page-item.active .page-link {
    background-color: var(--ion-color-ttslClr1) !important;
    border-color: var(--ion-color-ttslClr1) !important;
  
  }

  .ttsl_badge{
    color: var(--ion-color-ttslClr13) !important;
   
  }

  .form-check-input:checked{

    background-color: var(--ion-color-ttslClr13) !important;
    border-color: var(--ion-color-ttslClr13) !important;
  }
  .form-check-input{
    width: 23px !important;
    height: 23px !important;
  }
  .navbar-custom .button-menu-mobile{
    color: var(--ion-color-ttslClr4) !important;
  }

  .navbar-custom .topnav-menu .nav-link{
    color:var(--ion-color-ttslClr4) !important;
  }


    body {
       
        padding-bottom: 0px !important;
    }