@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

:root {
  --main-color: #006efd;
  --main-color2: #ffc350;  
  --main-color3: #ee9c00;  
  --main-color-h1: #8c8c8c;   
  --main-color-h2: #8c8c8c;   
  --main-color-h3: #8c8c8c;   
  --main-color-h4: #2ad2c9;   
  --main-color-btn-default: #2ad2c9;
  --main-color-btn-action: #1c76ce; 
  --font-family: 'Open Sans', sans-serif;
  --btn-border-radius: 0px;
  --form-border-radius: 0px;
  --primary-bg-color: #2ad2c9;
  --primary-bg-hover: #25aea7;  
  
}

body {
	font-family: var(--font-family);
	color: var(--main-color);
	font-size: 16px;
	line-height:1.5;
	font-weight: 400;
	background:#ffffff; 
	margin:0; 
	height:100%;
	-webkit-font-smoothing: auto;
}


.site-color {color:var(--main-color-btn-action) !important;}

/*=========== Typography ===============*/
h1, h2, h3, h4, h5, h6, p, btn, .h1, .h2, .h3, .h4, .h5, .h6, .p, .btn {font-family: var(--font-family);}
h1, .h1 {font-size: 36px; font-weight: 600; color:var(--main-color-h1); margin-bottom:20px}
h2, .h2 {font-size: 28px; font-weight: 500;  color:var(--main-color-h2); margin-bottom:20px}
h3, .h3 {font-size: 24px; font-weight: 500;  color:var(--main-color-h3); margin-bottom: 16px}
h4, .h4 {font-size: 20px; font-weight: 400;  color:var(--main-color-h4); margin-bottom: 20px}
h5, .h5 {font-size: 18px; font-weight: 500;  color:#FFFFFF; }
h6, .h6 {font-size: 24px; font-weight: 600;  color:#FFFFFF; }
p, .p, li, div, normal {font-size: 16px; font-weight: 400; color:#666666; line-height:1.5;}
a, a:visited  {color:var(--main-color); text-decoration:none;}

.text-small {font-size:12px}
.text-blue {color:#006efd}
.text-yellow {color:#ffc350}

/*=========== End Typography ===============*/

/*=========== Buttons ===============*/
.btn {border-radius: var(--btn-border-radius)}
.btn-site-default, a.btn-site-default {background-color: var(--main-color-btn-default) ; border-color: var(--main-color-btn-default); color: #FFFFFF; }
.btn-site-default:hover, .btn-site-default:active, .btn-site-default:focus {background-color: var(--main-color-btn-default) !important; opacity: 0.8; border-color: var(--main-color-btn-default) !important; color: #FFFFFF;}
.btn-site-action {background-color: var(--main-color-btn-action); border-color: var(--main-color-btn-action); color:#ffffff; }
.btn-site-action:hover, .btn-site-action:active, .btn-site-action:focus {background-color: var(--main-color-btn-action) !important; opacity: 0.8; border-color: var(--main-color-btn-action-hover) !important; color:#ffffff;}

i.btn-view {color:#365dcd;}
i.btn-delete {color:#F44336;}

.btn-fa, .cursor-pointer {cursor:pointer}

/*=========== End Buttons ===============*/

#body-wrapper {
    padding: 10px 0px 0px;
	background: #ffffff;	
}


.card { border-radius: 0px; border:1px solid #edebeb !important}
.card-title {
    font-size: 22px;
    color:var(--main-color-h1);
}

.form-control, .form-select {border:1px solid #2ad2c985; border-radius:3px}

.container {max-width:1200px}