.ui-grid-cell-contents{
	padding: 5px 5px 5px 5px;
} 
.ui-grid-top-panel{
	background:#fff;
}
.ui-grid-row:nth-child(odd) .ui-grid-cell{
	background-color:#f9f9f9;
}
.ui-grid-row:nth-child(even) .ui-grid-cell{
	background-color:#fff
}
.ui-grid-cell{
	border-bottom:1px solid #ddd;
}
.ui-grid-header{
	border-bottom:3px double #e5e5e5;
}
.grid1485433467871 .ui-grid-row:last-child .ui-grid-cell{
	border-bottom: 1px solid #ddd!important;
	border-bottom-width:1px!important;
}
.button-right{
	margin-right:0px;
	float:right;
}

.greyscale{
	filter: grayscale(100%);
}

.font12{
	font-size: 12px;
}
.font13{
	font-size: 13px;
}
.font11{
	font-size: 11px;
}
.font10{
	font-size: 10px;
}

@media screen and (max-width: 640px) {
#footerContainer {
  display: flex;
  flex-direction: column;
}

#footerElement2 {
  order: 1;
}
}

.required:after{ 
	content:" *";color:red;
}

.bwizard-steps .editing{
	color:#fff;
	background:#4e72c2
}
.bwizard-steps .editing a,.bwizard-steps .editing a:hover{
	color:#fff;
	cursor:default
}
.bwizard-steps .editing .label{
	background-color:#555
}
.bwizard-steps .editing:after{
	border-left-color:#4e72c2
}
textarea.resize-none{
	resize:none;
}
.margin5{
	margin:5px!important;
}
.marginBottom5{
	margin:0px 0px 5px 0px!important;
}
.margin05100{
	margin:0px 5px 10px 0px!important;
}
.angucomplete-dropdown {
    overflow-y: auto;
    max-height: 100px; // your preference
}
.full button span {
    background-color: limegreen;
    border-radius: 32px;
    color: black;
}
.partially button span {
	background-color: orange;
	border-radius: 32px;
	color: black;
}
small.font14 {
	font-size:14px;
}
.btn.tile-button .tile-content-wrapper .tile-content {
	font-size:21px;
}
.alignRight {
	text-align:right;
}
.alignLeft {
    text-align: left !important;
}
.alignCenter {
	text-align:center;
}
.underline {
	text-decoration: underline;
}
.modal-body {
    max-height: 70vh; overflow-y: auto;
}
@media only screen and (max-width: 1024px) {
    
    .btn.tile-button .tile-content-wrapper .tile-content {
		font-size:19px;
	}
	.btn.tile-button .tile-content-wrapper small{
		font-size:14px;
	}	
}
.angucomplete-dropdown {
	width: 100%;
	max-height: 150px;
}
.capital {
	text-transform: uppercase;
}
.bwizard-steps li:after{
	right: -16px;
}
.ui-select-multiple.ui-select-bootstrap input.ui-select-search{
height: 2.2em !important;
}
.red_color {
	color: red !important;
}
.blue_color {
	color: blue !important;
}
.green_color {
	color: green !important;
}
.brown_color: {
	color: #BA4A00;
    font-size: 15px;
}
.violet_color: {
	color: #8E44AD;
    font-size: 15px;
}
.orange_color: {
	color: orange !important;
}
.black_color {
	color: black !important;
}
.angucomplete-selected-row{
	    color: #000000 !important;
}
.form-group{
	margin-bottom: 10px;
}
.tc-tabs .tab-content{
	padding: 15px;
}
/*p {
	margin:0 0 5px;
}*/
.tc-tabs.lg .nav-tabs>li>a{
	padding:10px;
}
.portlet .portlet-body{
	padding:10px;
}
:focus{ 
    border: 2px solid #4e72c2 !important;
}
.tc-accordion .panel .panel-heading a:focus{
	border: 0px!important;
}
.ui-grid-viewport:focus{
	border: 0px !important;
}
input[type=checkbox].tc, input[type=radio].tc{
	opacity: 1;
}
input[type="checkbox"].tc:focus {
    outline: #4e72c2 auto 5px !important;
    /*outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
	https://bootsnipp.com/snippets/ZkMKE
    */
}
form .form-actions{
	padding: 10px;
}
ul li:focus{ 
    border: 1px solid rgba(0,0,0,.2) !important;
    border-width: 0 1px 0 0 !important;
}
div.nav-top ul.nav li a:focus{ 
    border: none !important;
}
.UPPERCASE{
	text-transform: uppercase;
}
.qs-layout-menu .qs-setting-box{
	width:390px !important;
}
.qs-layout-menu{
	top: 25% !important;
}
.qs-layout-menu .qs-setting-box{
	display:inline-block !important;
}
/*.qs-layout-menu .qs-setting-box .btn{ 
    height: 15px;
    width: 15px;
    padding: 6px;
    border: 0 none;
}*/

.wrap-text {
    white-space: normal;
}

.makeBold {
    font-weight: bold;
}

/* Hide the radio button, but keep its functionality */
.hidden-radio {
    display: none;
}

/* Style the tile button to look like a box */
.tile-button-new {
    display: inline-block;
    border: 1px solid #ccc; /* Border to simulate a box */
    padding: 10px;
    margin: 5px;
    cursor: pointer;
    border-radius: 5px; /* Rounded corners */
    transition: all 0.3s ease;
    text-align: center; /* Keep text aligned to the left */
    width: 100%;
    font-size: 16px;    
}

.tile-button-new-primary {
    display: inline-block;
    border: 1px solid #ccc; /* Border to simulate a box */
    padding: 5px;
    margin: 5px;
    cursor: pointer;
    border-radius: 5px; /* Rounded corners */
    transition: all 0.3s ease;
    text-align: center; /* Keep text aligned to the left */
    width: 100%;
    font-size: 13px;
    background-color: #c7cfe2;
    color: black;
    font-weight: bolder;
}

.tile-button-new:hover {
    background-color: #4e72c2; /* Hover effect */
    border-color: #3f64b7; /* Border color change on hover */
    color: #fff;
}

.tile-button-new.active {
    background-color: #3f64b7; /* Active state background */
    color: #fff; /* Active state text color */
}

.tile-button-new-white {
    display: inline-block;
    border: 1px solid #3f64b7; /* Border to simulate a box */
    padding: 5px;
    margin: 5px;
    cursor: pointer;
    border-radius: 5px; /* Rounded corners */
    transition: all 0.3s ease;
    text-align: center; /* Keep text aligned to the left */
    width: 100%;
    font-size: 13px;
    background-color: #fff;
    color: black;
}

.tile-button-new-white.active {
    background-color: #3f64b7; /* Active state background */
    color: #fff; /* Active state text color */
}

.pink_box {
	background-color: #E6E6FA !important;
	color: black;
}

/* */
$accentcolor: #fcae2c;
$lightcolor: #fff;
$darkcolor: #444;

.radiobtn {
	position: relative;
	display: block;
}

.radiobtn label{
	display: block;
	background: #fcae2c;
	color: #444;
	border-radius: 5px;
	padding: 10px 20px;
	border: 2px solid #fcae2c;
	margin-bottom: 5px;
	cursor: pointer;	
}

.radiobtn label &:after, &:before {
	content: "";
	position: absolute;
	right: 11px;
	top: 11px;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	background: #fcae2c;	
}

.btn.tile-button .tile-content-wrapper{
	padding: 5px 10px !important;
}

.breadcrumbs>.breadcrumb>li+li:before{
	color: black;
}

.breadcrumbs>.breadcrumb .active{
	font-weight: bold;
}

/*.radiobtn label &:after &:before {
	background: transparent;
	transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s,
		0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
	z-index: 2;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 13px;
	background-position: center;
	width: 0;
	height: 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4zIDEzLjIiPiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE0LjcuOGwtLjQtLjRhMS43IDEuNyAwIDAgMC0yLjMuMUw1LjIgOC4yIDMgNi40YTEuNyAxLjcgMCAwIDAtMi4zLjFMLjQgN2ExLjcgMS43IDAgMCAwIC4xIDIuM2wzLjggMy41YTEuNyAxLjcgMCAwIDAgMi40LS4xTDE1IDMuMWExLjcgMS43IDAgMCAwLS4yLTIuM3oiIGRhdGEtbmFtZT0iUGZhZCA0Ii8+PC9zdmc+);
}*/

/*.radiobtn input[type="radio"] {
	display: none;
	position: absolute;
	width: 100%;
	appearance: none;
}*/

/*.radiobtn input[type="radio"] {
	display: none;
	position: absolute;
	width: 100%;
	appearance: none;
}*/

/*.radiobtn input[type="radio"] &:checked, label{
	background: #fcae2c;
	animation-name: blink;
	animation-duration: 1s;
	border-color: #fcae2c;
}*/

.radiobtn input[type="radio"] &:checked, label &:after {
	background: #fcae2c;
}
/*.radiobtn input[type="radio"] &:checked, label &:before {
	width: 20px;
	height: 20px;
}*/

/*.radiobtn {
	position: relative;
	display: block;
	label {
		display: block;
		background: lighten($accentcolor, 30%);
		color: $darkcolor;
		border-radius: 5px;
		padding: 10px 20px;
		border: 2px solid lighten($accentcolor, 20%);
		margin-bottom: 5px;
		cursor: pointer;
		&:after,
		&:before {
			content: "";
			position: absolute;
			right: 11px;
			top: 11px;
			width: 20px;
			height: 20px;
			border-radius: 3px;
			background: lighten($accentcolor, 15%);
		}
		&:before {
			background: transparent;
			transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s,
				0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
			z-index: 2;
			overflow: hidden;
			background-repeat: no-repeat;
			background-size: 13px;
			background-position: center;
			width: 0;
			height: 0;
			background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4zIDEzLjIiPiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE0LjcuOGwtLjQtLjRhMS43IDEuNyAwIDAgMC0yLjMuMUw1LjIgOC4yIDMgNi40YTEuNyAxLjcgMCAwIDAtMi4zLjFMLjQgN2ExLjcgMS43IDAgMCAwIC4xIDIuM2wzLjggMy41YTEuNyAxLjcgMCAwIDAgMi40LS4xTDE1IDMuMWExLjcgMS43IDAgMCAwLS4yLTIuM3oiIGRhdGEtbmFtZT0iUGZhZCA0Ii8+PC9zdmc+);
		}
	}
	input[type="radio"] {
		display: none;
		position: absolute;
		width: 100%;
		appearance: none;
		&:checked + label {
			background: lighten($accentcolor, 15%);
			animation-name: blink;
			animation-duration: 1s;
			border-color: $accentcolor;
			&:after {
				background: $accentcolor;
			}
			&:before {
				width: 20px;
				height: 20px;
			}
		}
	}
}*/

.btn.tile-button .tile-content-wrapper small{
	font-size: 14px !important;
}

@keyframes blink {
	0% {
		background-color: lighten($accentcolor, 15%);
	}
	10% {
		background-color: lighten($accentcolor, 15%);
	}
	11% {
		background-color: lighten($accentcolor, 20%);
	}
	29% {
		background-color: lighten($accentcolor, 20%);
	}
	30% {
		background-color: lighten($accentcolor, 15%);
	}
	50% {
		background-color: lighten($accentcolor, 20%);
	}
	45% {
		background-color: lighten($accentcolor, 15%);
	}
	50% {
		background-color: lighten($accentcolor, 20%);
	}
	100% {
		background-color: lighten($accentcolor, 15%);
	}
}