/**
 * Vvveb
 *
 * Copyright (C) 2022  Ziadin Givan
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 */

body
{
	font-family:"Helvetica Neue", Helvetica, -apple-system, Arial, "Lucida Grande", system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

//$form-select-indicator: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 2'%3E%3Cpath fill='%23aaa' d='M 2,2 0,0 h 4 z'/%3E%3C/svg%3E");

$form-select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path fill='none' stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");
$form-select-bg-size: 10px 12px;
$form-select-bg-position: right 0.7rem center;

$input-btn-padding-y: .4rem;
$input-btn-padding-x: .5rem;
$custom-select-padding-y: .4rem;
//$light: rgba(var(--bs-secondary-color-rgb), 0.05);
//$blue:#495ffb;

#logo {
	html[data-bs-theme="dark"] & {
	    //filter: brightness(3);
	    filter: invert(93%) hue-rotate(180deg);
	}
}

$input-height: default;

$la-font-path: '../fonts/line-awesome';
$la-css-prefix-lar: 'la';
$la-css-prefix-las: 'la';

i.la {
	font-style:normal;
}


$link-decoration: none;
$font-size-base: 1rem;

@import "line-awesome/line-awesome";
@import "bootstrap/bootstrap";
@import "builder";


.btn-icon
{
	font-weight:500;
	text-transform:capitalize;
	margin-bottom:0px;
	padding:0.4rem 2rem;
	
	i:first-child
	{
		display: inline-block;
		margin-right:0.3rem;
		//font-size: 21px;
		opacity:0.7;
	}
	
	&.btn-outline-primary
	{
		border-width:0px;
		box-shadow:0px 0px 1px 0px #3478f2;
		background-color:var(--bs-body-bg);

		&:hover
		{
			color:var(--bs-link-color);
			background:$gray-100;
		}
		
		i {
			//border-right:1px solid rgba(var(--bs-body-color-rgb), 0.1);
			background:transparent;
		}
	}
	
	&.btn-outline-secondary {
		box-shadow:0px 0px 2px 1px rgba(var(--bs-body-color-rgb), 0.07), -1px 1px 2px 0px rgba(var(--bs-body-bg-rgb), 0.15) inset;
		box-shadow:1px 1px 1px 0px rgba(var(--bs-body-color-rgb), 0.07);
	}
	
	&.btn-gray
	{
		i
		{
		}
	}
	
	&.btn-secondary
	{
		box-shadow:-1px 1px 2px 1px rgba(var(--bs-body-color-rgb),0.07),-1px 1px 2px 0px rgba(var(--bs-body-bg-rgb),0.15) inset;

		i
		{
			background: transparent;
		}
	}

	&.btn-primary {
		box-shadow:-1px 1px 2px 1px rgba(var(--bs-body-color-rgb),0.07),-1px 1px 2px 0px rgba(var(--bs-body-bg-rgb),0.15) inset;

		i {
			/*background: rgba(var(--bs-body-bg-rgb), 0.1);*/
		}
	}
	
	&.btn-sm {
		i {
			//padding: 0.5rem 0.5rem;
		}
	}
}

label.form-check .form-check-input {
    float: none;
    vertical-align: middle;
    margin-right: 0.2rem;
}
.form-check .form-check-input {
    position: relative;
    box-shadow: 0px 0px 2px 1px rgba(var(--bs-body-color-rgb), 0.07) inset;
}

.alert-light {
    //color: #525252;
    //background-color: whitesmoke;
    //border-color: #f0f0f0;
}

.modal-full .modal-dialog.modal-xl {
    max-width: 90%;
}

.modal-full .modal-dialog.modal-xl.modal-dialog-scrollable .modal-content {
	min-height:50%;
}

.btn-outline-secondary
{
	//color:#555;
	//border-color:var(--bs-border-color);
}