:root {
	--theme:#383f3f;
}

body{
	overflow-x: hidden;
	font-family: "ProximaNovaSoftW03-Regular", sans-serif;
	overflow: hidden;
}
.highcharts-title {
	font-family: "ProximaNovaSoftW03-Regular", sans-serif;
}
a {color: #009ada;}
hr {border-top:1px solid #fff;}
.fontSize11 {font-size: 11px;}


.primary-button, .swal2-confirm {
	background: #fdc92f;
	color: #232F3A;
	padding: 10px 20px;
	position: relative;
	white-space: nowrap;
	cursor: pointer;
	margin: 0px 5px 10px 0;
	text-decoration: none;
	border: 0;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	border-radius: 0;
}

.secondary-button {
	background: #285482;
    color: #f1f1f1;
    padding: 10px 20px;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    margin: 0px 5px 10px 0;
    text-decoration: none;
    border: 0;
    font-size: 12px;
    line-height: 14px;
	text-transform: uppercase;
	border-radius: 0;
}

.primary-button:hover {background: #f8a800;}
.secondary-button:hover {background: #008dda; color: #fff;}

.top-section{
	padding: 20px 10px;
	background-color: #fafafa;
	border-bottom: 1px solid #383f3f;
}
.user-detail{
	padding-top: 10px;
	padding-right: 15px;
}
table.dataTable{
	font-size: 13px;
	margin-top: 0px !important;
	width: 100% !important;
}
div.dataTables_scrollHead table.dataTable {
    margin-bottom: -1px !important;
}
.bottom-link{
	text-align: center;
	display: table;
	margin:0 auto;
	margin-top: 40px;
	margin-bottom: 15px;
	background: #383f3f;
    color: #fff;
    padding: 10px 20px;
}

.bottom-link:hover{
	background: #0095d6;
    color: #fff;
    text-decoration: none;
}

.leftMenu{
	background-color: #232F3A;
	padding-top: 20px;
	padding-bottom: 20px;
	max-width: 190px;
    position: absolute;
	left: 0;
    width: 190px;
    margin: 0;
}
.leftMenu ul{
	list-style: none;
	padding:0px;
	margin:0px;
	margin-left: 20px;
}
.leftMenu ul li{
	margin-bottom: 10px;
	font-size: 14px;
	padding-left:5px;
}

.leftMenu ul li a {color:#fff; text-decoration: none;}
.leftMenu ul li a:hover {opacity: 0.8;}
.leftMenu ul li a.active {color: #f8a800}

.leftMenu .subMenu {display: none;}
.leftMenu ul li.ifSubMenu {position: relative;}
.leftMenu ul li.ifSubMenu::before {content: "\f105";font-family: FONTAWESOME;  left:-10px; position:absolute; top:0; color:#fff;}
.leftMenu ul li.ifSubMenu.active::before {content:"\f107"; color: #f8a800;}
.leftMenu ul li.ifSubMenu.active > a {color: #f8a800;}
.leftMenu ul li.ifSubMenu.active .subMenu li {margin-bottom: 5px;}
.leftMenu .active .subMenu {display: block; margin-left: 0 !important;}



.cardHead button{
	    width: 100%;
    text-align: left;
    background-color: #e4effb;
    margin-bottom: 10px;
    color: #000;
    text-decoration: none;
    padding-left: 32px;
}
.accordion .card{
	border: 0px;
}
.cardHead button:hover, .cardHead button:focus{
	text-decoration: none;
}

.cardHead button.btn.btn-link{
	background-image: url(../images/accordion-minus.png);
	background-repeat: no-repeat;
	background-position: left 7px center;
}
.cardHead button.btn.btn-link.collapsed{
	background-image: url(../images/accordion-plus.png);
	background-repeat: no-repeat;
	background-position: left 7px center;
}
.tooltipaccord{
	position: absolute;
    right: 10px;
    top: 6px;
    background: #ccc;
    width: 25px;
    height: 25px;
    padding: 0px;
    line-height: 1;
    padding-top: 3px;
    border-radius: 49px;
    box-shadow: none;
    display: inline-block;
    color: #000;
}

@media(min-width: 1024px){
	.leftMenu {
	min-height: 100vh;
	/* height: 100vh; */
}
}
@media (min-width: 1499px) {
	table.dataTable {
		width: 100% !important;
	}
}

.action-button{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
.action-button a{
	display: inline-block;
	padding: 10px 20px;
	background-color: #0095d6;
	color: #fff;
	text-decoration: none;
	margin-right: 10px;
}
.action-button button{
	display: inline-block;
	padding: 10px 20px;
	background-color: #383f3f;
	color: #fff;
	text-decoration: none;
	margin-right: 10px;
	border:none
}


.table-striped tbody tr:nth-of-type(odd){
	background-color: #e4effb;
}

h2{
	margin-bottom: 23px;
    font-size: 27px;
    margin-top: 30px;
    color: #383f3f;
}
.advance-search {
	font-size: 16px;
    margin-top: 20px;
}

.table-action-wrapper a {
	margin:0 5px;
}

a[data-target="#viewPermission"] {
    display: inline-block;
    text-align: center;
    margin-left: 10px;
}

.has-error{
    border-color: #dc3545;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.asterisk{
	color:#dc3545
}
.optn{

    color: green;
    font-style: italic;
    font-size: 12px;
    text-decoration: underline;
}

.page-item {margin:0 2px;}
.page-link {
 
	border:none;
	background: #dae1e6;
	color:#009ada;
}
.page-item.active .page-link {
	background: none;
	border-color: transparent;
	color:#333;
}

.swal2-title {font-size: 27px!important; font-family: 'ProximaNovaSoft-Regular', 'ProximaNova-Regular', sans-serif!important; font-weight: 400!important;}

.swal2-confirm {
	background: #fdc92f!important;
	color: #232F3A!important;
	padding: 10px 20px!important;
	position: relative!important;
	white-space: nowrap!important;
	cursor: pointer!important;
	margin: 10px 5px 10px 0!important;
	text-decoration: none!important;
	border: 0!important;
	font-size: 12px!important;
	line-height: 14px!important;
	text-transform: uppercase!important;
	border-radius: 0!important;
}

.swal2-cancel {
	background: #285482!important;
    color: #f1f1f1!important;
    padding: 10px 20px!important;
    position: relative!important;
    white-space: nowrap!important;
    cursor: pointer!important;
    margin: 10px 5px 10px 0!important;
    text-decoration: none!important;
    border: 0!important;
    font-size: 12px!important;
    line-height: 14px!important;
	text-transform: uppercase!important;
	border-radius: 0!important;
}

.swal2-confirm {background: #f8a800!important;}
.swal2-cancel {background: #008dda!important; color: #fff!important;}
.swal2-input {height: 1.625em!important;}

/* filter box */
.filterBox {border:1px solid #ccc; padding: 8px; border-radius: 4px; margin-bottom: 20px;}
.filterBox h5 {font-size: 12px; font-weight: bold; text-transform: uppercase;}
.filterBox .form-group {margin-bottom: 10px;}
.filterBox .form-control {height: calc(1em + .75rem + 2px);}
.highcharts-credits{display: none}
.select2-results__option {font-size: 11px;}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.modal-dialog{

	max-width: 50%;
}
 
.dropdown-menu{

	transform: none !important;
}
.dropdown-menu.show {
    float: none;
    right: 0;
    left: auto !important;
	top: 35px !important;
}

ngb-datepicker.dropdown-menu.show {
	top: 36px !important;
}
ngb-datepicker-month-view {
    display: block;
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
select option {
    font-size: 16px !important;
    font-weight: 100;
}
/* .select2-results__option {
    font-family: 'ProximaNovaSoft-Regular', 'ProximaNova-Regular', sans-serif;
    font-size: 12px;
  } */

  .select2-results__option {
	font-size: 14px !important;
	font-weight: 100;
	padding: 2px 10px !important;
  }

  .warning-wrapper {
    font-size: 40px;
    text-align: center;
}
.warning {
    font-size: 22px;
    font-family: "ProximaNovaSoftW03-Regular", sans-serif;
    max-width: 420px;
    margin: auto;
}
.cke_chrome {
    display: block;
    border: 1px solid #d1d1d1 !important;
    margin: 0px !important;
}
li.select2-selection__choice {
    white-space: normal;
    max-width: 90%;
}
h5.head-absolute {
    position: absolute;
    top: -13px;
    background: #fff;
    padding: 0 10px;
}
/* .placeholder {
	background: #fff;
	box-shadow: 0 0 2px 2px #ccc;
	padding: 10px;
} */

/* .table th[aria-label="Action "], 
.table td.table-action-wrapper {
    width: 120px !important;
    text-align: center;
    max-width: 120px;
    min-width: 120px;
} */

hr {
    border-top: 1px solid rgba(0,0,0,.1);
}

.col-md-10.mx-auto {
    min-height: 100vh;
}
table.table-bordered th, 
table.table-bordered td {
    max-width: 250px;
	min-width: 80px;
	border-top: 0px;
	line-height: 1.3;
	/* width: 250px !important; */
}
.app-list table.table-bordered th, 
.app-list table.table-bordered td {
	max-width: 120px;
	word-wrap: break-word;
}
.content-section {
    background: #fafafa;
}
.card {
    border: 1px solid #eee;
    padding: 20px 40px;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
}
.select2-container--default .select2-selection--multiple {
	border: solid #ced4da 1px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: solid #0095d6 1px !important;
	outline: 0;
}
.top-section {
    border-bottom: 1px solid #ece8e8;
    box-shadow: 0 0px 10px rgba(0,0,0,0.7);
}
.chart-container {
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
    padding-top: 18px;
	background-color: #fff;
	height: 450px !important;
	background-image: url(../images/chart-placeholder.png);
    background-size: 250px;
    background-repeat: no-repeat;
    background-position: center;
}
.card.no-gutters {
    padding: 0;
}
.p-50 {
	padding: 30px 60px;
}
.no-padding-acco .card{
	box-shadow:  none;
}
.no-padding-acco {
	background: #fff;
}
.cardHead button {
	margin-bottom: 15px;
}
.col-md-10.mx-auto {
	min-height: 100vh;
    margin-left: 190px !important;
    flex: 100% !important;
	max-width: 100%;
	overflow-y: auto;
	height: 100vh;
	padding-bottom: 200px;
}
@media (min-width: 1400px) {
	.container {
		width: 100%;
		max-width: initial;
	}
	.container.dark-theme h3 {
		font-size: 40px;
	}
	.filterBox {
		max-width: 400px !important;
	}
	.col-md-10.mx-auto {
		flex: 100% !important;
		max-width: 100%;
		/* padding-right: 40px;
		margin: 20px 15% 50px 15%;
		padding: 0 5% 200px 0;
		margin-left: calc(190px + 5%) !important; */
	}
	.baseball .col-md-10.mx-auto {
		flex: 100% !important;
		max-width: 100%;
		padding-right: 40px;
		margin: 20px 15% 50px 15%;
		padding: 0 8% 200px 0;
		margin-left: calc(190px + 8%) !important;
	}
	.baseball h2 {
		font-size: 35px;
		margin-bottom: 10px;
	}
	ngb-datepicker.dropdown-menu.show {
		bottom: 38px !important;
		top: auto !important;
	}
	
	/* .col-md-10.mx-auto {
		margin-left: calc(190px + 5%) !important;
	} */
}
.table-action-wrapper {
	text-align: center;
	width: 150px !important;
}
.modal-title {
    font-weight: 700;
}
svg.highcharts-root {
    width: calc(100% - 30px) !important;
}
.ckeditor {
    padding: 2px;
}
.chart-container g.highcharts-exporting-group {
    transform: translate(-15px, -3px);
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
	margin-right: 0px !important;
}

.select2-selection--multiple li.select2-selection__choice {
    font-size: 14px;
}
#modaladvance .modal-footer button {
    width: 100px;
    margin: 0px 5px;
}
.cke_inner {
	border: 1px solid #ced4da !important;
}
.baseball .summary-orange-table ul {
    margin-bottom: 0;
}

button[type="submit"], 
button[type="reset"] {
    width: 100px;
}

.dataTables_scroll {
    border-right: 1px solid #ddd;
}
.highcharts-contextmenu li.highcharts-menu-item {
	font-size: 14px !important;
}
.highcharts-menu hr {
	margin: 5px !important;
}
label[for="technologyStackAddonInfo"] {
    width: 100%;
}
@media all and (min-width:1860px) {
	.advance-search {
		font-size: 17px;
	}
}

.collapse .form-control {
	border: 1px solid #aaa;
}
.border {
	border: 1px solid #aaa!important
}

.collapse label.radio-inline input {
    margin-right: 3px !important;
}
.lookup-table div.dataTables_wrapper div.dataTables_filter {
	text-align: right;
    margin-right: 200px;
}
.lookup-table select#lookupCategory {
    max-width: 187px;
    right: 260px;
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
	z-index: 1000;
	position: absolute;
    right: 15px;
}

.lookup-table select#SelectPageId {
    max-width: 187px;
    right: 260px;
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
	z-index: 1000;
	position: absolute;
    right: 15px;
}

.loading-text{

    padding-top:28% !important;
}
#loading-spinner-text {
    font-size: 19px !important;
}
.app-list table.table-bordered th, 
.app-list table.table-bordered td {
      max-width: 97px !important;
}
.swal2-title{
	font-size:20px !important;
}
/*
.label_lookup{
	display: flex !important;
    justify-content: space-between !important;
}*/

.label_lookup {
  display: flex !important;
  align-items: center;
  gap: 5px; /* Adjust spacing between icon and label */
  justify-content: space-between !important;
}

.fa-icon-left {
  order: -1; /* Ensures icon appears first */
}
/* .select2-selection.select2-selection--multiple{
	border-color: #aaa !important;
} */
 .always-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.padLtRt0 {
    padding-left: 0px;
    padding-right: 0px;
}

.radio-inline {
  display: inline-block;
  margin-right: 15px;
}