@charset "utf-8";

.ew-custom-template{
	margin:80px !important;
	background-color:white;
	color:black;
	padding-left:10px;
	padding-right:10px;
	
}
	
@media (max-width: 600px) {
    .ew-custom-template{
	margin:30px !important;
		background-color:white;
	color:black;
		padding-left:10px;
	padding-right:10px;
    }
}

/*
.fa-cart-flatbed:before, .fa-dolly-flatbed:before {
    color: #6ad66a;
}

.fa-chart-pie:before, .fa-pie-chart:before {
    content: "\f200";
    color: #6ad66a;
}

.fa-folder-tree:before {
    content: "\f802";
	color: #6ad66a;
}

.fa-file-invoice-dollar:before {
    content: "\f571";
	color: #6ad66a;
}

.fa-user-friends:before, .fa-user-group:before {
    content: "\f500";
    color: cyan;
}
.fa-flask:before {
    content: "\f0c3";
    color: coral;
}



.fa-database:before {
    content: "\f1c0";
	 color: yellow;
}

.fa-calculator:before {
    content: "\f1ec";
    color: #00FF00;
}

*/


.navbar-white {
  background-color:  #E5E8E8 !important;
  color: #000;
}


.fileinput-button {
  width: 100%;
}


.ew-aggregate-value{
	font-weight:bolder;
}


.hr{
width: 50%;
border: 2px solid #D1F2EB;

}
.modal-content{
	background-color: #f3f3f3;
	width: 80%;
	margin: auto;
	
}
@media only screen and (max-width: 768px) {
.modal-content {
	background-color: #f3f3f3;
	width:100%;

}
}

.sidebar-dark-success .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-success .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #273746 ;
    color: #fff;
	font-weight: border;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: #1C2833 ;
    color: #fff;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option--selected.select2-results__option--highlighted, .select2-container--bootstrap5 .select2-dropdown .select2-results__option[aria-selected=true].select2-results__option--highlighted {
    color: #fff;
    text-decoration: none;
    background-color: #A9DFBF;
}

body{background: #eee}
.ew-rpt-page-summary{
font-weight:800;
}
.ew-view-form{
width:95% !important;
margin-left:auto;
margin-right:auto;
margin-top:30px;
padding-top:30px;
padding-right:20px;
padding-left:20px;
padding-right:40px;
box-sizing:none;

border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background-color: #F5F5F5;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
padding-bottom:20px;
margin-bottom:20px;
}





.ew-search-panel .row-cols-sm-1>.col-sm-auto {
    width: auto !important;
}



.ew-grid .ew-table {
    vertical-align: middle;
}


.card{
    width: 95%;
	
}

.ew-table-header .ew-table-header-btn .ew-table-header-caption, .jtable-column-header-container .ew-table-header-caption {
    font-weight: bold;
}

.ew-add-div{
    padding: 80px;
    margin-top: 20px;
    margin-bottom: 10px;
	border-radius:20px;
}
	
/* Styles for mobile devices */
@media (max-width: 600px) {
    .ew-add-div {
        padding: 5px;
        margin-top: 10px;
        margin-bottom: 5px;
		background-color: white;
		color:black;
    }
}

.ew-edit-form{
	    padding: 80px;
    margin-top: 20px;
    margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
}

@media only screen and (min-width: 768px) {
.ew-add-div .ew-form ew-register-form  {
width:100% !important;
margin-left:auto;
margin-right:auto;
margin-top:30px;
padding-top:30px;
padding-right:20px;
padding-left:20px;
padding-right:40px;
	margin-left:auto;
	margin-right:auto;
box-sizing:none;
border-top: 20px solid #A6ACAF;
border-bottom: 1px solid #A6ACAF;
border-right: 1px solid #A6ACAF;
border-left: 1px solid #A6ACAF;
background-color: #FDFEFE;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
padding-bottom:20px;
margin-bottom:20px;
}

#fcompapp_complaintsadd{
margin: auto;
background-color:white;
color:black;
}

@media (max-width: 600px) {
#fcompapp_complaintsadd{
margin: auto;
background-color:white;
color:black;
    }
}

.ew-form .ew-edit-form{
	width:50% !important;
}

.nav-sidebar .nav-link p {
    font-size: 0.85rem;
}

.card{
	border: 2px solid rgba(0,0,0,.125);
}
.view-card{
width:80%;
margin-left:auto;
margin-right:auto;
}

}
.select2-container--bootstrap5 .select2-selection {

    height: 50px !important;
}


    .form-control:not(.form-control-color):not(textarea), .form-select {
        height:50px;
    }
	

.form-control {
    display: block;
    width: 100% !important;
	
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
}


.ew-select, .select2-container {

    display: block; 
	min-width:8em !important;
}

.content-header{
	border-bottom: 1px solid  #198754;
	padding-top: 10px;
    padding-bottom: 5px;
	margin-bottom:10px;
}


  
  .content-wrapper > .content {
  padding-bottom: 20px;
}



.video-container {
  position: relative;
  width: 100%; /* Make the div take the full width of its parent */
  padding-bottom: 56.25%; /* 16:9 aspect ratio (9 / 16 * 100%) */
  background-color:black;
}

.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* Stretch the video to fill the div horizontally */
  height: 100%; /* Stretch the video to fill the div vertically */
}











        .card-tile {
            border: 1px solid #ddd;
            padding: 20px;
            text-align: center;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
            transition: 0.3s;
            margin-bottom: 20px;
            cursor: pointer;
			min-height: 230px;
        }

        .card-tile:hover {
            transform: scale(1.05);
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
        }

        .icon {
            font-size: 48px;
            margin-bottom: 10px;
        }

        .stat {
            font-size: 24px;
            font-weight: bold;
			
        }

        .description {
            font-size: 14px;
            color: #888;
        }
		
		        /* Customize the Font Awesome icon colors */
        .icon i {
            color: #107979; /* Change to the color you want */
        }

        .search-form2 {
            text-align: center;
			 padding: 15px;
			  margin-top: 20px;
			  border-radius: 10px;
			  background-image: linear-gradient( 106.7deg, rgb(239, 239, 239) 103.7%, rgb(255, 247, 200) 120.7% );


        }
		
.search-bar {
  display: flex;
  justify-content: center;
  align-items: center; /* Optional: Center vertically as well */
  text-align: center;
  padding: 15px;
  margin-top: 20px;
  border-radius: 10px;
  background-image: linear-gradient(106.7deg, rgb(239, 239, 239) 103.7%, rgb(255, 247, 200) 120.7%);
}
		
        .search-form .form-group {
            display: inline-block;
            margin-right: 10px;
        }

        .search-button {
            background-color: red;
            color: white;
        }
		
		        .styled-input {
            border: 2px solid #ccc;
            border-radius: 5px;
            padding: 10px;
            width: 150px;
        }
		
        .circle {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            text-align: center;
            font-size: 14px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin: 20px;
            float: left;
            background-color:  #fee897; /* Set the background color */
        }

        .value {
            font-size: 24px;
            margin-bottom: 5px;
        }

		.circle:hover {
            background-color: #0e8b6d; /* Change the background color on hover */
        }
		
		
         .custom-hr {
            display: flex;
            align-items: flex-end; /* Align the bottom of the title with the line */
            width: 100%;
			margin-bottom:10px;
        }

        .custom-hr .title {
            background-color:  #2a2a2a;
            padding: 8px 12px;
			color:white;
            border-radius: 5px;
            margin-right: 10px;
            font-size: 1rem; /* Match the size of an h3 */
        }

        .custom-hr hr {
            flex-grow: 1;
            border: none;
            height: 1px; /* Adjust the height of the horizontal line as needed */
            background-color: #333; /* Set the color of the horizontal line */
        }
		
		.srch-column-heading{
		font-size:16px;
		font-weight:700;
		background-color:   #c6c5c2 ;
		padding:5px;
		}
		
		
		.green-tile{
		background-image: linear-gradient( 106.1deg,  rgba(69,242,143,0.52) 10.2%, rgba(14,228,175,0.61) 83.6% );
		}
		
		.orange-tile{
		background-image: radial-gradient( circle 755px at 10.1% 95.3%,  rgba(242,188,141,1) 0%, rgba(242,159,141,1) 100.2% );
		}
		
		.blue-tile{
		background-image: radial-gradient( circle farthest-corner at -0.8% 4.3%,  rgba(59,176,255,1) 0%, rgba(76,222,250,1) 83.6% );
		}
		.purple-tile{
		background-image: radial-gradient( circle 952px at -0.3% 47.9%,  rgba(112,113,252,0.58) 0%, rgba(254,141,199,0.61) 100.2% );
		}