@import '~ngx-toastr/toastr';


 .subnav-icon {
    margin-left: 0.9rem;
    font-size: 1rem;
    margin-right: 0.2rem;
    text-align: center;
    width: 1.6rem;
 }


:root {
    --primary-color: #df3e31;
    --contrast-color: #343a40;
    --alpha-primary:#df3e31;
    --beta-primary:#343a40;
    --font-color: #fff;
    --modify-tooltip: green;
    --delete-tooltip: red;
    --view-tooltip: blue;

}

.label-text {
	padding-top: 8px;
}

.tb-header {
	    background: #f8e1c3;
	    text-align: center;
	    color:black;
	    font-size: 18px;
}

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

.menubg{
	background: #535353a8;
	border-radius:10px;
}
.sidebar-ecdark {
	background-color: #f20808;
    background-image: linear-gradient(180deg,#fa223a 10%,#c2070f 100%);
    background-size: cover;
}
.sidebar-text {
	color: #000000;
	height: 4.375rem;
    text-decoration: none;
	/* font-family: Nunito,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    /* font-size: 2rem; */
    /* font-weight: 800; */
    /* padding: 0.5rem 0.5rem; */
	padding: 15px 15px;
    text-align: center;
    letter-spacing: .01rem;
    font-size: 20px;
    z-index: 1;
	/* text-transform: uppercase; */
}

.header-link {
	max-height: 35px;
	margin-top: -6px;
	margin-left: 15px;
}

/* .sidebar-divider{
    border-top:1px solid #fff;
	/* border-top:1px solid rgba(255,255,255,.15); */
	/* margin: 0 1rem 1rem; */
/* } */

/* .mysidebar-divider{
    border-top:1px solid #fff;
} */

.img-profile {
	height: 2rem;
	width: 2rem;
}
.text-gray-400{
	color: var(--primary-color)!important
}
.rotate-logo{
	transform: rotate(-15deg);
}

.requirefield {
	color: red;
}
.error {
	color:red;
	font-size: 12px;
	margin-left: 10px;
	height: 7px;
}

.btwspace{
	margin-left: 5px;
}


/* Dash board CSS */
body{
    margin-top: 0 !important; 
    background:#FAFAFA;
}
.order-card {
    color: #fff;
}

.bg-c-blue {
    /* background: linear-gradient(45deg,#4099ff,#73b4ff);
     */
     background: linear-gradient(45deg,#3380d8,#195ca9);
}

.bg-c-green {
    background: linear-gradient(45deg,#2ed8b6,#59e0c5);
}

.bg-c-yellow {
    background: linear-gradient(45deg,#FFB64D,#ffcb80);
}

.bg-c-pink {
    /* background: linear-gradient(45deg,#FF5370,#ff869a);
     */
     background: linear-gradient(45deg,#6f6a6b,#474444);
}


.card {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    border: none;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.card .card-block {
    padding: 25px;
}

.order-card i {
    font-size: 26px;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}


.sidebar li .submenu{ 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	padding-left: 1rem; 
	padding-right: 1rem;
}

.sidebar .nav-link {
    font-weight: 500;
    color: var(--bs-light);
}
.sidebar .nav-link:hover {
    color: var(--bs-danger);
}

.hide {
	display: none;
}

.main-header {
    background: var(--beta-primary) !important

} 

.fas .card-title {
    color: var(--font-color)!important;
}

.card-header{
    color: var(--font-color)!important;
    background: var(--beta-primary) !important;
}

.card-header .card-dark:not(.card-outline)>.card-header {
    /* background-color: var(--contrast-color) !important; */
    background: var(--alpha-primary) !important;
    background-color: var(--alpha-primary) !important;
}

.nav-link a{
    color:var(--alpha-primary) !important;
}

.primary-link {
    color:var(--alpha-primary) !important;
}

.ngx-pagination .current{
    background-color:var(--alpha-primary) !important;
}

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

.btn-alpha {
    color:var(--font-color);
    background-color:var(--alpha-primary);
    border-color:var(--alpha-primary)
}
.btn-alpha:hover{
    color:var(--font-color);
    background-color:var(--alpha-primary);
    opacity: 0.8;
    border-color:var(--alpha-primary)
}
.btn-alpha.focus,.btn-alpha:focus{
    color:var(--font-color);
    background-color:var(--alpha-primary);
    border-color: var(--alpha-primary);
    box-shadow:0 0 0 .2rem rgba(54, 61, 144, 0.5)
}
.btn-alpha.disabled,.btn-alpha:disabled{
    color:var(--font-color);
    background-color:#5a5c69;
    border-color:#5a5c69
}
.btn-alpha:not(:disabled):not(.disabled).active,.btn-alpha:not(:disabled):not(.disabled):active,.show>.btn-alpha.dropdown-toggle{
    color:var(--font-color);
    background-color:var(--alpha-primary);;
    border-color:#3d3e47
}
.btn-alpha:not(:disabled):not(.disabled).active:focus,.btn-alpha:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{
    box-shadow:0 0 0 .2rem rgba(115,116,128,.5)
}

.btn-beta {
    color:var(--font-color);
    background-color:var(--beta-primary);
    border-color:var(--beta-primary);
    box-shadow: none
  }
  
  .btn-beta:hover {
    color:var(--font-color);
    background-color: var(--beta-primary);
    opacity: 0.8;
    border-color: var(--beta-primary)
  }
  
  .btn-alpha.focus,
  .btn-alpha:focus {
    color:var(--font-color);
    background-color: var(--beta-primary);
    border-color: var(--beta-primary);
    box-shadow: 0 0 0 0 rgba(82, 88, 93, .5)
  }
  
  .btn-beta.disabled,
  .btn-beta:disabled {
    color:var(--font-color);
    background-color:var(--beta-primary);
    border-color:var(--beta-primary)
  }
  
  .btn-beta:not(:disabled):not(.disabled).active,
  .btn-beta:not(:disabled):not(.disabled):active,
  .show>.btn-beta.dropdown-toggle {
    color:var(--font-color);
    background-color:var(--beta-primary);;
    border-color:#3d3e47
  }
  
  .btn-beta:not(:disabled):not(.disabled).active:focus,
  .btn-beta:not(:disabled):not(.disabled):active:focus,
  .show>.btn-beta.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(82, 88, 93, .5)
  }
  

  .nav-tabs {
     /* border-bottom:none !important */
     border-bottom: 1px solid #8e8b8b !important;
  }

  .nav {
    --bs-nav-link-color: var(--font-color) !important;
    --bs-nav-link-hover-color: var(--font-color) !important;
  }


  /* For date Picker */
  .ngb-dp-arrow-btn, .ngb-dp-weekday {
    color: var(--alpha-primary);
  }

  .ngb-dp-weekday {
    color: var(--alpha-primary);
  }


  .tooltip-icon {
    cursor: pointer;
    color: var(--beta-primary);
  }
  .tooltipText {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 5px;
    border-radius: 3px;
    z-index: 999;
    font-size: 12px;
    margin-left: 20px;
  }
  
  .form-control, .input-group{
    width: 60%;
  }


  @media screen and (max-width: 768px) {
    .form-control{
      width: 90%;
    }
    .input-group{
      width: 90%;
    }
    .tooltipText {
        position: absolute;
        margin: 0 ;
        text-align: center;
        /* left: 20%; */
        right: 10%;
        bottom: 15%;
        border-radius: 10px;
    }
    .tooltipText-password{
      margin-bottom: 40px;
    }
    .tooltipText-contact-list{
        margin-right: 35px;
      }
  }