/* General Style */
@font-face{
	font-family: Matisse ITC;
	src: url(../font/Matisse_ITC.ttf);
}

@font-face{
	font-family: Mistral;
	src: url(../font/Mistral.ttf);
}
body{
    font-size: 13px;
    background-color: #eee;
}
body.dark-body{
    background-color: #29475F;
}

.main-logo{
    width: 240px;
}

.inline-logo{
    height: 50px;
}

.nav-logo{
    width: 48px;
}

.full-width{
    width: 100%;
}

.company-name-1
{
    color: #e5e638;
    font-family:Matisse ITC;
    font-size: 20px;
}

.company-name-2
{
    color:#f06425;
    font-family:Mistral;
    font-size: 25px;
}
.error {
    font-weight: bold;
    color:red;
}

.display-none{
    display: none;
}

.float-right{
    float: right;
}

.float-left{
    float: left;
}

.yellow{
    color: yellow;
}

.orange{
    color: #E67E22;
}

.blue {
    color: #29475F;
}

.green
{
    color: green;
}

.red
{
    color: red;
}
.profile-icon-sm{
    width: 30px;
    height: 30px;
}

.error{
    color: red;
    font-weight: bold;
}

.condensed-form{
    margin-bottom:5px;
}

.clickable{
    cursor: pointer;
}

.hover-blue:hover{
    color:#E67E22;
}

.text-align-right{
    text-align: right;
}

.center-td{
    text-align:center;
    vertical-align:middle;
}

.thead-inverse th{
    background-color: #29475F!important;    
}

.td-inverse{
    background-color: #29475F;
    color: white;
}

[hidden] {
  display: none !important;
}

/* Main Loader */

.flex-container{
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    
    justify-content: center;
    align-items: center;
    height: 90vh;
    bottom: 0;
    color: #29475F;
}

.inner-element{
    width: 70px;
    height: 70px;
}

/* Log In */

#login-box{
    margin-top: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Main UI */

nav.navbar{
    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.2);
}

.navbar-dark{
    background-color: #161559!important;
}

.navbar-brand{
    padding-top: 0;
    padding-bottom: 0;
}

@media (min-width: 768px){
    .navbar-expand-md .navbar-nav .nav-link{
        padding-right: .75rem;
        padding-left: .75rem;
    }
}

.nav-item .nav-link span:first-child{
    margin-right: 0.125rem;
}
.navbar-nav .profile-icon-sm{
    margin-right: 0.25rem;
}

@media only screen and (max-width: 768px){
    .nav-item .nav-link span:first-child{
        margin-right: 0.25rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px){
    .nav-item-label{
        display: none;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1335px){
    .nav-item-label{
        display: inline-block;
        height: 15px;
        max-width: 48px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

#content-header, 
.content-header {
    margin-top: 10px;
    margin-bottom : 10px;
}

.container-box {
    background-color:white;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    border-left: 5px solid #29475F;
    border-radius: 0;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
}

.form-card{
    border-top: 5px solid #29475f;
}

/* Sales Entry */

.xl-responsive-table{
    overflow-x:scroll;
    margin-top: 10px;
    padding-top: 5px;
    white-space: nowrap;
}

.customer-suggestion-container, .psa-customer-suggestion-container{
    max-height: 150px;
    overflow-y: auto;
}

.remove-customer-link{
    color: red;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
}

/* Outlet Sales Tracking */

.custom-th-dark{
    background-color:#446CB3;
    text-align: center;
    color: white;
}

.custom-th-light{
    background-color:#B7DEE8;
    text-align: center;
}
.custom-td{
    background-color:#B7DEE8;
    text-align: right;
}

/* Sales Auditing */

.se-box{
    overflow-y:auto;
    overflow-x: hidden;
    height: 500px;
    margin-top:5px;
    font-size:12px;
    border: 1px solid #eee;
}

/* End of Sales Auditing */

/* Refund Details */

.refund-details-table{
    table-layout: fixed;
}

.refund-details-table td {
    word-wrap: break-word;
}
/* End of Refund Details */

/* Refund Notifs */

.unread{
    background-color: #DFD8E0;
}

/* End of Refund Notifs */


/**  Half Scrollable Table css **/
.table-scroll {
	position:relative;
	max-width:100%;
	margin:auto;
	overflow:hidden;
	/* border:1px solid #000; */
}

.table-wrap {
	width:100%;
	overflow:auto;
}

.table-scroll table {
	width:100%;
	margin:auto;
	border-collapse:separate;
	border-spacing:0;
}

.table-scroll th, .table-scroll td {
	/* padding:5px 10px; */
	/* border:1px solid #000; */
	/* background:#fff; */
	white-space:nowrap;
	vertical-align:top;
}

.table-scroll thead, .table-scroll tfoot {
	background:#f9f9f9;
}

.clone {
	position:absolute;
	top:5px;
	left:0;
	pointer-events:none;
}

.clone th, .clone td {
    visibility:hidden;
    
}

.clone td, .clone th {
	border-color:transparent
}

.clone tbody th {
	visibility:visible;
	/* color:red; */
}

.clone .fixed-side {
	border:1px solid #eee;
	background:#ffffff;
    visibility:visible;
    pointer-events:auto;
}

.clone thead, .clone tfoot{background:transparent;}

.font-weight-normal{
    font-weight: normal;
}

#ui-datepicker-div {z-index:9999 !important;} /* To appear date picker even in modals */

.trend-card:hover{
    border: 1px solid #29475F!important;
    cursor: pointer;
}

.margin-top-5px{
    margin-top: 5px;
}

.psa-view-attachment-btn:hover{
    color: #e67e22;;
}

.dim-screen
{
    position:fixed;
    padding:0;
    margin:0;

    top:0;
    left:0;

    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.7);

    z-index: 99999999;
}

@media (min-width: 768px) {
    .modal-xl {
      width: 90%;
     max-width:1200px;
    }
  }

/** Franchise Module Styling **/

.bottom-space
{
    margin-bottom: 5px;
}


/* For Small Devices */
@media (max-width: 425px) {
    .big-card-icon
    {
        font-size: 80px;
        margin-right:10px;
    }
    
    .big-card-title
    {
        font-size:22px;
    }
    
    .big-card-amount
    {
        font-size: 20px;
    }
    
    .big-card-pax
    {
        font-size: 18px;
    }
    
    #show-product-btn,#show-indi-quota-btn
    {
        display: block;
    }

    #hide-product-btn,#hide-indi-quota-btn
    {
        display: none;
    }

    .small-card-product
    {
        display:none;
    }
    
    .big-card-icon-perc
    {
        margin-right: 10px;
        font-size: 41px;
        float: left;
    }
    
    .quota-title
    {
        margin-top: 20px;
        margin-bottom:20px;
        font-size: 24px;
    }
    
    .big-card-amount-long
    {
        font-size:15px;
    }
    
    #show-indi-quota-btn
    {
        display: block;
    }

    .small-card-quota
    {
        display: none;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }
    
    .indi-quota-table
    {
        font-weight:bold;
        font-size:12px;
    }
}


/* Smallest Devices */
@media (max-width: 375px) {
    .quota-title
    {
        margin-top: 0px;
        margin-bottom:20px;
        font-size: 20px;
    }
}

/* For Medium Devices */
@media (min-width: 426px)
{
    .big-card-icon
    {
        font-size: 70px;
        margin-right:10px;
    }

    .big-card-title
    {
        font-size:20px;
    }

    .big-card-amount
    {
        font-size: 20px;
    }

    .big-card-pax
    {
        font-size: 20px;
    }

    .small-card-icon
    {
        display:none;
    }
    
    .small-card-title
    {
        font-size: 12px;
    }

    .big-card-icon-perc
    {
        margin-right: 10px;
        font-size: 55px;
        float: left;
    }

    .quota-title
    {
        margin-top: 20px;
        margin-bottom:30px;
    }

    .big-card-amount-long
    {
        font-size:15px;
    }

    .small-card-quota
    {
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }

    .indi-quota-table
    {
        font-weight:bold;
        font-size:12px;
    }

    #show-product-btn,#hide-product-btn,#show-indi-quota-btn,#hide-indi-quota-btn 
    {
        display: none;
    }
}

/* For Large Devices */
@media (min-width: 1024px) {

    .big-card-icon
    {
        font-size: 100px;
        margin-right:10px;
    }

    .big-card-title
    {
        font-size:24px;
    }

    .big-card-amount
    {
        font-size: 28px;
    }

    .big-card-pax
    {
        font-size: 24px;
    }

    .big-card-icon-perc
    {
        margin-right: 10px;
        font-size: 80px !important;
        float: left;
    }

    .quota-title
    {
        margin-top: 0px;
        margin-bottom:10px;
    }

    .big-card-amount-long
    {
        font-size:15px;
    }
   
    .small-card-icon
    {
        display:block !important;
    }

    .small-card-quota
    {
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }

    .indi-quota-table
    {
        font-weight:bold;
        font-size:12px;
    }

    #show-product-btn,#hide-product-btn,#show-indi-quota-btn,#hide-indi-quota-btn 
    {
        display: none;
    }
}

.full-screen-overlay
{
    position:fixed;
    padding:0;
    margin:0;

    top:0;
    left:0;

    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.7);
    
    z-index: 99999999;
}

#list-container-title:hover
{
    color: #29475F;
}

.psa-recap-card{
    border:1px solid #E5E5E5;
    border-radius: 5px;
    padding: 10px;
    margin: 5px;
}
.user-image{
    height: auto;
    width: 100%;
}
.btn-file {
    position: relative;
    overflow: hidden;
    width:200px;
    display:block;
    margin-top: 5px;
    margin-left: 0;
  }
  .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
  }
  .hidden{
    display: none; 
  }
  
  .word-wrap-dis-particulars{
    width: 250px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.btn-cursor-pointer {cursor:pointer}
input[type=select].form-control {cursor:pointer;}
.form-control-date:focus {
    padding-bottom: 0.19rem!important;
    padding-top: 0.19rem!important;
}
.form-invalid {
    border-color: red!important;
}
.cursor-pointer {
    cursor: pointer;
}

.btn-rounded {
    border-radius: 10em!important;
}

.btn-circle {
    border-radius: 50%!important;
    width: 2.35em;
}

.btn-light {
    background-color: #E0E0E0;
}

.btn-shadow {
    box-shadow: 0 2px 8px rgb(0 0 0 / 0.2);
}

.mb-adjust-1 {
    margin-bottom: -5px;
}

input[type=number].form-control-number::-webkit-inner-spin-button, 
input[type=number].form-control-number::-webkit-outer-spin-button {  
   opacity: 1;
}

.nav-pills .nav-link-rounded {
    border-radius: 1.5rem;
}

.input-group input[type=checkbox].form-control {
    min-width: 1rem;
    max-width: 1rem;
}

.input-group input[type=checkbox].form-control + h5 {
    margin-bottom: 0.15rem;
    margin-left: 0.5rem;
    vertical-align: middle;
}

.input-group input[type=checkbox].form-control + h6 {
    margin-bottom: 0.15rem;
    margin-left: 0.5rem;
    vertical-align: middle;
}

.input-group input[type=checkbox].form-control + label {
    margin-bottom: 0.15rem;
    margin-left: 0.5rem;
    vertical-align: middle;
}

.nav-badge-notification {
    border-radius: 25%;
    box-shadow: 0 2px 8px rgb(0 0 0 / 0.2);
    height: 1.25rem;
    margin-left: 0.25rem;
    margin-top: -1.75rem;
    padding: 0.25rem;
}

.pagination-item {
    border-radius: 50%;
    height: 2.25rem;
    margin: 0 0.25rem;
    width: 2.25rem;
}

.pagination-item.active {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
}

.width-100-px {
    width: 100px;
}