*{
  margin:0;
  padding:0;
}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'DOTMATRI';
  src: url('DOTMATRI.eot');
  src: local('DOTMATRI'), url('DOTMATRI.woff') format('woff'), url('DOTMATRI.ttf') format('truetype');
}
@font-face {
    font-family: 'fakeReceipt';
    src: url('fakeReceipt.ttf') format('truetype');
}

html,body {
  font:12px sans-serif,arial;
  height:100%;
  width:100%;
  background: #eee;
}

h1 {
  margin: 5px 0px 10px 10px;
  color: #595454;
}

div#header {
  height:65px;
  width:100%;
  min-width:100%;
  position:fixed;
  top:0;
  z-index: 99;
  background:#4E68A0;
  background-repeat:repeat-x;
}
div.content-header1 {
  display: block;
  background:#75AD2D;
  border:1px solid #75AD2D;
  width:95%;
  padding:3px 0 3px 25px;
}
div.content-header1 h2 {
  color:#fff;
}
div.content-header2 {
  display: block;
  background:#48A5BF;
  border:1px solid #48A5BF;
  width:95.1%;
  padding:3px 0 3px 25px;
}
div.content-header2 h2 {
  color:#fff;
}
div#top-menu {
  height:10px;
  width:100%;
  position:fixed;
  padding-left:0px;
  margin-left:0px;
  margin-top:50px;
  background:#3E4558;
  background-repeat:repeat-x;
  box-shadow:2px 2px 2px #E6E6E6;
  z-index: 98;
}
div#content {
  float:left;
  width:99.5%;
  margin-top:70px;
  padding-left:0.5%;
}

div#right-menu {
  float:right;
  font-size:14px;
  color:#FFF;
  width:14%;
  min-height:80%;
  position:fixed;
  padding:2px;
  margin-left:85.5%;
  margin-top:70px;
  background: #336699;
  background-repeat:repeat-x;
  z-index: 97;
}
#right-menu ul {
  list-style:none;
}
#right-menu h4 {
  display:block;
  background:#3E4558;
  border-bottom: 1px solid #191D27;
  border-top: 1px solid #3E4555;
  color: #DBE0E8;
  padding:5px;
}
#right-menu a {
  display:block;
  background:#32394A;
  border-bottom: 1px solid #191D27;
  border-top: 1px solid #3E4555;
  color: #DBE0E8;
  text-decoration:none;
  padding:2px;
}
#right-menu a:hover {
  display:block;
  background:#3E4558;
  border-bottom: 1px solid #191D27;
  border-top: 1px solid #3E4555;
  color: #DBE0E8;
  text-decoration:none;
  padding:2px;
}

#login-msg {
  padding:3%;
  margin-bottom:10px;
}
div#loginpage-left {
  float:left;
  width:80%;
  height:100%;
  padding:0;
  margin:0;
  background:#2E5D83;
  /*background:#180052;*/
  background-image:url('../themes/mainlogo.png');
  background-repeat:no-repeat;
  background-position:50% 50%;
}
div#loginpage-right {
  float:left;
  width:16%;
  height:90%;
  padding:5% 2% 0 2%;
  margin:0;
  background:#FFF;
}
div#loginpage-right label {
  color:#5E5E5E;
  width:150px;
  text-align:left;
  text-transform:none;
  font-size:14px;
  padding:0;
  margin:0;
  letter-spacing:1px;
}
div#loginpage-right input[type="text"] {
  border:1px solid #A5A5A5;
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
  text-transform:none;
  padding:5px 2px 5px 2px;
  background-color:#F1FBFF;
  margin-bottom:8px;
  background:#FFF;
  width:200px;
}
div#loginpage-right input[type="password"] {
  border:1px solid #A5A5A5;
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
  text-transform:none;
  padding:5px 2px 5px 2px;
  background-color:#F1FBFF;
  margin-bottom:8px;
  background:#FFF;
  width:200px;
  letter-spacing:3px;
}
div#loginpage-right input[type="text"]:focus {
  border:1px solid #A5A5A5;
  text-transform:none;
  padding:5px 2px 5px 2px;
  background-color:#F1FBFF;
  margin-bottom:8px;
  background:#FFF;
  box-shadow:0px 0px 1px 0px #EFEDED;
}
div#loginpage-right input[type="password"]:focus {
  border:1px solid #A5A5A5;
  text-transform:none;
  padding:5px 2px 5px 2px;
  background-color:#F1FBFF;
  margin-bottom:8px;
  background:#FFF;
  box-shadow:0px 0px 1px 0px #EFEDED;
}
div#loginpage-right input[type=submit],div#loginpage-right input[type=button], div#loginpage-right button {
  border: 0;
  padding: 5px 10px;
  cursor: pointer;
  outline: 0;
  box-shadow: none;
  background: #2e84e4;
  color: #fff;
  font-weight: bold;
  margin-bottom: 5px;
  transition: background .4s ease;
}
div#loginpage-right input[type=submit]:hover, div#loginpage-right input[type=button]:hover, div#loginpage-right button:hover {
  border: 0;
  cursor: pointer;
  outline: 0;
  box-shadow: none;
  background: #106187;
  color: #fff;
  font-weight: bold;
  margin-bottom: 5px;
  transition: background .4s ease;
}
div#loginpage-right input[type=submit]:focus,div#loginpage-right input[type=button]:focus,div#loginpage-right button:focus {
  border: 0;
  cursor: pointer;
  outline: 0;
  box-shadow: none;
  background: #106187;
  color: #fff;
  font-weight: bold;
  margin-bottom: 5px;
  transition: background .4s ease;
}


.myBtn {
  display: inline block;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  padding: 5px 10px;
  cursor: pointer;
  outline: 0;
  box-shadow: none;
  margin-bottom: 0;
  transition: background .2s ease;
}

.normal-btn {
  color: #fff;
  background:#428bca;
  border:#357ebd;
}
.normal-btn:hover, .normal-btn:focus {
  color: #fff;
  background: #3071a9;
  border:#285e8e;
  transition: background .2s ease;
}
.success-btn {
  color: #fff;
  background:#449d44;
  border:#398439;
}
.success-btn:hover, .success-btn:focus {
  color: #fff;
  background:#5cb85c;
  border:#4cae4c;
  transition: background .2s ease;
}
.error-btn {
  color: #fff;
  background:#c9302c;
  border:#ac2925;
}
.error-btn:hover, .error-btn:focus {
  color: #fff;
  background:#d9534f;
  border:#d43f3a;
  transition: background .2s ease;
}
.alert-btn {
  background: #D0D83C;
  color: #fff;
  transition: background .2s ease;
}
.alert-btn:hover, .alert-btn:focus {
  background: #D3DD13;
  color: #fff;
  transition: background .2s ease;
}

.dashBoardUser {
  width:30%;
  min-height:100px;
  padding-top:30px;
  float:left;
  color:#fff;
  background-color:#5CB9BC;
  text-shadow:0 0 5px #245760;
  border:1px solid #e6e6e6;
  font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif;
  font-size:40px;
  text-align:center;
  font-weight:bold;
}
.dashBoardSoftware {
  width:37%;
  min-height:130px;
  margin-left:10px;
  float:left;
  border:1px solid #e6e6e6;
  background-color:#48A5BF;
  font-size:20px;
  text-align:center;
  text-shadow:3 3 0px #3c3c3c;
}
.dashBoardClock {
  width:30%;
  min-height:130px;
  margin-left:10px;
  float:left;
  border:1px solid #e6e6e6;
  background-color:#0A566B;
}

.dashBoardMenu {
  width:99%;
  min-height:100%;
  margin-top:10px;
  padding:0;
  float:left;
  border:1px solid #e6e6e6;
  background: #e6e6e6;
  /* background-image:url('../themes/dashmenuback.png'); */
}

#Date { font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; font-size:36px; text-align:center; text-shadow:0 0 5px #00c6ff;color:#fff; }

ul.clocklist { width:300px; margin:0 auto; padding:0px; list-style:none; text-align:center;padding-left:15%; color:#fff;  text-shadow:0 0 5px #00c6ff;}
ul.clocklist, li.clocklist2 { display:inline; font-size:70px; text-align:center; font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif;  }

#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:10px; padding-right:10px; }
.point { position:relative; padding-left:10px; padding-right:10px;color:#fff; text-shadow:0 0 5px #245760; }

.dashdivback {
  font-size: 16px;
}

#schoolInfo, #studentInfo, #accountsInfo {
  margin-right:10px;
  padding:20px;
}

@-webkit-keyframes mymove
{
  0% {opacity:1.0; text-shadow:0 0 3px #00c6ff;}
  50% {opacity:0; text-shadow:none; }
  100% {opacity:1.0; text-shadow:0 0 3px #00c6ff; }
}


@-moz-keyframes mymove
{
  0% {opacity:1.0; text-shadow:0 0 3px #00c6ff;}
  50% {opacity:0; text-shadow:none; }
  100% {opacity:1.0; text-shadow:0 0 3px #00c6ff; }
}

.ui-widget-header h2 {
  padding: 5px 0px 5px 15px;
}
/*
.ui-dialog-titlebar-close {
  visibility: hidden;
}
*/

label {
  float:left;
  width:120px;
  font-size:13px;
  margin: 2px 1px 3px 0px;
}
span.side {
  width:80px;
  display:inline-block;
  font-size:12px;
}
span.label {
  display:inline-block;
  width:90px;
  padding-left:35px;
  font-size:12px;
}

span.shortcut {
  float: right;
  padding-right: 3px;
}

em {
  color:red;
}

.num {
  text-align:right;
}

input:disabled {
  color : #000 !important;
}
.tooltip {
  background-color:#000;
  border:1px solid #fff;
  padding:10px 15px;
  width:200px;
  display:none;
  color:#fff;
  text-align:left;
  font-size:12px;

  /* outline radius for mozilla/firefox only */
  -moz-box-shadow:0 0 10px #000;
  -webkit-box-shadow:0 0 10px #000;
}
.non-field {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  background:#FFF;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  width:250px;
  border:1px solid #8c8c8c;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
.non-field:focus {
  font-size:12px;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  font-family: Arial, Helvetica, sans-serif;
  background:#FFF;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}
input[list] {
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  background:#FFF;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  width:250px;
  border:1px solid #8c8c8c;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
input[list]:focus {
  font-size:14px;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  font-family: Arial, Helvetica, sans-serif;
  background:#FFF;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}

.fieldset1 {
  padding:1%;
  background:#F9FCFF;
  position:relative;
  border: 1px solid #cccccc;
}
/* fieldset {
  background:#eee;
  margin:5px;
  padding:20px;
  padding-top:40px;
  position:relative;
  border:2px groove #888;
}

legend {
  position: absolute;
  top:-2px;
  background:#fff;
  padding: 5px 5px;
  font-weight: bold;
  border:1px groove #808080;
  border-top:none;
}
 */
/*select {
  border:1px solid #8c8c8c;
  font-family: Arial, Helvetica, sans-serif;
  width:auto;
  height:20px;
  font-size: 12px;
  background:transparent;
  background:#FFF;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  appearance:none;
}
select:focus {
  border:1px solid #3399FF;
  font-family: Arial, Helvetica, sans-serif;
  width:auto;
  font-size: 12px;
  line-height: 1;
  background:#FFF;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}*/
option {
  width:auto;
  padding:3px 2px 3px 2px;
  margin-bottom:1px;
  font-size: 12px;
  background:transparent;
  background:#FFF;
  line-height: 1;
}
option:hover {
  width:auto;
  padding:3px 2px 3px 2px;
  margin-bottom:1px;
  font-size: 12px;
  line-height: 1;
  background:rgba(81, 203, 238, 1);
}

input[type="radio"],input[type="checkbox"] {
  margin: 2px 1px 3px 0px;
  cursor: pointer;
}

input[type="radio"]:hover,input[type="checkbox"]:hover {
  margin: 2px 1px 3px 0px;
  cursor: pointer;
}

video {
  width:180px;
}
canvas {
  width:180px;
}
.autocom {
  border:2px solid #8c8c8c;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  padding:3px;
  background-color:#F1FBFF;
  margin-bottom:10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.full-field {
  width:95%;
  float:left;
  font-family:"Open sans",sans-serif;
  padding:1%;
}
.full-field label {
  float:left;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  font-size:13px;
  width:150px;
  text-transform:none;
  color:#00080c;
}
.full-field span {
  font-size:13px;
  text-transform:none;
  color:#00080c;
  margin: 25px 1px 0px 0px;
}
.full-field input[type="text"],.full-field textarea, .full-field input[type="number"] {
  font-size:14px;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  width:250px;
  border:1px solid #8c8c8c;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}

.full-field input[type="text"]:focus,.full-field textarea:focus {
  font-size:14px;
  background:#FFF;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}

.full-field select {
  padding: 2px 0px 0px 2px;
  margin: 5px 1px 3px 0px;
  width:256px;
  border:1px solid #8c8c8c;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
.full-field select:focus {
  background:#FFF;
  border:1px solid #528782;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}

.left-field {
  width:45%;
  float:left;
  font-family:"Open sans",sans-serif;
  padding:0%;
}
.left-field label {
  font-size:13px;
  width:180px;
  text-transform:none;
  color:#00080c;
  margin: 5px 1px 3px 0px;
}
.left-field span {
  color:#00080c;
  margin: 10px 0px 0px 0px;
}
.left-field input[type="text"],.left-field textarea, .left-field input[type="number"], .left-field select {
  font-size:14px;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  width:250px;
  border:1px solid #8c8c8c;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}

.left-field input[type="text"]:focus,.left-field textarea:focus, .left-field input[type="number"] {
  font-size:14px;
  background:#FFF;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}

/*.left-field select {
  width:256px;
}*/

.left-field select {
  padding: 2px 0px 0px 2px;
  margin: 5px 1px 3px 0px;
  width:256px;
  border:1px solid #8c8c8c;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
.left-field select:focus {
  background:#FFF;
  border:1px solid #528782;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}

.right-field {
  width:45%;
  float:left;
  font-family:"Open sans",sans-serif;
  padding:0%;
}
.right-field label {
  font-size:13px;
  width:180px;
  text-transform:none;
  color:#00080c;
  margin: 5px 1px 3px 0px;
}
.right-field span {
  color:#00080c;
  margin: 10px 0px 0px 0px;
}
.right-field input[type="text"],.right-field textarea, .right-field input[type="number"], .right-field select {
  font-size:14px;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  width:250px;
  border:1px solid #8c8c8c;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}

.right-field input[type="text"]:focus,.right-field textarea:focus {
  font-size:14px;
  background:#FFF;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}

/*.right-field select {
  width:256px;
}
*/
.right-field select {
  width:256px;
  margin: 5px 1px 3px 0px;
  border:1px solid #8c8c8c;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
.right-field select:focus {
  background:#FFF;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}

/* 1st field */
.st-field {
  width:33%;
  float:left;
  font-family:"Open sans",sans-serif;
  padding:0.5%;
}
.st-field label {
  font-size:13px;
  width:140px;
  text-transform:none;
  color:#00080c;
}

.st-field input[type="text"],.st-field textarea {
  font-size:14px;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  width:200px;
  border:1px solid #8c8c8c;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
.st-field input[type="text"]:focus,.st-field textarea:focus {
  font-size:14px;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  background:#FFF;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}
.st-field select {
  width:206px;
}

/*.st-field select {
  font-size:12px;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  width:206px;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
.st-field select:focus {
  font-size:12px;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  background:#FFF;
  border:1px solid #528782;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}
*/

/*  2nd row  */

.nd-field {
  width:30%;
  float:left;
  font-family:"Open sans",sans-serif;
  padding:0.5%;
}
.nd-field label {
  font-size:13px;
  width:100px;
  text-transform:none;
  color:#00080c;
}
.nd-field span {
  font-size:13px;
  text-transform:none;
  color:#00080c;
  margin: 25px 1px 0px 0px;
}
.nd-field input[type="text"],.nd-field textarea {
  font-size:14px;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  width:200px;
  border:1px solid #8c8c8c;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
.nd-field select {
  width:206px;
}

/*.nd-field select {
  font-size:12px;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  width:206px;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
.nd-field select:focus {
  font-size:12px;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  background:#FFF;
  border:1px solid #528782;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}
*/
.nd-field input[type="text"]:focus,.nd-field textarea:focus {
  font-size:14px;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  background:#FFF;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}

/* 3rd row */
.rd-field {
  width:32%;
  float:left;
  font-family:"Open sans",sans-serif;
  padding:0.5%;
}
.rd-field label {
  font-size:13px;
  width:100px;
  text-transform:none;
  color:#00080c;
}
.rd-field span {
  font-size:13px;
  text-transform:none;
  color:#00080c;
  margin: 25px 1px 0px 0px;
}
.rd-field input[type="text"],.rd-field textarea {
  font-size:14px;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  width:200px;
  border:1px solid #8c8c8c;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
.rd-field select {
  width:206px;
}
/*.rd-field select {
  font-size:12px;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  width:206px;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
.rd-field select:focus {
  font-size:12px;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  background:#FFF;
  border:1px solid #528782;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}
*/
.rd-field input[type="text"]:focus,.rd-field textarea:focus {
  font-size:14px;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  background:#FFF;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}

/* end three row */





.selected {
  color: #fff;
  background: #3385AD;
  font-weight:bold;
}
.menuHeader {
  border:2px solid #99CCFF;
  background:#CCCCFF;
  padding:5px;
  -webkit-border-radius: 15px 15px 0px 0px;
  -moz-border-radius: 15px 15px 0px 0px;
  border-radius: 15px 15px 0px 0px;
  text-align: center;
}

.settings {
  list-style:none;
  display:inline-block;
}


#pagination_links {
  margin-top:30px;
  height:20px;
}
.pagination_table {
  display: table;
  margin: 0 auto;
}
/*  show list  */
.showList {
  padding:1%;
  border-collapse:collapse;
  border-bottom:1px solid #e6e6e6;
  margin-top:30px;
}
.showList th {
  font-size: 13px;
  text-align:left;
  padding-top:2px;
  padding-bottom:2px;
  background-color:#545454;
  color:#FFF;
}
.showList th {
  border:1px solid #888;
  padding:3px 7px 2px 7px;
}
.showList td {
  font-size: 14px;
  padding:3px 7px 3px 7px;
}
.showList tr.alt td {
  color:#000;
  background-color:#EAF2D3;
}
/*end showlist*/
section {
  position: relative;
  border: 1px solid #888;
  padding-top: 30px;
  background: #888;
}
section.positioned {
  /* position: absolute; */
  /* top:100px;
  left:100px; */
  width:800px;
  /* box-shadow: 0 0 15px #333; */
}
.container {
  overflow-y: auto;
  height: 450px;
}
.container-voucher {
  overflow-y: auto;
  height: 250px;
  width: 800px;
}
.tblList {
  border-spacing: 0;
  width:100%;
}
.tblList td + td {
  border-left:1px solid #eee;
}
.tblList td, .tblList th {
  border-bottom:1px solid #888;
  background: #ddd;
  color: #000;
  padding: 3px 15px;
}
.tblList th {
  height: 0;
  line-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: transparent;
  border: none;
  white-space: nowrap;
}
.tblList th div{
  position: absolute;
  background: transparent;
  color: #fff;
  padding: 7px 20px;
  top: 0;
  margin-left: -15px;
  line-height: normal;
  border-left: 1px solid #e6e6e6;
}
.tblList th:first-child div{
  border: none;
}
.tblList td:nth-child(odd) {
  background: #eee;
}
.tblList td:nth-child(even) {
  background: #fff;
}

/**********************/
.tblList-voucher {
  border-spacing: 0;
  width:800px;
}
.tblList-voucher td + td {
  border-left:1px solid #eee;
}
.tblList-voucher td, .tblList-voucher th {
  border-bottom:1px solid #888;
  background: #ddd;
  color: #000;
  padding: 3px 15px;
}
.tblList-voucher th {
  height: 0;
  line-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: transparent;
  border: none;
  white-space: nowrap;
}
.tblList-voucher th div {
  position: absolute;
  background: transparent;
  color: #fff;
  padding: 7px 20px;
  top: 0;
  margin-left: -15px;
  line-height: normal;
  border-left: 1px solid #e6e6e6;
}
.tblList-voucher th:first-child div {
  border: none;
}
.tblList-voucher td:nth-child(odd) {
  background: #eee;
}
.tblList-voucher td:nth-child(even) {
  background: #fff;
}

/* ---------------------------------------------- */



#voucher {
  float:left;
  min-height:250px;
  width:60%;
}
#voucher tr th {
  width:60%;
}
#voucher table tbody {
  overflow: auto;
  height: 250px;
  width:100%;
  border:1px solid #888;
}
#voucher table tbody, #voucher table thead {
  display:block;
}

#pItemElem {
  float:left;
  min-height:300px;
  width:100%;
}
#pItemElem tr th {
  width:100%;
}
#pItemElem table tbody {
  overflow: auto;
  height: 450px;
  width:100%;
  border:1px solid #888;
}
#pItemElem table tbody, #pItemElem table thead {
  display:block;
}
#sItemElem table tbody {
  overflow: auto;
  height: 280px;
  width:100%;
  border:1px solid #888;
}
#sItemElem table tbody, #sItemElem table thead {
  display:block;
}

#purchaseBillVal {
  float:left;
  width:20%;
  padding:1%;
  min-height:400px;
  margin-left: 15px;
  border:1px solid #888;
}

#sItemElem {
  float:left;
  min-height:300px;
  width:75%;
}
#saleBillVal {
  float:left;
  width:20%;
  padding:1%;
  min-height:400px;
  margin-left: 15px;
  border:1px solid #888;
}

.entry {
  font-family: sans-serif,"Trebuchet MS", Arial, Helvetica;
  width:100%;
  border-collapse:collapse;
}
.entry th {
  font-size: 12px;
  text-align:center;
  padding:3px 7px 2px 7px;
  background-color:#545454;
  color:#FFF;
  border:1px solid #888;
}

.entry tr:nth-child(odd) {
  background-color: #F2FFFC;
}
.entry tr:nth-child(even) {
  background-color: #F2F3FF;
}
.entry tr:hover {
  background-color:#F9FFB7;
}
.entry td {
  font-size: 12px;
  border:1px solid #888;
  padding:3px 7px 3px 7px;
}
.entry tr.alt td {
  color:#000;
  background-color:#EAF2D3;
}

.entry input[type="text"],.entry input[type="number"] {
  border:0px solid #FFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  letter-spacing: 1px;
  text-transform:none;
  padding:3px 2px 3px 2px;
  background:#FFF;
  text-align: right;
}
.entry input[type="text"]:focus,.entry input[type="number"]:focus {
  border:0px solid #FFF;
  font-family: Arial, Helvetica, sans-serif;
  text-transform:none;
  padding:3px 2px 3px 2px;
  background:#FFF;
  box-shadow:0px 0px 0px 0px #FFF;
}
.entry input[type="submit"]:focus,.entry input[type="button"] {
  border: 0;
  padding: 5px 10px;
  cursor: pointer;
  outline: 0;
  box-shadow: none;
  background: #2e84e4;
  color: #fff;
  font-weight: bold;
  margin-bottom: 5px;
  transition: background .4s ease;
}
.entry input[type="submit"]:focus,.entry input[type="button"]:hover {
  border: 0;
  padding: 5px 10px;
  cursor: pointer;
  outline: 0;
  box-shadow: none;
  background: #45BC95;
  color: #fff;
  font-weight: bold;
  margin-bottom: 5px;
  transition: background .4s ease;
}
.entry select {
  border:0px solid #FFF;
  font-family:Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  text-transform:none;
  background:#FFF;
  text-align: right;
}
.entry select:focus {
  border:0px solid #FFF;
  font-family: Arial, Helvetica, sans-serif;
  text-transform:none;
  background:#FFF;
  box-shadow:0px 0px 0px 0px #FFF;
}
.entry input[list] {
  font-family:Arial, Helvetica, sans-serif;
  background:#FFF;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  outline: none;
}
.entry input[list]:focus {
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  font-family: Arial, Helvetica, sans-serif;
  background:#FFF;
}
/* all */
::-webkit-input-placeholder { font-style:italic; letter-spacing:3px; color:#888; font-weight:normal;font-size:12px; }
::-moz-placeholder { font-style:italic; letter-spacing:3px; color:#888; font-weight:normal;font-size:12px; } /* firefox 19+ */
:-ms-input-placeholder { font-style:italic; letter-spacing:3px; color:#888; font-weight:normal;font-size:12px; } /* ie */
input:-moz-placeholder { font-style:italic; letter-spacing:3px; color:#888; font-weight:normal;font-size:12px; }

.printTable {
  width:210mm;
  font-family:  Helvetica, sans-serif, Arial;
  border-collapse:collapse;
}
.printTable th {
  font-size: 12px;
  text-align:center;
  padding:3px;
  background-color:#eee;
  border:1px dashed #888;
}
.printTable td {
  font-size: 12px;
  border:1px dashed #888;
  text-align:center;
  padding:3px;
  background-color:#FFF;
}

.printTableAccount {
  width:210mm;
  font-family:  Helvetica, sans-serif, Arial;
  border-collapse:collapse;
}
.printTableAccount th {
  font-size: 12px;
  text-align:center;
  padding:3px;
  background-color:#eee;
  border:1px dashed #888;
}
.printTableAccount td {
  font-size: 12px;
  border-right:1px dashed #888;
  text-align:none;
  padding:3px;
  background-color:#FFF;
}


.printTable2 {
  width:210mm;
  font-family:  Helvetica, sans-serif, Arial;
  border-collapse:collapse;
}
.printTable2 th {
  font-size: 12px;
  text-align:center;
  padding:3px;
  background-color:#eee;
  border:1px dashed #888;
}
.printTable2 td {
  font-size: 12px;
  border-right:1px dashed #888;
  text-align:none;
  padding:10px;
  margin-top: 5px;
  background-color:#FFF;
}

.printDotTr {
  width:210mm;
  font-family:  Helvetica, sans-serif, Arial;
  border-collapse:collapse;
}
.printDotTr td {
  text-align: center;
  background-color:#FFF;
  border:1px solid #000;
  font-weight: bold;
  font-size: 30px;
  height:2in;
}

/* @ list table data (e.g. user list) */
.listTblData table tbody {
  overflow: auto;
  height: 280px;
  width:800px;
}
.listTblData table tbody, .listTableData table thead {
  display:block;
}
.listTblData {
  width:100%;
  border-collapse:collapse;
}
.listTblData th {
  font-size: 13px;
  text-align:left;
  padding:3px 7px 2px 7px;
  background-color:#545454;
  color:#FFF;
  border:1px solid #888;
}
.listTblData td {
  font-size: 13px;
  text-align:left;
  border:1px solid #888;
  padding:3px 7px 3px 7px;
  background-color:#FAFAFF;
}
.listTblData tr.listTblData td {
  color:#000;
}

.listTblData input[type="text"],.listTblData input[type="number"] {
  border:1px solid #888;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  letter-spacing: 1px;
  text-transform:none;
  padding:3px 2px 3px 2px;
  background:#FFF;
  text-align: right;
}
.listTblData input[type="text"]:focus,.listTblData input[type="number"]:focus {
  border:1px solid #888;
  font-family: Arial, Helvetica, sans-serif;
  text-transform:none;
  padding:3px 2px 3px 2px;
  background:#FFF;
  box-shadow:0px 0px 0px 0px #FFF;
}
.listTblData input[type="button"] {
  border: 0;
  padding: 2px 5px;
  cursor: pointer;
  outline: 0;
  box-shadow: none;
  background: #2e84e4;
  color: #fff;
  font-weight: bold;
  transition: background .4s ease;
}
.listTblData input[type="button"]:hover {
  border: 0;
  padding: 2px 5px;
  cursor: pointer;
  outline: 0;
  box-shadow: none;
  color: #fff;
  font-weight: bold;
  transition: background .4s ease;
}
.listTblData select {
  border:0px solid #FFF;
  letter-spacing: 1px;
  text-transform:none;
  padding:3px 2px 3px 2px;
  background:#FFF;
  text-align: right;
}
.listTblData select:focus {
  border:0px solid #FFF;
  text-transform:none;
  padding:3px 2px 3px 2px;
  background:#FFF;
  box-shadow:0px 0px 0px 0px #FFF;
}
/* @ end list table data (e.g. user list) */

#pushobj {
  position: absolute;
  top: 0px;
  left: 300px;
  color: #fff;
  background: #243342;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 2em;
}

div#tabs { min-height:400px; }

div#tab-1 { width: 350px; margin: 20px 0; }
div#tab-1 table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#tab-1 table td, div#tab-1 table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }

div#tab-2 { width: 500px; margin: 20px 0; }
div#tab-2 table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#tab-2 table td, div#tab-2 table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }

div#tab-3 { width: 90%; margin: 20px 0; }
div#tab-3 table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#tab-3 table td, div#tab-3 table th { border: 1px solid #888; padding: .6em 10px; text-align: left; }

div#tab-4 { width: 90%; margin: 20px 0; }
div#tab-4 table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#tab-4 table td, div#tab-4 table th { border: 1px solid #888; padding: .6em 10px; text-align: left; }

div#tab-5 { width: 90%; margin: 20px 0; }
div#tab-5 table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#tab-5 table td, div#tab-5 table th { border: 1px solid #888; padding: .6em 10px; text-align: left; }

div#tab-6 { width: 90%; margin: 20px 0; }
div#tab-6 table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#tab-6 table td, div#tab-6 table th { border: 1px solid #888; padding: .6em 10px; text-align: left; }

div#tab-7 { width: 90%; margin: 20px 0; }
div#tab-7 table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#tab-7 table td, div#tab-7 table th { border: 1px solid #888; padding: .6em 10px; text-align: left; }

a.link {
  display:inline-block;
  padding:2px 5px 2px 5px;
  margin-left:10px;
  /*background:#012549;*/
  background:#8DB9E8;
  color:#012549;
  text-decoration:none;
  font-size:12px;
}
a.link:hover {
  display:inline-block;
  padding:2px 5px 2px 5px;
  margin-left:10px;
  background:#B5DAFC;
  color:#012549;
  text-decoration:none;
  font-size:12px;
}

/*  custom combobox */
.custom-combobox {
  z-index:99;
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;   /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index:1000 !important;
}

.custom-combobox-input {
  font-size:12px;
  z-index:999;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  width:250px;
  border:1px solid #8c8c8c;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
.custom-combobox-input:focus {
  font-size:12px;
  z-index:999;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  background:#FFF;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}
/* end custom combobox */

.round-button-add {
    display:block;
    width:25px;
    height:15px;
    line-height:13px;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    color:#FFF;
    text-align:center;
    text-decoration:none;
    background: #7FDB8B;
    box-shadow: 0 0 3px gray;
    font-size:15px;
    font-weight:bold;
}
.round-button-add:hover {
    background: #74E883;
}

.round-button-remove {
    display:block;
    width:25px;
    height:14px;
    line-height:13px;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    color:#FFF;
    text-align:center;
    text-decoration:none;
    background: #F7F7F7;
    box-shadow: 0 0 3px gray;
    font-size:13px;
    font-weight:bold;
}
.round-button-remove:hover {
    background: #F7F7F7;
    color: #FF1414;
}
.edit-property {
    display:block;
    width:16px;
    height:16px;
    color:#FFF;
    text-align:center;
    text-decoration:none;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    background: url('../themes/edit_property.png');
    box-shadow: 0 0 3px gray;
    font-size:15px;
    font-weight:bold;
}
.edit-prev {
    display:block;
    width:16px;
    height:16px;
    color:#FFF;
    text-align:center;
    text-decoration:none;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    background: url('../themes/edit_prev.png');
    box-shadow: 0 0 3px gray;
    font-size:15px;
    font-weight:bold;
}

.noclose .ui-dialog-titlebar-close {
    display:none;
}
/* .error {
  padding:5px;
  color:#FF0F57;
  background:#FCDCE5;
  display:block;
}
.success {
  padding:5px;
  color:#28E075;
  background:#D7FAE5;
  display:block;
}
.deactive {
  color:#FF0F57;
  background:#FCDCE5;
  display:block;
}
.active {
  color:#147A3E;
  background:#D7FAE5;
  display:block;
}
 */
/**
 * css menu
 */
#cssmenu { padding: 0; margin: 0; border: 0; }
#cssmenu ul, #cssmenu li {list-style: none; margin: 0; padding: 0;}
#cssmenu ul {position: relative; z-index: 597; }
#cssmenu ul li { float: left; min-height: 1px; vertical-align: middle;}
#cssmenu ul li.hover,
#cssmenu ul li:hover {position: relative; z-index: 599; cursor: default;}
#cssmenu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;}
#cssmenu ul ul li {float: none;}
#cssmenu ul ul ul {top: 0; left: auto; right: -99.5%; }
#cssmenu ul li:hover > ul { visibility: visible;}
#cssmenu ul ul {bottom: 0; left: 0;}
#cssmenu ul ul {margin-top: 0; }
#cssmenu ul ul li {font-weight: normal;}
#cssmenu a { display: block; line-height: 1em; text-decoration: none; }

#cssmenu {
  background: #3E4558;
  font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
}

#cssmenu > ul { *display: inline-block; }

#cssmenu:after, #cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #3E4558;
  color: #CBCBCB;
  padding: 0 20px;
}
#cssmenu ul {
  text-transform: none;
}

#cssmenu ul ul {
  text-transform: none;
  min-width: 190px;
}
#cssmenu ul ul a {
  background: #F1EDFF;
  color: #000;
  border-top: 0 none;
  line-height: 150%;
  padding: 5px 10px;
  border:1px solid #e6e6e6;
}
#cssmenu ul ul ul { min-width: 190px; }

#cssmenu ul ul li { position: relative }

#cssmenu > ul > li > a { line-height: 22px;  }

/*#cssmenu ul ul li:first-child > a { border-top: 1px solid #0082e7; }*/
#cssmenu ul ul li:hover > a { background: #3E5D83; }

#cssmenu ul ul li:last-child > a {
  border-radius: 0px;
  box-shadow: 0 1px 0 #1b9bff;
}
#cssmenu ul ul li:last-child:hover > a { border-radius: 0px; }

#cssmenu ul ul li.has-sub > a:after {
  content: url('../themes/menu_right_arrow.png');
  position: absolute;
  top: 20%;
  right: 5px;
  margin-top: 0px;
}
#cssmenu ul li:hover > a, #cssmenu ul li.active > a {
  background: #1b9bff;
  color: #FFF;
}
#cssmenu ul li.has-sub > a:after {
  /* content: '+'; */
  margin-left: 5px;
}
#cssmenu ul li.last ul {
  left: auto;
  right: 0;
}
#cssmenu ul li.last ul ul {
  left: auto;
  right: 99.5%;
}

.non-screen-sec {
  display: none;
}
.dotted{
  border-bottom: 1px dashed #000;
  text-decoration: none;
}
.pLabel {
  padding-left:0.5in;
  padding-right:0.5in;
}

.print-to-device {
  display: none;
}
.print-to-device-u {
  display: none;
}

.f-capital {
  text-transform: capitalize;
}

table.collap, tr.collap, td.collap, th.collap
{
    border: 1px solid black;
    border-collapse:collapse;
}
tr.header
{
    cursor:pointer;
}
.man-f {
  color:red;
  font-size:22px;
}


.one {
    float:left;
    width:50%;
}

.two {
    width:50%;
    float:right;
}

.required {
  color: red !important;
}


#ipdBedStatusPopup {
  text-align: left;
  font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	font-size: 1rem;
	background: #242424 !important;
}

#ipdBedStatusPopup {
	font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	font-size: 1rem;
}

#ipdBedStatusPopup .header {
	clear: both;
	font-weight: bold;
	font-size: 1.3rem;
	padding-top: 22px;
	padding-bottom: 3px;
	font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

#ipdBedStatusPopup .bed {
	float: left;
	min-width: 135px;
	min-height: 25px;
	padding: 10px;
	border: 1px solid #888;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}

#ipdBedStatusPopup .patient {
	padding-top: 10px;
	font-size: 1.2rem;
	font-weight: bold;
	cursor: pointer;
}

#ipdBedStatusPopup .bed-no {
	padding-bottom: 10px;
}

#ipdBedStatusPopup .bed-available .info {
	padding: 5px;
	font-weight: bold;
	background: #55ff71;
}

#ipdBedStatusPopup .bed-reserve .info {
	padding: 5px;
	font-weight: 400;
	background: #f03d3d;
	color: rgb(255, 255, 255);
}

#ipdBedStatusPopup .bed-available {
	background: #a9ffb7;
	color: #000;
}

#ipdBedStatusPopup .bed-reserve {
	background: #ff9a9a;
	color: rgb(82, 77, 77);
}

.ipd-patient-data div {
	padding: 7px 10px;
}

a.myBtn {
  display: inline block;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  padding: 5px 10px;
  cursor: pointer;
  outline: 0;
  box-shadow: none;
  margin-bottom: 0;
	border: 1px solid #888;
	border-radius: 3px;
	width: 200px;
}