body {
  font-size: 12px;
}
h2, .h2 {
    font-size: 25px;
}
.icon-bigger {
    font-size: 18px;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.delete-item {
    float: right;
    margin-right: 2px;
    color: #fff;
    padding: 2px 16px;
    background-color: #FC6A6A;
    border-radius: 100%;
}

.delete-item:hover {
    color: #fff;
    text-decoration: none;    
}

.btn-xlarge {
    padding: 2px 18px;
    font-size: 16px;
    font-weight: bold;
}

#submit1 {
    margin-left:auto;
    margin-right:auto;
}

#invoice {
    display: none;
}

.datepicker.dropdown-menu{width:250px;height:270px}

.addLine {
    position: relative;
    padding-top: 10px;
    margin-right: 45px;
    float: right;
}

input[type=checkbox], input[type=radio] {
    margin-top: -2px;
    vertical-align: middle;
}

#ticketing2 {
    margin-left: 45px;
}

.datepickerdemoBasicUsage {
  /** Demo styles for mdCalendar. */ 
}
.datepickerdemoBasicUsage md-content {
    padding-bottom: 200px; }
.datepickerdemoBasicUsage .validation-messages {
    font-size: 12px;
    color: #dd2c00;
    margin-left: 15px; }


#page_container {
    margin-left: 15px; 
}

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
  /* some CSS here */
  body { zoom:110%; }
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  /* some CSS here */
  body { zoom:110%; }
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  /* some CSS here */
  body { zoom:120%; font-size: 100%; }
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
  body { zoom:110%; }
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  /* some CSS here */
  body { zoom:100%; }
}

/* #### Desktops #### */
@media screen and (min-width: 1920px){
  /* some CSS here */
  body { zoom:140%; }
  .container { width: 890px; }
}
@media screen and (min-width: 1600px){
  /* some CSS here */
  body { zoom:130%; }
  .container { width: 890px; }
}
@media screen and (min-width: 1400px){
  /* some CSS here */
  body { zoom:120%; }
  .container { width: 890px; }
}
@media screen and (min-width: 1280px){
  /* some CSS here */
  body { zoom:110%; }
  .container { width: 890px; }
}
@media screen and (min-width: 1024px){
  /* some CSS here */
  body { zoom:100%; }
  .container { width: 890px; }
}
@media screen and (max-width: 800px){
  /* some CSS here */
  body { zoom:100%; }
}

#welcomeScreen {
    width: 900px;
    margin: 0 auto; 
}
#ok, #msg, #form, #date, #company {
    display: none;
}

#ok { font-size: x-large; }

#topred {
    height: 18px;
    background: #ed1b2e;
}
.bar {
    background: #000000;
    width:100%;
    text-align:center;
    display: table;
}
.logotext {
    text-align: center;
    font-size: 28px;
}
.centered {
    text-align: center;
}
.yellow{
    color:#fdd32b;
}

.orange{
    color:#ff7500;
}
.white {
    color:#ffffff;
}
.black {
    color:#000000;
}
#language {
    text-align: right;
}
#language, #language a {
    color:#ffffff;
}

.law {
    padding: 50px 0px 0px 0px;
}