/* login page  */
.loginForm {
   /*background-color: #F3F3F3;*/
   background-color: rgb(237, 241, 245);
   color: #000;
   padding: 10px;
   margin: 5px;
   border: 1px solid #d4d4d4;
   /*font-family: Arial, Tahoma, Verdana, sans-serif;
   font-size: 11px;*/
}
.login-header
{
   text-decoration: underline;
   margin-bottom: 20px;
}

.login-flag
{
   margin: 5px;
}
.logon-separator
{
   margin: 20px 20px 20px 0px;
   border: 1px solid #d4d4d4;
   width: 100%;
   height: 1px;
}
.form-control
{
   /*font-size: 14pt;*/
    font-size: 13pt;
/*   width: 170px;
   font-family: Arial, Tahoma, Verdana, sans-serif;*/
   text-align: left;
   color: #000000;
   padding: 1px 0px 1px 3px;
   border: 1px solid #b3b3b3;
   margin: 2px;
}
.login-submit
{
   border-radius:5px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   font-size: 18pt !important;
   padding: 3pt 30pt;
   width: 100%;
   height: auto !important;

}

.login-form-1 .form-control {
   border: 0;
   box-shadow: 0 0 0;
   border-radius: 0;
   background: white;
   color: #555555;
   /*padding: 10px 7px;todo var 1*/
   padding: 10px 0px 10px 7px;
   font-weight: bold;
   height:auto;
}
.login-form-1 .form-control::-webkit-input-placeholder {
   color: #999999;
}
.login-form-1 .form-control:-moz-placeholder,
.login-form-1 .form-control::-moz-placeholder,
.login-form-1 .form-control:-ms-input-placeholder {
   color: #999999;
}


#enter {
   font-size: 16pt;
   font-weight: bold;
   text-align: center;
   /*font-family: Arial, Tahoma, Verdana, sans-serif;*/
}
#mail_to {
   font-size: 12px;
   text-align: center;
}
#mail_to a {
   color: #008ee6;
}
.radiusForm {
   padding:0px;
}
.radius {
   border-radius:5px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
}
#form .text {
   text-align: right;
   font-weight: bold;
}
#form td {
   padding: 5px;
}

#form .input {
   width: 170px;
   font-family: Arial, Tahoma, Verdana, sans-serif;
   text-align: left;
   font-size: 14px;
   color: #000000;
   padding: 1px 0px 1px 3px;
   border: 1px solid #b3b3b3;
}
#form .submit {
   margin-top: 3px;
   padding-bottom: 5px;
}
#form .button {
   color: white;
   background-color: #57bfff;
   border: 1px solid #3da4ec;
   font-size: 15px;
   height: 24px;
   font-weight: bold;
   cursor: pointer;
}

/* main buttons */
.main input[type=button] {
   width: 300px;
   height: 150px;
   font-weight: bolder;
   margin-right: 10px;
}

/* tables text alignment */
.cell_right{
   text-align: right !important;
}
th.cell_right.sorting,
th.cell_right.sorting_asc,
th.cell_right.sorting_desc{
   padding-right: 20px !important;
}
.cell_center{
   text-align: center !important;
}

.print {
  border: 1px solid rgb(0, 0, 0); 
  width: 250px; 
  text-align: left; 
  padding: 10px; 
  margin: 10px; 
  display: none;
}

.printable, #printDiv { 
  display: none; 
}


/* from admin1 styles.css */

/*  ??????????  */
div.calendar {
   padding: 0px;
   margin-top: 10px;
}
.calendar table {
   font-size: 10px;
   border-spacing: 1px;
   border-collapse: separate;  /* cellspacing="0" */
}
.calendar caption {
   color: #000000;
   font-weight: bold;
   margin-bottom: 10px;
}
.calendar td {
   text-align: center;
   color: #666666;
}
.calendar a.lin {
   background-color: #ffffff;
   font-weight: bold;
   display: block;
   color: #008ee6;
   text-decoration: underline;
   padding: 3px;
   text-align: center;
   background-color: #f3f3f3;
}
.calendar a:hover {
   color: #4d9ddc;
}
.calendar a.active {
   background-color: #f3f3f3;
   color: #4d9ddc;
   text-decoration: none;
   border: 1px solid #4d9ddc;
}
.calendar td.inactive {
   background-color: #e0e0e0;
   color: #ffffff;
   padding: 3px;
}
.calendar th {
   text-align: center;
   padding: 3px;
   font-weight: normal;
   color: #999999;
}

div.clientlist {
   padding: 5px;
   margin-top: 10px;
}

.clientlist div {
   float: left;
   margin-right: 5px;
   text-align: left;
}

.clientlist a {
   background-color: #f3f3f3;
   display: block;
   color: #008ee6;
   text-decoration: underline;
   margin: 2px 0px;
   padding: 3px;
   text-align: center;
   border: 1px solid #f3f3f3;
//margin: 0px;
}
.clientlist a:hover {
   color: #4d9ddc;
   border: 1px solid #4d9ddc;
}
.clientlist a.active {
   color: #4d9ddc;
   text-decoration: none;
   border: 1px solid #4d9ddc;
}


.tabl_pr {
   width: 880px;
   text-align: left;
}
.tabl_pr th {
   padding: 10px;
}
.tabl_pr td {
   padding: 5px;
}

.tabl {
   width: 100%;
   text-align: left;
}
.tabl th {
   padding: 10px;
   padding-left: 5px;
}
.tabl td {
   padding: 5px;
}
.tabl .dubl td {
   background-color: #f3f3f3;
}

.border-bottom td {
   border-bottom: 1px solid #f3f3f3;
}

.tree_down {
   margin-left: 5px;
}

.x-form {
   position: absolute;
   width: 87px;
   height: 29px;
   background: #fff;
}
.xform {
   position: absolute;
   background-image: url("/images/x-form.gif");
   width: 87px;
   height: 43px;
   margin-top: -3px;
}

.x-form2 {
   position: absolute;
   width: 250px;
   height: 29px;
   background: #fff;
}
.xform2 {
   position: absolute;
   background-image: url("/images/x-form2.gif");
   width: 242px;
   height: 43px;
   margin: -37px 0px 0px -30px;
}

.xform2_img_button {
   float: left;
   margin: 1px 0px 0px 1px;
   width: 16px;
   height: 16px;
   cursor: pointer;
}

.new_comment {
   margin: -42px 0px 0px -40px;
   padding: 7px 0px 0px 8px;
   height: 36px;
}

.new_comment_form {
   float: left;
   margin: 2px 0px 0px 5px;
   width: 16px;
   height: 16px;
   cursor: pointer;
}

div.changeSmthForm {
   padding: 5px;
   height: 23px;
   border: 1px solid #000;
   background: #fff;
   border-radius:5px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   box-shadow: 2px 2px 5px rgba(0,0,0,0.5); /* ï¿_ï¿_ï¿_ï¿_ï¿_ï¿_ï¿_ï¿_ï¿_ ï¿_ï¿_ï¿_ï¿_ */
   -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); /* ï¿_ï¿_ï¿_ Firefox */
   -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); /* ï¿_ï¿_ï¿_ Safari ï¿_ Chrome */
}

.xform3 {
   position: absolute;
   background-image: url("/images/x-form3.gif");
   width: 442px;
   height: 43px;
   margin: -50px 0px 0px -230px;
}

.a-icon {
   width: 15px;
   height: 15px;
   position: absolute;
   margin: -1px 0px 0px -23px;
}

table.data tbody tr:nth-child(even) { background-color: #F3F3F3; }
table.data tbody tr:nth-child(2n+1) { background-color: #FFF; }
table.data tbody tr:hover { background-color: #e6e6e6; }


.center {
    text-align: center;
}



.term_list
{
   width: 100%;
   border-spacing: 20px 20px;
   border-collapse: separate;
}

.term_list td
{
   /*outline: 1px solid #666;*/
   padding: 5px;
   text-align: center;
   height: 100px;
   /*background: moccasin;*/
   cursor: pointer;
   border-radius: 10px;
}
.term_header
{
   text-underline: #0e0e0e;
   border-bottom: 1px solid black;
   text-align: left;
   height: auto;
    padding-bottom: 5px;
}
.term_body
{
   height: 80%;
   /*outline: 2px solid #666;*/
   text-align: left;
}

.term_body table
{
   width: 100%;
   height: auto;

}
.term_body table td
{
   height: auto;
   text-align: left;
   outline: 0px;
}

.term-bg-0 {background-color: lightgray; }
.term-bg-1 {background-color: lightgreen; }
.term-bg-2 {background-color: grey; }
.term-bg-3 {background-color: lightpink; }
.term-bg-5 {background-color: yellow; }

.tr-state
{
   text-align: center !important;

}

#cashier-add-block
{
   width : 50%;
   margin-left: 40pt;
   margin-right: 40pt;
}

#cashier-denom-block
{
   width : 50%;
   margin-left: 40pt;
   margin-right: 40pt;
}

.cashier-input-block td
{
   width : 50%;
}

.cashier-input-block
{
   width : 100%;
}

.cashier-input-block input
{
   width: 85%;
}

.btn-add-shortcut
{
   padding-top: 5pt;
   padding-bottom: 5pt;
}
.btn-add-denom
{
   padding-top: 5pt;
   padding-bottom: 5pt;
}

.cashier-add-devider
{
   border-spacing: 20px 0px;
   border-collapse: separate;
}

.btn-denom-pressed
{
   background: #fbd850;
}