body, table, select, input, label {
  /*font: 12px 'trebuchet ms', arial, sans-serif;*/
  /*font: 12px Arial, sans-serif;*/
  /*font: 12px Georgia, sans-serif;*/
  font: 11px Verdana, sans-serif;
}

body {
  /** background: silver; **/
  background: #494C50;
  min-width: 320px; 
}
/** Structure */
#header {
  padding: 20px;
  background: var(--main_color, #080);
  color: var(--main_text_color, #ffffff);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: 4px solid var(--main_color, #080);
    
}



#content {
    background: var(--main_text_color, #ffffff);
    padding: 20px;
}



#footer {
  background: var(--main_color, #080);
  color: var(--main_text_color, #ffffff);
  padding: 20px;
  border-top: 4px solid var(--main_color, #080);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}



.autoModal.modal .modal-body{
    max-height: 100%;
}

.modal-dialog{
    max-height: 100%;
}

.ui-autocomplete-loading {
  background: url(data:image/gif;base64,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) right center no-repeat;
}
.ui-autocomplete { 
  overflow-y: scroll; 
  overflow-x: hidden;
}


.blueflash {
    font: 10px Verdana, sans-serif;
    position: relative;
  
    animation-duration: 1s;
    animation-name: blueflash;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
@keyframes blueflash {
    from {
        color:red;
    }
    to {
        color:blue;
    }
}





.full_table {
  border: 0px;
  width: 100%;
}





/*////////////////////////////// sign in form /////////////////// sign in form //////////////////////////////*/

.form-signin {
  max-width: 350px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,

.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.form-normal {
  max-width: 800px;
  margin: 0 auto;
}

    
.table-hover > tbody > tr:hover {
  background-color: var(--table_hover_color, #00a);
  color: var(--main_text_color, #ffffff);
  font-weight:bold;
}

/*.table-hover > tbody > tr div.butbox {*/
.table-hover > tbody > tr div.butcol {
  display:none;
  /*overflow: hidden;*/
  max-height: 38px;
  /*max-width: 30px;*/
  
}

/*.table-hover > tbody > tr:hover div.butbox{*/
.table-hover > tbody > tr:hover div.butcol{
  /*display:inline-block;*/
  display:block;
  text-align: center;
  max-height: 400px;
}

.butcol > a.btn {
  width: 100%;
  margin-bottom: 1px;
}



.image-preview-input {
    position: relative;
	  overflow: hidden;
	  margin: 0px;    
    color: #333;
    background-color: var(--main_text_color, #ffffff);
    border-color: #ccc;    
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}