body{
color:#000;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 20px;
background: white;
font-weight:600;
}
.subheader > div:first-child > img{
	width: 70%;
}
.e {
    background: white;
   	margin:5px auto !important;
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 10px !important;
    cursor: auto !important;

		box-shadow: 0px 4px 3px -4px #0505058f;
}

.e > div:first-child{
	display:block;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;

}
.e > div:first-child > div{

	padding: 5px;

}
.e > div:first-child > div:last-child{

	    margin: 0 -4px 0 auto;
	    text-align: right;

}
.e > div:first-child > div:last-child > a{
	padding: 3px 8px;
}


.bodymen{

	    margin: 0 auto;
	    background: white;
	    padding: 10px 16px;
	    max-width: 1150px;
	    border: 1px solid #ddd;
	    border-top: 0;
		height: calc(100vh - 190px );
    overflow: auto;

}
.bodyme {
    display: flex;
    margin: 0 auto 0  auto;
    background: white;
    padding: 12px;
    max-width: 1150px;
    border: 1px solid #ddd;

}


.minicard {
    width: 40%;
    text-align: center;
    background: #ffffffc4;
    float: left;
    padding: 10px;
    margin: 6px 3px;
    border-radius: 5px;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 4px -2px #00000066;
		cursor: pointer;
}
.minicard > div{

	padding: 5px 0;
    white-space: nowrap;
}
.limited{
	max-height: calc(100vh - 150px);
	    overflow: auto;
	    width: 100%;
	    box-sizing: border-box;
	    overflow-x: hidden;
	    padding: 4px;
}




.limited >div:last-child{

	overflow: auto;
	overflow-x: clip;
	}
.minicard > div:first-child{

    margin: auto;
    text-align: center;
    font-size: 40px;
}
.minicard > div:last-child{

}

.minicard_two {
    background: #ffffffc4;
    padding: 10px;
    margin: 12px;
    display: flex;
    border-radius: 5px;
    border: 1px solid #eee;
    box-shadow: 2px 2px 6px -2px #00000066;
}
.minicard_two > div{
	padding:5px;
  }
  .minicard_two > div:first-child{
  	   width: 50%;
      margin: auto;
      text-align: center;
      font-size: 40px;
  }
  .minicard_two > div:last-child{
  	width: 70%;
  }
  .clearfix{
  	overflow: auto;
  }
.short {
  width: auto !important;
  padding: 15px !important;

  border: 1px solid #ddd;
  background: #66759f;
}
.login-form{

margin: 90px auto;
text-align: center;
background-color: white;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;


}
a {
	text-decoration: none;
	color: #444;
}
.clean{
  text-align: center;
}
.auth{

  width: fit-content;
  margin: auto !important;
  padding: 10px;
  border-radius: 5px;
  border: 0;
}
.auth > a{
  color: var(--bs-red);

}
.container {
  display: block;
  position: relative;
  padding-left: 35px !important;
  margin:  0 !important;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: none !important;
}
.btn{
	padding: 10px;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 5px;
cursor: pointer;
}
.steps{
  background: #d2efe3;
    margin: 5px 0;
    padding: 10px;
    border-radius: 5px;
}
.steps > a {

  float: right;
  padding: 5px;
  margin: -5px;
}
.prodots{
  display: flex;
  width: fit-content;
  background: #ced1d7;
  border-radius: 11px;
  padding: 1px;

}
.prodots > div:first-child{
  border-radius:11px 0 0 11px;
}
.prodots > div:last-child{
  border-radius: 0 11px 11px 0 ;
}
.prodots > div{
  width: 30px;
  background-color: #ced1d7;
  margin: 1px;
  cursor: pointer;
  padding: 2px;
  position: relative;
  height: 14px;
}
.prodots > div:hover{
  background-color: #afb9c6;
}
#clients_list {
  max-height: calc(100vh - 242px);
  overflow: auto;
  border: 1px solid #ddd;
  border-radius: 5px;

}
.list > div{
	margin: auto 0;
	    padding: 10px;


}
.list > div:last-child{
	margin: auto 5px 0 auto;
    padding: 10px 0;
    text-align: center;
    width: 32px;
    font-size: 13px;
}
.list > div:first-child{
    margin: auto 0 0 10px;
    padding: 10px 0;
}
#clients_list > div:last-child {
  border: 0;
}
.list{
	border-bottom: 1px solid #ddd;
    cursor: pointer;
    display: flex;
    transition: 0.1s;
}
.prodots > div::after {
  content: attr(data-title);
  position: absolute;
  border: 1px solid #444;
  display: none;
  padding: 1px;
  transition: 0.2s;
  top: -45px;
  left: 10px;
  width: max-content;
}

.prodots > div:hover::after{
  padding: 1px 5px;
  top: -25px;
  left: calc( 100% - 150%);
  background: #e4f2e7;
  border-radius: 5px;
  transition: .2s;
  display: block;


}
.prodots > div:last-child{

}
.prog{
   background-color: #3c72df !important;

}

.prog:first-child{
  border-radius:11px 0 0  11px ;
  background-color: #3c72df !important;

}
.prog:last-child{
  border-radius:0 11px 11px  0;
  background-color: #3c72df !important;

}
.prog:hover{
  background-color: #3e79ef !important;

}

.xlista{
	height: 350px;
    overflow: auto;
}
.printable{
  display: flex;
    margin: 10px 30px;
    border-bottom: 1px solid #cacaca;
    border-left: 1px solid #cacaca;
}
.printable > div {
    margin: 15px;
}
.close{
	float: right;
    padding: 8px 10px;
    margin-top: -4px;
    cursor: pointer;
}
.btn:hover{
	padding: 10px;
	    border: 1px solid rgba(0,0,0,0.15);
	    border-radius: 5px;
	    background: #e2e2e2;
	    box-shadow: 0 0 5px 0px #c7c7ce;
}
.centercon{
	text-align: center;
}
.rigthcon{
	text-align: right;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 15px;
}
table > thead {
  font-weight: bold;
  background-color: #e9ecef;
}

th,td {
  text-align: left;
  padding: 8px;
  border-bottom: 1px solid #ddd;
}
.lasttwo{
	text-align: center;
}
tr:nth-child(even) {
  background-color: #f2f2f2;
}
.head{
	font-weight: bold;
margin: 5px;
}
.message{
	padding: 12px;
  margin: auto;
    background: white;
    border: 1px solid rgba(0,0,0,0.15);
    position: fixed;
    border-radius: 5px;
		top:-100px;
		transition: .500s;
		right: 15px;
}
.red{
	color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
			top: 15px;
		transition: .500s;
}
.green{
	color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
		display: block;
		top: 15px;

	transition: .500s;
}
.backdrop{
	position: fixed;
width: 102%;
height: 103%;
background:transparent;
top: -300%;
margin: -9px;
transition: 0.3s;
left: 0;
transition: 0.4s;
}
.backdroprompt{
	position: fixed;
width: 102%;
height: 103%;
background: #1816169e;
top: -150%;
margin: -9px;
transition: 0.3s;
}
.backdroprompt > form > div{
	margin: 10px 0;
}
.backdroprompt > form > div:last-child{
	margin: 10px 0 0 0;
}
.backdroprompt > form{
	width: 250px;
    margin: 50px auto;
    background: white;
    padding: 15px;
    border-radius: 5px;
	text-align: center;

}.backdroprompt > form > div > button{
	width: 49%;
}
.card{
	margin: 0;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
	background-color: #e9ecef;
  overflow: auto;
}
.card > div{
	display: flex;

}
#elist{
	display: block !important;
}
.card > div:first-child{
	display: flex;
	background: white;
margin: 10px 0;
border: 1px solid #ddd;
border-radius: 5px;
padding: 5px;

}

.card > div:first-child >div:first-child{
	margin:0 0 0 0 !important;
}

.card > div:first-child >div:first-child{
	margin:0 auto 0 0 !important;
}

.card > div:first-child > div {
	margin: 0 !important;
}
.card > div > div {
	margin: 0 10px 0 0 ;
	padding: 5px;
	cursor: pointer;
}
.show{
	top:0 !important;
	transition: 0.3s;
  left: 0;
  z-index: 99999;
	background-color: #1816169e;
}
.operations {
    overflow: auto;
    white-space: nowrap;
}
.operations > div{
	border-top:  1px solid #ddd;
	border-left:   1px solid #ddd;
	margin: 0 0 !important;
	padding: 5px 10px !important;
}
.operactive{
	background-color: white;
}

.operations > div:last-child{
	border-right: 1px solid #ddd !important;
	border-radius: 0 5px 0 0;
}
.operations > div:first-child{
	border-radius:  5px 0 0 0;
}

.dinam {
  border-radius: 0px;
  cursor: pointer;
  transition: 0.3s;
  padding: 6px 10px;
}
.dinam:hover{
  transition: 0.3s;
    border-radius: 75px;
    cursor: pointer;
    background: #e0e0e0;
}
.sha{
  animation: shake 1s;
  animation-iteration-count: infinite;
  color: #dc3545;
}
@keyframes shake {
  0% { transform: scale(0.9); }

 	 50% {transform: scale(1.3);}


  100% {transform: scale(0.9); }
}

.cal_head{
	padding: 8px;
    margin: 0 !important;
}
.cal_head > a {
	margin: -5px -4px -5px auto;
    padding: 5px 10px 3px 10px;



}
.tablewhite {
  border-collapse: collapse;
  border-spacing: 0;
  min-width: 500px !important;
  border: 1px solid #ddd;
  font-size: 15px;
  height: -moz-fit-content;
  height: fit-content;
}
.body {
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 0 5px 5px 5px;
    background-color: white;
    height: calc( 100vh - 436px);
    overflow-y: auto;
}
.tablewhite > thead {
  font-weight: bold;
  background-color: #e9ecef;
}

.tablewhite > th,td {
  text-align: left;
  padding: 8px;
  border-bottom: 1px solid #ddd;

}
.tablewhite > th, td:first-child {
    font-weight: bold;
    white-space: nowrap;
}
.subheader > div:last-child {
    margin-right: 5px !important;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
		text-align: right;
}
.bodyme > div {
    padding: 0 12px;
    margin: 0px;
}


.tablewhite > tr:nth-child(even) {
  background-color: #f2f2f2;
}
.backdrop > form{
	width: 300px;
background: white;
padding: 10px;
margin: 15px auto;
border-radius: 5px;
}
.selected{
	background: white;
	border: 1px solid #ddd;
	border-bottom: 0;
	border-radius: 5px 5px 0 0;
	color: #4c83c3;
}
.menu{
	display: flex;
margin-top:4px;
}
.menu > div {
	margin: auto 0;
	margin-bottom: -1px;
	padding: 5px 13px;
	font-weight: bold;
  text-align: center;

}

textarea,select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
{
	font-size: 16px !important;
line-height: 20px;
box-sizing: border-box;
padding: 10px;
    padding-left: 10px;
max-width: 100%;
padding-left: 10px;
border: 1px solid rgba(0,0,0,0.15);
font-family: 'Open Sans', sans-serif !important;
transition: .250s;
color: #495057;
width: 100%;
margin-bottom: 10px;
border-radius: 5px;
}
select {
	background-color: white;
}
input:focus{
transition: .250s;
outline: none;
box-shadow: 0px 0px 0px 4px #59a5f094;
}
select:focus{
	background: rgb(160 201 234 / 50%);
transition: .250s;
outline: none;
box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.55);
}

textarea:focus{
		background: rgb(160 201 234 / 50%);
transition: .250s;
outline: none;
box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.55);
}



.container{
		width: 900px;
		margin: 20px auto;
		padding: 10px;
		background: white;
		margin-top: 20px;
		border-radius: 4px;
		box-shadow: 0 0 8px 0px rgb(0 0 0 / 10%);
		display: flex;
}

/* COLORSSSS */
.greenlabel{
	color: #198754 !important;
}
.redlabel{
	color: #dc3545 !important;
}
.bluelabel{
	color: #0d6efd;
}
.clickable{
  cursor: pointer;
  transition: .3s;
}
.clickable:hover {
  transition: .3s;
  background-color: #dddddd;
  color: #607d8b;
  border-radius: 5px;
  box-shadow: 0 0 0px 1px #00000087;
}

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-heading-color: ;
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
}


.spin{
    background: transparent;
    width: 10px;
    height: 10px;
    border: 5px solid;
		border-radius: 25px;
    border-color: #ccc #ccc #ccc #9e9e9e;
    margin: 5px auto;
}

.glow{
	text-shadow: 2px 0px 0px rgba(255,255,255,0.5);
transition: .5s;
animation-timing-function: ease-in-out;
	}

.doc_req_item{
	display: flex;
	margin-bottom: 5px;
}
.doc_req_item > div {
	margin: auto 5px auto auto;
	padding: 5px 9px;
	width: fit-content;
}
.doc_req_item > div:first-child {
	margin: auto auto auto 5px !important;
}
.doc_req_item > div:last-child {
	margin: auto 5px auto 5px !important;
}
.dinamicb{

}

td > a {
  border-radius: 0px;
  cursor: pointer;

  transition: 0.3s;
  padding: 6px 10px;
}
td>a:hover{
	transition: 0.3s;
    border-radius: 75px;
    cursor: pointer;
    background: #e0e0e0;

}



/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/



/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {



}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {



}