@import "/o/northstar-react-portlet/css/common/Calendar.css";
@import "/o/northstar-react-portlet/css/common/tabs.css";

.dining-reservations-new *{
 font-family: 'Poppins', sans-serif !important;
 font-weight: 400;
}


/* Font weight */
.font-300 { font-weight: 300 !important; }

/* Font color */
.white-font { color: #fff !important; }

.vertical-center-row {
    display: table-cell;
    vertical-align: middle;
}
.positionRelative, .relative {
	position: relative;
}

.fullH, .full-height { height: 100% !important; }
.fullW, .full-width { width: 100% !important; }
.fullWH, .full-width-height { width: 100% !important; height: 100% !important;}
.pointer, .cursorPointer, .cursor-hand { cursor: pointer; }

/* Gaps ( margins ) */
.gap0 {margin: 0;}
.gap5 {margin: 5px;}
.gap10 {margin: 10px;}
.gap15 {margin: 15px;}
.gap20 {margin: 20px;}

.gap-top0, .gapT0 {margin-top:0;}
.gap-top5, .gapT5 {margin-top:5px;}
.gap-top10, .gapT10 {margin-top: 10px;}
.gap-top15, .gapT15 {margin-top: 15px;}
.gap-top20, .gapT20 {margin-top: 20px;}

.gap-right0, .gapR0 {margin-right:0;}
.gap-right5, .gapR5 {margin-right:5px;}
.gap-right10, .gapR10 {margin-right: 10px;}
.gap-right15, .gapR15 {margin-right: 15px;}
.gap-right20, .gapR20 {margin-right: 20px;}

.gap-left0, .gapL0 {margin-left:0;}
.gap-left5, .gapL5 {margin-left:5px;}
.gap-left10, .gapL10 {margin-left: 10px;}
.gap-left15, .gapL15 {margin-left: 15px;}
.gap-left20, .gapL20 {margin-left: 20px;}

.gap-bottom0, .gapB0 {margin-bottom:0;}
.gap-bottom5, .gapB5 {margin-bottom:5px;}
.gap-bottom10, .gapB10 {margin-bottom: 10px;}
.gap-bottom15, .gapB15 {margin-bottom: 15px;}
.gap-bottom20, .gapB20 {margin-bottom: 20px;}

/* Pads (padding) */

.pad0 {padding: 0 !important;}
.pad5 {padding: 5px;}
.pad10 {padding: 10px;}
.pad15 {padding: 15px;}
.pad20 {padding: 20px;}

.pad-right0, .padR0 {padding-right:0;}
.pad-right5, .padR5 {padding-right:5px;}
.pad-right10, .padR10 {padding-right: 10px;}
.pad-right15, .padR15 {padding-right: 15px;}
.pad-right20, .padR20 {padding-right: 20px;}

.pad-left0, .padL0 {padding-left:0;}
.pad-left5, .padL5 {padding-left:5px;}
.pad-left10, .padL10 {padding-left: 10px;}
.pad-left15, .padL15 {padding-left: 15px;}
.pad-left20, .padL20 {padding-left: 20px;}

.pad-leftright0, .padLR0 {padding-left:0; padding-right:0;}
.pad-leftright5, .padLR5 {padding-left:5px; padding-right:5px;}
.pad-leftright10, .padLR10 {padding-left:10px; padding-right:10px;}
.pad-leftright15, .padLR15 {padding-left:15px; padding-right:15px;}
.pad-leftright20, .padLR20 {padding-left:20px; padding-right:20px;}

.pad-bottom0, .padB0 {padding-bottom:0;}
.pad-bottom5, .padB5 {padding-bottom:5px;}
.pad-bottom10, .padB10 {padding-bottom: 10px;}
.pad-bottom15, .padB15 {padding-bottom: 15px;}
.pad-bottom20, .padB20 {padding-bottom: 20px;}

.pad-top0, .padT0 {padding-top:0;}
.pad-top5, .padT5 {padding-top:5px;}
.pad-top10, .padT10 {padding-top: 10px;}
.pad-top15, .padT15 {padding-top: 15px;}
.pad-top20, .padT20 {padding-top: 20px;}

/* Borders */
.bt {border-top: 1px solid #ededed;}
.br {border-right: 1px solid #ededed;}
.bb {border-bottom: 1px solid #ededed;}
.bl {border-left: 1px solid #ededed;}

.font-lg { font-size:1.8em;}
.font-md { font-size:1.6em;}
.font-sm { font-size:1.4em;}
.font-xs { font-size:1.2em;}


/* Common CSS */
.vertical-align-middle, .verticalAlignMiddle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
}
.hide, .Hide, .hidden, .Hidden { display:none; }
.clear, .Clear { clear:both;}
.center { text-align: center; }
.right { text-align:right;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
.font0 {font-size: 0px;}
.fontReset { font-size: 10px; }
a, button, input[submit] {
	-webkit-transition: all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.mandatory { color:#ED1C24; }
.height100 { height:100%; }
*:focus {  outline: none; }

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.m-0{
 margin: 0px !important;
}

.w-80{
 width: 80% !important;
}
.inp-com-width{
 width: 250px;
}
.input-b-n > div > input{
 border: none !important;
}
select, textarea, input[type=text]:not(.input-group-inset-after), input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {
border: none !important;
}


.text-capital {
 text-transform: capitalize !important;
}

.loader {
 height: 100vh;
 width: 100vw;
}


.ns-form-label{
   font-size: 1.2rem;
   line-height: .5;
   font-weight: 500;
   color: #282f53;
   text-transform: capitalize;
 }

.css-border-none{
  border: none !important;
}
.cmn-b-radius{
   border-radius: 7;
}
.flx-1{
  flex: 1 !important;
}


.embla {
  overflow: hidden;
}
.embla__container {
  display: flex;
}
.embla__slide {
  flex: 0 0 13%;
  min-width: 0;
}

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

input[type="number"]:not(.form-control){
  border:  none !important;
}

.no-border {
  border: 0px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-left-right-20 {
  margin: 0px 20px 0px 20px;
}

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

.float-right-button {
  width: 98%;
  margin-top: 20px;
  float: right;
}

.float-left-button {
  width: 98%;
  margin-top: 20px;
  float: left;
}

.btn-success {
  color: #FFFFFF;
  background: #13BFA6;
  border-color: #13BFA6 !important;
}

.btn-success:hover {
  color: #fff;
  background-color: #13bfa6;
  border-color: #13bfa6 !important;
  opacity: 0.7;
}

.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd !important;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca !important;
}

.btn-info {
  color: #112f66;
  background: #d0e2f7;
  border-color: #d0e2f7 !important;
}

.btn-outline {
  color: #da1414;
  border: 1px solid #da1414 !important;
}

.btn-info:hover {
  color: #fff;
  background-color: #1170e4;
  border-color: #1170e4 !important;
  opacity: 0.7;
}

.btn-info:focus {
  background: #d0e2f7;
  border-color: #d0e2f7 !important;
}

.avatar-background {
  background: #6574cd;
  color: #fff;
  width: 36px;
  height: 36px;
  font-size: 0.85rem;
}

.guest-list-avatar {
  display: inline-block;
}
.guest-list-avatar .avatar-background {
  background: #6574cd;
  color: #fff;
  width: 30px;
  height: 30px;
  font-size: 0.85rem;
}
.guest-list-avatar .MuiAvatarGroup-avatar {
  background: #6574cd;
  color: #fff;
  width: 35px;
  height: 35px;
  font-size: 0.85rem;
}

.padding-10 {
  padding : 10px;
}

.wrap-icon-with-text {
  vertical-align: middle;
  display: inline-flex;
  line-height: 1.2;
}

textarea.custom-text-area {
  width: 100% !important;
  display: block;
  padding: 0.475rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4d5875;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e9edf4;
  border-radius: 7px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.full-width {
  width: 100%;
}

div.full-width > textarea {
    width: 100% !important;
}

MuiAvatar-root {
  font-size: 1rem;
}

span.MuiBadge-root.mui-clear-badge > span.MuiBadge-badge {
    color: #FFFFFF;
    background: #e82646;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    cursor: pointer;
}

span.MuiBadge-root.mui-clear-badge > span.MuiBadge-badge > svg.MuiSvgIcon-root{
    font-size: 1.0rem;
}   

.btn-outline-default {
    color: #282f53;
    background: transparent;
    background-image: none;
    border-color: #cbcbd0 !important;
}

.wrap-icon-with-text .MuiSvgIcon-root {
  margin-right: 4px 
}

/* Horizontal Scroll CSS*/

.sliding-element-container {
	border-left: 1px solid rgba(255,255,255,0.1);
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  height: 34px;
}

.sliding-element-container .sliding-element {
	height: calc( 100% + 20px );
  box-sizing: border-box;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}

.sliding-element-container .sliding-element .sliding-item {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}


/* Horizontal Scroll CSS*/