/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

#primary {
	padding-bottom: 50px;
	padding-left: 2em !important;
	padding-right: 2em !important;
	margin: 0 !important;
	border: none !important;
}

/*#secondary {	
    background-color: #2f2f2f;
	margin: 0 !important;
	border: none !important;
	min-width: 250px;
}*/

.ast-container, .secondary {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.ast-container {
	min-height: 100vh;
}

/*give the counter metrics a color*/
.spotrisk_counter {	
	display: block;
	color: #358bca;
	font-weight: bold;
	font-size: 25px;
	text-align: center;
}

.meta-category {
	display: none;
}


/*hide footer of the view*/
.gv-table-view tfoot, .gv-datatables tfoot {
	display: none !important;
}

.gv-table-view thead tr, .gv-datatables thead tr {
	background-color: #358bca !important;
	background: #358bca !important;
	color: white;
}


/**-----------------------------------
 * ---------------------------
 * Info Boxes
 * -------------------------
 * ----------------------
 * ***/

 .gotr-alert {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    line-height: 1.45;
    overflow: hidden;
    margin-top: 1em;
    margin-bottom: 1em;	
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.4rem;
    text-align: left;
}
.gotr-alert > .alert-icon {
    width: 50px;
    padding: .5em;
}
.gotr-alert > .alert-content {
    flex: 1;
    padding: .5em;
}
.gotr-alert p {
    margin: 0 !important;
}

 
.gotr-alert a {
     text-decoration: underline;
     font-weight: bold;
     color: inherit !important;
}
 
.gotr-alert a:hover {
     opacity: .75;
}
 
.yellow-box {
    color: rgba(0,0,0,.85);   
   background-image: none;
   background-color: #fff6cc;
   border-color: #ffcf00;
}

.gotr-alert.yellow-box > .alert-icon svg {
    fill: #ffcf00;
}
 
.green-box {    
   color: rgba(0,0,0,.85);
    background-color: #d5f9e5;
    background-image: none;
    border-color: #0be881;
}

.gotr-alert.green-box > .alert-icon svg {
    fill: #0be881;
}
 
.red-box {	
    color: rgba(0,0,0,.85);  
    background-image: none;
    background-color: #f8d0d9;
    border-color: #ff4d4f;
}

.gotr-alert.red-box > .alert-icon svg {
    fill: #ff4d4f;
}
 
.blue-box {
    color: rgba(0,0,0,.85);  
    background-image: none; 
    background-color: #cfe7fd;
    border-color: #1890ff;
}

.gotr-alert.blue-box > .alert-icon svg {
    fill: #1890ff;
}
 
.default-box {
   color: rgba(255,255,255,.8);
   background-color: #191c20;
   background-image: none;
   border-color: rgba(255,255,255,.1);
}


/** 
 * Title bar
 * **/

 #mcomply-title-bar {
    background-color: #ededed;
    padding: 0.5em;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
}

@media only screen and (min-width: 992px) {
    #mcomply-title-inner {
        max-width: 1240px;
        margin: 0 auto;
        position: relative;
        padding-right: 20px;
        padding-left: 20px;
    }
}


/**.sr-row {
    display: flex;    
	align-items: center;
	justify-content: space-between;
    margin-top: 20px;
	gap: 2em;
}**/

/**.sr-column {
    flex: 1;
    padding: 15px;
    box-sizing: border-box;
    text-align: center;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    border-radius: 5px;
	padding: 1em;
    margin: 10px 0;
}**/

/* Larger than 990px screens */
@media (min-width: 990px) {
   /** .sr-column {
        flex: 0 0 33.33%;
    }**/
}

.view_detail_section {
	margin-top: 30px;
}

.sr_back_link a {
	background-color: #3589CB;
	color: white;
	font-weight: 700;
	padding: 12px 30px;
	text-decoration: none !important;
	border-radius: 4px;
	margin-top: 20px;
}

/* Flexbox layout for extra information */
.extra-info-container, .sr-row {
    display: flex;
    justify-content: space-between;
    margin-top: 2em;
	gap: 2em;
}

.extra-info-container .column, .sr-row .sr-column {
    flex: 1;    
	box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    border-radius: 5px;
	padding: 1em;
}

.extra-info-container .column a {
	display: block;
}

.extra-info-container .column ul {
	list-style-type: none;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1 !important;
}
.extra-info-container .column ul li div { 
	max-width: 100% !important;
	width: 100% !important;
}

.sr_flex_heading {
	display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    padding: 10px;
    border-bottom: 1px solid #4a95d036;
}

.sr_flex_heading h4 {
	margin-bottom: 0 !important;
	color: #358bca !important;
}

.sr_details_heading {
	font-weight: bold !important;
	color: #3589CB !important;
	border-bottom: 2px solid #3589CB;
	padding-bottom: 10px;
}

/* Table styles */
.gv-table-view-content {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 1em;
    font-family: sans-serif;
	border-radius: 4px;
}

.gv-table-view-content th, .gv-table-view-content td {
    padding: 15px 15px;
    border: 1px solid #ddd;
}

.gv-table-view-content th {
    text-align: left;
}

.gv-table-view-content tr {
    border-bottom: 1px solid #ddd;
}

.gv-table-view-content tr:last-of-type {
    border-bottom: 2px solid #ddd;
}


/** input icons **/
/* Base styles for input fields with icons */
.gform_wrapper .input-with-icon .ginput_container {
    position: relative;
}

.gform_wrapper .input-with-icon .ginput_container input[type="text"],
.gform_wrapper .input-with-icon .ginput_container input[type="email"],
.gform_wrapper .input-with-icon .ginput_container input[type="password"] {
    padding-left: 40px; /* Adjust padding to make space for the icon */
    width: 100%;
    box-sizing: border-box;
	height: 50px;
}

/* Base style for the icon */
.gform_wrapper .input-with-icon .ginput_container::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 20px; /* Adjust width and height as needed */
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none; /* Ensures the icon does not interfere with input interaction */
	z-index: 999;
}

/* Icon for Company Name */
/* Icon for Company Name (User Icon) */
.gform_wrapper .input-with-icon.company-name .ginput_container::before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"%3E%3Cpath fill="%23CCCCCC" d="M12 12c2.761 0 5-2.239 5-5s-2.239-5-5-5-5 2.239-5 5 2.239 5 5 5zm0 2c-3.86 0-7 3.14-7 7v1h14v-1c0-3.86-3.14-7-7-7z"/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
}

/* Icon for Email (Envelope Icon) */
.gform_wrapper .input-with-icon.email .ginput_container::before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"%3E%3Cpath fill="%23CCCCCC" d="M12 12.713l-10.985-6.713h21.971L12 12.713zM2 8.137v10.862c0 .552.448 1 1 1h18c.552 0 1-.448 1-1V8.137l-10 6.134-10-6.134zm20-2.137v-.862c0-.552-.448-1-1-1H3c-.552 0-1 .448-1 1v.862l10 6.134 10-6.134z"/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
}

/* Icon for Password (Padlock Icon) */
.gform_wrapper .input-with-icon.password .ginput_container::before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"%3E%3Cpath fill="%23CCCCCC" d="M17 8V7c0-2.76-2.24-5-5-5S7 4.24 7 7v1H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2h-1zm-7-1c0-1.66 1.34-3 3-3s3 1.34 3 3v1H10V7zm3 11c-.83 0-1.5-.67-1.5-1.5S12.17 15 13 15s1.5.67 1.5 1.5S13.83 18 13 18zm0-3c-.28 0-.5.22-.5.5v2c0 .28.22.5.5.5s.5-.22.5-.5v-2c0-.28-.22-.5-.5-.5z"/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
}