/*#############################################################################
#
#	This code belongs to intellectual proprietary of Embedded Business Solution 
#	PTE LTD and cannot be shared or re-used without prior consent of Embedded 
#	Business Solution Pte LTD.
# 
#	Copyright 2014 (c) @Embedded Business Solution Pte Ltd . Singapore
#	All Rights Reserved.
##############################################################################*/  
body {
	font-family:"cambria", Georgia, Serif;
	font-family: 'Droid Serif', serif;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	margin-top:40px;
	padding: 0px;
	/* background-color: #F2F2F2; */
	background-color: white;
	/* background-image: url("../img/tw-background.jpg"); */
}

.menu_top{
	margin-top: 16px;
}

.menu_position{
	position: fixed;
	top: 60px;
	right: 0px;
}

.menu_position-left{
	position: fixed;
	top: 60px;
	left: 0px;
}

.backWHite{
	background-color: white;
}

.fontBlack{
	color: black;
}
	
.table{
	background-color: white;
	margin-bottom: 5px;
}

.table td {
    padding: 3px;
}

.table th {
    padding: 8px !important;
	/* background-color: #0A78AF !important; */
	background-color: #0C6CC3 !important;
    color: white !important;
}

.tw-plain-table{
	background-color: white;
	margin-bottom: 5px;
	margin-top:10px;
}

.tw-plain-table  td{
	border-bottom: 1px solid;
}

.tw-plain-table th {
    padding: 8px !important;
	background-color: white !important;
    color: black !important;
    border-bottom: 2px solid;
}
.tw-fa-sidebar {
	width: 14px;
	height: 14px;
	padding-right: 18px;
	zoom: 1.10;
}

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

.tw-del-carousel-btn{
	position: absolute; 
	top:5px; 
	left: 5px;
}
.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-product-caret{
	margin-left: calc(100% - 10px);
	margin-top: -185px;
	position: relative;
}

#ContentSection{
	/* zoom: 0.90; */
	font-size: 0.9em;
}

.tw-theme-color{
	color: #0C6CC3;
}

.tw-font-40{
	font-size: 0.4em;	
}

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

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

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

.tw-font-120{
	font-size: 1.2em;	
}

.tw-font-150{
	font-size: 1.5em ;	
}

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

.tw-border-left{
	border-left: 1px solid rgba(206, 200, 200, 0.6);
}

.tw-border-right{
	border-right: 1px solid rgba(206, 200, 200, 0.6);
}
.table-striped th {
    padding: 8px !important;
	background-color: #0C6CC3 !important;
    color: white !important;
}

.tw-animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.info{
	background-color: #0A78AF;
}

.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;
}

.tw-disable-link{
	color:black;
	text-decoration: none;
}

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

.tw-disable-link:hover .tw-disable-link:active{
	color:black;
	text-decoration: none;
	background-color:red;
}

.tw-consumer{
	border-bottom: 1px solid #C7B3B3;
   // border-right: 1px solid #C7B3B3;
    border-left: 1px solid #C7B3B3;
}

.tw-conversation-search-box{
    border: 1px solid #c7b3b3;
    background-color: whitesmoke;
}

.tw-messages-list li{
	width:33%;
	text-align: center;
}

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

.nano {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}
.nano>.nano-content {
    position: absolute;
    overflow: auto;
    overflow-y: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.pad-all {
    padding: 15px;
}
.msg-padding {
    padding:5px 20px;
}
.media-block .media-left {
    display: block;
    float: left;
}
.img-sm {
    width: 46px;
    height: 46px;
}
.media-block .media-body {
    display: block;
    overflow: hidden;
    width: auto;
}
.pad-hor-right {
    padding-left: 0px;
    padding-right: 15px;
}
.pad-hor-left {
    padding-left: 15px;
    padding-right: 0px;
}
.speech {
    position: relative;
    background: #F8F8FF;
    color: black;
    display: inline-block;
    padding: 6px 16px;
	border-radius:20px;
	border-top-left-radius:0px;
	box-shadow: 5px 0px 10px #888888;
	border:1px solid grey;
}
/* .speech:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid ghostwhite;
    margin: 15px 0 0 -6px;
}
.speech-right>.speech:before {
    left: auto;
    right: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #6262CE;
    border-right: 0;
    margin: 15px -6px 0 0;
} */
/* .speech .media-heading {
    font-size: 1.2em;
    color: #317787;
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-weight: 300;
} */
.speech-time {
    /* margin-top: 20px; */
    margin-bottom: 0;
    font-size: .8em;
    font-weight: 300;
	float:right;
}
.media-block .media-right {
    float: right;
}
.speech-right {
    text-align: right;
}

.speech-right>.speech {
    background: #275E90;
    color: #F9F8F5;
    text-align: right;
	box-shadow: -5px 0px 10px #888888;
	border-radius:20px;
	border-top-right-radius:0px;
}
/* .speech-right>.speech .media-heading {
    color: #FFFFFF;
} */

.tw-new-date-header{
	color:black;
	background:#C0C5EA;
	border:1px;
	border-radius:5px
	
}

.btn-primary, .btn-primary:focus, .btn-hover-primary:hover, .btn-hover-primary:active, .btn-hover-primary.active, .btn.btn-active-primary:active, .btn.btn-active-primary.active, .dropdown.open>.btn.btn-active-primary, .btn-group.open .dropdown-toggle.btn.btn-active-primary {
    background-color: #579ddb;
    border-color: #5fa2dd;
    color: #fff !important;
}

.nano>.nano-pane {
    background-color: rgba(0,0,0,0.1);
    position: absolute;
    width: 5px;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all .7s;
    transition: all .7s;
}

#elSenderMessages{
    position:absolute;
    left:0;
    right:0;
    /* border:1px solid #000; */
}
#elSenderMessages{   
    overflow:auto;
    top:0;
    bottom:0.1em;
}

#elTypedMessage{
    width: 100%;
    overflow: hidden;
    padding: 10px;
}

.tw-home-font{
	font-family: 'Droid Serif', serif;
	font-size: 0.9em;
}

.tw-white, .tw-white a {
  color: #fff;
}
.tw-footer-btn{

}

.tw-show-editable:hover{	
    display: block;
    border-style: solid;
    border-width: 2px;
    border-color: red;
	background-color: #b3b3ff;
    opacity:0.9;    
}

.tw-show-editable:hover::before{	
    content: url("../img/edit24x24.png");;
	position: absolute;
	opacity:0.4;
}


.tw-bg-red{
	background-color: rgb(226, 15, 15) !important;
}

.tw-handcursor{
	cursor: pointer;
}

.tw-generic-box{
	border: 2px, 
}

.tw-fix-frame{
	height: 100%;
}
.tw-fix-frame-medium{
	height: calc(100% - 101px);
	overflow:auto;
}
.tw-fix-frame-medium-noscroll{
	height: calc(100% - 80px);
}
.tw-navbar-padding{
	margin-top:50px;
}

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

.tw-login{
	border: 2px solid;
	background-color: white; 
	border-radius: 3px; 
	margin: 4px; 
	padding: 5px;
}

.tw-clickable{
	cursor: pointer;
}
.tw-register{
	border: 2px solid;
	background-color: white; 
	border-radius: 3px; 
	margin: 4px; 
	padding: 5px;
}

.tw-referal-code{
	padding: 5px;
	border-radius: 5px;
	color:#FF4D55;
}

.tw-col2-feature{
	border-bottom: 2px solid #CAC1BF; 
	margin: 1.5%;
}

.tw-grid-2x2{
	height: 50%;
}
.tw-box-with-shadow{
  border: 2px solid;
  box-shadow: 5px 5px 5px #888888;
}

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

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

.tw-medium-margin{
	margin:5px;
}

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

.tw-padding-top-20{
	padding-top:20px;
}

.tw-table th {
	background-color: rgb(188, 188, 188);
}

.tw-num-sm{	width: 40px;}
.tw-num-md{	width: 60px;}
.tw-num-lg{	width: 100px;}

.tw-Fixed-Header{
    box-shadow: 5px 5px 5px #888888;
    position: fixed;
    width: 100%;
	border:1px solid;
}

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

/* Dashboard classes */
.tw-icon-xl {
	zoom: 2.00;
}

.tw-icon-l {
	zoom: 1.75;
}

.tw-icon-md{
	zoom: 1.50;
}

.tw-icon-m {
	zoom: 1.25;
}

.tw-icon-s {
	zoom: 0.75;
}

.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;
}

.tw-business-warning{
	margin-top: 6px;
    color: yellow;
	zoom: 1.50;
}
.tw-upload-file-section{
	border: 1px solid;
	margin:50px 10px 10px 10px;
	padding: 0px;
}

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

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

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

.tw-medium{
	height: 100px;
}

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

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


.tw-draggable-pic-envelope{
	height: 120px;
	width : 96px;
	overflow : hidden;
	margin: 0px;
}

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

.tw-thumbnail-icon{
	margin: 3px;
	border: solid 1px black;
}

.tw-thumbnail-icon-selected{
	margin: 1px;
	border: solid 2px red;
}

.tw-scrollable{
	position:fixed;
	overflow:auto;
}

.tw-no-horizontal-scroll{
	overflow-x: hidden;
}

.tw-font-xxl {
	font-size: 2.0em;
}

.tw-font-xl {
	font-size: 1.5em;
}

.tw-font-lg {
	font-size: 1.15em;
}

.tw-font-md {
	font-size: 1.0em;
}

.tw-font-sm {
	font-size: 0.90em;
}

.tw-font-xs {
	font-size: 0.80em;
}

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

.tw-hide{
	display: none;
}

.tw-store-text{
	font-size:40px;
	padding: 0px;
	color: #FFFFFF;
	padding-bottom: 30px;
}

.tw-wiki-code{
    margin-top: 10px;
    word-wrap: break-word;
    list-style: none;
    padding: 5px;
    color: #333;
    font-family: sans-serif;
    font-size: 11px;
    line-height: 1.42857142857143;
    border: 1px solid grey;
    background-color: #DEDEDE;
}

.header-bar {
  text-align: center;
  position: absolute;
  width: 100%;
  padding: 10px 20px 13px 10px;
  border-radius: 0;
  border: none;
}

.alert-danger, .alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}

.highlight-row {
	background: #E6E6E6;
	/* border: 2px solid #08C; */
	color: red;
}
.highlight-box{
	border: solid 2px !important;
	border-color: red !important;
	color: blue !important;
}
  
.oldattribute-val{
	color:red;
}

.newattribute-val{
	color:green;
}

.pull-right{
	float:right;
}

.pull-left{
	float:left;
}

.info{
	font-weight: bold;
}

.tw-back-btn{
	margin-top: 10px;
	padding-left: 5px;
}

.tw-dashboard-section{
	margin-top: 8px;
	margin-bottom: 5px;
	margin-left: 2px;
}
.thumbnail-row {
	display:block;
	padding:1px;
	line-height:20px;
	border: 1px solid #ddd;
	width: 35px;
    height: 35px;
}

.scrollable-element {
	/* overflow: auto;  */
}

.sidebar-nav {
    padding: 9px 0;
	padding-bottom:80px;
	overflow:auto;
}

.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; */
}

.selected-image{
	outline: solid 2px;
	min-height:100px;
	width:200px;
	max-width:98%;
}

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

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

.sidebar-nav li a{
	color: #FFFCFC;
}

.product-option-dropdown {

}

.modal-header {
  color: #FFFCFC;
  color: black;
  border-radius: initial;
  /* background-image: url("../img/tw-modal-background.png"); */
  border-bottom: initial;
}

.modal-header h3 {
    margin: 0;
    line-height: 30px;
	/* background-image: url("../img/tw-modal-background.png"); */
	color: green;
}

.modal-body{
	/* background-image: url("../img/tw-modal-background.png"); */
}

.modal-footer{
	border-radius: initial;
	/* background-image: url("../img/tw-modal-background.png"); */
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.4;
}

.close{
	opacity:0.99;
	color: black;
}

/* CSS used here will be applied after bootstrap.css */

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

.tw-notifications {
   min-width:380px; 
}
  
.tw-notifications-wrapper {
	overflow:auto;
	max-height:350px;
}
    
.tw-menu-title {
	color:#ff7788;
	display:inline-block;
}
 
.tw-notification-badge{
	padding-bottom: 0px;
	background-color: #F50707; 
} 
   
.tw-notification-heading, .tw-notification-footer  {
 	padding:2px 10px;
}
.tw-dropdown-menu {
	padding: 1px 0;
	background-color: #0A0D0F;
}

.tw-item-option{
	position:relative;
	float:right;
	min-width:80px;
	border-radius:6px;
}

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

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

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

.tw-notifications a.content {
	text-decoration:none;
	background:#ccc;
}
  
.tw-notification-item {
	padding:5px;
	margin:3px;
	background: #F3F3F3;
	border-radius:1px;
	font-size: 12px;
}

.tw-unread-notif{
	background:#FFFFFF;
}

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

.tw-inventory-item {
	border: solid 1px grey; 
	margin-left:5px; 
	margin-top:20px; 
	height:215px;	
}

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

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

.tw-inventory-item-hover {
	color: #0033cc;
	background: #cceeff;
}

.tw-inventory-item-tagged {
	color: #cc0000;
	#background: #ffe6cc;
}

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

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


.tw-table-spreadsheet td input {
 border: 0px;
 padding: 0px;
 background: initial;
 font-size: 13px;
}

.tw-table-spreadsheet td select {
 border: 0px;
 padding: 0px;
 background: initial;
 font-size: 12px;
}

.tw-grid-buttons{
    border-radius: 20px;
    padding: 2px;
    width: 105%;
}

.tw-variant-title {
    overflow-y: hidden;
    margin-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
}

.mobileCountryCode{
	padding-left: 2px;
    padding-right: 1px;
}

.tw-bold{
	font-weight: bold;
}

.trumbowyg-editor {
    margin: 0 auto !important;
    margin-top: 30px !important;
}

.tw-append-text{
	background-color: white;
	color: #0c6CC3;
	font-weight: 600;
}

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

input, button, select, textarea {
	font-family:"cambria", Georgia, Serif;
	/*font-family: 'Droid Serif', serif;
	font-family: 'Roboto', sans-serif;
	 font-family: "ROBOTO",Helvetica,Arial,sans-serif; */
}

input[type="radio"], input[type="checkbox"] {
    margin: 0px 5px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="number"]{
   text-align:right;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
	font-size: 1.0em !important;
	/* border: 1px solid #CCCCCC; */
}

select {
	border: 1px solid #CCCCCC;
}

.tw-panel-default {
    border-color: #fff;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
}

.input-append, .input-prepend {
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: middle;
    font-size: 1.0em;
    white-space: nowrap;
}


.table th, .table td {
    padding: 5px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 0px;
}

/* start of Classes for Dashboard */

.large {
	font-size: 2em;
}

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

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

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

/*Panels*/

.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); 
}


.widget-left {
	height: 80px;
	padding-top: 15px;
	text-align: center;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.widget-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) {
	.widget-right {
	width: 100%;
	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;
	}
}

@media (max-width: 768px) {
	.widget-left {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	}
	.tw-widget-left{
		float: left;
		width: auto;
	}
}

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

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

.panel-widget {
	background: #fff;
}

.tw-widget{
	border: 1px solid #928F9C;
    border-radius: 6px;
	padding: 0; 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;}



/* End of Classes for Dashboard */

/* 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;
}

/* End of Classes for Different messages */
	.tw-box-10{
		max-height:200px;
		width:100%;
		overflow:auto;
	}

.sidebar-nav li {
    line-height: 32px;
}

.tw-list-spacing li {
    line-height: 2em;
	float:left;
}

.tw-blank-background{
	background:white;
	margin-left:22%;
}

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

.tw-grey-space{
	color:white;
	background:rgba(133, 128, 123, 0.82);
}

.tw-subscription-currency{
    top: -23px;
    right: 0px;
    font-size: 12px;
    float: right;
}

.tw-subscription-fixed-side{
	background-color: white;
	border: 1px solid; width:100%;
	background-color:  linear-gradient(white, #325069);
}

.tw-subscription-fixed-side li{
	padding: 5px 15px;
    border-bottom: 1px solid #ccc;
    font-size: 11px;
    list-style-type: none;
	font-size:14px;
}

.tw-subscription-fixed-side td{
	margin-left: 5px;
	line-height: 2.5em;
	text-align: left;
	color: black;
	padding: 3px;
    border: 1px solid;
	min-width: 140px;
}

.tw-subscription-plan{
	background-color: white;
	border: 1px solid;
	width:100%;
	background-color:  linear-gradient(white, #325069);
}

.tw-subscription-plan li{
	padding: 5px 15px;
    border-bottom: 1px solid #ccc;
    font-size: 11px;
    list-style-type: none;
	font-size:14px;
}

.tw-subscription-plan td{
	line-height: 2.5em;
	text-align: center;
	color: black;
	padding-left: 25px;
    padding-right: 25px;
    border: 1px solid;
    width: 0%;
    height: 50px;
}

.tw-subscription-plan th{
	text-align: center;
	background-color: #E8E6E6;
	color: #609874;
	padding: 5px;
    border: 1px solid black;
}

.tw-subscription-plan:hover {
	box-shadow: 5px 5px 50px 5px rgba(0, 0, 0, 0.5);
	transform: scale(1.02) translateY(-5px);
	z-index: 1;
	border-bottom: 0 none;
	background:linear-gradient(white,#A4C9E4);
}

/* .tw-subscription-plan:hover h4 {
	color:black;
}

.tw-subscription-plan:hover  a {
	color:black;
	transform: scale(1.14) translateY(-5px);
	font-size: 15px;
} */

.tw-subscription-label{
	line-height:25px;
	
}

.tw-subscription-value{
	line-height:25px;
}

.tw-subscription-checkout{
	padding: 12px 14px;
    background-color: #ed4d59;
    border-radius: 4px;
}

.tw-checkout-text{
	color: white;
    font-size: 1.05em;
}

.tw-subscription-price{
	text-align:left;
}

.tw-subscription-offer-price{
	text-align:right;
	
}

.tw-subscription-price-block{
	padding: 5px;
    font-size: 15px;
}

.tw-checkin-container{
	background-color:#FBF6F6;
	border:1px solid;
	margin-top:10px;
}

.tw-checkin-image-container{
	width:70px;
	border-radius:40px;
	height: 65px;
}

.tw-checkin-user-image{
	border-radius:40px;
	margin: 7px;
	width: 50px;
}

#updatedNav.nav .top-level li .sub-nav li{
    display: block;
    margin: 0;
    border: none;
    padding-left: 20px;
    height: 34px;
    padding: 6px 0px 6px 20px;
}

.tw-margin{
	margin-top:10px;
	margin-left:10px;
}

.tw-top-default-margin{
	margin-top:40px;
}

.tw-top-sm-margin{
	margin-top:18px;
}

.tw-bottom-sm-margin{
	margin-bottom:10px;
}

.tw-right-md-margin{
	margin-right:17px;
}

.tw-no-margin{
	margin-left:0px;
	margin-right:0px;
}

.tw-payment-date-align{
	margin-top:2.5%;
}

.tw-text-green{
	color:#3A733A;
	font-weight:bold;
}

.tw-text-red{
	color:#E57D79;
	font-weight:bold;
}

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

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

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

.tw-cart-qty-size{	
	width: 40px;	
}
.tw-cart-area{	
	margin-top:1.4%;
	margin-right: 18%;
}
.report-panel {
	background-color: white;
    margin-top: 1%;
    margin-left: 5%;
	border:1px solid;
}
.tw-maroon{
	color:#941818;
}

.tw-introduction-btn{
	bottom:5px;
	position: fixed;
	width:250px;
}

.tw-documentation{
	bottom: 35px;
	position: fixed;
	width:224px;
}

.tw-inputbox{
	border-radius: 5px;
    background-color: #FFFFFF;
}

.report-panel li {
    line-height: 1.8em;
    border-bottom: 1px solid;
}

.report-panel h4 {
    margin-left: 2%;
}

.tw-margin-left-30{
	margin-left:30%;
}
.tw-inventory-Overview{
	position: fixed;
    z-index: 10;
	margin-left: 0px;
	width: calc(100% - 250px);
}

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

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

.tw-Inventory-Album-Pic-Zoom-Area{
	max-height:600px;
	max-width:600px;
}

.tw-Inventory-Album-Pic-Zoom-Area-Mini{
	max-height:200px;
	max-width:200px;
}

.tw-Inventory-Pic-Upload-Button-Area{
    margin-top: 72px;
}

.tw-delivery-zone-details{
	max-height: 400px;
	overflow:auto
}

.tw-upload-picture-button{
	position: absolute;
    bottom: 15px;
    right: 18px;
}

.btn-file {
	position: absolute;
	left: 11px;
	bottom: 15px;
}

/*
.tw-field-needs-attention{
	color: white !important;
	background-color: !important;
}*/

.tw-tabs {
    border-bottom: 0px solid #ddd;
	margin: 0 0 0px 0px;
}

 li label
	{
		background: url(../img/tw-folder-horizontal.png) 15px 1px no-repeat;
		cursor: pointer;
		display: block;
		padding-left: 18px;
	}

.modal-body li label
	{
		background: url(../img/tw-folder-horizontal.png) 15px 1px no-repeat;
		cursor: pointer;
		display: block;
		padding-left: 36px;
	}

.tw-edit-section{
	margin-bottom: 2px;
    margin-top: 2px;
	margin-left:2px;
	background: #f2f2f2;
	border: solid 1px black;
}

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

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

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

.tw-marquee {
    height: 580px;
    position: relative;
    text-align: center;
    overflow: hidden;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-position: 50% 50% \9 !important
}
.tw-no-content-msg{
	text-align:center;
	margin-top:50px;
}


::-webkit-scrollbar {
	width: 6px;
}
::-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;
}

@media screen and (max-width: 767px) {

	body{
		margin-top:50px;
		padding: 0px;
	}

	.tw-footer-btn{
		position: fixed;
		width:50%;
		left: 0px;
	}
	
	.tw-info, .tw-success, .tw-warning, .tw-error, .tw-validation {
		top :55px;
	}
	
	.tw-inventory-Overview{
		width: calc(100%);
	}
	
	.modal.fade.in {
		top: initial;
	}
	.nav-appear {
		display: none !important;
	}
	.tw-mobile-font{
		font-size:0.5em;
	}
}

code{
	white-space: pre-line;
}

/* CSS for introductory Message

.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: 600;
}

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

.introjs-prevbutton{
	left: 10px;
	box-shadow: none;
    color: blue;
    font-size: 20px;
    background: rgba(245,245,220,0);
    border: none;	
}

.introjs-nextbutton{
	right: 10px;
	box-shadow: none;
    color: green;
    font-size: 20px;
	background: rgba(245,245,220,0);
    border: none;	
}

.introjs-skipbutton{
	left: calc(50% - 35px);
}

.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;
}
*/
.global-wrap {
    position: relative;
    left: 0;
    padding-top: 20px;
    -moz-transition: left 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 0ms;
    -o-transition: left 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 0ms;
    -webkit-transition: left 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -webkit-transition-delay: 0ms;
    -webkit-transition: left 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 0ms;
    transition: left 350ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 0ms;
}

@media (max-width: 480px){
	.tw-no-dropdown-margin{
		margin-left:0px;
	}
	.tw-medium-heading{
		font-size:2em;
	}
	.tw-small-heading{
		font-size:1.5em;
	}
}

@media (max-width: 767px){
	#header .logo {
		margin-left: calc(50% - 83px);
	}	
}

@media (max-width: 979px) {
	body{
		margin-top:50px;
	} 
	.tw-info, .tw-success, .tw-warning, .tw-error, .tw-validation {
		top :55px;
	}
	
	.tw-button-text {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.nav-disappear {
		display: none !important;
	}
	
	.footer-disappear {
		display: none !important;
	}
}

.tw-beta{
	display: block;
	position: absolute;
	right: 10px;
	top: -3px;
	width:25px;
	height:13px;
	background-image: url('../img/tw-new-feature.gif') ;
}

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

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

#BrowseCatalog .accordion-group .accordion-inner {
    background: #3E3E3E;
}

#BrowseCatalog .accordion-group .accordion-inner .accordion-inner {
    background: #8C8C8C;
}

#BrowseCatalog .accordion-heading .accordion-toggle {
	padding: 1px 10px;
	line-height: 20px;
}

#BrowseCatalog  .accordion-inner {
    padding: 2px 2px 2px 15px;
    border-top: 1px solid #e5e5e5;
}

/*############################################################################################################################## */

@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Serif'), local('DroidSerif'), url(/css/custom_fonts/0AKsP294HTD-nvJgucYTaI4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url(/css/custom_fonts/QQt14e8dY39u-eYBZmppwYlIZu-HDpmDIZMigmsroc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@media (max-width: 480px)
.modal {
    top: 10px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

.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);}
}