html {
  box-sizing: border-box;
  font-size: 100%; 
}

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}

.content{
  padding-bottom:0px !important;
  padding:5px!important;
  font-size:12px !important;
}

.sidebar-foter{
  position: fixed;
    bottom: 0;
}
.sidebar-foter>li>a {
  padding: 12px 5px 12px 15px;
  display: block
}

/*adminlte
.main-sidebar{
  width: 190px !important;
}
.content-wrapper, .main-footer{
  margin-left: 190px !important;
}
/*adminlte*/



label{
  font-size:14px;
  padding: 0px 10px;
  font-weight: 100 !important;
}
.modal input[type="text"]{
  font-size: 0.8rem;
  margin-bottom: 10px;
}

.modal input[type="password"]{
  font-size: 0.8rem;
  margin-bottom: 10px;
}
.modal input[type="email"]{
  font-size: 0.8rem;
  margin-bottom: 10px;
}

select{
  height:24px;
  margin-bottom: 10px;
}
.navbar {
  min-height: 40px !important;
}
.content-header{
  background-color: white !important;
}

.modal-footer{
  text-align: center;
}
table{
  margin: 0 auto;
  width: 100%;
  clear: both;
  border-collapse: collapse;
/*  table-layout: fixed;*/
  Word-wrap:break-Word;
}
.row{
  margin-bottom: 10px;
  margin-left:0px;
  margin-top:20px;
  margin-right:20px;
}

.column, .columns {
  position: relative;
  float: left; 
}
.user-panel {
  position: relative;
  width: 100%;
  padding: 0px !important;
  overflow: hidden;
}

#header {
  box-sizing: border-box;
  background: #0b5db0;
  height: 50px
}
footer {
  width: 100%;
  height: 120px; 
  text-align: center;
  padding: 50px 0;
  background-color: #cab64a;
}
.nowrap {
  white-space: nowrap;
  overflow: hidden;
}

.pull-right {
  float: right
}
.row div[class*="col-"] {
  padding-left: 0px
}

table {
  margin: 0;
  border: none
}

.Datagrid{
  font-size: 0.8rem;
  border-collapse: collapse;
}

.Datagrid th{
  text-align:center;
  border: solid 1px #A9A9A9 !important;
  background-color:  #3c8dbc !important;
  padding:5px !important;
  margin:0 !important;
  font-weight:normal !important;
  color:#fff;
 }
.Datagrid td{
  border: solid 1px #A9A9A9 !important;
  padding:3px !important;
  margin:0 !important;
  vertical-align:middle!important;
  background-color:  #fff !important;
 }
 
.modal-md { 
  width: 450px;
}

.content-header>h1 {
  margin: 0 0 5px 0 !important;
  font-size: 18px !important;
  padding-bottom: 10px;
}
.content-header > h1 > div{
  font-size:82.5%; 
}
.content-header > h1 > div >a{
  cursor: pointer;
  text-decoration-line: underline;
}

ul.dropdown-menu  {
  position: relative;
  min-width: 150px;
  left:10px;
}
ul.dropdown-menu > li {
  position: relative;
}
ul.dropdown-menu > li:hover {
  white-space: nowrap;
}
.open >button{
  position: absolute;
}
.main-header .logo{
  height: 51px !important; 
}

.loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,.5);
  background-image: url(../public/img/ajax-loader.gif);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: 150px 150px;
  z-index: 2000;
}
.hide {
    display: none !important;
}
div.box-fix-column-row {
  height:340px;  
  border:1px solid #ffffff;
  overflow:auto;
}

table.fix-column-row {
  width: 1600px;
}

table.fix-column-row th, table.fix-column-row td {
  vertical-align: middle;
  padding: 0 15px;
  border: 1px solid #cccccc;
}

table.fix-column-row .fix {
  position: sticky;
  top: 0;
  left: 0; 
  font-size: 1.0em;
}

table.fix-column-row .fix {
  z-index: 1;
}

input[type="file"] {
  display: none;
}
.content-img{
  width:230px; 
  text-align:center;
  margin:auto;
  display: block;
  margin:auto;
}
.lazyImg{
  max-width:100%;  
  vertical-align:bottom;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:right;
}

#dragandrophandler{
  color:#92AAB0;
  height:300px;
  width:100%;
  color:#000;
  text-align:center;
  vertical-align:middle;
  padding:50px 10px;
  margin-bottom:10px;
  font-size:150%;
  border: 1px dashed #494949;
}

#myModal .password-wrapper {
  display: flex;
  max-width: 500px;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 0px;
}

.password-wrapper {
  display: flex;
  max-width: 500px;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 10px;
}

.password__input {
  flex: 1;
  outline: none;
  appearance: none;
  padding: 10px 0 10px 10px;
  border: none;
  border-radius: 5px 0 0 5px;
  font-size: 16px;
}

.password__toggle {
  width: 40px;
  border: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='48' width='48'><path d='M24 31.5q3.55 0 6.025-2.475Q32.5 26.55 32.5 23q0-3.55-2.475-6.025Q27.55 14.5 24 14.5q-3.55 0-6.025 2.475Q15.5 19.45 15.5 23q0 3.55 2.475 6.025Q20.45 31.5 24 31.5Zm0-2.9q-2.35 0-3.975-1.625T18.4 23q0-2.35 1.625-3.975T24 17.4q2.35 0 3.975 1.625T29.6 23q0 2.35-1.625 3.975T24 28.6Zm0 9.4q-7.3 0-13.2-4.15Q4.9 29.7 2 23q2.9-6.7 8.8-10.85Q16.7 8 24 8q7.3 0 13.2 4.15Q43.1 16.3 46 23q-2.9 6.7-8.8 10.85Q31.3 38 24 38Zm0-15Zm0 12q6.05 0 11.125-3.275T42.85 23q-2.65-5.45-7.725-8.725Q30.05 11 24 11t-11.125 3.275Q7.8 17.55 5.1 23q2.7 5.45 7.775 8.725Q17.95 35 24 35Z'/></svg>")
    no-repeat center center;
  background-size: 50% auto;
  cursor: pointer;
}

.password__toggle.is-visible {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='48' width='48'><path d='m31.45 27.05-2.2-2.2q1.3-3.55-1.35-5.9-2.65-2.35-5.75-1.2l-2.2-2.2q.85-.55 1.9-.8 1.05-.25 2.15-.25 3.55 0 6.025 2.475Q32.5 19.45 32.5 23q0 1.1-.275 2.175-.275 1.075-.775 1.875Zm6.45 6.45-2-2q2.45-1.8 4.275-4.025Q42 25.25 42.85 23q-2.5-5.55-7.5-8.775Q30.35 11 24.5 11q-2.1 0-4.3.4-2.2.4-3.45.95L14.45 10q1.75-.8 4.475-1.4Q21.65 8 24.25 8q7.15 0 13.075 4.075Q43.25 16.15 46 23q-1.3 3.2-3.35 5.85-2.05 2.65-4.75 4.65Zm2.9 11.3-8.4-8.25q-1.75.7-3.95 1.075T24 38q-7.3 0-13.25-4.075T2 23q1-2.6 2.775-5.075T9.1 13.2L2.8 6.9l2.1-2.15L42.75 42.6ZM11.15 15.3q-1.85 1.35-3.575 3.55Q5.85 21.05 5.1 23q2.55 5.55 7.675 8.775Q17.9 35 24.4 35q1.65 0 3.25-.2t2.4-.6l-3.2-3.2q-.55.25-1.35.375T24 31.5q-3.5 0-6-2.45T15.5 23q0-.75.125-1.5T16 20.15Zm15.25 7.1Zm-5.8 2.9Z'/></svg>");
}

@media (any-hover: hover) {
  .password__toggle:hover {
    opacity: 0.7;
  }
}