html, body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	color:#1e395b;
}

.table{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
.row{
	width:100%;
	display:flex;
	align-items: stretch;
	justify-content:space-between;
	gap:0 0;
}
.row.content{
	height:calc(100% - 121px);
	padding:0;
	min-height:180px;

}
.scrollcontent{
	width:100%;
	height:100%;
	min-height:180px;
	overflow-y:scroll;
}
.header{
	height:88px;
	flex-basis:auto;
	flex-grow: 1;
	flex-shrink: 1;
}
.footer{
	height:33px;
	flex-basis:auto;
	flex-grow: 1;
	flex-shrink: 1;
}
.header.left{
	flex-basis: 466px;
	flex-grow: 0;
	flex-shrink: 0;
}
.header.right{
	flex-basis: 301px;
	flex-grow: 0;
	flex-shrink: 0;
}
.footer.left{
	flex-basis: 466px;
	flex-grow: 0;
	flex-shrink: 1;
}
.footer.right{
	flex-basis: 301px;
	flex-grow: 0;
	flex-shrink: 1;
}
.body{
	width: 100%;
	height:100%;
	display: flex;
  align-items: stretch;
}
.body.left{
	flex-basis: 3px;
	flex-grow: 0;
	flex-shrink: 0;
}
.body.right{
	flex-basis: 8px;
	flex-grow: 0;
	flex-shrink: 0;
}


.header:nth-child(1){
  background: url('images/border_Top1.png') no-repeat;
}
.header:nth-child(2){
  background: url('images/border_Top2.png') repeat-x;
}
.header:nth-child(3){
  background: url('images/border_Top3.png') repeat-x;
}
.header:nth-child(4){
  background: url('images/border_Top4.png') repeat-x;
}
.header:nth-child(5){
  background: url('images/border_Top5.png');
	background-repeat: no-repeat;
	height:88px;
}

.body.left{
    background: url('images/border_Left.png') repeat-y;
}
.body.right{
  background: url('images/border_Right.png') repeat-y;
}

.footer:nth-child(1){
	background: url('images/border_Bottom1.png') no-repeat;
}
.footer:nth-child(2){
	background: url('images/border_Bottom3.png') repeat-x;
}
.footer:nth-child(3){
	background: url('images/border_Bottom3.png') repeat-x;
}
.footer:nth-child(4){
	background: url('images/border_Bottom3.png') repeat-x;
}
.footer:nth-child(5){
  background: url('images/border_Bottom5.png') no-repeat;
	background-position:top right;
}


.page h6{
	color: #1e395b;
  border-bottom: 1px solid #ccc;
	font-size: 16px;
	font-weight:400;
	display:block;
	margin:20px 0;
}

h3 .ui-icon{
	display:inline-block;
	float: right;
	margin-top: 7px;
}
.ui-accordion .ui-accordion-header{
	padding-top:0;
	padding-bottom:0;
	transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
}
.ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-hover {
    color: #fff !important;
		border-color: #1c94c4 !important;
    background: #1c94c4 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active .ui-widget-header .ui-state-hover {
    border-color: #00467f !important;
    background: #00467f !important;
    color: #fff !important;
}

.scrollcontent .page{
	padding:20px;
	max-width:900px;
}

#FAQs{
	color:#1e395b;
}

/* CSS */
.form-actions a.btn,
button.btn.btn-primary,
input[type="submit"].btn.btn-primary,
input[type="button"],
.mobile-icon-nav-newticket.new-ticket.ellipsis {
  appearance: none !important;
  background-color: #FAFBFC !important;
  border: 1px solid rgba(27, 31, 35, 0.15) !important;
  border-radius: 6px !important;
  box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset !important;
  box-sizing: border-box !important;
  color: #24292E !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  list-style: none !important;
  padding: 6px 16px !important;
  position: relative !important;
  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  word-wrap: break-word !important;
	text-shadow: none;
	text-transform:capitalize;
}
.form-actions a.btn:hover,
button.btn.btn-primary:hover,
input[type="submit"].btn.btn-primary:hover,
input[type="button"]:hover,
.mobile-icon-nav-newticket.new-ticket.ellipsis:hover {
  background-color: #F3F4F6 !important;
  text-decoration: none !important;
  transition-duration: 0.1s;
}
.form-actions a.btn:disabled,
button.btn.btn-primary:disabled,
input[type="submit"].btn.btn-primary:disabled,
input[type="button"]:disabled,
.mobile-icon-nav-newticket.new-ticket.ellipsis:disabled {
  background-color: #FAFBFC !important;
  border-color: rgba(27, 31, 35, 0.15) !important;
  color: #959DA5 !important;
  cursor: default;
}
.form-actions a.btn:active,
button.btn.btn-primary:active,
input[type="submit"].btn.btn-primary:active,
input[type="button"]:active,
.mobile-icon-nav-newticket.new-ticket.ellipsis:active {
  background-color: #EDEFF2 !important;
  box-shadow: rgba(225, 228, 232, 0.2) 0 1px 0 inset !important;
  transition: none 0s;
}

button.btn.btn-primary,
input[type="submit"].btn.btn-primary,
input[type="button"],
.mobile-icon-nav-newticket.new-ticket.ellipsis.highlight{
	background-color: #1c94c4 !important;
	color: #fff !important;
}

button.btn.btn-primary:hover,
input[type="submit"].btn.btn-primary:hover,
input[type="button"]:hover,
.mobile-icon-nav-newticket.new-ticket.ellipsis.highlight:hover{
	background-color: #00467f !important;
	color: #fff !important;
}

.mobile-icon-nav-newticket.new-ticket.ellipsis:focus {
  outline: 1px transparent;
}

.mobile-icon-nav-newticket.new-ticket.ellipsis:before {
  display: none;
}

.mobile-icon-nav-newticket.new-ticket.ellipsis:-webkit-details-marker {
  display: none;
}

.mobile-icon-nav-newticket.new-ticket.ellipsis.f-right{
	float:right;
}

a:not("mobile-icon-nav-newticket"), .a-link {
    color: #1c94c4 !important;
    text-decoration: none;
}
a:not("mobile-icon-nav-newticket"):hover, .a-link:hover{
	text-decoration: underline;
}

.hc-nav.actual-width{
	width:auto;
	margin:0;
}
.hc-nav.actual-width a span:hover {
    color: inherit;
    text-decoration: none;
}
.page div.buttons{
	padding: 20px 0;
	height:60px;
}
/* hide the 'ticket status' button */
.hc-nav.actual-width > nav > div:nth-child(2){
	display:none;
}

.sidebar.hide.ticket-search{
	display:block;
}
.sidebar.hide.ticket-search h5{
	font-size:14px;
	padding:20px 0 10px 0;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(81, 203, 238, 1) !important;
    outline: 0;
    -moz-box-shadow: 0px 0px 5px rgba(81, 203, 238,0.6) !important;
    -webkit-box-shadow: 0px 0px 5px rgba(81, 203, 238,.6) !important;
    box-shadow: 0px 0px 5px rgba(81, 203, 238,.6) !important;
}

select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline: 0;
    border-color: rgba(81, 203, 238,0.6) !important;
    box-shadow: 0px 0px 5px rgba(81, 203, 238,0.6) !important;
}
button.btn.btn-primary,
input[type="submit"].btn.btn-primary{
    background-color: #1c94c4 !important;
    border: solid 1px #1c94c4 !important;
    color: #fff !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #1c94c4;
}
#attachment-type .add_attachment {
    color: #1c94c4;
}

.alert-page{
	margin-bottom:20px;
}

a, .a-link {
    color: #1c94c4 !important;
    text-decoration: none;
}
.chat-fc-form-outer div.fc-form a.fc-button{
	color:#fff !important;
}

.signup-wrapper{
	width:100%
}
.login-form{
	width:100%
}
/** CHAT ICON **/
#fc_frame, #fc_frame.fc-widget-normal {
    bottom: 40px !important;
}