<?php 

$fonts = "";

do {

	$fonts .= $row_list_font_all['theme_font_web']."|";

} while ($row_list_font_all = mysqli_fetch_assoc($list_font_all));

$final_fonts = rtrim($fonts,"|");

?>

@import url('https://fonts.googleapis.com/css?family=<?php echo $final_fonts;?>&display=swap');


.dropdown-menu .show > .dropdown-toggle::after{

    transform: rotate(-90deg);

}

.menu-area{background: #d61a5e}

.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}

.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{color:#fff;font-size:16px;text-transform:capitalize;padding:16px 15px;font-family:'Roboto',sans-serif;display: block !important;}

.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #fff;background: #4CAF50;outline: 0;}

/*==========Sub Menu=v==========*/

.mainmenu .collapse ul > li:hover > a{background: #4CAF50;}

.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #4CAF50;}

.mainmenu .collapse ul ul ul > li:hover > a{background: #4CAF50;}


.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#1565C0;}

.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#1E88E5}

.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#64B5F6}


/******************************Drop-down menu work on hover**********************************/

.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}

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

.mainmenu .collapse ul li:hover> ul{display:block}

.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}

/*******/

.mainmenu .collapse ul ul li{position:relative}

.mainmenu .collapse ul ul li:hover> ul{display:block}

.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}

/*******/

.mainmenu .collapse ul ul ul li{position:relative}

.mainmenu .collapse ul ul ul li:hover ul{display:block}

.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}


}

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

.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}

.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}

}

.app-body .main {

	background: white;

}

.app-body .main.Deleted {

	    /* Base background color */
    background-color: #ffffff; /* White background */

    /* Diagonal striped lines */
    background-image: repeating-linear-gradient(
        45deg,               /* Angle of the stripes */
        rgba(0, 0, 0, 0.05), /* Faint stripe color (black with 5% opacity) */
        rgba(0, 0, 0, 0.05) 10px, /* Stripe thickness */
        transparent 10px,    /* Space after the stripe */
        transparent 20px     /* Total space for one stripe cycle */
    );
}

body{

	<?php do {?>

		font-family: '<?php echo $row_list_font_default['theme_font_name'];?>';

	<?php } while ($row_list_font = mysqli_fetch_assoc($list_font))?>
}

body.login{

	/*background-image: url(../../../manage/custom/img/doodles.png);*/
	background-image: url(../../../userfiles/theme/4f77fd4b9a411152a429aaf445f351b1.png);

}

h1 {

	font-size: 1.5rem;

}

h2 {

	font-size: 1.4rem;

}

h3 {

	font-size: 1.25rem;

}

h4 {

	font-size: 1.1rem;

}

h5 {

	font-size: 1.0rem;

}

h6 {

	font-size: 0.9rem;

}

.page_menu {

	background: #efefef;

	padding: 4px;

}

.button, input[type='button'] {

	display: inline-block;


	text-align: center;

	white-space: nowrap;

	vertical-align: middle;

	user-select: none;

	border: 1px solid transparent;

/*	background: #258;

	color: gold;*/

	margin:0 2px;

	padding: 0.375rem 0.75rem;

	font-size: 0.875rem;

	line-height: 1.5;

	border-radius: 0.25rem;

	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

thead th {

	background-color: #258;

	border: 1px solid #258;

	font-size: .9rem;

	padding: 4px;

	color:gold;

}

@media (min-width: 992px) {

  .modal-lg {

    width: 1000px;

  }

  .modal-full {

  		margin-right:auto;

		margin-left:auto;

        width: 92.5% !important;

        height: 92.5% !important;

        min-height: 92.5%;

        padding: 0;

	  max-width: 1200px;

  }

}

.modal-dialog .modal-full {

  		margin-right:auto;

		margin-left:auto;

        width: 92.5% !important;

        height: 92.5% !important;

        min-height: 92.5%;

        padding: 0;

		max-width: 1200px;

}

th {

  background: #ccc;

  text-align: inherit;

	font-size:0.8rem;

}

.field {

	background: #ececec;

	width:20%;

	font-weight: bold;

}

.width-auto {

	width:auto;

}

label.error {

	background: #20a8d8;

	padding:4px 6px;

	left: -28000px;

	top: -28000px;

	display: none;

	color: white;

	max-width: 100%;

	min-width: 50px;


	font-size: .8rem;

	line-height: 12px;


	direction: ltr;


	box-shadow: none;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	overflow: hidden;

	z-index: 10;

}

.modal-body {

	overflow-y: scroll;

}

h1,h2,h3,h4,h5,h6 {
	
	<?php do {?>

		font-family: '<?php echo $row_list_font_default['theme_font_name'];?>';

	<?php } while ($row_list_font_default = mysqli_fetch_assoc($list_font_default))?>
	
	/*font-family: 'DaxCompact','Fjalla One', 'Yanone Kaffeesatz', sans-serif;*/

	font-weight: bold;
	

}

tbody, thead th, body, .btn, input[type=button], input[type=submit] {

	font-size:0.75rem !important;

}

.form-control {

	line-height: 1rem !important;

	font-size:0.75rem !important;

}

.input-group-text {

	font-size:0.75rem !important;

}

.green{

	color: green;

}

.red{

	color: red;

}

.fm-modal {

    z-index: 10011; /** Because CKEditor image dialog was at 10010 */

    width:80%;

    height:80%;

    top: 10%;

    left:10%;

    border:0;

    position:fixed;

    -moz-box-shadow: 0px 1px 5px 0px #656565;

    -webkit-box-shadow: 0px 1px 5px 0px #656565;

    -o-box-shadow: 0px 1px 5px 0px #656565;

    box-shadow: 0px 1px 5px 0px #656565;

    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);

}

.fm-modal {

		z-index: 10011; /** Because CKEditor image dialog was at 10010 */

		width:80%;

		height:80%;

		top: 10%;

		left:10%;

		border:0;

		position:fixed;

		-moz-box-shadow: 0px 1px 5px 0px #656565;

		-webkit-box-shadow: 0px 1px 5px 0px #656565;

		-o-box-shadow: 0px 1px 5px 0px #656565;

		box-shadow: 0px 1px 5px 0px #656565;

		filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);

	}

.ui-front {

    z-index: 9999999 !important;

}

@font-face{ 

	font-family: 'DaxCompact';

	src: url('fonts/daxcompact-medium-webfont.ttf') format('truetype');

}

.close {


    line-height: .25;


}


.form-group {

  margin-bottom: 0;

}

.table th, .table td {

    padding: 0.5rem;

    vertical-align: top;

   /* border-top: 1px solid #c8ced3;*/

}

label {

    display: inline-block;

    margin-bottom: 0;

}

label {

	font-weight: bold;

	/*padding-top:10px;*/

	padding-bottom: 0px;

}

label.no-bold {

	font-weight: normal;

	padding-bottom: 0px;

	/*padding-top: 10px;*/

}

mark {

  padding: 0;

  background: #f1c40f;

}

.bootstrap-dialog.type-primary .modal-header {

    background-color: #258 !important;

}

.cke_source {

    white-space: pre-wrap !important;

}

<?php do {?>

.font-<?php echo str_replace("+","-",$row_list_font['theme_font_web']);?> {

	font-family: '<?php echo $row_list_font['theme_font_name'];?>';

	font-size: <?php echo $row_list_font['theme_font_default_size'];?>;

}

<?php } while ($row_list_font = mysqli_fetch_assoc($list_font))?>

.paginate_button {

	/*padding:0.25rem;*/

}

.paginate_input{

	width:40px;

	text-align: center;

}

.detail_item {

	/*padding-bottom:10px;*/

}

div.details_form div.form-group.row {
    padding:0.5em 0;
}

p.noMargins {
	margin: 0;
}
/* Initially set color to silver */
tr.DeletedRow td:not(.ActionCol),li.DeletedLi,tr.DeletedRow td:not(.ActionCol) span,li.DeletedLi span {
    text-decoration: line-through;
    color: silver;

    /* Base background color */
    background-color: #ffffff; /* White background */

    /* Diagonal striped lines */
    background-image: repeating-linear-gradient(
        45deg,               /* Angle of the stripes */
        rgba(0, 0, 0, 0.05), /* Faint stripe color (black with 5% opacity) */
        rgba(0, 0, 0, 0.05) 10px, /* Stripe thickness */
        transparent 10px,    /* Space after the stripe */
        transparent 20px     /* Total space for one stripe cycle */
    );
}

.widget-content-wrapper {
    display: flex;
    flex-wrap: wrap; /* Allows the elements to wrap to the next line if they exceed width */
    align-items: flex-start;
    justify-content: space-between;
}

/* Apply Flexbox to the row containing the col divs */
.row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; /* Ensures all columns are of equal height */
}

/* Ensure the columns take full height */
.col {
    display: flex;
    flex-direction: column;
    flex: 1; /* Ensure columns take equal width and stretch */
    justify-content: center; /* Center the content vertically within the column */
}

/* Ensure each card takes full height of the column */
.col .card {
    flex: 1; /* Fills the available space within the column */
    display: flex;
    flex-direction: column; /* Allows proper vertical alignment */
    justify-content: space-between; /* Distribute the content inside the card */
}

[data-flag-placeholder="1"] {
  position: relative; /* To position the pseudo-element */
  padding-right: 25px; /* Space for the icon */
}

[data-flag-placeholder="1"]::after {
  font-family: "Font Awesome 5 Free"; /* Font Awesome 6 Free is used; adjust if using another version */
  content: "\f071"; /* Unicode for fa-exclamation-triangle */
  font-weight: 900; /* Required for solid icons in Font Awesome 6 */
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  color: orange; /* Icon color */
  font-size: 1em; /* Adjust size as needed */
  pointer-events: none; /* Ensures the icon doesn't interfere with interactions */
}

.Deleted {
	/* Base background color */
    background-color: #ffffff; /* White background */

    /* Diagonal striped lines */
    background-image: repeating-linear-gradient(
        45deg,               /* Angle of the stripes */
        rgba(0, 0, 0, 0.05), /* Faint stripe color (black with 5% opacity) */
        rgba(0, 0, 0, 0.05) 10px, /* Stripe thickness */
        transparent 10px,    /* Space after the stripe */
        transparent 20px     /* Total space for one stripe cycle */
    );
}