:root{
	@tw-blue: #0c6cc3;
	@tw-theme-red: #FF4D55;
    --tw-theme-blue: #337ab7;
	--tw-placeholder-color: #bfbfbf;
	--tw-dull-red: #da0709;
	--tw-listable-red: #FF4D55;
}

body {
	font-family:"cambria", Georgia, Serif;
	font-family: 'Droid Serif', serif;
	font-family: 'Roboto', sans-serif;
	font-family: 'PT Sans Caption', sans-serif;
	font-size:14px;
	margin-top:50px;
	padding: 0px;
	/* background-color: #F2F2F2; */
	background-color: white;
	background-color: #fafafa;
	/* background-image: url("../img/tw-background.jpg"); */ 
}
.tw-text-strikethrough,.tw-text-strikethrough-inverse {
    text-decoration: line-through !important;
    color: #b1b1b1;
}
.searchfield{
    padding: 0px 5px !important;
    border: 1px solid #ddd;
    line-height: 30px;
    color: black;
}

h4{
	line-height: 28px;
    margin: 0px;
}

h5{
	line-height: 28px;
    margin: 0px;
}

.modal-header .close span{
    color: #fff;
    background: #d9534f;
    opacity: 1;
    padding: 1px 9px 1px 9px;
    border-radius: 25px;
}
.modal-header .close {
    margin-top: -2px;
    position: absolute;
    right: -25px;
    top: -18px;
    opacity: 1;
    padding: 10px;
}
.modal-header .tw-close-btn-inside-modal span{
    color: #fff;
    background: #d9534f;
    opacity: 1;
    padding: 8px 20px 8px 20px;
    border-radius: 40px;
}

.modal-header .tw-close-btn-inside-modal {
    margin-top: 20px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 1;
    padding: 10px;
}

.tw-close-btn-inside-modal {
    float: right;
    font-size: 29px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
	border : 0px;
	background-color: #fff;
    opacity: .2
}

@media (max-width: 767px) {
    .modal-header .close {
        margin-top: -2px;
        position: absolute;
        right: -13px;
        top: -18px;
        opacity: 1;
        padding: 10px;
    }
}

@media print {
	body * { visibility: hidden; }
	.tw-printable-section * { visibility: visible; }
/*	.tw-printable-section { position: absolute; top: 40px; left: 30px; }*/
}

.tw-test-mode{
	position: fixed;
    bottom: 2px;
    height: 50px;
    right: 10px;
}
.tw-test-mode:hover{
	position: fixed;
    bottom: 2px;
    height: 50px;
    right: 89%;
    z-index: 1000;
}

#ContentSection{
	padding:4px 4px 0px 4px;
}

#ContentSection>div{
	border: 1px solid #d8d8d8;
}

.panel-body{
	padding: 0px;
}

/*
#ContentSection .panel.panel-body:only-of-type {
    height: calc(100vh - 105px);
	overflow-y: auto;
}
*/

.tw-table-fixed-width{
	table-layout: fixed;
}

.tw-table-responsive{       /*apply on the div where table is resided (<div class="tw-table-responsive"><table></table></div>)*/
    display: block;
    overflow-x: auto;
}

.tw-table-bottom-striped>tbody>tr>td, .tw-table-bottom-striped>tbody>tr>th{
    border-bottom: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
}

.table>tbody>tr>td, .table>tbody>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: none;
}

tbody#elOrderPaymentsPoS>tr>td{
	padding: 4px 8px;
}

#elOrderSummary>tr>td, #elOrderSummary>tr>th {
    padding: 4px 8px;
}


.table-hover>tbody>tr:hover {
    background-color: #fffde0;
}

.tab-content {
    padding: 14px;
    border-radius: 3px;
    /* box-shadow: -1px 1px 1px rgba(0,0,0,0.15); */
    background: #fff;
}

.no-padding {
	padding: 0; margin: 0;
}

.no-padding-right{
	padding-right:0px;
}

.tw-word-wrap{
	white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word; 
}

.tw-pop-up-icon{
    position: relative;
    float: right;
    color: #2481dc;
    opacity: 0.5;
    cursor: pointer;
}

.tw-break-word{
    word-break: break-all;
}

.tw-y-no-margin{
	margin-top: 0px;
	margin-bottom: 0px;
}
.tw-margin-y-xs{
	margin-top: 2px;
	margin-bottom: 2px;
}
.tw-margin-y-sm{
	margin-top: 4px;
	margin-bottom: 4px;
}
.tw-margin-y-md{
	margin-top: 6px;
	margin-bottom: 6px;
}
.tw-margin-y-lg{
	margin-top: 10px;
	margin-bottom: 10px;
}
.tw-margin-y-xl{
	margin-top: 25px;
	margin-bottom: 25px;
}
.tw-x-no-margin{
	margin-left: 0px;
	margin-right: 0px;
}
.tw-margin-x-xs{
	margin-left: 2px;
	margin-right: 2px;
}
.tw-margin-x-sm{
	margin-left: 4px;
	margin-right: 4px;
}
.tw-margin-x-md{
	margin-left: 6px;
	margin-right: 6px;
}
.tw-margin-x-lg{
	margin-left: 10px !important;
	margin-right: 10px !important;
}
.tw-margin-x-xl{
	margin-left: 25px;
	margin-right: 25px;
}

.tw-margin-xs{
	margin:2px;
}

.tw-margin-sm{
	margin:4px;
}

.tw-margin-md{
	margin:6px;
}

.tw-margin-lg{
	margin:10px;
}

.tw-margin-xl{
	margin:25px;
}

@media (max-width: 480px) {
    .tw-no-padding-x-xs{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
	#elRefundComment {
		font-size: 16px !important;
	}
	#elRefundReason {
		font-size: 16px !important;
	}
}

.tw-y-no-padding{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.tw-padding-y-xs{
	padding-top: 2px !important;
	padding-bottom: 2px!important;
}
.tw-padding-y-sm{
	padding-top: 4px;
	padding-bottom: 4px;
}
.tw-padding-y-md{
	padding-top: 6px;
	padding-bottom: 6px;
}
.tw-padding-y-15{
	padding-top: 15px;
	padding-bottom: 15px;
}
.tw-padding-y-lg{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.tw-padding-y-xl{
	padding-top: 25px;
	padding-bottom: 25px;
}

.tw-x-no-padding{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.tw-padding-x-xs{
	padding-left: 2px;
	padding-right: 2px;
}
.tw-padding-x-sm{
	padding-left: 4px; 
	padding-right: 4px;
}
.tw-padding-x-md{
	padding-left: 6px;
	padding-right: 6px;
}
.tw-padding-x-lg{
	padding-left: 10px;
	padding-right: 10px;
}
.tw-padding-x-15{
	padding-left: 15px;
	padding-right: 15px;
}
.tw-padding-x-20{
	padding-left: 20px;
	padding-right: 20px;
}
.tw-padding-x-25{
	padding-left: 25px;
	padding-right: 25px;
}
.tw-padding-x-xl{
	padding-left: 25px;
	padding-right: 25px;
}

.tw-padding-xs{
	padding:2px;
}

.tw-padding-sm{
	padding:4px;
}

.tw-padding-md{
	padding:6px;
}

.tw-padding-lg{
	padding:10px;
}

.tw-padding-xl{
	padding:25px;
}

.tw-padding-default{
	padding: 10px;
}

.tw-width-10{
	width:10%;
}

.tw-width-20{
	width:20%;
}

.tw-width-30{
	width:30%;
}

.tw-width-40{
	width:40%;
}

.tw-width-50{
	width:50%;
}

.tw-width-60{
	width:60%;
}

.tw-width-70{
	width:70%;
}

.tw-width-80{
	width:80%;
}

.tw-width-90{
	width:90%;
}
.tw-full-width{
	width:100%;
}

.tw-line-height-10{
	line-height:10px
}
.tw-line-height-20{
	line-height:20px
}
.tw-line-height-25{
	line-height:25px
}
.tw-line-height-30{
	line-height:30px
}
.tw-line-height-40{
	line-height:40px
}
.tw-line-height-50{
	line-height:50px
}

.tw-page-break-after{
/*    page-break-after: always;*/
}

.tw-page-break-inside {
    page-break-inside: avoid;
}

.tw-table td{
	border: none;
}

.tw-auto-width{
	width:auto !important;
}

.tw-highlight-section:hover{
	border:1px solid #ccc;
	box-shadow:0px 0px 10px #0c6cc3;
}

.tw-central-spinner{
	position: absolute;
    top: 50%;
    left: 50%;
}

.tw-autowrap-text{
	white-space: nowrap;      
	overflow: hidden;         
	text-overflow: ellipsis;  
	display: inline-block; 
}

.tw-theme-color{
	color: var(--tw-theme-blue);
}

.tw-icon-subtext{
    font-size: 0.7em;
    position: relative;
    top: -10px;
    text-align: -webkit-center;
}

    
.tw-table-header-left-section .tw-ascending-order::after {
    color: #0c6cc3;
    content: '↓';
    position: relative;
    font-size: 19px;
    top: -7px;
    float: right;
}

.tw-table-header-left-section .tw-descending-order::after {
    color: #0c6cc3;
    content: '↑';
    position: relative;
    font-size: 19px;
    top: -7px;
    float: right;
}

.tw-inline-blocks{
    display: inline-flex;
}


.CodeMirror{
	border: 1px solid black; 
	font-size:13px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, 
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child, 
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, 
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, 
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, 
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 0px;
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, 
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child, 
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, 
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, 
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, 
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 0px;
}

@media screen and (max-width: 767px){
	.table-responsive {
		border:none;
	}
}

input[type="number"] {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
    font-size: 1.0em;
    border: 0px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: white;
	padding-bottom: 3px;
	padding-left: 4px;
	padding-right: 10px;
	outline: none;
	text-align:right;
	width: 100%;
}

select, input[type="text"], input[type="password"], input[type="email"], input[type="time"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
    font-size: 1.0em;
    border: 0px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: white;
	padding-bottom: 1px;
	padding-left: 6px;
	outline: none;
	width: 100%;
}

 input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="week"]{
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
    font-size: 1.0em;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #CCCCCC;
	background-color: white;
	padding-bottom: 3px;
	padding-left: 6px;
	outline: none;
	width: 100%;
}

.tw-square-color-input{
    width: 37px !important;
    height: 35px !important;
    border-bottom-width: 0px !important;
}

select{
	padding-left:1px;
	padding-top:3px;
}

textarea{
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
    font-size: 1.0em;
    border: 1px solid #CCCCCC;
	background-color: white;
	padding-bottom: 3px;
	padding-left: 6px;
	outline: none;
	width: 100%;
}

input[disabled],select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: auto;
    border: 0px;
    background-color: rgba(189, 186, 186, 0.15);
	padding: 5px 10px;
}

input:active{
	border-bottom: 1px solid #FF4D55;
}

input:hover{
	border-bottom: 1px solid #FF4D55;
}

input[disabled]:hover{
	border-bottom: 0px solid #FF4D55;
}

label[for] {
    cursor: pointer;
}

.tw-copy-element-icon{
	font-size: 14px;
    position: absolute;
    top: 50%;
    opacity: 0.7;
    top: 12px;
    color: #0c6cc3;
    left: 118px;
    font-weight: 600;
}

.tw-info-element + .popover{
    width:300px;
}

.tw-info-element + .popover.left{
}

.tw-info-element + .popover.right{
/*    left:395px !important;*/
}

.tw-info-element + .popover>.popover-title{
	color: #337ab7;
}

.tw-info-element + .popover>.popover-content{
    
}

.tw-info-element + .popover.top>.arrow{
    bottom:25px;
}

.tw-info-element + .popover.bottom>.arrow{
    bottom:25px;
}

.tw-info-element + .popover.left>.arrow{
    top:25px !important;
}

.tw-info-element + .popover.right>.arrow{
    top:25px !important;
}

.tw-standard-input-section input{
	width:300px;
	height:35px;
    border: 1px solid #ddd;
}

.input-group.tw-standard-input-section{
    padding-top: 5px;
}

.tw-standard-select-section select{
	width:250px;
	height:35px;
    border: 1px solid #ddd;
}

.tw-input-text-converted-tag{
    background: #838683;
    color: white;
    padding: 5px 10px;
    margin: 5px 5px 0px 0px;
}

.tw-input-text-converted-tag.added{
    background: green;
	padding-right: 15px;
}

.tw-input-text-converted-tag.added:after {
    font-size: 1.1em;
    content: '\000078';
    position: relative;
    left: 9px;
    top: 0px;
    color: white;
}

.label{
	color:#ffffff;
	cursor:pointer;
	font-size: 100%;
}

.tw-non-clickable{
	pointer-events:none;
}

.tw-flex-wrap-block{
	display: flex;
    flex-wrap: wrap;
}

.tw-content-section-sub-section{
    padding-bottom: 22px;
    border: 1px solid #ddd;
    background-color: #fbfbfb;
    margin-top: 15px;
}

.tw-content-section-sub-section-heading{
    border-bottom: 1px solid #ddd;
    padding: 5px 20px;
    margin-bottom: 10px;
    background: #eee;
}
.tw-content-section-sub-section-body{
    padding-left: 25px;
    padding-right: 25px;
}

.tw-flatten-obj-section{
	width: 300px;
	max-height: 150px;
	overflow: auto;
}

/*----------------------------------------------------- DataTable cLass overriding Start-----------------------------------------*/

.dataTables_filter label{
    display: flex;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 15px;
    font-weight: 200;
}

.dataTables_length label{
    display: flex;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 15px;
    font-weight: 200;
}
.dataTables_length label select{
    width: 60px;
    border: 1px solid #ddd;
    padding-top: 0px;
    margin: 0px 7px;
    border-radius: 1px;
}

div.dataTables_wrapper div.dataTables_info {
    padding-left: 8px;
}

.dataTables_filter{
    width: 100%;
}
.dataTables_filter input {
    border-radius: 2px;
    height: 34px;
    padding-top: 0px;
    border: 1px solid #ddd !important;
    width: 99.2%;
    margin-left: 0px !important;
}

.dataTables_length {
    float: right !important;
    padding-right: 15px;
    display: none;
}

/*-------------------------------------------------- DataTable cLass overriding End ------------------------------------------------------*/

.tw-date-width{
	width:85px !important;
}

.tw-email-id-input{
	font-size: 12px !important;
	color: dimgray;
	padding: 5px;
}

.tw-email-subjet-input{
	font-size: 12px !important;
	color: dimgray;
	padding: 5px;
}
/*


$purple: blue;

input {
  border: 0;
  text-transform: capitalize;
  position: relative;
  vertical-align: middle;

  &::before,
  &::after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
  }
}

input {
  &:hover {
    color: $purple;
  }

  &::before,
  &::after {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform-origin: center
  }

  &::before {
    border-top: 2px solid $purple;
    border-bottom: 2px solid $purple;
    transform: scale3d(0,1,1); 
  }

  &::after {
    border-left: 2px solid $purple;
    border-right: 2px solid $purple;
    transform: scale3d(1,0,1); 
  }

  &:hover::before,
  &:hover::after {
    transform: scale3d(1,1,1); 
    transition: transform 0.5s; 
  }
}
*/


select:focus{
	border-bottom: 1px solid #FF4D55;
}

select:active{
	border-bottom: 1px solid #FF4D55;
}

iframe{
	border-width: 0px;
}

dd, dt {
    line-height: 1.8;
}

.btn{
	padding: 3px 12px;
	border-radius: 0px;
}

.input-group{
	padding-top:10px
}

.input-group-addon {
    padding: 2px 10px 2px 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: left;
    background-color: #fff;
    border: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
    border-radius: 4px;
	min-width:90px;
	color:#a5a5a5;
	font-weight:500;
}

.checkbox, .radio {
    position: relative;
    display: inline;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}

/* CSS to convert checkbox into switch */

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 34px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  height: 20px;
  width: 43px;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
	position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 1px;
    bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
[onclick],[onClick]{
	cursor: pointer;
}

.tw-unstyled-list{
	list-style-type: none;
	padding-left:0px;
}

.panel-heading-pointer a {
    text-decoration: none;
}
.panel-heading-pointer a:after {
	font-family: 'Glyphicons Halflings';
    content: "\e113";
    /* float: right; */
    color: gray;
    position: relative;
    top: 3px;
    left: 5px;
}

.panel-heading-pointer a.collapsed:after {
    content: "\e114";
}

.tw-absolute-position{
	position:absolute;
}

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

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

.dropdown-menu {
	background-color: #fbfbfb;
}

.dropdown-menu .divider {
    margin: 5px 0;
}

.tw-addon-btn{
	border: 1px solid;
    background-color: whitesmoke;
}

.panel-default{
	border: none;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 51px 5px 10px 5px;
}

.tw-modal-close{
	position: absolute;
    right: -12px;
    top: -9px;
    background-color: #337ab7;
    color: white;
    opacity: 1;
    padding: 6px;
    line-height: 10px;
    border-radius: 39px;
}

@media (min-width: 768px){	
	.modal-dialog {
		width: 600px;
		margin: 51px auto;
	}
}

.nav-tabs.nav-justified>li {
    float: none;
    display: table-cell;
    width: 1%;
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border: 1px solid #afb1b3;
    border-radius: 0px;
}

.nav-tabs.nav-pills>li>a {
    border-radius: 0px;
}

.nav-tabs>li.active>a:after{
	content:'';
	display:block;
	position:absolute;
	top:calc(100% - 14px); /*should be set to 100% */
	left:calc(50% - 8px);
	width:0;
	height:0;
	border-color: transparent transparent white transparent; /*border color should be same as div div background color*/
	border-style: solid;
	border-width: 8px;
}

.nav-tabs>li>a{
	padding: 10px 5px;
}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #337ab7;
/* 	border-bottom: 1px solid #fff; */
}

.tw-nav-tabs{
    font-size: 1.0em;
    text-align: center;
}

.tw-nav-tabs li {
    min-width: 150px;
	background: #f2f2f2;
}

.tw-nav-tabs li a {
    border: 1px solid #d8d8d8;
}

.tw-nav-tabs li.active a {
    border: 1px solid #337ab7;
}

@media (max-width: 767px){
	.nav>li {
		padding-left: 1px;
	}
}

.bootstrap-tagsinput{
	border: none;
	box-shadow: none;
	padding: 0px;
	margin-bottom: 0px;
	
}

/*Typeahead classes start*/

.typeahead, .tt-query, .tt-hint {
	border: 2px solid #CCCCCC;
	border-radius: 8px;
	font-size: 22px; /* Set input font size */
	height: 30px;
	line-height: 30px;
	outline: medium none;
	padding: 8px 12px;
	width: 396px;
}

.typeahead {
	background-color: #FFFFFF;
}
.typeahead:focus {
	border: 2px solid #0097CF;
}
.tt-query {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tt-hint {
	color: #999999;
	padding: 7px 6px 0px 6px !important;
}
.tt-menu {
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	margin-top: 12px;
	padding: 8px 0;
	width: 422px;
}
.tt-suggestion {
	font-size: 15px;  /* Set suggestion dropdown font size */
	padding: 3px 20px;
}
.tt-suggestion:hover {
	cursor: pointer;
	background-color: #fffde0;
	color: #2e2e2e;
    font-weight: 700;
}
.tt-suggestion p {
	margin: 0;
}
.twitter-typeahead{
	width:100%;
}

/*Typeahead classes end*/

.fileinput-upload-button{
	display: none;
}

.tw-test-mode-label {
    color: white;
    width: 130px;
    transform: rotate(-45deg);
    position: fixed;
    right: -30px;
    bottom: 25px;
    z-index: 200;
    background: #9e0e0e;
    padding-left: 28px;
    border: 2px dashed;
    opacity: 0.4; 
    display: none;
    transition: background 10s;
}

.tw-test-mode-label-reversed {
    color: white;
    width: 100px;
    transform: rotate(-45deg);
    position: fixed;
    top: 69px;
    left: 15%;
    z-index: 200;
    background: #9e0e0e;
    padding-left: 16px;
    border: 2px dashed;
    opacity: 0.7;
}

/*========================================== Generic Table =======================*/

table>thead>tr>th.tw-table-header-filter{
	padding:0px !important;
	border:1px solid #ddd;
}

table>thead>tr>th.tw-table-header-filter input{
	padding: 0px 5px !important;
    border: 1px solid #ddd;
    line-height: 30px;
	height:30px;
	color:black;
}

table>thead>tr>th.tw-table-header-filter input[disabled]{
	background-color: #f9f9fa;
}

table>thead>tr>th.tw-table-header-filter select{
	padding: 0px 5px !important;
    border: 1px solid #ddd;
    line-height: 30px;
	height:30px;
	color:black;
}

.tw-downloadable-table{
    display: table-header-group;
    float:right;
}

.tw-downloadable-table:before{
/*    position: absolute;*/
/*    right: 25px;*/
/*    bottom: 20px;*/
/*    opacity: 0.4;*/
    background: #337ab7;
    color: white;
    padding: 5px 10px;
    border-radius: 2px;
    display: block;
    z-index: 1000;
    content: "Download .xls";
}
/*Twirll graph genric Table Footer*/
table.tw-graph-table >tfoot>tr{
    background-color: #aaa;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
}
/*
.tw-downloadable-table:hover::before{
    opacity: 1.0;
    cursor: pointer;
    height: 64px;
    width: 65px;
    border-radius: 35px;
    bottom: 5px;
    padding: 7px 15px;
    transition: all .3s ease-in-out;
    font-size: 1.1em;
    font-family: FontAwesome;
    content: "Download \f0ed";
}
*/

.tw-generic-table-btn-section button{
	margin: 1px 0px;
}

.tw-generic-table-load-more-btn button.btn {
    padding: 5px 15px;
    margin: 3px 5px;
    min-width: 50px;
}

table.tw-table-downloadable {
	margin-top: 50px;
}

.tw-download-button{
	padding: 8px 20px;
}

.tw-communication-button{
    padding: 8px 20px;
}

.tw-btn-default{
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.tw-table-header-custom-btn{
    padding: 8px 20px;
}

input[type=checkbox].tw-generic-table-select-row.tw-checkbox-lg{
    top: -2px;
}

.fa-stack{
	height: 1.3em; 
	top:-5px; 
	left:-4px;
}

.form-control{
	height:28px;
}
/*-----------------------------------------Intro.js Classes-----------------------------------------*/

.introjs-overlay {
	opacity: 0.88 !important;
}
	
.introjs-tooltip {
	box-shadow: none;
    background-color: rgba(255,255,255,0);
	color: yellow;
    font-size: 17px;
    font-weight: 500;
}

.introjs-button{
	position: fixed;
	bottom: 10px;
	color:white;
	background: rgba(245,245,220,0);
	border: none;
	box-shadow: none;
	text-shadow: none;
} 

.introjs-prevbutton{
	left: calc(50% - 160px);
	box-shadow: none;
    color: white;
    font-size: 20px;
    background: rgba(245,245,220,0.3);
    border: 1px solid;	
}

.introjs-nextbutton{
	right: calc(50% - 160px);
	box-shadow: none;
    color: white;
    font-size: 20px;
	background: rgba(245,245,220,0.3);
    border: 1px solid;	
}

.introjs-skipbutton{
	left: calc(50% - 20px);
	border: white;
	color: white;
	font-weight: 600
	
}

.introjs-button:hover {
/*     border-color: #CDDC39;
    color: #CDDC39; */
    border-color: white;
    color: yellow;
    font-weight: 600;
	text-decoration: none;
    /* box-shadow: 0px 1px 1px #e3e3e3; */
}

.introjs-button:focus, .introjs-button:active {
	background: rgba(245,245,220,0);
	border: none;
	box-shadow: none;
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
	background: rgba(245,245,220,0);
	box-shadow: none;
}

.introjs-bullets{
	display:none;
}

.introjs-helperNumberLayer{
	display:none;
}

/*-----------------------------------------Twirll Info Element Classes-----------------------------------------*/
.tw-info-element{
    margin-left: 10px;
}

.tw-info-element::after {
    content: "\f05a";
    font-family: "FontAwesome";
    position: absolute;
    top : 10px;
    color:#999;
    font-size : 2.0em;
}

.has-info-element{
	width : calc(100% - 36px);
}

/*-----------------------------------------Twirll Global Custom Classes-----------------------------------------*/
.tw-back-btn{
	margin-top: -2px;
    /* padding-left: 5px; */
	padding-right: 5px;
}

.tw-back-btn>a:hover {
    text-decoration: none;
}

.tw-overflow{
	overflow:auto;
}

.tw-overflow-x{
	overflow-x:auto;
}

.tw-hidden-x{
	overflow-x:hidden;
}

.tw-overflow-y{
	overflow-y:auto;
}

.tw-no-width{
	width:0px;
}

.tw-min-width-20{
	min-width:20px;
}

.tw-min-width-40{
	min-width:40px;
}

.tw-min-width-30{
	min-width:30px;
}

.tw-accordion-button{
	position: absolute;
    right: 0px;
    top: 5px;
}

.tw-disable-link{
	color:black;
	text-decoration: none !important;
}
.tw-disable-button-link{
	color:white;
	text-decoration: none !important;
}
.tw-disable-button-link:hover{
	color:white;
}
.tw-disable-section{
    background-color: #eee;
    border-radius: 2px;
}

.tw-disable .tw-pos-new-added-item-count0 input  {
	pointer-events : none;
    opacity: 0.3;
}

.tw-disable .tw-pos-new-added-item-count0 select {
	pointer-events : none;
    opacity: 0.3;
}

.tw-font-40{
	font-size: 0.4em !important;	
}
.tw-font-60{
	font-size: 0.6em !important;	
}

.tw-font-70{
	font-size: 0.7em !important;	
}

.tw-font-80{
	font-size: 0.8em !important;	
}

.tw-font-85{
	font-size: 0.85em !important;	
}

.tw-font-90{
	font-size: 0.9em !important; 	
}

.tw-font-100{
	font-size: 1.0em !important;	
}

.tw-font-110{
	font-size: 1.1em !important;	
}

.tw-font-115{
	font-size: 1.15em !important;	
}

.tw-font-120{
	font-size: 1.2em !important;	
}
.tw-font-130{
	font-size: 1.3em !important;	
}
.tw-font-140{
	font-size: 1.4em !important;
}
.tw-font-150{
	font-size: 1.5em !important;
}
.tw-font-175{
	font-size: 1.75em !important;
}
.tw-font-200{
	font-size: 2.0em !important;
}
.tw-font-white{
	color:white;
}
.tw-font-black{
	color:black;
}

.tw-font-orange{
	color:#ff5f11;
}

.tw-font-green{
	color:#5cb85c;
}

.tw-font-blue{
	color: #5395d3;
}

.tw-border-black{
	border-color:black;
}
.tw-font-weight-500{
	font-weight:500;
}
.tw-font-weight-700{
	font-weight:700;
}

.tw-text-center{
	text-align: center;
}
 /* Scrollbar width and styling*/
 
::-webkit-scrollbar {
	width: 6px;
	height:5px;
}
::-webkit-scrollbar-button {
	width: 8px;
	height:5px;
}
::-webkit-scrollbar-track {
	background:#eee;
	border: thin solid lightgray;
	box-shadow: 0px 0px 3px #dfdfdf inset;
	border-radius:10px;
}
::-webkit-scrollbar-thumb {
	background:#999;
	border: thin solid gray;
	border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
	background:#7d7d7d;
}

.tw-no-scrollbar::-webkit-scrollbar{
	width:0px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--tw-placeholder-color);
  font-size:12px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: var(--tw-placeholder-color);
  font-size:12px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: var(--tw-placeholder-color);
  font-size:12px;
}
:-moz-placeholder { /* Firefox 18- */
  color: var(--tw-placeholder-color);
  font-size:12px;
}

input.form-control.tt-hint{ /* this is for typeahead placeholder hing overlapping*/
	top: -2px !important
}

.btn-warning-inverse {
    color: #eea236;
    background-color: rgba(255,255,255,0);
    border-color: #eea236;
}

.btn-success-inverse {
    color: #4cae4c;
    background-color: rgba(255,255,255,0);
    border-color: #4cae4c;
}

.btn-info-inverse {
    color: #46b8da;
    background-color: rgba(255,255,255,0);
    border-color: #46b8da;
}

.btn-danger-inverse {
    color: #d43f3a;
    background-color: rgba(255,255,255,0);
    border-color: #d43f3a;
}

.btn-primary-inverse {
    color: #2e6da4;
    background-color: rgba(255,255,255,0);
    border-color: #2e6da4;
}

.tw-selected-list li{
	background-color:#f7f7f7;
	border:1px solid #eee;
	padding:10px;
	font-size: 0.85em;
    font-weight: 600;
}
.tw-selected-list li.selected {
	background-color:#eee;
}
	
.table{
	background-color: white;
	margin-bottom: 0px;
    color: dimgray;
}

.table td {
    padding: 4px 3px;
}

.table th {
    padding: 8px !important;
    background-color: var(--tw-theme-blue) !important;
    color: white !important;
}

.tw-input-disabled{
    border: 0px !important;
    background-color: rgba(189, 186, 186, 0.15) !important;
    padding: 0px 0px 3px 6px !important;
    border-bottom: 1px solid #ddd !important;
}

input[type=checkbox].tw-checkbox-xs{
    height: 10px;
    width: 10px;
    position: relative;
    top: 3px;
}
input[type=checkbox].tw-checkbox-sm{
    height: 15px;
    width: 15px;
    position: relative;
    top: 3px;
}
input[type=checkbox].tw-checkbox-md{
    height: 20px;
    width: 20px !important;
    position: relative;
    top: 3px;
}

input[type=checkbox].tw-checkbox-lg{
    height: 25px;
    width: 25px;
    position: relative;
    top: 3px;
}

input[type=radio].tw-radio-xs{
    height: 10px;
    width: 10px;
    position: relative;
    top: 3px;
}
input[type=radio].tw-radio-sm{
    height: 15px;
    width: 15px;
    position: relative;
    top: 3px;
}
input[type=radio].tw-radio-md{
    height: 20px;
    width: 20px !important;
    position: relative;
    top: 3px;
}

input[type=radio].tw-radio-lg{
    height: 25px;
    width: 25px;
    position: relative;
    top: 3px;
}

.tw-plain-table{
	background-color: white;
	border:1px solid gray;
	margin-bottom: 5px;
	margin-top:10px;
    color: darkslategray;
    font-size: 12px;
}

.tw-plain-table  td{
	border-bottom: 1px solid gray;
	padding: 4px 6px;
}

.tw-plain-table th {
    padding: 8px !important;
	background-color: white !important;
    color: black !important;
    border-bottom: 1px solid gray;
}

.tw-hide{
	display: none;
}

.tw-border{
    border: 1px solid #ddd !important;
}
.tw-border-2x{
    border: 2px solid #ddd !important;
}
.tw-no-border{
    border: 0px !important;
}

.tw-border-default{
	border:1px solid #ddd;
}

.tw-border-bottom{
	border-top:0px !important;
	border-left:0px !important;
	border-right:0px !important;
	border-bottom:1px solid #ddd;
}

.tw-grey-border{
	border: solid 1px grey;
	border-radius: 2px;
}
.tw-light-border{
	border: solid 1px #eee;
}

.tw-border-radius-sm{
	border-radius:4px;
}
.tw-border-left-grey{
	border-top:0px !important;
	border-left:1px solid grey!important;
	border-right:0px !important;
	border-bottom:0px !important;
}

@-webkit-keyframes fadeIt {
  0%   { background-color: #FFFFFF; }
  50%  { background-color: cornsilk; }
  100% { background-color: #FFFFFF; }
}
@-moz-keyframes fadeIt {
  0%   { background-color: #FFFFFF; }
  50%  { background-color: cornsilk; }
  100% { background-color: #FFFFFF; }
}
@-o-keyframes fadeIt {
  0%   { background-color: #FFFFFF; }
  50%  { background-color: cornsilk; }
  100% { background-color: #FFFFFF; }
}
@keyframes fadeIt {
  0%   { background-color: #FFFFFF; }
  50%  { background-color: cornsilk; }
  100% { background-color: #FFFFFF; }
}

.tw-beta{
	display: block;
	position: absolute;
	right: 7px;
    top: 4px;
	/* top: 17px; */
	width:25px;
	height:13px;
	background-image: url('../../v1.0.0/img/tw-new-feature.gif') ;
}

.tw-newly-added-row{    
    background-image:none !important;
    -webkit-animation: fadeIt 2s ease-in-out; 
       -moz-animation: fadeIt 2s ease-in-out; 
         -o-animation: fadeIt 2s ease-in-out; 
            animation: fadeIt 2s ease-in-out; 
}			

.tw-global-location{
	color:#b0b96a;
    position: relative;
}

.tw-global-location:hover{
	color:#d0e435;
}

.tw-global-profile-name{
    width: 90px;
    text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.tw-name-loc-saperator{
    position: relative;
    bottom: 5px;
}

.tw-truncated-location{
    max-width: 100px;
    text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

/* ------------------------------------Navbar setting ----------------------------------------------------*/

@media (max-width: 767px ){	
	.nav.navbar-nav>li {
		padding-left: 15px;
	}
}

.tw-main-logo{
	border-radius: 10px;
    padding: 10px 10px 0px 0px;
    margin: 0 0 0 7px;
    height: 40px;
}

.tw-main-logo-xs{
    border-radius: 10px;
    height: 38px;
    width: 38px;
    margin-top: 5px;
    margin-left: 20px;
}

.tw-print-barcode-header-logo{
	border-radius: 20px;
    height: 38px;
    width: 38px;
    margin-right: 5px;
}

.tw-nav-fade>li.active>a, .tw-nav-fade>li.active>a:focus, .tw-nav-fade>li.active>a:hover{
	background-color:#d7d7d7;
	color:black;
}

.tw-nav-profilename{
	padding: 15px 10px;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
	background-color: #222;
    color: #9d9d9d;
    text-decoration: none;
}

.newattribute-val {
    color: green;
}

.oldattribute-val {
    color: red;
}

.fixed-position{
	position: fixed;
    margin-left: 0px;
    margin-right: 0px;
}


.pull-right{
	float:right;
}

.pull-left{
	float:left;
}

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

.tw-text-left{
	text-align:left !important;
}

.text-left{
	text-align:start !important;
}

/* .dropdown .dropdown-toggle{
    background-color: #579ddb;
    border-color: #5fa2dd;
    color: #fff !important;
} */

.tw-handcursor{
	cursor: pointer;
}

.tw-notification-badge{
	padding-bottom: 0px;
	background-color: #F50707; 
	position: absolute;
	bottom: 10px;
    left: 18px;
} 


.tw-navbar{
	padding: 10px 0px 0px 0px;
    display: block;
    position: absolute;
    right: 40px;
    top: 5px;
}

.tw-navbar-font-color{
	color: #9d9d9d !important;
}

.tw-profile-block{
	margin-top:2px; 
	padding: 2px 2px 10px 2px;
}
.tw-caret{
	border-top: 5px solid white;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.tw-location-block{
	margin-right: 5px;
}

.tw-notif-block{
	padding-right: 10px;
    padding-left: 10px;
	color: white;
}

@media (max-width: 767px){
	.tw-notif-block{
		padding-right: 15px;
	}
	
}

.dropdown-menu.pull-right{
	right:0;
	left:auto;
}

.pull-right>.dropdown-menu {
    right:0;
	left:auto;
}


.tw-dropdown-menu {
	padding: 1px 0;
	background-color: #0A0D0F;
}

.tw-dropdown {
    display:inline-block;
    margin-left:20px;
    padding:10px;
}

.tw-notifications a.content {
	text-decoration:none;
	background:#ccc;
}

.tw-notifications {
   min-width:380px; 
}

  
.tw-notifications-wrapper {
	overflow:auto;
	max-height:350px;
}

@media (max-width: 440px) {
	.tw-notifications-wrapper{
	   max-height: calc(100vh - 55px);
	}
	
	.tw-notifications{
		right: -45px !important;
		top: 30px;
		width: 100vw;
	}
}

.tw-notification-heading, .tw-notification-footer  {
 	padding:2px 10px;
}

.tw-notification-item {
	padding:5px;
	margin:3px;
	background: #F3F3F3;
	border-radius:1px;
	font-size: 12px;
}

.tw-item-title {
	color: rgb(13, 18, 110);
	margin-bottom: 2px;
}

.tw-item-info {
	color:#000;
	margin-bottom: 0px;
}

.tw-progressbar{
	position: absolute;
    width: calc(100% - 5px);
}

.tw-listable-color{
	color: #FF4D55;
}

.tw-orange-color{
	color: #ff5f11;
}

.tw-gray-color{
	color: #948e8ee8;
}

.tw-blue-color{
	color: #5395d3;
}

.tw-dull-red-color{
	color:var(--tw-dull-red);
}

.tw-listable-background-color{
	background-color: #FF4D55;
}

.tw-text-red{
	color:#E57D79;
    color:#DC3545;
}

.tw-text-green{
	color:#56ac56;
}

/* ------------------------------------Sidebar Classes -----------------------------------------------------------*/
#siderbar-wrapper{
	overflow: hidden;
}

.sidebar-nav{
	overflow-y: auto;
	overflow-x: hidden;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #c1c1c1;
}

.tw-siderbar-footer{
	position: absolute;
	bottom:0px;
	margin-top:15px;
}	

.tw-fa-sidebar {
    width: 14px;
    height: 14px;
    padding-right: 34px;
    zoom: 1.2;
}

.tw-introduction-btn, .tw-documentation{
	width: 100%;
	text-align: left;
}

li.nav-header{
	color: #C3C3C3;
}

.tw-active-sidebar{
	background-color:#0073aa !important;
	border: 0px;
}

.tw-active-sidebar li {
    background-color: #323537 !important;
}

.tw-box-shadow{
	box-shadow: 2px 5px 8px 0 rgba(60,64,67,0.3), 0px 0px 0px 0px rgba(60,64,67,0.15);
}


/* ------------------------------------Content section Setting ----------------------------------------------------*/

.tw-subcategories-sections{
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
}
.scrollable-element {
	overflow: auto; 
}


.errormsg-block{
	width:100%;
	background:#ffffff;
	color:red;
	font-size:13px;
	font-weight: bold;
}
.warningmsg-block{
	width:100%;
	background:#ffffff;
	color:rgb(184, 91, 25);
	font-size:13px;
	font-weight: bold;
}

.successmsg-block{
	width:100%;
	background:#ffffff;
	color:green;
	font-size:13px;
	font-weight: bold;
}

.center-image {
	position: absolute;
    top: 50%;
    left: 50%;
    display: block;
	opacity: 1.0;
    margin-right:-50%;
}

.tw-padding-top-12{
	padding-top:12px;
	padding-left:0px;
	padding-right:0px;
}

.scrollable-body{
	padding: 2px;
}

.tw-content-header-dropdown{
	font-size:13px !important;
	background-color:whitesmoke;
	border:0px;
	/* text-align:right; */
}

.tw-dashboard.tw-content-header-dropdown{
	width: auto;
    -webkit-appearance: none;
    height: 24px;
    background-color: #f1f1f1;
    border: 0px;
    color: #3478b7;
    padding-top: 2px;
}

.tw-business-warning {
    color: yellow;
    zoom: 1.50;
}

.tw-editable-img:after{
    content: 'Click to edit the image';
    position: absolute;
    background: rgba(78, 75, 75, 0.43);
    background-blend-mode: unset;
    color: white;
	padding: 1px 10px;
	margin-top:2px;
	font-size: 11px;
}

.tw-order-attached-image .tw-editable-img:after{
    content: none;
}

/* start of Classes for Dashboard */

.large {
	font-size: 2em;
}

.text-muted {
	color: #9f9f9f;
}

.bg-primary .glyphicon-remove { color: #5f6468;}
.bg-primary .glyphicon-remove:hover { color: #ef4040;}


.tw-del-carousel-btn{
	position: absolute; 
	top:5px; 
	left:40px;
}
.tw-carousel-preview-pane{
	max-height: 60px; 
	/* max-width:460px;  */
	height:60px;   
	min-width: 350px;
	overflow-y: auto;
	background-color: rgba(226, 225, 225, 0.33);
}

.tw-carousel-icons{
	position:absolute;
	top:50%;
}

.tw-carousel-track {
	display: flex;
	transition: transform 0.8s ease-in-out;
	width: 100%;
	height: 100%;
}

.tw-carousel-slide {
	min-width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	color: #fff;
}

.tw-carousel-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.85;
}

.tw-carousel-caption {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 1.2rem;
	background: rgba(0, 0, 0, 0.4);
	padding: 10px 0;
}

.tw-countrycode-prefix{
	min-width: 26px;
    padding-right: 0px;
    background-color: whitesmoke;
    color: #333333;
}

.tw-justify-content{
	display: -webkit-flex; 
   	-webkit-justify-content: space-around;
   	display: flex;
   	justify-content: space-around;
}
/* ------------------------------------Dashboard Block Classes -----------------------------*/
.panel{
	margin-bottom: 0px;
}

.tw-dashboard-block-new{
    border:1px solid #ddd;
    padding:5px 10px;
    background-color: white;
}

.tw-yellow-legend{
    color:white;
    background-color: #d9d95f;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 11px;
}
.tw-pink-legend{
    color:white;
    background-color: deeppink;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 11px;
}
.tw-red-legend{
    color:white;
    background-color: red;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 11px;
}
.tw-green-legend{
    color:white;
    background-color: limegreen;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 11px;
}



.panel{
	margin-bottom: 0px;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}
	
.panel-blue { background: #30a5ff; color: #fff; }
.panel-teal { background: #1ebfae; color: #fff; }
.panel-orange { background: #ffb53e; color: #fff; }
.panel-red { background: #f9243f; color: #fff; }

.panel-blue .panel-body p,
.panel-teal .panel-body p,
.panel-orange .panel-body p,
.panel-red .panel-body p { 
	color: #fff; 
	color: rgba(255, 255, 255, .8);
}

.panel-blue .panel-heading,
.panel-teal .panel-heading,
.panel-orange .panel-heading,
.panel-red .panel-heading {
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.panel-blue .text-muted,
.panel-teal .text-muted,
.panel-orange .text-muted,
.panel-red .text-muted { 
	color: rgba(255, 255, 255, .5); 
}

.tw-setup-wizard-controller{
    position: fixed;
    width: calc(100% - 250px);
    min-height: 100px;
    background: #000000b0;
    color: #000000;/*#f7f701*/
    bottom: 0px;
    z-index: 200000;
	padding-top: 10px;
}

.tw-setup-wizard-controller.toggled{
	width:100%;
}

.tw-setup-wizard-current-function-description {
    font-size: 17px;
    color: #ffd900;
    text-align: center;
    padding: 0px 0px 14px;
}

.tw-dashboard>.panel-default{
	border: 1px solid transparent;
	border-radius: 4px;
	border-color: #ddd;
	padding-left: 1px; 
}

.dashboard-block-left {
	height: 80px;
	padding-top: 15px;
	text-align: center;
}

.dashboard-block-right {
	text-align: left;
	line-height: 1.6em;
	margin: 0px;
	padding: 20px;
	height: 80px;
	color: #999;
	font-weight: 300;
	background: #fff;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

@media (max-width: 768px) {
	.dashboard-block-right {
		margin: 0;
		text-align: center;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.dashboard-block-left {
	}
	.tw-dashboard-block-left{
		float: left;
		width: auto;
	}
}

.dashboard-block-right .text-muted {
	color: #9fadbb;
}
.dashboard-block-right .large {
	color: #5f6468;
}

.panel-blue .dashboard-block-left { background: #30a5ff; color: #fff; }
.panel-teal .dashboard-block-left { background: #1ebfae; color: #fff; }
.panel-orange .dashboard-block-left { background: #ffb53e; color: #fff; }
.panel-red .dashboard-block-left { background: #f9243f; color: #fff; }

.panel-dashboard-block {
	background: #fff;
	border: none;
}

.tw-dashboard-block{
	border: 1px solid #cbcbcb;
    border-radius: 0px;
	padding: 0px; margin: 0;
	cursor: pointer;
}


.main-chart {
	background: #fff;
}

.easypiechart-panel {
	text-align: center;
	padding: 1px 0;
	margin-bottom: 20px;
}

.placeholder h2 {
	margin-bottom: 0px;
}

.tw-full-width {
	width: 100%;
}

.tw-hide-button{
	border:0px;
	background-color:white;
}

.tw-cambria{
	font-family:"cambria", Georgia, Serif;
}

.easypiechart {
	position: relative;
	text-align: center;
	width: 120px;
	height: 120px;
	margin: 20px auto 10px auto;
}

.easypiechart .percent {
	display: block;
	position: absolute;
	font-size: 26px;
	top: 38px;
	width: 120px;
}

.easypiechart-blue .percent { color: #30a5ff;}
.easypiechart-teal .percent { color: #1ebfae;}
.easypiechart-orange .percent { color: #ffb53e;}
.easypiechart-red .percent { color: #ef4040;}

.tw-dashboard-no-data{
	position: absolute; 
	top: 50%; 
	left: calc(50% - 123px); 
	color: gray;
}

.tw-dashboard-empty-section{
	background: white;
}

.tw-dashboard-datepicker{
	line-height: 20px; 
	padding: 3px 5px 1px 5px !important;
	background: white;
    color: #3479b7;
	border:1px solid #ddd;
	width: 90px !important;
}

.tw-date-picker-modal .hasDatepicker{
	background: white;
    color: #3479b7;
	border:1px solid #ddd;
	width: 150px;
}

.tw-date-picker-modal .hasTimepicker{
	background: white;
    color: #3479b7;
	border:1px solid #ddd;
	width: 110px;
	height: 40px;
}

.tw-date-picker-modal button.ui-datepicker-trigger {
    border: 0px;
    background: none;
    -webkit-appearance: none;
    padding: 0px;
	position: relative;
	top: -1px;
}

/*----------------------------------------------------- Analytics section classes -----------------------------------------------*/

.tw-analytic-report-section .btn{
	padding: 6px 12px;
	border-radius: 0px;
}

.tw-analytic-report-section .tw-report-filters{
	height:35px;
}

.tw-generic-table-view .tw-report-filters{
	height:35px;
}

.tw-filter-options{
	padding: 0px;
}

.tw-generic-table-select-row{
	/* color: #333;
	background-color: #fff;
	border-color: #ccc; */
}

.tw-generic-table-select-row.selected{
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}

.tw-filter-options .btn {
    padding: 10px 14px;
    font-size: 1.1em;
	margin-top: 4px;
	margin-bottom: 10px;
}

.tw-filter-options .btn.active{
	box-shadow: inset 0px -4px var(--tw-theme-blue);
}

#elItemAvailabilityExtendButton .btn.active{
	box-shadow: inset 0px -4px var(--tw-theme-blue);
}

.tw-filter-options .btn.tw-inventory-pause-selection{
	padding: 20px 12px;
}

.tw-filter-options .btn.active.tw-inventory-pause-selection{
	box-shadow: inset 0px -10px var(--tw-theme-blue);
}

.btn.tw-inventory-pause-selection.pause-option-btn {
  min-width: 64px;
}

.tw-date-time-picker-buttons .btn{
	min-width: 56px;
}

.tw-datetime-group {
    display: flex;
    align-items: center;
}

.tw-pause-online-time-container{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.tw-datetime-group button.ui-datepicker-trigger {
    border: 0px;
    background: none;
    -webkit-appearance: none;
    padding: 0px;
	position: relative;
	top: -1px;
}

.tw-datetime-group button.ui-datepicker-trigger>img {
	height: 26px;
}

.tw-no-records-found-generic-table>div>span{
    color:#878080;
}
.tw-quick-order-type.btn.active{
	box-shadow: inset 0px -4px var(--tw-theme-blue);
}

.tw-date-picker-modal button.ui-datepicker-trigger>img {
	height: 40px;
}

input.tw-report-datepicker{
	padding: 2px 7px!important;
	background: white;
    color: #3479b7;
	border:1px solid #ddd;
	width: 100px !important;
	font-size: 1.2em !important;
}

.tw-analytic-report-date-selection input.tw-report-datepicker{
	padding: 6px 3px!important;
	background: white;
    color: #3479b7;
	border:1px solid #ddd;
	width: 90px !important;
	font-size: 1.2em !important;
}
.tw-report-dashboard-date-section input{
	background:#f9f9f9;
}
.tw-report-section-from-date{
	border-width: 0px !important;
	padding: 6px 0px 6px 8px!important;
}

.tw-report-section-date-seperator{
	width: 35px !important;
	border: 1px solid lightgray;
	border-width: 0px;
	padding: 5px 0px;
	font-size: 1.2em !important;
}

.tw-report-section-to-date{
	border-width: 0px !important;
	padding: 6px 0px!important;
}

.tw-manage-customer-list{

}

.tw-customer-name-initials{
    border-radius: 50%;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid;
    padding: 4px;
    width: 30px;
    height: 30px;
    position: relative;
    bottom: 7px;
    border: 1px solid;
}

.tw-manage-customer-list .tt-menu{
	margin-top: 1px;
}

.tw-analytics-eod-report-section{
    padding-left: calc(50vw - 125px - 175px);
}

@media (max-width: 768px) {
    .tw-analytics-eod-report-section {
        padding-left: calc(50vw - 175px);
    }
}

/* End of Classes for Dashboard */

.tw-padding-top-10{
	padding-top:10px;
}
.tw-padding-top-15{
	padding-top:15px;
}
.tw-padding-right-15{
	padding-right:15px;
}
.tw-padding-left-15{
	padding-left:15px;
}
.tw-padding-left-25{
	padding-left:25px;
}

.navbar-inverse .navbar-inner{
	background-color:#000000;
	background-image:-moz-linear-gradient(top, #222222, #111111);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
	background-image:-webkit-linear-gradient(top, #222222, #111111);
	background-image:-o-linear-gradient(top, #222222, #111111);
	background-image:linear-gradient(to bottom, #000000, #000000);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
	border-color:#000000;
}
.template {
    display:none;
}

.tw-thumbnail{
	height: 60px;
	/* width : 60px; */
}

.tw-thumbnail-xl{
	height: 100px;
	/* width : 60px; */
}

.tw-thumbnail-md{
	height: 50px;
	/* width : 60px; */
}

.tw-thumbnail-sm{
	height: 40px;
	/* width : 60px; */
}

.tw-half-thumbnail{
	height: 30px;
	width : 30px;
}

.tw-red-border{
	border : solid 1px #FF4D55;
}

.thumbnail-row {
	display:block;
	padding:1px;
	line-height:20px;
	border: 1px solid #ddd;
	width: 35px;
    height: 35px;
}

.tw-nav-admin-profileimage{
	height: 32px;
}
.tw-nav-profileimage{
	height: 32px;
	margin-top: -6px;
}

.tw-current-subscription-width{
	width:22%;
}

.tw-remove-pos-subscription{
	position: relative;
    font-size: 1.4em;
    top: -10px;
	right: -23px;
}

.tw-spaced-block{
	border:1px solid;
	border-radius:5px;
	background-color:#fbfbfb;
	margin: 0.5% 1%;
	padding:5px;
}

.tw-info-modal, .tw-success-modal, .tw-warning-modal, .tw-error-modal, .tw-validation-modal {
	border: 1px solid;
	margin: 1px 0px;
	padding:10px 10px 10px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.tw-info-modal {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('/img/Info.png');
}
.tw-success-modal {
	color: #426F11;
	background-color: #EDFDD2;
	background-image:url('/img/success.png');
}
.tw-warning-modal {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('/img/warning.png');
}
.tw-error-modal {
	color: #BF040F;
	background-color: rgba(255, 216, 216,0.99);
	background-image: url('/img/error.png');
}
/* 
.errormsg-block{
	width:100%;
	background:#fffff;
	color:red;
	font-size:13px;
	font-weight: bold;
	margin-top: 10px;
}
.warningmsg-block{
	width:100%;
	background:#fffff;
	color:rgb(184, 91, 25);
	font-size:13px;
	font-weight: bold;
	margin-top: 10px;
}

.successmsg-block{
	width:100%;
	background:#fffff;
	color:green;
	font-size:13px;
	font-weight: bold;
	margin-top: 10px;
}
 */
/* ------------------------------------------------Start of Classes for Different messages ----------------------------------------------------------*/
.tw-info, .tw-success, .tw-warning, .tw-error, .tw-validation {
	border: 1px solid;
	margin: 1px 0px;
	padding:10px 10px 10px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	position: fixed;
	width:100%;
	left: 0px;
	top: 45px;
	z-index: 2050;
	font-weight: 500;
}
.tw-info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('/img/Info.png');
}
.tw-success {
	color: #426F11;
	background-color: #EDFDD2;
	background-image:url('/img/success.png');
}
.tw-warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('/img/warning.png');
}
.tw-error {
	color: #BF040F;
	background-color: rgba(255, 216, 216,0.99);
	background-image: url('/img/error.png');
}

.tw-info-modal, .tw-success-modal, .tw-warning-modal, .tw-error-modal, .tw-validation-modal {
	border: 1px solid;
	margin: 1px 0px;
	padding:10px 10px 10px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.tw-info-modal {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('/img/Info.png');
}
.tw-success-modal {
	color: #426F11;
	background-color: #EDFDD2;
	background-image:url('/img/success.png');
}
.tw-warning-modal {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('/img/warning.png');
}
.tw-error-modal {
	color: #BF040F;
	background-color: rgba(255, 216, 216,0.99);
	background-image: url('/img/error.png');
}

.tw-info-strong {
	color: white;
	background-color: #01577F;
}
.tw-success-strong {
	color: white;
	background-color: #055C0F;
}
.tw-warning-strong {
	color: white;
	background-color: #AD8D0D;
}
.tw-error-strong {
	color: white;
	background-color: #800000;
}

.tw-subdivision-element{
	padding-top: 25px;
    padding-bottom: 25px;
    border: 5px dashed #f18a1a;
    padding: 20px;
    margin-left: 6%;
    margin-top: 1%;
}

/* End of Classes for Different messages */
/* -----------------------------------------KYC e records start---------------------------------------------------------------- */
.tw-iframe-modal{
    width: 100%;
    height: 360px;
}

.tw-message{
    display: none;
    background: whitesmoke;
    position: absolute;
    border: 1px solid black;
    left: 15%;
    border-radius: 5px;
}

.tw-hover-anchor:hover + .tw-message{
    display:block !important;
    z-index:10;
}

/* --------------------------------------------------New Config Taxes--------------------------------------------------- */
.tw-tax-config-section{
	border:1px solid #ddd;
	background-color:#f5f5f5;
	padding:10px 0px;
    margin: 7px 0px;
    box-shadow: 1px 1px 5px;
}







/*------------------------------------- Business Taxes Classes Start------------------------------------------------------------ */
.tw-taxes-input{
	padding: 5px 0px;
	width: 50% !important;
	min-width: 50px;
	text-align: right;
}

.tw-taxes-symbol{
	padding: 6px;
	background-color: whitesmoke;
	border-bottom: 1px solid whitesmoke;
}

.tw-percent-width{
	min-width:35px;
}
/* Business Taxes Classes End */

/* Business Printer Classes Start */

.tw-wiki-code{
	border:1px solid grey;
	padding:2px;
}
.tw-load-more-taxes{
	position: absolute;
    bottom: 0px;
    left: calc(50% - 80px);
}
/* -------------------------------------------------Business Printer Classes End -------------------------------------------------------------*/

/* Manage Inventory start */

.tw-padding-top-25{
    padding-top: 25%;
}

.tw-action-button-section-width{
	min-width:125px;
}

.tw-inventory-block{
    border: 1px solid #ddd;
    padding: 5px;
	font-size:1.3em;
}

.tw-inventory-message{
	font-size: 1.9em;
    padding: 9px;
	width:100%;
}

.tw-online-label{
	height: 10px;
    background-color: #3abd3a;
    position: absolute;
    bottom: 5px;
    border-radius: 5px;
	max-width:31px;
}

.tw-offline-label{
	height: 10px;
    background: #ef4f4f;
    position: absolute;
    bottom: 5px;
    border-radius: 5px;
	max-width:31px;
}

.tw-offer-label{
    color: white;
    width: 130px;
    transform: rotate(-45deg);
    position: fixed;
    right: -30px;
    bottom: 25px;
    z-index: 200;
    background: #9e0e0e;
    padding-left: 28px;
    border: 2px dashed;
    opacity: 0.4;
    display: none;
    transition: background 10s;
}

.tw-inventory-item-header-section {
	height: 35px;
	margin: 3px;
	overflow: hidden;
}

.tw-product-block{	
    height: 190px;
    padding: 2px;
    min-width: 140px;
    background: #ffffff;
    font-size: 12px;
    transition: background .3s ease-in-out;
}

.tw-variant-block{	
    height: 220px;
    padding: 2px;
    min-width: 140px;
    background: #ffffff;
    font-size: 12px;
    transition: background .3s ease-in-out;
}

.tw-product-caret{
	position: absolute;
    top: 3px;
    right: 6px;
    color: gray;
}

.tw-more-setting-x{
	/*position: absolute;
    top: 0px;
    right: 6px;*/
    color: gray;
	cursor: pointer;
	height:25px;
	padding-right: 2px;		
}

.tw-Inventory-Album-content{
    margin-top: 5px;
	overflow-y: scroll;
}

.tw-draggable-pic-envelope{
	height: 180px;
	/* width : 70px; */
	overflow : hidden;
}

.tw-thumbnail-icon{
	margin: 3px;
	border: 3px solid transparent !important;
}
.tw-thumbnail-icon-selected{
	margin: 3px;
	border: 3px dashed #036cc3  !important;
}

.tw-thumbnail-icon-right-top-figure{
	position: absolute;
	top: 5px;
	right: 5px;
}

@media (max-width: 768px) {
	.tw-product-image-section{
		position: absolute;
		top: 0px;
		right: 0px;
		width: 100px;
		height: 100px;
		padding-left:0px;
		padding-right:0px;
	}
	.tw-product-image{
		max-width:75px !important;
		max-height:75px !important;
	}
	.panel-default>.panel-heading>h5{
		font-size:12px;
	}
	.tw-location-dropdown-spacing{
		padding:4px;
	}
}
@media (min-width: 768px) {
	.tw-product-image{
		max-width:200px !important;
		max-height:200px !important;
	}
}

.tw-inventory-item-section{
	margin: 2px;
}

.tw-inventory-name {
	color: #2600BD;
	text-decoration: underline;
}

.tw-inventoryname:hover {
	/* color: #2600BD; */
    background-color: #D5F9FB;
}

.tw-inventory-table input{
	border: 0;
	margin: 0px;
}

.tw-inventory-pic-section{
	border-left:1px solid grey;
}

.tw-inventory-flag{
	padding-left: 7px;
	padding-right: 7px;
}

.tw-item-appearance-color-box {
	width: 40px;
	height: 40px;
	border: 1px solid #ccc;
	margin: 5px;
	cursor: pointer;
}

.tw-item-appearance-color-box.selected {
	border: 3px solid black;
}

.tw-item-appearance-sample-style-box {
	width: 300px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #ccc;
	margin: 20px auto;
	font-size: 16px;
}

.tw-item-appearance-font-size-selection{
	width: 400px;
    text-align: center;
    font-size: 24px;
    border: 1px solid gray;
}

.tw-warning-log{
	color: #9F6000;
    background-color: #FEEFB3;
	padding: 1px 4px;
	margin: 1px 0px;
	padding: 1px 4px;
	font-size: 12px;
}

.tw-fail-log{
	color: #D8000C;
    background-color: #FFBABA;
	margin: 1px 0px;
	padding: 1px 4px;
	font-size: 12px;
}

.tw-product-description{
	max-height:200px;
	overflow:auto;
	padding:5px;
	margin: 0px 0px 10px;
	min-height:20px;
	min-width:70px;
	/* border: 1px solid #ddd; */
}

.tw-seating-plan-frame{
	height: 370px;
	width: 575px;
}

.tw-seating-structure-body{
	height:400px;
}

.tw-image-tagging-section{
	border: 1px dashed #ccc !important;
    background: #f7f7f7;
	min-height:70px;
	min-width:122px;
}

.tw-image-tagging-section-note{
	font-size:0.9em;
	color:#aaa;

}


.tw-inventory-update-stock-line td input {
    border : 1px solid;
    height : 29px;
}

.tw-added-raw-material-section td input{
	height : 29px;
}

.tw-added-raw-material-section td input .typeahead, .tt-query, .tt-hint {
	border: 2px solid #CCCCCC;
    border-radius: 0px;
    font-size: 22px;
    height: 30px;
    line-height: 30px;
    outline: medium none;
    padding: 1px 6px 0px 6px !important;
    width: 350px;
}
.tw-display-inventory-modifier-structure #elTableDiv{
    min-height: 200px;
}

.tw-order-control-qty-inputs input[type="number"]{
	text-align: left;
}

/*------------------------------------------ Seat Reservation ---------------------------*/

/* .tw-seat-reservation-customer-section .input-group input {
    line-height: 30px;
}

.tw-seat-reservation-customer-section .input-group input.tt-input{
    border: none !important;
} */

.tw-reservation-status-info-section{
    text-align: right;
}

.tw-seat-reservation-action-section button{
    width:75px;
}

.tw-seat-reservation-timing-section {
	width: 295px;
	padding: 10px 10px;
	line-height: 25px;
}

.tw-seat-reservation-timing-section button.ui-datepicker-trigger {
    height : 37px;
    position : relative;
    top : -2px;
}

.tw-seat-reservation-customer-section {
   	width: calc(100% - 295px);
    padding: 10px 10px;
    line-height: 25px;
}

.tw-seat-reservation-customer-section .tw-countrycode-prefix{
    border: 1px solid #ddd;
    background: white;
    color: dimgray;
    font-size: 0.9em;
}

.tw-seat-reservation-customer-section input[readonly] {
    background-color: white;
}

@media (max-width: 768px){
	.tw-seat-reservation-customer-section {
		width: 100%;
		height: auto !important;
		padding: 10px 10px;
	}
	.tw-seat-reservation-customer-section input{
		line-height: 24px;
	}
	.tw-seat-reservation-timing-section {
		width: 100%;
		height: auto !important;
		padding: 10px 10px;
		line-height: 25px;
	}
	.tw-seat-reservation-timing-section input{
		line-height: 24px;
	}
}

.tw-seat-reservation-start-date{
	padding-top: 30px;
	padding-bottom: 10px;
}

.tw-seat-reservation-start-date:before{
    position: absolute;
    content:'';
    top: 9px;
    font-size: 1.2em;
	color: var(--tw-theme-blue);
	content:'Start Date-Time';
}

.tw-seat-reservation-end-date{
	padding-top: 30px;
	padding-bottom: 10px;
}

.tw-seat-reservation-end-date:before{
    position: absolute;
    content:'';
    top: 9px;
    font-size: 1.2em;
	color: var(--tw-theme-blue);
	content:'End Date-Time';
}

.tw-seat-reservation-datepicker{
	width : 110px !important;
	margin-top: 5px;
}

.tw-seat-reservation-quick-time-option button {
    width : 55px;
}

.tw-seat-reservation-lists-table{
	border-bottom: 1px solid #ddd;
}

.tw-seat-reservation-lists-table>tbody>tr>th{
	font-size: 12px !important;
}

.tw-seat-reservation-lists-table>tbody>tr>td{
	font-size: 12.6px !important;
}

.tw-reservation-comment-section input{
	line-height: 30px;
	margin-top: 1px;
}

.tw-table-name{
	padding-top:8px !important;
	font-size:0.9em !important;
	border:1px solid #ddd !important;
	color: dimgray;
}

.tw-table-cover-count {
	width: 50px;
	height: 34px;
}

.tw-reservation-comment-section .input-group-addon{
	padding-right: 0px;
}

/* .tw-delivery-address-options .input-group-addon{
	min-width: 70px;
} */

.tw-reservation-comment-section .tw-clear-comment-btn{
    height: 33px !important;
    margin-top: 2px;
}

.tw-seat-reservation-lists-table .tw-reservation-comment{
    position : relative;
    top: 0px;
}

.tw-report-filter-search-input{
	line-height: 33px;
	margin-bottom: 10px;
}

.tw-seat-reservation-timing-section .hasTimepicker{
	width: 90px !important;
}

.tw-cart-header-edit-section .input-group-addon{
    min-width: 50px;
}

.tw-cart-header-edit-section .input-group-addon.no-padding {
    padding: 0px;
}

.tw-cart-header-edit-section .tt-suggestion {
    padding: 0px;
}

.tw-cart-header-edit-section .tt-menu{
    width : 100%;
    border-radius: 0px;
    margin-top: 1px;
}

.tw-cart-header-edit-section input.tt-input{
    background-color: white !important;
}

.tw-table-cover-count{
	min-width: 60px; 
	text-align: center;
	padding-top:8px !important;
    font-size:0.9em !important;
    border:1px solid #ddd !important;	
}

.tw-table-cover-icon{
    border: 1px solid #ddd;
    background: white;
    color: dimgray;
    font-size: 0.9em;
    padding-left: 10px !important;
    min-width: 30px !important;
}
/*----------------------- Reservation Classes End -----------*/

/*----------------------- Inventory Suggestion on Typeahead --------*/
.tw-item-detail-section .tw-item-image{
    width: 40px;
    padding: 4px;
}

.tw-item-detail-section .tw-product-name{
    font-size: 12px;
}

.tw-item-detail-section .tw-item-attributes{
    padding: 0px 0px 0px 10px;
}

.tw-item-detail-section .tw-item-options{
    color: #0c6cc3;
    font-size: 12px;
}

/*----------------------- Stock Transfer --------------------------*/
.tw-stock-transfer-comment{
	width : 262px !important;
	height: 35px !important;
}

.tw-stock-update-reason{
	height:35px;
	max-width:250px;
}

.tw-stock-update-comment{
	height:35px;
}

/*---------------------------------------Permissible Order Type-------------------------------------------------------*/
.tw-default-switch{
    position:absolute;
    top:15px;
    right:30px;
}

.tw-permissible-order-type-section .badge{
	padding: 4px 7px;
}

.tw-permissible-order-type-section #elApplyExtraCharge .badge-danger{
	background-color : #cd9e9e;
}

.tw-permissible-order-type-section #elApplyExtraCharge .badge-danger-inverse{
	color : #cd9e9e;
	border-color : #cd9e9e;
}

.tw-permissible-order-type-section #elAddPreparationTimeConfig .badge-danger{
	background-color : #cd9e9e;
}

.tw-permissible-order-type-section #elAddPreparationTimeConfig .badge-danger-inverse{
	color : #cd9e9e;
	border-color : #cd9e9e;
}

.tw-order-type-payment-methods .badge-danger{
	background-color : #cd9e9e;
}

.tw-order-type-payment-methods .badge-danger-inverse{
	color : #cd9e9e;
	border-color : #cd9e9e;
}

#elApplyExtraCharge,#elAddPreparationTimeConfig{
	display: inline;
}

.tw-order-type-additional-info-dom{
	display: inline;
}

.tw-permissible-order-type-section .badge-success-inverse,.badge-danger-inverse,.badge-warning-inverse,.tw-text-strikethrough-inverse {
    padding-top: 3px !important;
    padding-bottom: 3px  !important;
    border: 1px solid;
}

.tw-permissible-order-type-section .tw-permissible-payment-type-section .switch{
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
    top:6px;
}

.tw-permissible-order-type-section .tw-permissible-order-type-section input[type=checkbox] + .slider:after {
    content: 'Set Default';
    color: #121212;
    top: 0px;
    position: relative;
    left: 17px;
    font-size: 9px;
}
.tw-permissible-order-type-section .tw-permissible-order-type-section input:checked + .slider:after {
    content: 'Default';
    color: white;
    top: 0px;
    position: relative;
    left: 10px;
}

.tw-permissible-order-type-section .tw-permissible-payment-type-section input[type=checkbox] + .slider:after {
    content: 'Set Default';
    color: #121212;
    bottom: 6px;
    position: relative;
    left: 17px;
    font-size: 9px;
}
.tw-permissible-order-type-section .tw-permissible-payment-type-section input:checked + .slider:after {
    content: 'Default';
    color: white;
    bottom: 6px;
    position: relative;
    left: 9px;
}

.tw-permissible-order-type-section .slider{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    height: 20px;
    width: 70px;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.tw-permissible-order-type-section .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 3px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.tw-permissible-order-type-section input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(50px);
}

.tw-additional-charge-type label {
    width : 150px;    
}

.tw-order-type-extra-charge-resetriction-section{
	padding : 10px;
}

.tw-sort-product-section{
    border: 1px solid #888;
    padding: 0px;
    height: calc(100vh - 158px);
    overflow: auto;
}

.tw-sortable-state-highlight{
    height: 1.5em; 
    line-height: 1.2em; 
}

.tw-sort-product-row{
    border-bottom: 1px solid #888;
    padding: 10px;
    background: white;
    box-shadow: 4px 3px 10px #999;
}

.tw-sort-product-image{
    height:45px;
}

.tw-sort-product-name{
    padding:15px 0px;
    font-size:1.2em;
}

.tw-sort-product-icon{
    padding:15px 0px;
}
.tw-header-description{
    padding:10px;
    color: #9fadbb;
    border:1px solid #888;
    font-size: 1.2em;
}
@media(max-width: 1024px){
	.tw-permissible-order-type-section #elApplyExtraCharge .tw-padding-left-25 {
		padding-left: 0px !important;
	}
	.tw-permissible-order-type-section #elAddPreparationTimeConfig .tw-padding-left-25 {
		padding-left: 0px !important;
	}
	.tw-order-type-additional-info-dom{
		min-width: 350px;
	}
	.tw-order-type-additional-info-dom{
		display: block;
	}
}
@media(max-width: 768px){
    .tw-order-type-payment-methods .panel-title{
        padding-left: 15px !important;
    }
    .tw-payment-method-extra-charge-view-dom{
        padding-left: 30px;
    }
	.tw-permissible-order-type-section #elApplyExtraCharge .tw-padding-left-25 {
		padding-left: 0px !important;
	}
	.tw-permissible-order-type-section #elAddPreparationTimeConfig .tw-padding-left-25 {
		padding-left: 0px !important;
	}
	.tw-order-type-additional-info-dom{
		display: block;
	}
	#elApplyExtraCharge,#elAddPreparationTimeConfig{
		display: block;
	}
}
/*---------------------------------------Location Specific classes-------------------------------------------------------*/
.tw-location-coordinates{
	position: absolute;
    bottom: 19px;
	left: 8px;
	background-color: rgba(255, 255, 255, 0.39);
    color: brown;
    font-weight: 600;
}

.tw-biz-location-advance-settings .tw-settings-sub-sections input {
    height: 30px;
    font-size: 16px;
}

.tw-biz-location-advance-settings .tw-settings-sub-sections select {
    height: 30px;
    font-size: 16px;
}

.tw-biz-location-advance-settings .tw-settings-sub-sections button {
    height: 30px;
    font-size: 16px;
}

.tw-subdivision-delete-button{
	position: absolute;
    top: 0px;
    right: 0px;
}

.tw-subdivision-element-qrcode{
	position: relative;
    left: 38px;
    padding-top: 28px;
}

.tw-seating-element{
	background-color: #f9f9fa;
	padding: 5px;
	border: 1px solid #eee;
}

.tw-seating-width{
	min-width:135px;
}

.tw-seating-detail{
    /* padding-left: 40px; */
	text-align:center;
    /* padding-top: 25px; */
	/* height: 250px; */
	color: white;
}

.tw-seating-structure-chair{
	width: 100px;
	height: 100px;
	background-image:url(../../v1.0.0/img/tw-chair-2.jpg);
}

.tw-seating-element-square-small{
	position:relative;
	top:8px;
	width:20px;
	height:20px;
	background-color:black;
}

.tw-seating-element-circle-small{
	position:relative;
	top:8px;
	width:20px;
	height:20px;
	border-radius:10px;
	background-color:blue;
}

.tw-seating-element-other-small{
	position:relative;
	top:8px;
	width:20px;
	height:20px;
	border-radius:7px;
	background-color:#af3838;
}

.tw-seating-element-chair-small{
	position:relative;
	top:8px;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 15px solid grey;
}


.tw-seating-structure{
	width: 100px;
	height: 100px;
	/* border-radius:50px; */
	/* background-color: #f6f776; */
	color:white;
	background-position: center; 
}

.tw-seating-structure-circle-0{
	background-image:url(../../v1.0.0/img/table/circle-0px.png);
}
.tw-seating-structure-circle-1{
	background-image:url(../../v1.0.0/img/table/tw-single-person.png);
}

.tw-seating-structure-circle-2{
	background-image:url(../../v1.0.0/img/table/circle-2px.png);
}

.tw-seating-structure-circle-3{
	background-image:url(../../v1.0.0/img/table/circle-3px.png);
}

.tw-seating-structure-circle-4{
	background-image:url(../../v1.0.0/img/table/circle-4px.png);
}

.tw-seating-structure-circle-5{
	background-image:url(../../v1.0.0/img/table/circle-5px.png);
}

.tw-seating-structure-circle-6{
	background-image:url(../../v1.0.0/img/table/circle-6px.png);
}

.tw-seating-structure-circle-7{
	background-image:url(../../v1.0.0/img/table/circle-7px.png);
}

.tw-seating-structure-circle-8{
	background-image:url(../../v1.0.0/img/table/circle-8px.png);
}
.tw-seating-structure-circle-more{
	background-image:url(../../v1.0.0/img/table/circle-0px.png);
}

.tw-seating-structure-square-0{
	background-image:url(../../v1.0.0/img/table/square-0px.png);
}

.tw-seating-structure-square-1{
	background-image:url(../../v1.0.0/img/table/tw-single-person.png);
}

.tw-seating-structure-square-2{
	background-image:url(../../v1.0.0/img/table/square-2px.png);
}

.tw-seating-structure-square-3{
	background-image:url(../../v1.0.0/img/table/square-3px.png);
}

.tw-seating-structure-square-4{
	background-image:url(../../v1.0.0/img/table/square-4px.png);
}

.tw-seating-structure-square-5{
	background-image:url(../../v1.0.0/img/table/square-5px.png);
}

.tw-seating-structure-square-6{
	background-image:url(../../v1.0.0/img/table/square-6px.png);
}

.tw-seating-structure-square-7{
	background-image:url(../../v1.0.0/img/table/square-7px.png);
}

.tw-seating-structure-square-8{
	background-image:url(../../v1.0.0/img/table/square-8px.png);
}

.tw-seating-structure-square-more{
	background-image:url(../../v1.0.0/img/table/square-0px.png);
}

.tw-seating-structure-other-0{
	background-image:url(../../v1.0.0/img/table/other-0px.png);
}

.tw-seating-structure-other-1{
	background-image:url(../../v1.0.0/img/table/tw-single-person.png);
}

.tw-seating-structure-other-2{
	background-image:url(../../v1.0.0/img/table/other-2px.png);
}

.tw-seating-structure-other-3{
	background-image:url(../../v1.0.0/img/table/other-3px.png);
}

.tw-seating-structure-other-4{
	background-image:url(../../v1.0.0/img/table/other-4px.png);
}

.tw-seating-structure-other-5{
	background-image:url(../../v1.0.0/img/table/other-5px.png);
}

.tw-seating-structure-other-6{
	background-image:url(../../v1.0.0/img/table/other-6px.png);
}

.tw-seating-structure-other-7{
	background-image:url(../../v1.0.0/img/table/other-7px.png);
}

.tw-seating-structure-other-8{
	background-image:url(../../v1.0.0/img/table/other-8px.png);
}

.tw-seating-structure-other-more{
	background-image:url(../../v1.0.0/img/table/other-0px.png);
}
/* .tw-seating-structure-square{
	width: 100px;
	height: 80px;
	background-color: #9786ff;
} */

/* .tw-seating-structure-other{
	width: 100px;
	height: 80px;
	border-radius:10px;
	background-color: #c3c3c3;
}
 */


.tw-print-seating-detail{
    /* padding-left: 40px; */
	text-align:center;
    padding-top: 50px;
	/* height: 250px; */
	color: black;
}
.tw-print-seating-detail-small{
    /* padding-left: 40px; */
	text-align:center;
    padding-top: 15px;
	/* height: 250px; */
	color: black;
}

.tw-seating-name-small{
	/* margin-top: 75px; */
	margin-top: 102px;
    font-size: 45px;
	direction: rtl;
}
.tw-qr-code-instructions-small{
	background-color: #e6c7c1;
	padding: 27% 5px;
	color:black
}

.tw-seating-element-container-small{
	border: 8px ridge #c3c3c3;
	background-color:#e6c7c1 !important;
	color: #93496c;
	width: 300px;
	height: 430px;
}

.tw-seating-qrcode-block-small{
    margin-left: 16%;
    /* width: 63%; */
    background-color: white !important;
    padding: 5px;
}

.tw-seating-qrcode-small{
	border: 5px solid #e6c7c1;
    border-right: 0px;
    padding: 5px 0px 5px 5px;
    /* padding: 5px 0px 5px 5px; */
}
.tw-seating-element-container{
	border: 8px ridge #c3c3c3;
	background-color:#e6c7c1 !important;
	color: #93496c;
	width: 440px;
	height: 622px;
}
.tw-seating-qrcode-block{
    /* margin-left: 37%; */
    /* width: 63%; */
    background-color: white !important;
    padding: 5px 0px 5px 5px;
}
.tw-seating-qrcode{
	border: 5px solid #e6c7c1;
    /* border-right: 0px; */
    padding: 10px 0px;
}
.tw-seating-name{
/*	margin-top: 130px;*/
    font-size: 65px;
	direction: rtl;
}

.tw-qr-code-instructions{
	background-color: #e6c7c1;
	padding: 40% 5px;
	color:black
}

/*---------------------------------------Splitter Classes for inventory section--------------------------------------------*/

.ui-state-default { background-color: #88c }
.ui-state-hover { background-color: #bbf }
.ui-state-highlight { background-color: #68f }
.ui-state-error { background-color: #eaa }

.splitter-pane {
	overflow: auto;
}
.splitter-bar-vertical {
	width: 6px;
	background-image: url(img/vgrabber.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.splitter-bar-vertical-docked {
	width: 10px;
	background-image: url(img/vdockbar-trans.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.splitter-bar-horizontal {
	height: 6px;
	background-image: url(img/hgrabber.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.splitter-bar-horizontal-docked {
	height: 10px;
	background-image: url(img/hdockbar-trans.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.splitter-bar.ui-state-highlight {
	opacity: 0.7;
}
.splitter-iframe-hide {
	visibility: hidden;
}

.tw-album-list-section{
	border-bottom:2px solid gray;
	padding-top:5px;
	height:130px;
	overflow-x:hidden;
}

.tw-album-height{
	height:90px;
}

.tw-create-album-saperator{
	height:15px;
}

.tw-header-search{
	padding: 0px 5px !important;
    border: 1px solid #ddd;
    line-height: 30px;
	height:30px;
	color:black;
}

.tw-custom-variant-table {
    margin-top: 15px;
}

.tw-custom-variant-table.table>tbody>tr>td {
    padding: 1px;
    border: 1px solid gray;
}

.tw-custom-variant-table.table>tbody>tr>td input {
    border: none;
    font-size: small;
    background: #f9f9f9;
    padding: 8px 0px 8px 2px;
}

.tw-custom-variant-table.table>tbody>tr>td select {
    border: none;
    font-size: small;
    background: #f9f9f9;
    padding: 8px 0px 8px 2px;
}

/* Manage Inventory end */

/*--------------------------------------------Manage Modifier ----------------------------------------------------------------- */

.tw-product-modifier .nav-tabs{
    font-size : 1.0em
}

.tw-product-modifier .nav-tabs>li{
    min-width : 80px;
    background : #f2f2f2;
    border:1px solid #d8d8d8;
}

.tw-product-modifier .nav-tabs>li.active {
    color:#fff;
    background-color: #337ab7;
}


.tw-product-modifier .nav-tabs>li a{
    border:0px;
}
.tw-product-modifier .nav-tabs>li.active a{
    border:0px;
}
.tw-modifier-tagged-inventory-identification{
    font-size: 1.6em !important;
	padding-left: 10px;
}
.tw-remove-modifier-tagging{    
    position: absolute;
    color: #fffdfd;
    background: #d43f3a;
    width: 20px;
    text-align: center;
    height: 20px;
    border-radius: 25px;
    top: 1px;
    right: -8px;
    font-size: 15px;
    padding-top: 1px;
    font-weight: 700;
	cursor: pointer;
}
.tw-added-addon-inv-tag-section.input-group-addon {
    min-width: 60px;
    border: 1px solid #ddd;
    border-left: none;
}


/*--------------------------------------------Manage Catalogue ----------------------------------------------------------------- */
.tw-catalog-header{
	border-bottom: 1px solid #ddd;
    line-height: 2.5;
    background: #e7e7e7;
    padding: 4px 10px;
	font-size: 1.3em;
}	

.tw-catalog-body{
	padding: 10px;
}

.tw-catalog-list-section{
    height: calc(100vh - 105px);
    overflow-y:auto;
    border: 1px solid #ddd !important;
}

.tw-catalog-item-list{
    height: calc(100vh - 105px);
    overflow-y:auto;
    border: 1px solid #ddd !important;
}


#BrowseCatalog .accordion {
    margin-bottom: 2px;
}

#BrowseCatalog .accordion-group {
	margin-bottom: 0px;	
	border: 0px solid #e5e5e5;
}

#BrowseCatalog .accordion-group .accordion-inner {
    background: #3E3E3E;
    background: white;
	border-left: 2px solid #ddd;
    padding-left: 15px;
}

#BrowseCatalog .accordion-group .accordion-inner .accordion-inner {
    background: #777676;
    background: white;
	
}

#BrowseCatalog .accordion-group .accordion-inner .accordion-inner  a{
    color: #696969;
	padding: 1px 0px;
    line-height: 15px;
}

#BrowseCatalog .accordion-heading .accordion-toggle {
	padding: 1px 0px;
	line-height: 24px;
	color: dimgray;
	font-size: 1.2em;
}

#BrowseCatalog  .accordion-inner {
    padding: 2px 2px 2px 0px;
/*    border-top: 1px solid #e5e5e5;*/
	margin-left: 1px;
}

.tw-catalog-sales-channels{
	font-size: 11px;
	word-wrap: break-word;
}

.tw-catalog-order-types{
	font-size: 11px;
	word-wrap: break-word;
}

.tw-catalog-sorting-parent-section{
    min-height: calc(100vh - 112px);
}

.tw-sort-catalog-row{
    border-bottom: 1px solid #888;
    padding: 15px 10px;
    background: white;
    box-shadow: 4px 3px 10px #999;
}

.tw-sort-catalog-section{
    border: 1px solid #888;
    cursor: pointer;
}

.tw-sort-catalog-expandable-icon{
    float: right;
}

.tw-blank-catalog{
    background: #FF4D55;
    color: white;
    border-bottom: 1px solid #888;
    padding: 10px;
    box-shadow: 4px 3px 10px #999;
}

.tw-catalog-sorting-description{
    background: #f5f5f5;
    min-height: calc(100vh - 110px);
    border: 1px solid #777;
}

.tw-catalog-help-text{
    /* border: 1px solid #777; */
    /* border-radius: 20px; */
    padding: 20px 5px;
    /* margin-top: 150px; */
    font-style: italic;
    font-family: serif;
    font-size: 1.3em;
}

.tw-sort-catalog-section>.tw-sort-catalog-row.active{
    background: #e5e5e5 !important;
}
.tw-catalog-setting-modal .modal-body{
	overflow: auto;
	height: calc(100vh - 225px);
}
.tw-catalog-setting-modal .modal-header{
	padding: 0px 0px 0px 18px;
}

tr.tw-non-active-row{
    background-color: #ffdddc !important;
}
/*--------------------------------------------Order management start----------------------------------------------------------------- */

th.tw-ascending-order:after {
	font-family: 'Glyphicons Halflings';
    content: "\e113";
    position: relative;
    right: -5px;
    /* top: -4px; */
}

th.tw-descending-order:after {
	font-family: 'Glyphicons Halflings';
    content: "\e114";
    position: relative;
    right: -5px;
    bottom: -4px;
}
span.tw-ascending-order:after {
	font-family: 'Glyphicons Halflings';
    content: "\e113";
    position: relative;
    right: -5px;
    /* top: -4px; */
}

span.tw-descending-order:after {
	font-family: 'Glyphicons Halflings';
    content: "\e114";
    position: relative;
    right: -5px;
    bottom: -4px;
}

.tw-search-box{
	border-radius: 2px;
	height: 34px;
    padding-top: 0px;
    border: 1px solid #ddd !important;
}

.tw-search-order-box{
	margin-right: 18%;
    font-size: 14px;
	margin-top: -6px;
}

.tw-search-order-button{
	/*margin-right: 18%;*/
    font-size: 14px;
	margin-top: -6px;
}

.tw-open-search-box-button{
	margin-left:90%;
}


.tw-order-detail>.panel-default{
	border: 1px solid transparent;
	border-radius: 4px;
	border-color: #ddd;
	padding-left: 1px; 
}

.tw-order-detail>.panel-body{
    padding: 5px 5px 10px 5px;
    border: 1px solid #ddd;
    border-top: 0px;
}

.tw-order-line-block{
/*	border: 1px solid whitesmoke;*/
	color: gray;
/*	padding: 1px 1px;*/
}

.tw-fetch-more-orders{
	margin: 20px 0px;
    padding: 5px 35px;
}

.tw-order-status-confirmation-button{
	padding-top:12px !important;
}

.tw-order-status-confirmation-button:after{
	position: absolute;
    content: 'Update Status to';
    font-size: 10px;
    top: 3px;
    left: calc(50% - 42px);
    color: white;
}
.tw-order-status-confirmation-button.disabled:after{
	position: absolute;
    content: 'Status cannot be';
    font-size: 10px;
    top: 3px;
    left: calc(50% - 42px);
    color: #333;
}

.tw-edit-order-line-item{
	padding:4px !important;
}

.tw-edit-order-action{
	width:75px !important;
}
.tw-dot{
	border-radius: 50%;
    margin: 3px;
    padding: 0px 7px;
    font-size: 11px;
	height: 15px;
	width: 15px;
}
.tw-dot-success{
	background-color: green;
}

.tw-dot-warning{
	background-color: orange;
}

.tw-dot-danger{
	background-color: red;
}

.tw-dot-primary{
	background-color: blue;
}
.tw-dot-secondary{
	background-color: #999999c7;
}


.tw-outline-success{
	background-color: white;
    border: 1px solid green;
    border-radius: 8px;
}

.tw-outline-warning{
	background-color: white;
    border: 1px solid orange;
    border-radius: 8px;
}

.tw-outline-danger{
	background-color: white;
    border: 1px solid red;
    border-radius: 8px;
}

.tw-outline-primary{
	background-color: white;
    border: 1px solid blue;
    border-radius: 8px;
}

.tw-settlement-report-body{
	border:2px solid grey;
	margin:2%;
	padding:2%;
	background-color:white;
}

.tw-email-type-section{
	background-color:#fbfbfb;
	border: 1px solid #ddd;
	padding:0px 10px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.tw-email-type-section-label{
	width: calc(100% - 40px);
	padding: 15px 0px;
}

table#OrderItemTotalTable >tbody>tr>td{
	padding-top: 2px;
	padding-bottom: 2px;
}

tbody#paymentDetails >tr>td{
	padding-top: 2px;
	padding-bottom: 2px;
}

.tw-timeline-badge{
    width: 16px;
    line-height: 36px;
    font-size: 21px;
    color: green;
    text-align: center;
    position: absolute;
    left: 8px;
}
.tw-timeline-vertical{
	border-left: 2px solid green !important;
	width: 1px;
}

table#OrderDetailTable>tbody>tr>td {
    line-height: 22px;
}

.tw-sales-channel-label{
	font-size: 0.85em;
    line-height: 12px;
}
/*======================================== Sales Order Header Detail =======================================*/
table.tw-sale-order-customer-section>tbody>tr>td{ 
	padding: 3px 0px 3px 0px;
	white-space: nowrap;
}

table.tw-sale-order-detail-section>tbody>tr>td{ 
	padding: 3px 0px 3px 0px;
	white-space: nowrap;
}

table.tw-sale-order-edit-detail-section>tbody>tr>td{
	padding: 3px 0px 3px 0px;
	white-space: nowrap;
}

#elInvoiceDueDate>img.ui-datepicker-trigger{
	width: 23px;
    position: relative;
    bottom: 1px;
}
/*-------------------Added by Sarjan(7/19/2022) Need to be verify by Praveen Sir--------------------------------*/
.tw-email-bulk-tag{
    font-size: 12px !important;
    padding-left: 6px;
    border: 1px solid #0089ff;
    border-radius: 25px;
    width: auto;
    display: inline-block;
    color: #5f6368;
    font-weight: 500;
    box-sizing: border-box;
    margin: 2px 2px 0px 0px;
    text-align: center;
}
.tw-bulk-email-remove-entry{
    font-size: 17px;
    position: inherit;
    color: #000;
    margin: 5px;
    cursor: pointer;
}
.tw-email-bulk-tag:hover{
    background-color:#adadad70;
    color:#000;
}

/*--------------------------------------------Inventory Upload start----------------------------------------------------------------- */
.tw-upload-file-section{
	border: 1px solid lightgray;
	margin: 50px 10px 10px 10px;
	padding: 0px;
}

.tw-download-inventory{
	border: 1px solid lightgray;
	margin: 10px;
	padding: 0px;
}

.tw-upload-file-heading{
	padding: 1px;
    background-color: #f5f5f5;
    color: black;
    margin-bottom: 10px;
    border-bottom: 1px solid lightgray;
}

.tw-upload-drag-drop-section{
	height:120px;
	background-color:#e6e6ff;
	border-style:dashed;border-weight:1px;
	border-color:#b3b3ff
}
/* Inventory Upload end */
/*----------------------------------------------- Messaging start --------------------------------------------------------------*/

.tw-message-time {
    /* margin-top: 20px; */
    margin-bottom: 0;
    font-size: .8em;
    font-weight: 300;
	float:right;
}

.tw-imge-sm {
    width: 44px;
    height: 44px;
}

.tw-img-sm {
    width: 44px;
    height: 44px;
}

.tw-conversation-list{
/* 	border-right: 1px solid #C7B3B3;
    border-left: 1px solid #C7B3B3; */
}

.tw-conversation-search-box{
	margin: 5px 0px;
}

.tw-conversation-item{
	border-bottom: 1px solid #C7B3B3;
}

.tw-contact-list-block{
	overflow: auto;
	background: white;
	border: 1px solid #C7B3B3;
}

.tw-previous-conversation-section {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}
.tw-previous-conversation-section>.tw-previous-conversation-content {
    position: absolute;
    overflow: auto;
    overflow-y: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.tw-new-date-header{
	color: black;
    background: #C0C5EA;
    border: 1px;
    border-radius: 15px;
    width: 15%;
    padding: 2px;
}

.tw-modal-success-msg{
	color: #426F11;
	background-color: #EDFDD2;
	background-image:url('/img/success.png');
	border: 1px solid;
	margin: 1px 0px;
	padding:10px 10px 10px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	width:100%;
	left: 0px;
	z-index: 2050;
	font-weight: 500;
}

.tw-msg-padding {
    padding:5px 20px;
}

.tw-msg-right-padding {
    padding-left: 0px;
    padding-right: 15px;
}
.tw-msg-left-padding {
    padding-left: 15px;
    padding-right: 0px;
}

.tw-message-block .media-body {
    display: block;
    overflow: hidden;
    width: auto;
	min-height:44px;
}

.tw-conversation-block{
	overflow-x: hidden;
	overflow-y: auto;
}

.tw-chat-history-block{
	overflow-x: hidden;
	overflow-y: auto;
	padding: 10px 5px 60px 5px;
	margin: 0px;
	border-left:1px solid #c3c3c3;
}

.tw-message-left-element {
    position: relative;
    background: #F8F8FF;
    color: black;
    display: inline-block;
    padding: 3px 16px;
	border-radius:10px;
	border-top-left-radius:0px;
	box-shadow: 4px 4px 10px #888888;
	border:1px solid grey;
}

.tw-message-right-element {
    position: relative;
    background: #F8F8FF;
    color: black;
    display: inline-block;
    padding: 3px 16px;
    border-radius: 10px;
    border-top-right-radius: 0px;
    box-shadow: 4px 4px 10px #888888;
    border: 1px solid grey;
}


.tw-chatbox{
	background-color:#F9F5F5;
	background-image: url("../../v1.0.0/img/tw-background.jpg");
	border-right:1px solid grey;
	border-top: 0px;
}

.tw-typing-block{
    position: absolute;
    bottom: 0px;
	padding-bottom: 5px;
    /* width: 100%; */
    padding: 0px 3px;
	display: flex;
}

.tw-input-message{
	flex: 1;
}

.tw-message-block .tw-message-left {
    display: block;
    float: left;
}

.tw-message-block .tw-message-right {
    float: right;
}


.tw-offline-msg-content{
    display: none;
    background: whitesmoke;
    color: #a94442;
    padding: 10px;
    position: absolute;
    border: 1px solid black;
    right: 50px;
    top: 15px;
    border-radius: 2px;
    font-size: small;
	min-width:250px;
}

.tw-offline-indicator:hover + .tw-offline-msg-content{
    display:block !important;
    z-index:10;
}

/* Messaging end */

/* Reports start */

.tw-report-status-dot-spacing{
	padding-left:8px;
	padding-right:8px
}

.tw-report-panel {
	background-color: white;
    margin-top: 1%;
    margin-left: 5%;
	border:1px solid;
}

.tw-report-list {
	padding:0px;
	margin:0px;
}

.tw-report-list li {
	border-top: 1px solid black;
    padding-top: 5px;
    padding-bottom: 5px;
	padding-left:25px;
    /* font-weight: 600; */
    font-size: 14px;
}

.tw-report-bottom-spacing{
    padding-bottom:65px !important;
}

.tw-graph-section{
	height:350px;
}

.tw-blank-space-xs{
	height:50px;
}

.tw-blank-space-sm{
	height:100px;
}

.tw-blank-space-md{
	height:200px;
}

.tw-blank-space-lg{
	height:350px;
}

/* Reports end */

.tw-background-grey{
	background-color:#f5f5f5;
}

.tw-background-grey-white{
	background-color:#f9f9fa !important;
}
.tw-background-grey-light{
	background-color:#eee;
}

.tw-background-white{
	background-color:white;
}

.tw-user-details{
	height:200px;
	max-width:310px;
}


/* ----------------------------------------------------------Print Quote start--------------------------------------------------- */
.tw-quotation-action-message{
    padding-top: 25vh;
}

.tw-quote-status-element{
    border: 1px solid #ddd;
    background: white;
    padding: 10px;
    font-size: 12px;
}

/*Depricated*/
.tw-quote-histories-toggle-element{
    padding:10px;
    border:1px solid #ddd;
    background: white;
    position:absolute;
    right:0px;
}

.tw-quote-update-text{
    line-height: 40px;
}


/* ----------------------------------------------------------Print Quote end--------------------------------------------------- */
/* ----------------------------------------------------------Print Invoice start--------------------------------------------------- */

.tw-invoice-body{
	border: none;
    box-shadow: 3px 5px 21px;
	min-height: 540px;
    padding:0px;
}

.tw-business-logo{
	height: 100px;
	width: auto;
	margin-top:15px;
}
.tw-invoice-cancel-stamp{
    width: 95%;
    height: auto;
    position: absolute;
    left: 0px;
    opacity: 0.2;
    bottom: 0px;
}
.tw-invoice-approved-stamp{
    width: 95%;
    height: auto;
    position: absolute;
    left: 0px;
    bottom: 0px;
    opacity: 0.2;
}

.tw-invoice-section-message{
    padding-top : 22%;
    font-size : 1.5em;
}

@media (min-width: 1200px) {
    .tw-item-list-section {  
        padding-right: 5px;
        padding-left: 5px; 
    }
}

/*---------------------------------------------------------------- Print Invoice end-------------------------------------------------- */

/* ---------------------------------------------------------------manage leada start----------------------------------------------- */

.tw-lead-upload-section{
	height:120px;
	background-color:#e6e6ff;
	border-style:dashed;
	border-color:#b3b3ff;
}
.tw-email-notification-message-section .nicEdit-main{
    overflow: auto !important;
}
.tw-lead-compliance-warning-details{
	padding: 10px;
}
.tw-lead-compliance-warning-section .tw-lead-compliance-warning-details>div{
	padding: 3px 0px;
}
.tw-lead-compliance-warning-followUp div{
	padding: 2px 0px;
}
.tw-lead-communication-buttons>button{
	margin: 6px 5px 6px 0px;
	min-width: 10%;
}
.tw-lead-submited-at-section{
	display: none;
}
/* ---------------------------------------------------------------manage contacts start----------------------------------------------- */

.tw-contact-upload-section{
	height:120px;
	background-color:#e6e6ff;
	border-style:dashed;
	border-weight:1px;
	border-color:#b3b3ff;
}

.tw-unsaved-followup-history {
    border: 1px solid #d0d0d0;
}

.tw-unsaved-followup-history .tw-update-user-detail{
    background-color: #fffde0 !important;
}

.tw-unsaved-followup-history .tw-lead-update-content{
    background-color: #fffde0 !important;
}

.tw-unsaved-followup-history .tw-lead-update-footer{
    background-color: #fffde0 !important;
}

.tw-unsaved-followup-history .tw-update-user-detail:after{
    position: relative;
    content:'This comment is not saved yet...';
    bottom: 0px;
    right: -5px;
    color: orangered;
}
.tw-followup-history-section tbody tr td{
	padding: 0px !important;
}

/* ----------------------------------------------------------------manage contacts end--------------------------------------------------- */
/* ----------------------------------------------------------------manage Customers start--------------------------------------------------- */

.tw-manage-customer-img-section{
}

.tw-manage-customer-img {
	width: calc(100% - 10px);
}

.tw-manage-customer-detail-section{				/* the 200px is on basis of tw-manage-customer-img-section */

}

.tw-customer-detail-block-header {
	background-color : #f6f6f6;
}

.tw-customer-detail-block {
	padding : 20px 0px;
}

.tw-collect-multiple-payment-body{
    height : calc(100vh - 200px);
}

.tw-pending-invoice-section{
    min-height: 220px;
    height: calc(100vh - 440px);
    overflow: auto;
}

.tw-collect-multiple-payment-header .btn{
    padding : 6px 15px;
}

a#elDownloadCustomerSalesReportSection {
    padding: 0px;
}
.tw-customer-communication-heading{
	color: white;
}
.tw-customer-communication-separator-heading{
	background: #f5f5f5;        
    padding: 12px 25px 12px 25px;
    font-size: 16px;    
}
.tw-cust-detail-selected-dropdown-option{
	width: 100%;
	background: #337ab7;
	color: #fff;
	padding: 10px;
	font-size: 20px;
}
.tw-customer-communication-buttons{
	width: 315px;
    float: right;
    z-index: 1000;
}
.tw-customer-communication-buttons button{
	padding: 8px 20px;
}
.tw-cust-detail-view-list{
	text-align: center;
    width: 100%;
	z-index : 1050;
}
.tw-customer-communication-content{
	top:-65px;
}
@media(max-width: 520px){
    .tw-pending-invoice-section{
        height: calc(100vh - 560px);
        overflow: auto;
    }
    .tw-collect-multiple-payment-body{
        padding : 8px;
    }
	.tw-customer-communication-content{
		top:-15px;
	}
	.tw-customer-communication-buttons{		
		float: left;		
	}
}

@media(min-width: 521px ) and (max-width: 992px ){
    .tw-pending-invoice-section{
        height: calc(100vh - 615px);
        overflow: auto;
    }
    .tw-collect-multiple-payment-body{
        padding : 10px;
        height : calc(100vh - 250px);
    }
	.tw-customer-communication-buttons{
		width: 250px;	
	}
	.tw-customer-communication-buttons button{
		padding: 10px;
	}

	/* .tw-customer-communication-content{
		top:-15px;
	} */
}

@media(max-width: 520px){
	.tw-manage-customer-img-section{
		width : 200px;
	}
	.tw-manage-customer-img {
		width : 170px;
	}
	.tw-manage-customer-detail-section{				/* the 200px is on basis of tw-manage-customer-img-section */
/*		width : calc(100% - 200px);*/
		font: 11px;
	}
}


/* ----------------------------------------------------------------manage Customers end--------------------------------------------------- */

/*-------------------------------------- Manage Customer Group -------------------------------------------------------*/

.tw-customer-group-primary-detail-section{
	line-height: 30px;
	padding : 5px;
}

.tw-customer-group-location-dropdown{
	height : 35px;
}

/*------------------------------------------------- bootstrap 2.3 classes for label and badges start----------------------------------------------- */

a.label:hover,a.label:focus{color:#ffffff;text-decoration:none;cursor:pointer;}
.label-important{background-color:#b94a48;}
.label-important[href]{background-color:#953b39;}
.label-warning{background-color:#f89406;}
.label-warning[href]{background-color:#c67605;}
.label-success{background-color:#468847;}
.label-success[href]{background-color:#356635;}
.label-info{background-color:#3a87ad;}
.label-info[href]{background-color:#2d6987;}
.label-inverse{background-color:#333333;}
.label-inverse[href]{background-color:#1a1a1a;}

/* bootstrap 2.3 classes for label and badges end */

.tw-back-btn .label{
	font-size: 75%;
}

.badge-error {
  background-color: #b94a48;
}
.badge-error-inverse {
	color: #b94a48;
	background-color: #ffffff;
	border-color: #b94a48;
}
.badge-error:hover {
  background-color: #953b39;
}
.badge-warning {
  background-color: #f89406;
}
.badge-warning-inverse {
	color: #f89406;
	background-color: #ffffff;
	border-color: #f89406;
}
.badge-warning:hover {
  background-color: #c67605;
}
.badge-success {
	background-color: #468847;
}
.badge-success-inverse {
	color: #468847;
	background-color: #ffffff;
	border-color: #468847;
}
.badge-success:hover {
  background-color: #356635;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-info-inverse {
	color: #3a87ad;
	background-color: #ffffff;
	border-color: #3a87ad;
}
.badge-info:hover {
  background-color: #2d6987;
}

.panel-default>.panel-heading .badge.tw-text-strikethrough{
	/* Overriding the class which is in Bootstrap-5*/
	color: #f5f5f5;
	background-color: #cd9e9e;
}

.panel-default>.panel-heading .badge.tw-text-strikethrough-inverse{
	background-color: #f5f5f5;
	color: #cd9e9e;
}

.badge.tw-text-strikethrough-inverse{
	background-color: #f5f5f5;
	color: #cd9e9e;
}

.badge.tw-text-strikethrough{
	color: #f5f5f5;
	background-color: #cd9e9e;
}

.panel-default>.panel-heading .badge-success{
	background-color: #468847;
}

.panel-default>.panel-heading .badge-danger{
	background-color: #dc3545;
}

.panel-default>.panel-heading .badge-warning{
	background-color: #f89406;
}

.panel-default>.panel-heading .badge-success-inverse{
	color: #468847;
	background-color: #ffffff;
	border-color: #468847;
}

.panel-default>.panel-heading .badge-danger-inverse{
	color: #dc3545;
	background-color: #ffffff;
	border-color: #dc3545;
}

.panel-default>.panel-heading .badge-warning-inverse{
	color: #f89406;
	background-color: #ffffff;
	border-color: #f89406;
}

.tw-badge-remove-left-radius{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.tw-badge-remove-right-radius{
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

/*-------------------------------------------------------------------------Manage Campaign start------------------------------------------------------ */

.tw-compose-button{
	position:absolute;
	right:20px;
	bottom:25px;
}

.tw-delete-template-button{
	position:absolute;
	left:20px;
	bottom:25px;
}

.thumbnail .caption {
    padding: 9px;
    color: #333;
	background-color: whitesmoke;
	background-color: #fafafa;
	
}

.thumbnail {
	background-color: #fafafa;
}

.tw-show-editable:hover {
    /*display: block;
    border-style: solid;
    border-width: 2px;
    border-color: red;
    border-color: #5e5f61;*/
    background-color: #fff;
    opacity: 0.9;
	border: 1px solid gray;
}

.tw-simple-template-container-div{
	min-height: 200px;
}

.tw-report-output .tw-simple-template-container-div {
    min-height: 0px;
}

.tw-email-campaign-section .tw-nav-tabs li{
    min-width: 120px;
}

.tw-campaign-scheduled-datepicker{
    width : 120px !important;
    height : 32px !important;
}

.tw-email-campaign-sender-nav-li-pre-item{
    float: left;
    width: 90px;
    background: #eeeeee;
    height: 38px;
    font-size: 15px;
    border-radius: 4px 0px 0px 4px;
    padding: 9px 6px 0px 4px;
}

.tw-campaign-date-section{
    padding-top:1px;
    line-height:35px;
}

.tw-email-campaign-send-btn-section{
    width: 100px;
}

.tw-email-campaign-schedule-btn-section{
    width: 210px;
}

.tw-email-sender-seciton{
    height : 40px;
/*    max-width: 340px;*/
}

@media (max-width: 768px){
    .tw-email-campaign-schedule-btn-section{
        width: 195px;
        padding-top : 5px;
    }
    .tw-campaign-scheduled-datepicker{
        width : 100px !important;
    }
    .tw-email-campaign-send-btn-section{
        padding-top : 5px;
    }
    .tw-campaign-date-section{
        padding-top : 6px;
    }
}

/* Manage Campaign end */

/* Manage Campaign report */

.tw-email-detail-report{
/*	line-height: 30px;*/
	padding-top : 4px;
}

.tw-email-detail-report select{
	height: 35px;
	border: 1px solid #ddd;
}

.tw-email-detail-report input[type="number"]{
	height: 35px;
	border: 1px solid #ddd;
}

.tw-email-detail-report input[type="text"]{
	height: 35px;
	border: 1px solid #ddd;
}

.tw-email-detail-report input.hasDatepicker{
	height: 33px;
}

.tw-email-detail-report-filter-name{
	width : 120px;
/*	padding-left: 3px;*/
	padding-right: 3px;
}

.tw-email-detail-report-filter-name select{ 
	width : 120px !important; 
}

.tw-email-detail-report-filter-operator{
	width : 90px;
	padding-left: 3px;
	padding-right: 3px;
}

.tw-email-detail-report-filter-applied-value{
/*	width : 200px;*/
	padding-left: 3px;
	padding-right: 3px;
	width : 465px;
}

.tw-date-processed-from-time{
	padding: 5px 3px!important;
    background: white !important;
    color: #3479b7;
    border: 0px !important;
    width: 110px !important;
    font-size: 1.2em !important;
}

.tw-date-processed-from-date{
	padding: 5px 3px!important;
    background: white !important;
    color: #3479b7;
    border: 0px !important;
    width: 100px !important;
    font-size: 1.2em !important;
}

.tw-date-processed-to-time{
	padding: 5px 3px!important;
    background: white !important;
    color: #3479b7;
    border: 0px !important;
    width: 110px !important;
    font-size: 1.2em !important;
}

.tw-date-processed-to-date{
	padding: 5px 3px!important;
    background: white !important;
    color: #3479b7;
    border: 0px !important;
    width: 100px !important;
    font-size: 1.2em !important;
}

.tw-date-processed-section-date-seperator{
	width : 15px !important;
	text-align: center;
}

.tw-email-detail-report-remove-filter{
	width : auto;
}

.tw-contact-group-lablel{
	height: 35px;
	width : 120px;
}

.tw-contact-group-opeator{
	min-width: 84px;
    text-align: left;
}

@media(min-width: 769px) and (max-width: 960px){
	.tw-email-detail-report-filter-applied-value{
		width : 465px;
	}
	
	.tw-email-detail-report-remove-filter{
		width : 50px;
	}
}

@media(min-width: 320px) and (max-width: 768px){
	.tw-email-detail-report-filter-applied-value{
		padding-left: 0px;
		padding-right: 3px;
		width : 100%;
	}
	
	.tw-email-detail-report-remove-filter{
		width : 50px;
	}

	.tw-report-output{
		padding-left: 0px;
		padding-right: 0px;
	}
}

.tw-campaign-designer-content-div{
	background: whitesmoke;
    border: 1px solid #ccc;
}

.tw-filter-buttons .btn{
	padding: 6px 12px;
	border-radius: 0px;
}
/* Manage Campaign end */

/*---------------------------------------------------------------------------------Admin Console Start------------------------------------------------------*/

.tw-link-effect:hover{
	color:blue;
	text-decoration: underline;
}

.tw-disburse-payment-button{
	display: block;
    position: fixed;
    bottom: 16px;
    right: 5px;
}

.trumbowyg-box {
    padding-top: 70px !important;
}

/*---------------------------------------------------------------------------------Print QR codes------------------------------------------------------*/

.tw-qrcode-section{
	border:1px solid;
	margin:5px;
	height:130px;
	width:305px;
	padding:0px;
	font-family:monospace;
}

.tw-combined-code-section{
	border:1px solid;
	margin:5px;
	height:115px;
	width:305px;
	padding:0px;
	font-family:monospace;
}

.tw-grid-qr-code{
	margin: 20px 0px 0px 20px;
    border-radius: 5px;
    border: 1px solid;
    padding: 0px 9px;
    height: 165px;
	width:120px;
}

.tw-qrcode-name-grid{
	height:40px;
	line-height:17px;
	font-size:0.8em;
}

.tw-combined-section-barcode{
	padding: 0px;
    overflow: auto;
    width: 203px;
    margin-left: -8px;
    margin-top: 5px;
}

.tw-print-label-block{
	font-family:monospace;
/*	height: 5.05cm;*/
/*	width: 7.5cm;*/
/*	margin-top:	0cm;*/
	border:0px solid black;
/*	padding-left:0.7px;*/
/*	padding-top:2.75px;*/
    padding:5px;
    background: white;
    border-radius: 10px;
}

.tw-printable-section{
    
}

.tw-label-qtyin-one-row-section{
    width: 50px;
}

.tw-measurement-section{
    width: 140px;
}

.tw-printable-lable-section {
    background: #f5f5f5;
}

.tw-label-setting-section{
    padding: 2px;
}

.tw-label-setting-section input {
    text-align: center;
}

.tw-label-layout{
    border: 1px solid #ddd !important;
    margin: 2px;
    background: #f5f5f5;
}

.tw-label-print-top-section{
    
}

.tw-label-print-bottom-section{
    
}

.tw-label-print-left-section{
    position: relative;
    top: 16px;
}

.tw-label-print-body{

}

.tw-label-printable-section{
    width: calc(100% - 100px);
    height : 100px;
    background: white;
    border-radius: 5px;
}

.tw-label-printable-section .tw-label-text{
    position: relative;
    top: 15px;
}

.tw-label-printable-section .tw-label-dimensions{
    position: relative;
    top: 25px;
}

.tw-label-print-section {
    
}

.tw-label-width{
    
}

.tw-label-height{
    
}

.tw-label-in-one-row-text{
    width : 185px;
}

.tw-label-in-one-row-option{
    width : 60px;
}

.tw-label-print-right-section{
    position: relative;
    top: 16px; 
}

.tw-all-labels-block{
	page-break-before: always;
	padding-top:0cm;
    background: black;
/*	margin-left:calc(50% - 3.75cm);*/
}

.tw-select-variant-block{
	display:inline-block;
	overflow:auto;
	height:375px;
}
.tw-select-variant-modal{
	height:400px;
	padding: 1px 12px;
}

.tw-select-item-section{
    height: 375px;
    width: auto;
    height: 400px;
    overflow: auto;
}

.tw-variant-hsncode-field{
	width: 125px !important;
	height: 30px;
}

#elSearchVariant {
  background-image: url('/css/searchicon.png');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 7px 0px 7px 10px;
  border: 1px solid #ddd;
  margin-bottom: 5px;
}
.tw-label-dimension-block{
	border:1px solid #bbb;
	padding:15px 5px;
	border-radius:2px;
	position: absolute;
    right: 2cm;
    top: 2cm;
	background: white;
    z-index: 10;
}
.tw-close-dimension-block{
	position: absolute;
    top: 5px;
    right: 10px;
}

.tw-biz-logo{
	height:50px;
}
/*--------------------------------------------------------------Coupon Creation Area----------------------------------------------------*/

.tw-coupon-discount{
	color: white;
	min-height: 50px;
	width: 44px;
    padding-top: 5px;
    font-size: 13px;
	margin-top: 2px;
    background: #9e0e0e;
    text-align: center;
    opacity: 0.7;
	background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(red, #6f4633); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(red, #6f4633); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(red, #6f4633); /* For Firefox 3.6 to 15 */
    background: linear-gradient(red, #6f4633); /* Standard syntax */
}

.tw-coupon-discount:before{
	content: '';
	position: absolute;
	left: 0px;
	bottom:0px;
	border:solid;
	border-width:5px 11px; 
	border-color: transparent transparent white white;
	
}

.tw-coupon-discount:after{
	content: '';
	position: absolute;
	right:0px;
	bottom:0px;
	border:solid;
	border-width:5px 11px;
	border-color: transparent white white transparent;
}

.tw-width-coupon-discount{
	width:60px;
}

.tw-coupon-offer-img{
	margin-top: 2px;
    padding-top: 5px;
    width: 44px;
    min-height: 50px;
}

.tw-coupon-sub-heading{
	border-bottom: 1px solid #ddd;
    font-size: 1.1em;
    width: calc(100% - 40px);
    padding: 10px 0px;
}
.tw-template-coupon-block{
	margin: 10px;
    border: 2px dashed black;
}
.tw-template-coupon-header{
	border-bottom: 1px solid black;
    width: 100%;
    padding: 6px;
    background-color: #e0b98a;
	min-height:30px;
}
.tw-template-coupon-body{
	background-color:white;
}
.tw-coupon-offer{
    font-family: Apple Chancery, cursive;
	font-style: italic;
    font-size: 4em;
    padding: 8px 0px;
}

.tw-delivery-zone-currency{
	background-color:white !important;
	border-top:0px !important;
	border-right:0px !important;
	border-left:0px !important;
	border-bottom: 1px solid #ccc !important;
    margin-top: 4px;
}

.tw-delivery-address-options .input-group{
	padding-top: 0px;
}

.table.tw-delivery-address-options tr td {
    font-size: 1.6em;
}

.tw-delivery-address-options .tw-prefix-sign {
    min-width: 40px;
    padding: 3px 10px 2px 14px;
	background: #e6e6e6;
    color: black;
    border-color: gray;
}

.tw-delivery-address-options .tw-suffix-sign {
    min-width: 40px;
    display: inline;
	background: #e6e6e6;
    color: black;
    border-color: gray;
	height: 66px;
    padding: 10px 15px 8px 13px;
	
}

.tw-delivery-address-options .tw-editable-price{
    width: 140px;
    padding: 3px 14px 2px 10px;
	text-align: center;
}

.tw-delivery-address-options .input-group-addon{
	background-color: transparent
}

.tw-delivery-address-options .input-group>span.input-group-addon:last-child{
	padding: 0px;
	border-left: 1px 1px 1px 0px solid #ddd; 
}

.tw-form-label{
	position: absolute;
    top: -7px;
    right: -21px;
}
/* <------------------------- Manage Offers --------------------------------> */
.tw-offers-datepicker{
    width: 145px !important;
}
.tw-custom-offer-type-selection:before{
	content: 'Offer Type';
}
#elCustomOfferMinQty:before{
	content: 'Min. qty';
}
#elCustomOfferMaxQty:before{
	content: 'Max. qty';
}
#elCustomOfferFaltDiscountValue:before{
	content: 'Flat Discount';
}
#elCustomOfferPercentageDiscountValue:before{
	content: 'Percent Discount';
}
#elCustomOfferGetYFreeQty:before{
	content: 'Free Qty.';
}
#elOfferRulesSection input{
	line-height: 30px;
	border : 1px solid #ddd;
}
#elOfferRulesSection select{
	height: 35px;
	border : 1px solid #ddd;
}
#elOfferConditionsSection input{
	line-height: 30px;
	border : 1px solid #ddd;
}
.tw-modal-error-section{
	color: #BF040F;
}
.tw-input-error-section{
	color: #BF040F;
	padding-top : 10px;
}
.tw-custom-offer-error-msg-section{
	color: #BF040F;
}
.tw-select-offer-rule-location-section{
	padding-top: 8px;
}
.tw-select-offer-rule-location-section button{
	line-height: 30px;
}
.tw-offer-rules-n-conditions-section{
	min-height: 250px;
}
.tw-group-offers-dropdown-section{
	min-height: 250px;
}
.tw-custom-offer-section .input-group-addon{
	min-width: 0px !important;
}
.tw-custom-offer-min-qty-section{
	width: 130px;
}
.tw-custom-offer-max-qty-section{
	width: 130px;
}
.tw-custom-offer-type-selection-section{
	width: 160px;
	padding-top: 10px;
}
.tw-custom-offer-flat-discount-section{
	width: 150px;
	display:none;
}
.tw-custom-offer-percent-discount-section{
	width: 150px;
	display:none;
}
.tw-custom-free-item-qty-section{
	width: 150px;
	display:none;
}
.tw-custom-free-rollover-section{
	width: 135px;
	padding-top: 10px;
	display:none;
}
.tw-delete-custom-offer-section{
	padding-top: 13px;
	width: 50px;
}
.tw-combo-rollover-section{
	width: 135px;
}
.tw-delete-combo-offer-section{
	padding-top: 5px;
	width: 135px;

}
.tw-offer-min-max-value-section input{
	width: 100px;
}
.tw-offer-dates-section input{
	width: 135px;
}
.tw-combo-offer-error-msg-section{
	color: #BF040F;
}
.tw-group-offer-assign-item-table-section{
	height : 400px;
	overflow: auto;
}
/* <---------------------------------------------------------IOT Devices------------------------------------------------------------------> */

.tw-responsive-IOT-date{
	top:36px;
	position:absolute;
}

.tw-iot-panel-body{
	min-height:200px;
}

.tw-pull-printer-url{
    color: #c7254e;
    background-color: #f9f2f4;
    word-break: break-word;
}

.tw-push-printer-url{
    color: #337ab7;
    word-break: break-word;
}

.tw-push-printer-frame{
    height: calc(100vh - 148px);
}

/* <---------------------------------------------------------Printable Coupons Start----------------------------------------------------------> */
.tw-printable-coupon-block{
	margin: 2px;
    border: 2px dashed black;
}

.tw-printable-coupon-header{
	border-bottom: 1px solid black;
    width: 100%;
    padding: 6px;
    background-color: #e0b98a !important;
	min-height:30px;
}
.tw-printable-coupon-offer{
    font-family: Apple Chancery, cursive;
	font-style: italic;
    font-size: 2.96em;
    padding: 10px 0px;
}
.tw-printable-coupon-body{
	background-color:white;
}

.tw-printable-coupon-element-height{
	height:15px;
}

/* <---------------------------------------------------------Printable Coupons End----------------------------------------------------------> */

.tw-subscription-element{
	padding: 5px;
}

.tw-subscription-catalog{
	background-color: #eee;
    padding: 10px 5px;
    border-bottom: 1px solid #ddd;
}

.tw-subscription-details{
    border: 1px solid #ddd;
	border-radius:2px;
	padding:5px;
	height:315px;
}
.tw-subscription-listing{
	border-left:1px solid #ddd;
}

.tw-subscription-image-section{
	height: 110px;
    width: auto;
    white-space: nowrap;
    text-align: center;
	float:initial;
}

.tw-subscription-alignment{
	display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.tw-subscription-image{
	max-width: 110px;
    max-height: 110px;
    vertical-align: middle;
}

.tw-subscription-name{
	padding-left:2px;
	/* padding-top:10px; */
	font-weight:700;
	/* font-weight:14px; */
	color: #5395d3;
}
.tw-subscription-filter-dropdown{
	width:75px;
	border: 1px solid #ddd;
	margin-left: 10px;
    margin-right: 10px;
}
.tw-subscription-price{
	padding:5px ;
	padding-top:10px;
	text-align:center;
}

.tw-subscription-description{
	padding:10px 20px;
	text-align: justify;
	color: #9fadbb;
}

.tw-subscription-header{
	background-color: #008ae1 !important;
	color:#fff !important;
}

.tw-subscription-plan-list{
	max-height:75%;
	overflow:auto;
	/* background-color:black; */
}

.tw-subscription-trash{
	color:#e60000;
	position: absolute;
    /* top: 5px; */
    right: 5px;
    padding:0px 7px;
    font-size: 1.3em !important;
}

.tw-cart-button{
	position:absolute;
	right:20px;
	top:20px;
}

.tw-selected-plan{
	border-bottom:1px solid #ddd;
}


/* .tw-checkout-button{ */
	/* position:absolute; */
	/* bottom:0px; */
/* } */

.tw-custom-input-text{
	line-height: 34px;
    font-size: 20px;
}

.tw-amount-input-section .tw-amount-input{
    width: 140px;
    padding: 3px 14px 2px 10px;
	text-align: center;
	height : 35px;
}
.tw-error-section{
    text-align: left;
    color: #ff5f11;
    padding-left: 5px;
    margin-right: 2px;
    font-size: 14px;

}
.tw-amount-input-section .tw-prefix-sign {
    min-width: 40px;
    padding: 3px 10px 2px 14px;
	background: #e6e6e6;
    color: black;
    border-color: gray;
}
.tw-amount-input-section .tw-suffix-sign {
    min-width: 40px;
    display: inline;
	background: #e6e6e6;
    color: black;
    border-color: gray;
	height: 66px;
    padding: 11px 15px 6px 13px;
	
}

.tw-feature-font{
	/* font-family: Times New Roman; */
	font-family: calibri;
    font-style: italic;
    font-size: 15px;
    /* font-weight: 700; */
}

.tw-subscription-variant{
	padding:2px;
	/* border:1px solid #ddd; */
	/* height:900px; */
	/* width:150px; */
}

.tw-subscription-variant:hover{
	box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.5);
    border-top: 5px solid #0c6cc3;
    transform: scale(1.02) translateY(2px);
    z-index: 1;
    border-bottom: 0 none;
    background: linear-gradient(white,#A4C9E4);
	-webkit-transition:0.35s; /* For Safari 3.1 to 6.0 */
    transition: 0.35s;
	transition-timing-function: ease-in-out;
}
.tw-subscription-variant-inner-element{
	border:1px solid #ddd
}
.tw-subscription-variant-inner-element:hover{
	border:none;
}

#elBrowseSubscription .accordion {
    margin-bottom: 2px;
}

#elBrowseSubscription .accordion-group {
	margin-bottom: 0px;	
	border: 0px solid #e5e5e5;
}

#elBrowseSubscription .accordion-group .accordion-inner {
    background: #fff;
}

#elBrowseSubscription .accordion-group .accordion-inner .accordion-inner {
    background: #fff;
	
}

#elBrowseSubscription .accordion-group .accordion-inner .accordion-inner  a{
    color: #f3f3f3;
	padding: 1px 10px;
    line-height: 20px;
}

#elBrowseSubscription .accordion-heading .accordion-toggle {
	padding: 0px 15px;
    line-height: 30px;
    color: #000;
	font-size:14px;
}

#elBrowseSubscription  .accordion-inner {
    padding: 2px 2px 2px 0px;
    border-top: 1px solid #e5e5e5;
	margin-left: 20px;
}
.tw-remove-addon{
    position: absolute;
    right: 0px;
    top: 12px;
}

.tw-edit-addon-section{
	max-height:400px;
	overflow-y:auto;
}

.tw-remove-lead{
	position:absolute;
	top:5px;
	right:-10px
}
.tw-report-filters{
    width: auto;
    margin-right: 10px;
}
.tw-report-time-selector>li>a {
    line-height: 2.5em;
}
.tw-report-time-selector>li>a:hover {
    background-color: #eee;
}


.tw-album-icon{
	height:20px;
	width:20px;
	padding: 2px;
    margin: 0px 5px;
}

.tw-album-section{
	border-bottom:1px solid #ddd;
	line-height: 2.1;
    background: #eee;
	font-size:0.9em;
}

.tw-album-grid{
	height:325px;
	overflow-y:auto;
	overflow-x:hidden;
}

.tw-album-image{
	padding:2px;
	height:140px;
	width:110px;
	border: 3px solid transparent;
}


/* .tw-album-image:active{ */
	/* padding:2px; */
	/* height:120px; */
	/* width:120px; */
	/* border: 2px solid green; */
/* } */

.tw-album-list{
	border-bottom: 1px solid #ddd;
    line-height: 2.5;
    background: #f7f7f7;
    padding: 4px 0px;
}

.tw-album-image-section{
	padding-left:7%;
}

.tw-view-album-sidebar{
	width: 200px;
    height: calc(100vh - 107px);
    overflow: auto;
}

.tw-view-album-content-section{
	width: calc(100% - 200px);
    height: calc(100vh - 107px);
    overflow: auto;
}

.tw-album-image-element{
	border:3px solid transparent;
	width:100%;
}
.tw-image-index{
	background: #0c6cc3;
    position: absolute;
    height: 25px;
    width: 25px;
    border-radius: 20px;
    right: 0px;
    top: 0px;
    color: #fff;
    padding-top: 2px;
}
.tw-image-placeholder{
	height:80px;
	background-color:#f3e69b;
	width:80px;
}
.tw-image-name-section{
	height:45px;
	font-size: 0.8em !important;
	
}
.tw-image-reordering-element{
	padding:5px;
}

.tw-image-url-detail{
	padding:4px;
	margin-top:5px;
	border:1px solid #ddd;
	background:#f7f7f7;
	/* white-space: pre-wrap; */
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.tw-paymentsurcharge-input{
	padding: 5px 0px;
	width: 50% !important;
	min-width: 50px;
	text-align: right;
}
/*Shaking Box*/
.tw-border-red{
	border: 1px solid red !important;
	animation: shake 0.7s;
	animation-iteration-count: 1;
}
@keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	12.5%, 37.5%, 62.5%,87.5% {-webkit-transform: translateX(-5px);}
	25%, 50%, 75% {-webkit-transform: translateX(5px);}
}

.tw-shaking-bell {
/*	width: 2rem;*/
	animation: bellshake .5s cubic-bezier(.36,.07,.19,.97) both;
    backface-visibility: hidden;
    transform-origin: top right;
	position: relative;
	top: 3px;
	animation-iteration-count: 2500;
}

@keyframes bellshake {
  0% { transform: rotate(0); }
  15% { transform: rotate(10deg); }
  30% { transform: rotate(-10deg); }
  45% { transform: rotate(8deg); }
  60% { transform: rotate(-8deg); }
  75% { transform: rotate(5deg); }
  85% { transform: rotate(-5deg); }
  92% { transform: rotate(3deg); }
  100% { transform: rotate(0); }
}

.tw-report-tabular-data {
    border-bottom: 0px solid #ddd;
}

.tw-enable-table-download-btn{
    position: absolute;
    top: 0px;
    right: -7px;
    border: 0px !important;
}

.tw-table-header-left-section{
    position: absolute;
    top: 0px;
    border: 0px !important;
    padding-left: 0px !important;
}

/*----------------------------------------------Welcome Registration -----------------------------*/
.tw-jumbotron{
    padding: 40px 10px 30px 60px;
	background-color:white;
}

.tw-otp-validation-btn{
	padding-top: 60px !important;
	padding-bottom: 10px !important;
}
@media (max-width: 768px){
	.tw-jumbotron {
		padding: 30px 10px 30px 15px;
		background-color:white;
	}
}

@media (max-width: 400px){	
	.tw-jumbotron {
		padding: 5px 0px 10px 0px;
		background-color: white;
	}
}

.tw-btn-block {
    height: 175px;
    max-width: 175px;
    font-size: 2.0em;
    background-color: #a7a7a7;
    border: solid 1px #ddd;
    color: white;
}

.tw-integration-distinct-provider-type-section-header-content {
    color: #337ab7;
}
.tw-integration-provider-block-body{
	display: inline-flex;
	align-items: center;
}
.tw-integration-provider-block-body-img{
	width: 60px;
	border-radius: 10px;
}
.tw-integration-provider-block-body-img-section{
	width: 65px;
}
.tw-integration-provider-block-body-name-section{
    width: calc(100% - 70px);
    padding-left: 10px;
    font-size: 15px;
}

.tw-integration-provider-block-section{
	padding: 15px 20px;
}

.tw-integration-distinct-provider-type-section-header{
	padding: 10px 20px 5px;
}

.tw-integration-provider-block {
    height: 65px;
    font-size: 1.2em;
    background-color: #ffffff;
    border: solid #ffffff;
    border-top: 1px;
    border-left: 1px;
    border-radius: 6px;
    padding: 2px;
    box-shadow: 3px 3px 8px 4px #62646521;
}

.tw-center-element{
    display:flex;
    align-items: center;
    justify-content: center;
}

/*---------------------------------Short URL ---------------------------------------*/
.tw-short-url-input-box{
	padding-bottom: 3px;
	padding-top: 3px;
}

.tw-analytics-long-url {
    max-width: calc(100vw - 30px);
    overflow: hidden;
}

.tw-btn-block-short-url-share-media{
    height: 175px;
    font-size: 1.7em;
    background-color: #ffffff;
    border: solid 1px #ddd;
    color: rgba(0,0,0,0.54);
	box-shadow: 4px 3px 10px 0px #495054a1;
}
.tw-short-url-text{
	font-size: 1.2em;
}

@media(min-width: 320px) and (max-width: 420px){
	.tw-short-url-text{
		font-size: 0.9em;
	}
	.tw-btn-block-short-url-share-media{
		font-size: 0.9em;
	}
}

@media(min-width: 430px) and (max-width: 767px){
	.tw-short-url-text{
		font-size: 0.9em;
	}
	.tw-btn-block-short-url-share-media{
		font-size: 1.1em;
	}
}

@media(min-width: 768px) and (max-width: 960px){
	.tw-short-url-text{
		font-size: 1.0em;
	}
	.tw-btn-block-short-url-share-media{
		font-size: 1.5em;
	}
}

/*----------------------------------------------------------------Manage Modifier/Addon--------------------------------------------------*/

.tw-add-addon-table .tw-added-addon input{
    height: 29px;
}
.tw-modifier-group-rule-section{
    padding : 10px 0px;
}
.tw-addon-color-box{
    width : 75px !important;
    height : 35px !important;
    border : 0px !important;
}
.tw-addon-rules-property{
    height : 45px !important;
    padding:5px;
}

.tw-addon-rules-property .input-group{
    padding-top : 8px !important;
}

.tw-addon-rules-object{
    min-width: 150px;
}

.tw-input-error-msg{
    color: red;
}

.tw-added-addon-action .btn{
    padding-left: 4px;
    padding-right: 4px;
}
.tw-addon-block-sm .tw-added-addon-action .btn{
    padding-left: 16px;
    padding-right: 16px;
}
.tw-modifier-editable-options .tw-modifier-name-section{
    width:calc(100% - 450px);
    padding-left:8px;
    padding-right:8px;
}

.tw-modifier-editable-options .tw-modifier-price-section{
    width:209px;
    padding-left:8px;
    padding-right:8px;
}

.tw-modifier-editable-options .tw-modifier-quantity-section{
    width:209px;
    padding-left:8px;
    padding-right:8px;
}

.tw-modifier-editable-options .tw-modifier-description-section{
    padding-left:8px;
    padding-right:8px;
}

.tw-modifier-rules-section .input-group-addon{
    color : black;
}
.tw-modifier-rules-appearance{
    padding : 10px 5px;
}

.tw-modifier-group-rules-appearance-section.tw-non-clickable{
    opacity: 0.5;
    display : none;
}
/*---------------------------------------------------------------SEO Config-------------------------------------------------------------------------*/

.tw-seo-li-tab{
	min-width:100px;
	text-align:center;
}
.tw-page-seo-box{
	border: 1px solid #d5d5d5;
    min-height: 200px;
    margin: 10px 15px;
	padding: 15px;
}
.tw-page-seo-box .tw-seo-input-group{
	margin: 15px 0 40px;
}
.tw-page-seo-box .tw-seo-input-title{
	padding-bottom: 15px;
	font-weight: 600;
    color: #555;
}
.tw-seo-meta-robot-follow input[type=radio]{
	height: 20px;
    width: 20px;
	margin-top: 0;
    margin-right: 5px;
}
.tw-seo-meta-robot-follow label{
	font-size: 15px;
    font-weight: 100;
    padding-right: 20px;
	position: relative;
    bottom: 5px;
}
/* -------------Eftpos Setting classes------------ */
.tw-assembly-receipt{
	width: 300px;
	height : 250px; 
    font-size: 12px;
    font-family: "Courier New", "Verdana";
    white-space: pre;
    overflow-y: scroll;
}

/*
.tw-payment-line-processing-block .tw-terminal-payment-line-processing-block{
	width: calc(100% - 200px);
}
*/
/* .tw-payment-line-processing-block .tw-terminal-payment-line-receipt-block{ */
	/* width: 200px; */
/* } */

.tw-eftpos-customer-receipt{
	width: 212px;
	height : 250px; 
    font-size: 12px;
    font-family: "Courier New", "Verdana";
    white-space: pre;
    overflow-y: scroll;
    background-color: whitesmoke;
}

.tw-on-ternminal-action-section{
	padding: 15px 10px;
}

.tw-terminal-current-flow-section{
	padding: 15px 10px;
	text-align: center;
}

.tw-payment-terminal-config-body{
	min-height: 150px;
}

.tw-payment-gateway-transaction-section{
    width:calc(100% - 250px);
}

.tw-payment-gateway-receipt-section{
    width:250px;
    padding:5px;
}

@media (max-width: 991px){
    .tw-payment-gateway-receipt-section{
        display: none;
        width:0px;
    }
    .tw-payment-gateway-transaction-section{
        width:100%;
    }
}

.tw-eftpos-receipt-btn{
    line-height: 40px;
    width: 160px;
    padding: 7px 13px 0px !important;
}
.tw-eftpos-receipt-btn:after{
    position: relative;
    content: 'Print';
    font-size: 10px;
    bottom: 15px;
    right: 70px;
    color: white;
}

.tw-linkly-pair-section{
	width: 280px;
    margin-left: calc(50% - 140px);
    margin-top: 35px;
}

.tw-linkly-pair-btn{
	background-color: #337ab7 !important;
	color: white !important;
	line-height: 40px;
	font-size: 25px;
	text-align: center;
}

.tw-linkly-pair-input-box{
	line-height:30px;
	font-size:25px;
}

.tw-eftpos-modal-note-text{
	font-weight : 500;
}
/*----------------------------------------------------------------Terminal classes----------------------------------------------------------*/
.tw-terminal-check-indication{
    position: absolute;
    font-size: 1.3em;
    color: #00ff37;
}

.tw-terminal-connected:after{
	content: 'connected';
	font-size: 10px;
	bottom:-13px;
	position:relative;
	left: -10px;
	color: #00ff37;
}

.tw-terminal-connecting:after{
	content: 'Pairing...';
	font-size: 10px;
	bottom:-13px;
	position:relative;
	left: -9px;
	color: #00ebff;

}

.tw-terminal-not-connected:after{
	content: 'Unpaired';
	font-size: 10px;
	bottom:-13px;
	position:relative;
	left: -10px;
	color: #ff6f51;
}


.tw-terminal-indication{
    height: 34px;
    width: 40px;
    background-repeat: no-repeat;
}

/*----------------------------------------------------------------Add-on Config----------------------------------------------------------*/
.tw-variant-json-editor-footer button{
	padding : 8px 12px ;
}

.tw-addons-table-list .table>tbody>tr>td{
	padding : 3px;
}

.tw-product-addon-config-section{
    height:400px;
}

/*---------------------------------------------------------------SEO Config-------------------------------------------------------------------------*/

.tw-seo-li-tab{
	min-width:125px;
	font-size: 1.2em;
	text-align:center;
}
@media (max-width: 480px) {
    .tw-seo-li-tab{
        min-width: 80px;
		font-size: 1em;
    }
}
.tw-page-seo-box{
	border: 1px solid #d5d5d5;
    min-height: 200px;
    margin: 10px 15px;
	padding: 15px;
}
.tw-page-seo-box .tw-seo-input-group{
	margin: 15px 0 40px;
}
.tw-page-seo-box .tw-seo-input-title{
	padding-bottom: 15px;
	font-weight: 600;
    color: #555;
}
.tw-seo-meta-robot-follow input[type=radio]{
	height: 20px;
    width: 20px;
	margin-top: 0;
    margin-right: 5px;
}
.tw-seo-meta-robot-follow label{
	font-size: 15px;
    font-weight: 100;
    padding-right: 20px;
	position: relative;
    bottom: 5px;
}
.tw-fix-web-domain-url{
	background: #efeff0;
}
#elWebPageMetaCanonicalLink input{
	width:auto;
	min-width:250px;
}
.tw-input-string-length{
	float: right;
    color: #9f9f9f;
}

/*==========================================KDS Setting ======================================*/
.tw-settings-sub-sections{
	padding-bottom: 22px;
    border: 1px solid #ddd;
    background-color: #fbfbfb;
/*    overflow: auto;*/
    margin-top: 15px;
}

.tw-setting-sub-section-heading{
	border-bottom: 1px solid #ddd;
    padding: 5px 20px;
    margin-bottom: 10px;
    background: #eee;
}

.tw-setting-sub-section-body{
    padding-left: 15px;
    padding-right: 15px;
}

.tw-setting-property{
    padding-top: 10px;
    padding-bottom: 10px;
}

.tw-setting-property-value{
    
}

input[type=checkbox].tw-setting-property-value, input[type=radio].tw-setting-property-value{
	height: 21px;
    width: 21px;
    position: relative;
    top: 3px;
} 

.tw-setting-property-heading{
   font-size: 1.25em; 
}

.tw-setting-property-description{
    font-size: 0.9em;
    color: #9fadbb;
}

.tw-kds-setting-input-box{
    padding: 4px;
    line-height: 20px;
}
/* =================================================================================== */
.tw-progress-step-tab-container {
	display: flex;
	justify-content: center;
	gap: 33%;
	list-style: none;
	padding: 20px 0;
	margin: 0;
  }
  
  .tw-progress-step-tab {
	text-align: center;
  }
  
  .tw-progress-step-tab a {
	text-decoration: none;
	color: inherit;
	display: flex;
	flex-direction: column;
	align-items: center;
  }
  
  .tw-progress-step-circle {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 2px solid #337ab7;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 5px;
  }
  
  .tw-progress-step-check {
	color: white;
	font-size: 16px;
  }
  
  .active .tw-progress-step-circle {
	background-color: #337ab7;
	color: white;
	border: none;
  }
  
  .tw-progress-step-tab-container li.active a {
	background: transparent;
    color: #4c4c4c;
  }

  .tw-progress-step-label {
	font-size: 14px;
	color: #337ab7;
  }
  
  .tw-progress-step-label strong {
	display: block;
	font-weight: bold;
	margin-bottom: 2px;
  }
  
  .tw-progress-step-content {
	padding: 20px;
	border-top: 1px solid #ccc;
  }
  
/*======================================== Timing Group Classes ==========================*/
.tw-modal-header-title {
	font-size: 1.5rem;
	font-weight: bold;
	color: #333;
	margin: 0;
	display: inline-block;
}

.tw-timing-group-schedule-section .input-group-addon{
	color: #333 !important;
}

.tw-checkbox-with-slider{
	display: flex;
}

.tw-timing-group-schedule-timing-row{
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	display: flex;
    align-items: center;
    gap: 5px;
	/* float: right; */
}

.tw-timing-group-schedule-timing-row.tw-date-picker-modal .hasTimepicker{
	width: 90px;
}

.tw-timing-group-special-day-entry .tw-date-picker-modal button.ui-datepicker-trigger>img {
    height: 35px;
}

.tw-timing-group-schedule-section{
	height: calc(100vh - 250px);
	overflow: auto;
}

.tw-timing-group-schedule-section .tw-timing-group-name-section input{
	max-width: 300px;
    height: 35px;
    border: 1px solid #ddd;
}

.tw-timing-group-schedule-day-name{
	text-transform: uppercase;
	font-weight: bold;
}

.tw-special-day-enable-text-section{
	text-transform: none;
	position: relative;
	bottom: 3px;
}

.ui-timepicker-standard a {
    padding: .1em 0.1em;
}

.tw-day-open-section{
	width: 130px;
}
.tw-day-24hrs-section{
	width: 150px;
}

.tw-special-day-date{
	width:93px !important;
	height:35px;
}

.tw-button-remove-timing,.tw-button-add-timing i{
	color: darkgray;
}

.tw-special-hour-delete-section i{
	color: #d9534f;
}

.tw-timing-group-special-day-entry{
	border: 1px groove;
}

.tw-timing-group-schedule-timing-row.tw-date-picker-modal .hasTimepicker{
	width: 90px;
    font-size: 16px;
}

.tw-special-hour-delete-section {
	width: 45px;
}

.tw-timing-group-schedule-timings {
	padding-right: 45px;
}

.tw-special-day-enable-section{
	width: 100px;
}

.tw-special-hours-date-section {
	width: 170px;
	padding-right: 15px;
}

.tw-timing-group-special-days-schedule-timings {
	padding-right: 0px !important;
	width: calc(100% - 45px);
}

@media (min-width: 992px){	
	.tw-day-open-section{
		width: 200px;
	}
}

@media (max-width: 991px){	
	.tw-timing-group-schedule-day-name{
		width: calc(100% - 400px);
	}
	.tw-timing-group-schedule-day-open-flags{
		width: 280px;
	}
}

@media (min-width: 768px){	
	.tw-timing-group-schedule-day-right-section{
		width:calc(100% - 345px);
		padding-top:6px;
	}
	.tw-timing-group-schedule-day-left-section{
		width:345px;
	}
}

@media(max-width: 767.98px){
	.tw-timing-group-schedule-day-name{
		width: calc(100% - 405px);
	}
	.tw-timing-group-schedule-day-open-flags{
		width: 280px;
	}
	.tw-timing-group-schedule-timing-row.tw-date-picker-modal .hasTimepicker{
		width: 133px;
	}
	.tw-timing-group-schedule-day-left-section{
		width:100%
	}
}

@media(max-width: 575px){	
	.tw-timing-group-schedule-day-name{
		width: calc(100% - 405px);
		
	}
	.tw-timing-group-schedule-day-open-flags{
		width: 390px;
		
	}
	.tw-timing-group-schedule-section{
		height: calc(140vh - 250px);
	}
	.tw-timing-group-schedule-timing-row.tw-date-picker-modal .hasTimepicker{
		width: 133px;
	}
	.tw-timing-group-schedule-day-left-section{
		width:100%
	}
}


@media(max-width: 422px){	
	.tw-timing-group-schedule-day-name{
		width: 100%;
		padding: 5px 0px;
	}
	.tw-timing-group-schedule-day-open-flags{
		width: 100%;
		padding: 5px 0px;
	}
	.tw-timing-group-schedule-section{
		height: calc(140vh - 250px);
	}
	.tw-timing-group-schedule-day-left-section .pull-right{
		float: left !important;
	}
	.tw-timing-group-schedule-timing-row {
		padding-left: 0px;
	}
}

/*======================================== Workflow Classes ==========================*/
/* .tw-step-name-and-action-type-section {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
} */

.tw-workflow-template-step-section .input-group{
	padding-right: 20px;
}

.tw-workflow-template-step-section .input-group-addon{
	width: 150px !important;
}

@media (min-width: 768px){	
	.tw-workflow-template-description-section input{
		width: 350px;
	}
}


.tw-create-workflow-template-steps-section{
	height: 340px;
	overflow-y: auto;
}

.tw-increment-decrement-widget {
	width: 175px;
    height: 60px;
    box-shadow: 4px 3px 10px 0px #495054a1;
}

.tw-schedule-time-input-section{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.tw-increment-decrement-widget .tw-input-text-notation-field{
	text-align: center;
}

.tw-schedule-time-delay-components{
	padding: 10px;
}

.tw-time-delay-manipulator-btn-section.tw-increment-btn-section{
	padding-left: 3px;
	padding-right: 3px;
}

.tw-time-delay-manipulator-btn-section.tw-decrement-btn-section{
	padding-right: 3px;
	padding-left: 3px;
}

.tw-time-delay-manipulator-btn {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #b6b7b6;
	color: white;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	transition: background-color 0.3s ease;
}

.tw-increment-decrement-widget input{
	border: 0px;
	text-align: center;
}

.tw-workflow-step-action-type-selector #elActionTypeDropDown {
	padding: 5px 10px;
    height: 35px;
    min-width: 300px;
    align-items: center;
}

.tw-workflow-template-section .input-group-addon{
	width: 150px;
}

.tw-workflow-template-section .input-group input{
	height: 35px;
	width: 300px;
}

.tw-workflow-steps-section input[type="text"]{
	height: 35px;
	width: 300px;
}

.tw-step-action-parameter-section .input-group-addon{
	width: 150px;
}

.tw-recipient-name, .tw-recipient-email-id{
	height: 35px;
	padding-bottom: 5px;
}

.tw-recipient-name{
	max-width: 100px;
}

.tw-recipient-email-id{
	width: 199px;
}

.tw-email-recipient-dom{
	display: flex;
    align-items: center;
	gap: 3px;
}

.tw-email-recipient-section i{
	color: darkgray;
}

.tw-step-action-parameter-section .input-group input[type="text"]{
	height: 35px;
	width: 300px;
}

.tw-workflow-step-and-action-section.tab-content {
	padding: 0px;
}

.tw-workflow-steps-and-action {
	padding-top: 20px;
}

.tw-email-recipient-section .tw-email-recipient-dom {
	padding: 3px 0px;
}

.tw-trigger-workflow-manually-section .tw-date-picker-modal .hasTimepicker {
    height: 37px;
}

.tw-trigger-workflow-manually-section .tw-date-picker-modal .hasDatepicker{
	height: 37px;
}

.tw-trigger-workflow-manually-section .tw-date-picker-modal button.ui-datepicker-trigger>img {
    height: 37px;
}


/*======================================== PoS user Setting Classes ==========================*/
.tw-user-change-password-pin-section li{
    min-width: 90px;
}
.tw-user-pos-setting-section li{
    min-width: 90px;
}

.tw-user-pos-pin-section{
    max-width: 250px;
}

.tw-user-pos-pin{
    font-size: 16px;
    font-weight: 500;
}

.tw-user-confirm-pos-pin{
    font-size: 16px;
    font-weight: 500;
}
/*======================================== Bulk Action through UI =======================================*/
.tw-bulk-action-section .btn{
    padding: 6px 12px;
	border-radius: 0px; 
}
.tw-bulk-action-filters{
    width: auto;
    margin-right: 10px;
    height:35px;
}
.tw-sales-order-history-list-section .btn{
    padding: 6px 12px;
	border-radius: 0px;
}
/*======================================== Food Type Icon =======================================*/
.tw-icon-box {
    border: 0.8px solid black;
    height: 12px;
    width: 12px;
    border-radius: 1px;
    display: inline-block;
    padding: 2px;
    margin-right: 6px;
}
.tw-icon-circle {
    background-color: #209240;
    border-radius: 50%;
    height: 6px;
    width: 6px;
}
.tw-icon-triangle {
    position: relative;
    top: -8px;
    left: -1px;
    border-top: 7px transparent solid;
    border-left: 4px solid transparent;
    border-right: 4px transparent solid;
    border-bottom: 7px #93282a solid;
}
.tw-icon-veg {
    border-color: #209240;
}
.tw-icon-non-veg {
    border-color: #93282a;
}
.tw-icon-egg{
    border-color:#ffa500;
}
.tw-icon-egg>.tw-icon-triangle{
    border-bottom: 7px #ffa500 solid;
}
.tw-icon-uncategorized{
    border-color : #999;
}
.tw-icon-uncategorized>.tw-icon-circle{
    background-color: #999;
}
.tw-table-row-count{
    position: relative;
    top:2px;
}

/*======================================== List Type Setting UI (Catalog/Product/Variant) =======================================*/
.tw-list-type-setting-section{
	padding-top: 10px;
}
.tw-list-type-setting-heading{
	display : none;
}
.tw-list-type-setting-body{
    padding: 15px;
    border: 1px solid #ddd !important;
}
.tw-list-type-setting-property-heading {
    font-size: 1.2em !important;
    padding-left: 4px;
    padding-right: 4px
}
.tw-list-type-setting-property-description{
	font-size: 0.9em;
    color: #9f9f9f;
}
/*======================================== Product/item Detail View =======================================*/
.tw-product-setting-modal .modal-body{
	overflow: auto;
	height: calc(100vh - 225px);
}
.tw-product-setting-modal .modal-header{
	padding: 0px 0px 0px 18px;
}

.tw-template-personalization-object-type{
	width: 100%;
}

.tw-template-personalization-object-type + .dropdown-menu{
	font-size: 1.1em;
	min-width: 200px;
	padding: 5px 10px;
}