.material-symbols-outlined
{
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48; font-size: 17px;
}
.navbar-nav a.active span.material-symbols-outlined { color:white; }


td, .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link, .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link, .navbar-vertical .navbar-nav .nav-link {
    color: rgba(58,65,111,1);
}

.form-label, label {
    margin-bottom: 0.2rem;
}

.badge {
	min-width: 40px;
	padding: 5px 8px;
}

#quoteError li {
	background: #d90b0b;
	margin: 10px 0px;
	color: white;
	padding: 7px;
}
.btn {
	padding: 7px 13px;
	font-size: 12px;
}
.btn-circle {
	width: 20px;
	height: 20px;
	padding: 1px 0px 0px 1px;
	border-radius: 16px;
	text-align: center;
	margin: -4px 2px 0;
}
.btn-close {
	font-size: 24px;
    line-height: 0;
}

section.content {
	min-height: 600px;
}

.table thead th {
	color: #0d3d3e;
}

img.profile-img {
	width: 22px;
	border-radius: 50px;
	padding-right: 0.25rem!important;
}

img.circle-img
{
	width: 30px !important;
	height: 30px !important;
	border-radius: 1.5rem;
}

.img-thumbnail
{
	padding: 0.25rem;
    border: 1px solid #dee2e6;
    border-radius: 50% !important;
    height: 250px;
    width: 250px;
    object-fit: cover;
}

.h-280 { height: 280px };

.height-87{min-height:87%!important}
.minHeight { min-height:500px; }
#quoteError  { padding:0px; margin:0px;  }
.pull-left { float:left; }
.pull-right { float: right; }
.radios-0 { border-radius:0px; }
.contractView thead { color: #5974a2;  background-color: #e4e8ed; }
.ticketSetting .col-md-6 { position:relative; }
.card { margin-bottom:10px; border-radius:10px; }
.card-header strong { font-size: 14px;  color: #003334; }
nav[role="navigation"] { text-align:center; }
nav[role="navigation"] a { padding: 9px 11px !important; }
nav[role="navigation"] svg { width: 25px !important; }
nav[role="navigation"] div { padding:5px; }

.listing li {
	font-size: 14px;
	padding: 5px;
}
.page-sidebar {
	border-right: 1px #e5e5e5 solid;
}

.fieldset-design {
	border: 1px solid #ced4da;
	border-radius: 4px;
	padding: 0px 10px;
}
.fieldset-design legend {
	background-color: gray;
	color: white;
	padding: 2px 8px;
	font-size: 1em;
	border-radius: 3px;
	display: block;
	width: auto;
	max-width: 100%;
	top: -14px;
	margin-bottom: 0.5rem;
	line-height: inherit;
	position: relative;
	white-space: normal;
	font-size: 14px;
}

.dataTable-container { overflow:scroll; overflow-x:unset; }
.dataTable-container::-webkit-scrollbar { height:5px; width:0px; }
.dataTable-container::-webkit-scrollbar-track { background:#163434; border-radius: 0px; }
.dataTable-container::-webkit-scrollbar-thumb { background:#e65f0f; border-radius: 0px; }
.dataTable-container::-webkit-scrollbar-thumb:hover { background:#e65f0f; }

.navbar-vertical.navbar-expand-xs::-webkit-scrollbar { width: 6px; }
.navbar-vertical.navbar-expand-xs::-webkit-scrollbar-track { background:#163434; border-radius: 0px; }
.navbar-vertical.navbar-expand-xs::-webkit-scrollbar-thumb { background:#e65f0f; border-radius: 0px; }
.navbar-vertical.navbar-expand-xs::-webkit-scrollbar-thumb:hover { background:#e65f0f; }

.title { font-size:17px; font-weight:600; }
.itemTotal { font-size:16px; }
.float-right { float:right; }
.fs-12 { font-size:12px; }
.fs-18 { font-size:18px; }
.profile-image { width:30px; }
.alert { color:white; font-size:14px; padding: 2px 10px; }
.width60px {  width: 60px; }
body::-webkit-scrollbar { width: 6px; }
body::-webkit-scrollbar-track { background:#163434; border-radius: 0px; }
body::-webkit-scrollbar-thumb { background:#e65f0f; border-radius: 0px; }
body::-webkit-scrollbar-thumb:hover { background:#e65f0f; }
.scrollBar::-webkit-scrollbar { width: 6px; }
.scrollBar::-webkit-scrollbar-track { background:#163434; border-radius: 0px; }
.scrollBar::-webkit-scrollbar-thumb { background:#e65f0f; border-radius: 0px; }
.scrollBar::-webkit-scrollbar-thumb:hover { background:#e65f0f; }
.scrollBar {  height: 350px; overflow: auto; }
.sidenav.fixed-start~.main-content {margin-left: 15.5rem;}
.devider { border-bottom: 1px #a59d9d solid; margin: 8px 0px 25px 0px; width: 100%; }
.error,.required{color: red; font-size: 14px; line-height: 10px;}
.heightfixed { min-height: 460px; }
.accordion-button:not(.collapsed) {
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.light-gray {
	background: #efeded;
}
.accordion-item {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.125);
}
.accordion-header {
	margin-bottom: 0;
}
.accordion-item:first-of-type {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}
.odd-event-company-design .row:nth-child(odd) {
	margin: 0px 0px;
	font-size: 14px;
}
.odd-event-company-design .row:nth-child(even) {
	margin: 5px 0px;
	font-size: 14px;
}
.odd-event-company-design .row .col-md-6:nth-child(1) {
	background:#e1dfdf;
	font-size: 14px;
}

.odd-event-company-design .row .col-md-6:first-child {
	font-weight: 600;
	color: #0f3763;
	font-size: 14px;
	padding: 10px 15px;
	text-transform: capitalize;
}
.odd-event-company-design .row .col-md-6:nth-child(2) {
	background: white;
	padding: 11px;
	font-size: 14px;
}

.delete-custom {
	position: absolute;
	right: 15px;
	bottom: 4px;
	border-radius: 0px;
	padding: 8px;
}
.textareaExpand textarea {
	resize: vertical;
	min-height: auto !important;
}

.textareaExpand textarea::-webkit-resizer { border-width: 8px; border-style: solid; border-color: transparent #dee2e6 #dee2e6 transparent; }
.textareaExpand textarea { resize:vertical; min-height:auto !important;  }
.textareaExpand textarea::-webkit-scrollbar { width: 8px !important; }
.textareaExpand textarea::-webkit-scrollbar-track { background:#163434; border-radius: 0px; }
.textareaExpand textarea::-webkit-scrollbar-thumb { background:#e65f0f; border-radius: 0px; }
.textareaExpand textarea::-webkit-scrollbar-thumb:hover { background:#e65f0f; }

.ticketSetting .table th { color: #495057; background-color: #e9ecef;  border-color: #dee2e6; }

.btn-block{
	display:block;width:100%
}
.btn-block+.btn-block{
	margin-top:.5rem
}
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}

.odd-event-ticket-design .row:nth-child(even) { margin: 5px 0px; border-bottom: 1px #e75e0e dotted; }
.odd-event-ticket-design .row:nth-child(odd) { margin: 5px 0px;  border-bottom: 1px #163434 dotted; }
.odd-event-ticket-design .row:last-child { border:none !important; }
.odd-event-ticket-design .row .col-md-4 {
	font-weight: 600;
	background: #eef7f9;
	border-radius: 0px 10px 0px 0px;
	padding: 5px 10px;
}
.odd-event-ticket-design .row .col-md-6:first-child {
	font-weight: 600;
	color: #0f3763;
	padding: 5px 15px;
	text-transform: capitalize;
}
.odd-event-ticket-design .row .col-md-6:first-child:after { content: "\f30b"; position:absolute; right:0px; color: #343a40; float:right; display: inline-block; font-family: Font Awesome\ 5 Free; text-transform: capitalize;  }

.col12line .col-md-12:after { content: "\f178"; position:absolute; right:0px; color: #343a40; float:right; display: inline-block; font-family: Font Awesome\ 5 Free; text-transform: capitalize;  }

.odd-event-ticket-design-0 label {
	font-weight: 600;
	color: #0f3763;
	font-size:14px;
}
.odd-event-ticket-design-0 .col-md-4 {
	font-weight: 400;
	color: #0f3763;
	font-size:14px;
}

.fieldset-design{
	border: 1px solid #ced4da;
	border-radius:4px;
	padding: 0px 10px;
	margin-bottom: 25px;
}

.legend-design{
	width:auto;
	background-color: gray;
	color: white;
	padding: 2px 8px;
	font-size: 1em;
	border-radius: 3px;
}
.table-condensed{
	font-size: 8px;
}


.qa-icons-odd-even .qa-message-list:nth-child(odd) .message-item:before { background:#163434 !important;  }
.qa-icons-odd-even .qa-message-list:nth-child(even) .message-item:before {  background:#e65e0f !important; }
.qa-icons-odd-even .qa-message-list:nth-child(even) .message-item:after { background:#e65e0f !important;  border: 2px solid #e65e0f; }
.qa-icons-odd-even .qa-message-list:nth-child(odd) .message-item:after {  background:#163434 !important; border: 2px solid #163434; }

.addsorting.sorting_asc:after { content:"\f0dd"; color:gray; font-family: Font Awesome\ 5 Free; position: absolute; right: 5px;  }
.addsorting.sorting_desc:after { content:"\f0dd"; color:gray; transform: rotate(180deg); font-family: Font Awesome\ 5 Free; position: absolute; right: 5px; }
.addsorting.sorting:before { content:"\f0dd"; color:gray; font-family: Font Awesome\ 5 Free; position: absolute; right: 5px; }
.addsorting.sorting:after { content:"\f0dd"; color:gray; transform: rotate(180deg); font-family: Font Awesome\ 5 Free; position: absolute; right: 5px; }

.message-item .message-inner {
	background: #fff;
	border: 1px solid #343a40;
	border-radius: 3px;
	padding: 10px;
	position: relative;
}
.message-item .message-inner:before {
	border-right: 10px solid #343a40;
	border-style: solid; border-width: 10px; color: rgba(0,0,0,0); content: ""; display: block;
	height: 0; position: absolute; left: -20px; top: 6px; width: 0;
}
.message-item .message-inner:after {
	border-right: 10px solid white;
    border-style: solid;
    border-width: 10px;
    color: rgba(0,0,0,0);
    content: "";
    display: block;
    height: 0;
    position: absolute;
    left: -18px;
    top: 6px;
    width: 0;
}

.bg-danger-icons:after {
    border-right: 10px solid #ff0018 !important;
}

.message-item {
	margin-bottom: 30px;
	margin-left: 40px;
	margin-top:30px ;
	position: relative;
}
.message-item .message-inner {
	background: #fff;
	border: 1px solid #343a40;
	border-radius: 3px;
	padding: 10px;
	position: relative;
}
.message-item:before {
	background:#163434;
	border-radius: 2px;
	bottom: -30px;
	content: "";
	height: 100%;
	left: -30px;
	position: absolute;
	width: 3px;
}
.message-item:after {
	background:#e86e23;
	border: 2px solid #e86e23;
	border-radius: 50%;
	content: "";
	height: 15px;
	left: -36px;
	position: absolute;
	top: 10px;
	width: 15px;
}

.message-item-close:before { content: unset !important; }
.message-item-close:after { content: unset !important; }
.message-item-close { margin: 0px !important; padding: 0px 15px !important; }
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.message-item .message-head {
	margin-bottom: 8px;
}
.message-item .message-head .avatar {
	margin-right: 20px;
}
.message-item .message-head .user-detail {
	overflow: hidden;
}
.message-item .message-head .user-detail h5 {
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
}

.form_container{ padding:30px; background: #FFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}
.form_container .inner-wrap{
	padding: 30px;
	background: #F8F8F8;
}
.form_container h1{
	background:#163434;
	padding: 20px 30px 15px 30px;
	margin: -30px -30px 30px -30px;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	border: 1px solid #257C9E;
}
th.text-right { text-align: right; }
button.cutButtonPullRight.btn.btn-tool {
	float: right;
	position: absolute;
	right: 6px;
	z-index: 2;
	color: white;
	top: 23px;
	font-size: 4px;
}
.buttonright-fieldset {
	position: absolute;
	top: -15px;
	right: 29px;
}

.partner_background .logo img {
	width: 200px;
	margin: auto;
}
.partner_background .logo {
	text-align: center;
	padding: 20px 0px;
}
.partner_background .heading_label {
	padding: 10px 20px;
	margin: 0;
	font-size: 17px;
	color: #fff;
	border-radius: 0 50px 50px 0;
	background: #e65e0f;
	text-align: center;
	position: relative;
	margin-left: -52px;
}
.partner_background .heading_label:before {
	content: "";
	border-top: 21px solid #163434;
	border-left: 21px solid transparent;
	position: absolute;
	bottom: -21px;
	left: 0;
}

.badge-lg { padding: 12px 25px; font-size: 13px; margin: 2px; }
.display-flex-row { display: flow-root; }
.buttonright-fieldset-contract { position: absolute; top: -15px; right: 0px; }
.deleteButtonContract {
	position: absolute;  top: -2px;  z-index: 200;  right: 0px; background: #f30d0d;
	color: white;  padding: 4px 10px; border-radius: 0px 0px 10px 10px; cursor: pointer;
}
.deleteButtonContract:hover { color:white !important; }
.lable-text-field label { font-size: 13px; font-weight: 700; display: block; }
.lable-text-field span { font-size: 13px; font-weight: 400; display: block; margin-top: 14px; margin-left: 6px;
}
.searchButtonSetting { border: 1px solid #ced4da !important;  border-radius: 0.25rem; box-shadow: none !important;  width: 60px;  min-width: auto; height: 30px;
}
.fs-25 { font-size:25px;  }
.fs-28 { font-size:28px;  }
.fs-35 { font-size:35px;  }
.fs-13 { font-size:13px;  }
.fs-12 { font-size:12px;  }
.search-icons {  position: absolute;  margin-left: -40px; margin-top: 6px;  }
.dropdown-menu-xl { max-width: 420px;  min-width: 360px; padding: 0; }
.notifyAreaExpand { border-width: 1px; border-style: solid; border-color: transparent transparent #dee2e6 transparent; }
.notifyAreaExpand  {  overflow: auto; max-height:250px !important;  }
.tandc_area_expand  {  overflow: auto; max-height:350px !important;min-height: 100px;}
.notifyAreaExpand::-webkit-scrollbar { width: 8px !important; }
.notifyAreaExpand::-webkit-scrollbar-track { background:#163434; border-radius: 0px; }
.notifyAreaExpand::-webkit-scrollbar-thumb { background:#e65f0f; border-radius: 0px; }
.notifyAreaExpand::-webkit-scrollbar-thumb:hover { background:#e65f0f; }
.fieldsetScroll ul { padding: 0px; }
.fieldsetScroll ul li { display: inline-block; padding: 8px; width: 100%; font-size: 14px; border-bottom: 1px #eaedf1 solid; text-transform: capitalize;
}
.fieldsetScroll ul li input { margin-right: 9px !important; }
.logoColor { background:#017bbf; color: white;  }
.radius-ticket-search { border-radius: 10px 0px 0px 10px !important;  }
.badge-notification {
	position: absolute;
    top: 0px;
    right: 0px;
    font-size: 9px;
    background: #fe6500;
    border-radius: 4px;
    padding: 0px 5px !important;
    width: auto;
    height: auto;
    color: white;
}

.badge-notification-li {
	position: relative;
    top: 0px;
    right: 0px;
    font-size: 9px;
    background: #fe6500;
    border-radius: 4px;
    padding: 2px 6px !important;
    width: auto;
    height: auto;
    color: white;
}
.dropdown-menu {
    border: 1px #e9ebed solid;
}
.widthFull { width:100% !important }
.legend-design-company {
    width: auto;
    background-color: #e65f0f;
    color: white;
    padding: 5px 10px;
    font-size: 17px;
}
.fieldset-design-company:before {
    border-top: 2px solid #e65f0f;
    margin-bottom: 0px;
    width: 100%;
    height: 2px;
    content: "";
    display: block;
    margin-top: -9px;
}

.top-header {
    margin: 8px 0px 0px 0px;
    width: 100%;
    position: fixed;
    z-index: 1000;
    right: 0px;
    background: #f8f9fa;
    top: -8px;
    box-shadow: 2px 2px 2px 2px #ebeced;
}

.shorting_ASC:after { content:"\f077"; font-size: 10px; margin-left: 8px; color: #d9d8d8; font-family: Font Awesome\ 5 Free; }
.shorting_DESC:after { content:"\f078"; font-size: 10px; margin-left: 8px; color: #d9d8d8; font-family: Font Awesome\ 5 Free; }

/*    ----MEDIA SCREEN---*/

@media (min-width: 0px) and (max-width:767px)
{
	.form_container h1 { font-size: 18px; }
	.partner_background .heading_label { border-radius: unset !important; margin: -7px !important; position: relative; display: block;}
	.partner_background .heading_label:before { content: none !important; }
	.navbar-fixed-menu img { width: 131px; margin-top: 2px; }
	.mobile-in-out-button span { display:none; }
	.mobile-in-out-button i { font-size:24px }
	.mobile-in-out-button { background: none !important; color:#003334 !important; border:none !important; padding: 7px 0px; }


}
@media (min-width: 768px) and (max-width: 991px)
{
	.form_container h1 { font-size: 20px; }
	.partner_background .heading_label { border-radius: unset !important; margin: -7px !important; position: relative; display: block; }
	.partner_background .heading_label:before { content: none !important; }
	.extraSpace { margin-top:70px; }
}
@media (min-width: 992px) and (max-width: 200000000px)
{
	.form_container h1 { font-size: 25px; }
	.extraSpace { margin-top:70px; }
}