/* 
    Document   : style_index
    Created on : Jun 2, 2013, 2:15:12 PM
    Author     : Raymonds
    Description:
        Purpose of the stylesheet follows.
        CSS for: 
            seat KAI
*/

root { 
    display: block;
}
 #clear{
    clear:both;
 }
 input, .combobox{
    margin: 0; 
    padding: 0.3em 0.3em;
    
}
body,table{
    /*font-family:sans-serif;*/
    font-size:12px;
}

/*
    INPUT TYPE[TEXT]
*/
input[type=text],input[type=password]{
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

input[type=text]:focus,input[type=password]:focus{
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
input[type=text].notvalid,select.notvalid,input[type=checkbox],input.notvalid{
    border-color: red !important;
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 1px #fdc4c4, 0 0 8px #c40029;
    -moz-box-shadow: inset 0 1px 1px #fdc4c4, 0 0 8px #c40029;
    box-shadow: inset 0 1px 1px #fdc4c4, 0 0 8px #c40029;
}
input[type=checkbox].notvalid{
    outline: 2px solid red;
}
/*
   ==== INPUT TYPE[TEXT] ==== 
*/
input[type='number']{
    text-align: right;
}
input[readonly="readonly"]{
    /*background-color: #BDBDBD;*/
    background-color:rgb(170,170,170);
}
/*
    Validation input
*/
input[type="text"]:valid {
    color: green;
}

input[type="text"]:valid ~ .input-validation::before {
    content: "✓";
    color: green;
}

input[type="text"]:invalid {
    color: red;
    content: "X";
    color: red;
}
/*
    ==== Validation input ===
*/

.input_required{
    color:red;
}

.combobox.number_format{
    text-align: right;
    width:auto !important;
}

a{
    text-decoration: none;
}

.accounting, .number_format{
    text-align: right;
}

.icon_error{
    width: 15px;
    height: 15px;
}


.ui-widget{
    font-size: 12px !important;
}

.ui-button-icon-only .ui-button-text{
    padding: 1px !important;
}

.ui-dialog.ui-widget-content { 
/*    border: 1px solid #CEDFF0; 
    background: #CEDFF0 url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; 
    color: #333333; */
    border: 1px solid #fcfcfc;
    /*background: #ffe7a3 url(images/ui-bg_highlight-hard_75_ffe7a3_1x100.png) 50% top repeat-x;*/
}

/* this original for Autocomplete Combobox */
.ui-button { margin-left: -1px; }
.ui-button-icon-only .ui-button-text { padding: 0.35em; } 
.ui-autocomplete-input { margin: 0; padding: 0.48em 0 0.47em 0.45em; }
 /**** Add this for visible Scrolling ;)*/ 
.ui-autocomplete {
        max-height: 110px;
        overflow-y: auto;
         /*prevent horizontal scrollbar*/ 
        overflow-x: hidden;
         /*add padding to account for vertical scrollbar*/ 
        padding-right: 20px;
        font-size: 12px;
        font-weight: normal;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall*/
 
* html .ui-autocomplete {
        height: 100px;
}

.custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
     support: IE7 
    /**height: 1.7em;*/
    /**top: 0.1em;*/
  }
  .custom-combobox-input {
    margin: 0;
    padding: 0.3em;
  }
  
  /*
   * CSS for KAI
   */
  .not_available_seat,.available_seat,.booked_seat,.manual_seat{
        padding:8px;
        text-align: center;
        border-radius: 5px;
        cursor: pointer;
        margin: 5px;
        color:white;
        font-family: Euphemia;
        font-size: 10px;
  }
  
  .not_available_seat{
        background-color: red;
  }
  .available_seat{
        background-color: green;
        
  }
  .available_seat:hover{
        opacity: 0.50;
  }
  .booked_seat{
      background-color: lightskyblue;
  }
  .booked_seat:hover{
      opacity: 0.50;
  }
  .manual_seat{
      border: solid 2px orangered;
  }
  .per_gerbong table{
      /*margin: 0px 0px 20px 0px;*/
      width: auto;
  }
  .inner table th{
      background-color: #FF9900;
  }
  
  
 /*SEAT MAP PESAWAT*/ 
 .table_seat_plane{
     font-weight: bold;
 }
.table_seat_plane .seat{
     padding: 10px;
     text-align: center;
     vertical-align: center;
     cursor: pointer;
     margin: 2px;
     border-radius: 4px;
 }
.table_seat_plane .seat2{
     padding: 10px;
     text-align: center;
     vertical-align: center;
     cursor: pointer;
     margin: 2px;
     border-radius: 4px;
 }
 .table_seat_plane .nonseat,.table_seat_plane .seat_reserved{
     padding: 10px;
     text-align: center;
     vertical-align: center;
     margin: 2px;
     border-radius: 4px;
 }
 .table_seat_plane .nonseat2{
     padding: 10px;
     text-align: center;
     vertical-align: center;
     margin: 2px;
     border-radius: 4px;
 }
.seat_map_pesawat{
    width: 500px;
    height: 500px;
    overflow-y: scroll;
    float:left;
}
.kabin_pesawat{
    width: 420px;
    margin: auto;
    padding-left: 10px;
    padding-right: 20px;
    background-image: url(../../public/images/airlines_seat/kabin.png);
    background-repeat: repeat-y;
    background-size: 400px 14px;
}
.kabin_pesawat img{
    margin: auto;
    display:block;
}
.information_passenger{
    float:left;
}
 .background_head_plane{
    background-image: url(../../public/images/airlines_seat/head_plane.png);
    background-repeat: no-repeat;
    background-size: 400px 100%;
    height: 200px;
    width: 420px;
    padding-left: 10px;
    padding-right: 20px;
    margin: auto;
 }
 .openSeat {
     /*background-color: #36A9E1;*/
/*     background-image: url(../../public/images/airlines_seat/seat_biru.png);
     background-size: 10% 10%;
     background-position: top;*/
 }
 .openSeat:hover {
     opacity: 0.4;
     filter:alpha(opacity=40);
     color: white;
 }
.chosenSeat {
     background-color: #009640 !important;
/*     background-image: url(../../public/images/airlines_seat/seat_hijau.png); 
     background-size: 10% 10%;
     background-position: top;*/
 }
.chosenSeat:hover {
     opacity: 0.4;
     filter:alpha(opacity=40);
     color: white;
 }
 .closeSeat {
     background-color: #E20613;
/*     background-image: url(../../public/images/airlines_seat/seat_merah.png);  
     background-size: 10% 10%;
     background-position: top;*/
 }
 .openSeat2 {
     /*background-color: #36A9E1;*/
/*     background-image: url(../../public/images/airlines_seat/seat_biru.png);
     background-size: 10% 10%;
     background-position: top;*/
 }
 .chosenSeat2 {
     background-color: #009640 !important;
/*     background-image: url(../../public/images/airlines_seat/seat_hijau.png); 
     background-size: 10% 10%;
     background-position: top;*/
 }
 .closeSeat2 {
     background-color: #E20613;
/*     background-image: url(../../public/images/airlines_seat/seat_merah.png);  
     background-size: 10% 10%;
     background-position: top;*/
 }
 .seat_reserved{
     background-color: #E20613;
/*     background-image: url(../../public/images/airlines_seat/seat_merah.png); 
     background-size: 10% 10%;
     background-position: top;*/
 }
 .BH,.GY{
     background-image: url(../../public/images/airlines_seat/BH.png); 
     background-size: 100% 100%;
 }
 .LV,.LR{
     background-image: url(../../public/images/airlines_seat/LV.png); 
     background-size: 100% 100%;
 }
 .EX{
     background-image: url(../../public/images/airlines_seat/exit1.png); 
     background-size: 100% 100%;
 }
 .WG1{
     background-image: url(../../public/images/airlines_seat/WG1.jpg); 
     background-size: 100% 100%;
 }
 .WG2{
     background-image: url(../../public/images/airlines_seat/WG2.jpg); 
     background-size: 100% 100%;
 }
 .star1{
     width: 12px;
     height: 12px;
     position: absolute;
     left: 0px;
 }
/* .group_airlines_1{
     background-color: #FF6A00;
 }
 .group_airlines_2{
     background-color: #FC8E3F;
 }
 .group_airlines_3{
     background-color: #F29C5E;
 }
 .group_airlines_4{
     background-color: #FCCB9F;
 }
 .group_airlines_5{
     background-color: #FFBB45;
 }
 .group_airlines_6{
     background-color: #FFCD45;
 }
 .group_airlines_7{
     background-color: #FFBB00;
 }
 .group_airlines_8{
     background-color: #F7E031;
 }
 .group_airlines_9{
     background-color: #E3FC00;
 }
 .group_airlines_10{
     background-color: #F4FF8C;
 }*/
 /*END SEAT MAP PESAWAT*/