/* @import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@1,500&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Neuton&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap'); */
body
{
    margin:0;
    height:100vh;
    width:100vw;
    background:#EBEDEF;
    /* font-family: 'Lora', serif; */
    /* font-family: 'Neuton', serif; */
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Roboto', sans-serif;
    /* font-family: 'Nanum Gothic', sans-serif; */
    /* font-family: 'Quicksand', sans-serif; */
    /* font-family: 'Lato', sans-serif; */
}
#root
{
	width:100%;
	height:100%;
}
*:-moz-drag
{
    background:green;
}
textarea,input[type='text']:focus
    {
        outline:none;
    }
ul,h1,h2,h3,h4,h5,h6
{
    padding:0;
    margin:0;
}
hr
{
	border: 0.5px solid #F8F8F8;
}

li{
    list-style: none;
}
a{
    text-decoration: none;
    color:black;
	cursor:pointer;
}
label
{
    cursor:inherit;
}
img, svg {
    vertical-align: middle;
}
.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 85%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.row
{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
/* svg{
    flex: 0 0 56px;
    height: 1.09375rem;
    font-size: 1.09375rem;
    text-align: center;
    transition: .3s;
    fill: currentColor;
    color:white;
} */



/**********************/
.col-lg-3,.col-lg-4,.col-sm-4,.col-sm-6
{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
*, :after, :before {
    box-sizing: border-box;
}

.col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}
.col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
}
.col-sm-4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
}
.col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
}
@media (min-width: 992px)
{
    .col-lg-3 {
       flex: 0 0 25%;
       max-width: 25%;
    }
	.col-lg-4 {
       flex: 0 0 33.33%;
       max-width: 33.33%;
    }
}
/* 
@media (min-width: 576px)
{
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
} */
/* Mobile devices (mobile, 1224px and below) */
@media (max-width: 1224px) {
	
	#main #page .pContainer .pcContainer
	{
		padding-right: 5px;
		padding-left: 5px;
	}
    
}
    


/************************************/
.mb-0, .my-0 {
    margin-bottom: 0!important;
}

.text-white {
    color: #fff!important;
}

.text-value-md {
    font-size: 1.3125rem;
}
.text-value-lg {
    font-size: 2.3125rem;
}

.text-muted {
    color: #768192!important;
}


@media print { 
    /* body * { */
        /* visibility: hidden;
      }
      #printableForm, #printableForm * {
        visibility: visible;
      }
      #printableForm {
        position: absolute;
        left: 0;
        top: 0;
      } */
    /* body {transform: scale(.7);} */
	::-webkit-scrollbar {
		display: none;
	}
	#main #header,#main #pagePath,button,input[type='submit']{
        display:none;
    }
	/* .pagebreak { */
        /* height:200%; */
        /* page-break-after: always !important; */
        /* display: block;  */
        /* page-break-before: auto;  */
    /* } */
}





.tooltip {
  position: relative;
  display: inline-block;
  /* border-bottom: 1px dotted black; */
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  border:1px dashed #333333;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}




/* ----------------------------- */
.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
  }
  .autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
  }
  .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
  }
  .autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
  }
  .autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
  }