html,body{ /*margin:0; padding:0; height:100%;*/ width:100%; }

/* latin-ext */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  src: local('Karla'), local('Karla-Regular'), url(karla-font/31P4mP32i98D9CEnGyeX9Q.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  src: local('Karla'), local('Karla-Regular'), url(karla-font/Zi_e6rBgGqv33BWF8WTq8g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  src: local('Karla Bold'), local('Karla-Bold'), url(karla-font/r3NqIkFHFaF3esZDc3WT5BTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  src: local('Karla Bold'), local('Karla-Bold'), url(karla-font/suoMYBGv5sGCUIrF9mVTffesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

body {
	font-family: 'Karla', sans-serif;
	font-size:0.9rem;
	font-weight:400;
	line-height:1.5;
	color:#000;
	background-color:#C4E1FF;
}


/********Make the selected text color and background color Setting Start******/
::-moz-selection { /* Code for Firefox */
    color: red;
    background: yellow;
}

::selection {
    color: red; 
    background: yellow;
}
/********Make the selected text color and background color Setting End******/


/**************input focus outline border setting start********************/
.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .1rem rgba(0,123,255,.25)}

.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .1rem rgba(0,123,255,.25)}

.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .1rem rgba(0,123,255,.25)}

.custom-file-input:focus~.custom-file-control{border-color:#80bdff;box-shadow:0 0 0 .1rem rgba(0,123,255,.25)}

.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .1rem rgba(0,123,255,.25)}
/**************input focus outline border setting end********************/

.bg-theme-danger {
	color: #fff;
	background-color: #d9534f;
}




.highlight {
	background-color: #0073AA;
}