*
{
	border: 0pt none;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	color: #333;

}


body {
padding: 0 0 95pt 0;
background-color: #E8E8E8;
background-image: url(img_m/bg_06.png);
background-repeat: repeat;
background-position: bottom left;
}




.ai-content
{
    margin: 37pt 6pt 0 6pt;
}

.ai-content * {
text-shadow: 0pt 1pt 0pt #fff;
font-size: 10pt;
}



.fd-MainMenu
{
    text-align:center;
}
.fd-MainMenu>ul
{
  
}
.fd-MainMenu>ul>li
{
        width: 46%;
    float: left;
    padding: 5px;
}
.fd-specialarea
{
    float:left;
    width:100%;
}

.fd-MainMenu.briefsheetmenu>ul>li
{
        width: 99%;
    float: left;
    padding: 5px;
}



.fd-specialarea-header label{
font-weight: bold;
width: 30%;
float: left;
display: inline;
padding: 5pt 0;
}
.fd-specialarea-title>label
{
 font-weight: bold;
width: 13%;
float: left;
display: inline;
padding: 5pt 0;
}
.fd-specialarea div
{
   display:inline-block;
}
.fd-specialarea input[type=text],.fd-specialarea input[type=number]
{
   width: 30%;
height: 21pt;
margin: 3pt;
float: left;
border: solid blue;
font-weight: bold;
color: blue;
font-size: 20pt;
}
.fd-specialarea input[type=text][readonly=readonly],.fd-specialarea input[type=text][disabled=disabled],.fd-specialarea input[type=number][readonly=readonly]
,.fd-specialarea input[type=number][disabled=disabled]
{
border: solid 1pt #bbb;
color: #bbb;
}



.fd-specialarea input:focus
{
 
border-width: 2pt;
border-color: rgb(185, 22, 8);
font-weight: bold;
color:  rgb(255, 20, 0);
font-size: 20pt;


}
.fd-specialarea label
{
   float:left;
    width:50pt;
    line-height: 2;
}

ul{
margin: 0;
list-style: none;
}
ol li{
margin: 0;
list-style: none;
}
.ai-inputlist select.citylist {
text-shadow: none;
color: rgb(0, 92, 255);
font-weight: bold;
width: 70%;
float: left;
display: inline;
padding: 5pt 4pt !important;
background: transparent;
font-size: 19px;
border: 0pt;
border: none;
 -webkit-appearance: none;
 direction:rtl;
}
.ai-inputlist select.citylist option {

 direction:ltr;
}

.ai-inputlist span.citylist
{
text-shadow: none;
color: rgb(0, 92, 255);
font-weight: bold;
width: 65%;
float: left;
display: inline;
padding: 5pt 4pt !important;
font-size: 20pt;
-webkit-appearance: none;
font-style: italic; 
}

select.citylist > option {
padding: 0 6pt;
text-shadow: none;
}
select.citylist:focus
{
    border-width: 2pt;
border-color: rgb(185, 22, 8);
font-weight: bold;
color:  rgb(255, 20, 0);
    }


input[type=text],input[type=select]  {
width: 48%;
text-shadow: none;
float: right;
display: inline;
text-indent: 4pt;
border: solid 1pt #bbb;
border-radius: 0pt;
-moz-border-radius: 5pt;
padding: 4pt 0 4pt 0;
outline: none;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ededed), color-stop(0.5, #ffffff));
background: -moz-linear-gradient(center top, #ededed 0%, #ffffff 50%);
}
input[type=text].hide,input[type=select].hide  
{
    display:none;
}

input[readonly=readonly]{
font-style: italic;
border: solid 1pt #bbb;
}
input[disabled=disabled]{
color: darkgray;
font-style: italic;
border: solid 1pt #bbb;
}
.ai-button:hover {
background-color: rgb(0, 170, 143);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1284C6), color-stop(1, #32ACF2));
background: -moz-linear-gradient(center top, #ec8f13 0%, #990000 100%);
background: -ms-linear-gradient(top, #ec8f13, #990000);
background: -o-linear-gradient(top, #ec8f13, #990000);
text-shadow: 0 1px 0 #333;
}

.ai-button 
{
margin: 1em 0 0 0;
cursor: pointer;
color: #fff;
font-size: 13pt;
font-weight: bold;
border-radius: 0pt;
-moz-border-radius: 0pt;
background-color: rgb(27, 180, 168);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #32ACF2), color-stop(1, #1284C6));

background: -moz-linear-gradient(center top, #cc0000 0%, #990000 100%);
background: -ms-linear-gradient(top, #cc0000, #990000);
background: -o-linear-gradient(top, #cc0000, #990000);
width: 100%;
text-shadow: 0pt -2px 0pt rgb(0, 0, 0);
text-decoration: none;
display: inline-block;
text-align: center;
padding: 5pt 0;
border: 2pt solid #055583;
border-radius:4px;
box-shadow: 0pt 1pt 0pt #fff;
-moz-box-shadow: 0pt 1pt 0pt #fff;
-webkit-box-shadow: 0pt 1pt 0pt #fff;
}
.ai-button[disabled=disabled] 
{
    background-color: rgb(0, 170, 143);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D1D1D1), color-stop(1, #BBBBBB));
background: -moz-linear-gradient(center top, #ec8f13 0%, #990000 100%);
background: -ms-linear-gradient(top, #ec8f13, #990000);
background: -o-linear-gradient(top, #ec8f13, #990000);
text-shadow: none;
color: rgb(240, 240, 240);
cursor: not-allowed;
}


.ai-header
{
 position: fixed;
top: 0;
z-index: 99;
border-top: 1pt solid rgb(28, 153, 237);
border-bottom: 1pt solid rgb(37, 216, 209);
background-color: rgb(0, 170, 143);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #005586), color-stop(1, #1073AE));
background: -moz-linear-gradient(center top, rgb(185, 116, 13) 0%, rgb(136, 109, 0) 100%);
background: -ms-linear-gradient(top, rgb(204, 188, 0), rgb(125, 136, 0));
background: -o-linear-gradient(top, rgb(204, 196, 0), rgb(136, 114, 0));
color: #fff;
text-shadow: 0pt -1pt 0pt rgb(221, 191, 31);
height: 32pt;
padding: 4pt 0 0 0;
display: block;  
    
text-align: center;
width: 100%;
}
.ai-homeicon
{
    
 /*   position: absolute;*/
width: auto;
background: transparent;
font-size: 9pt;  
}
.ai-menuicon
{
display: block;
padding: 4px;
margin: 0pt 0pt 0pt 6pt;
height: 25px;
width: 47px;

float:left;
/*position: absolute*/
}
.ai-menuicon>a
{


}
.ai-logouticon
{
width: 48px;
font-size: 9pt;
height: 35px;
margin: 0 1em 0em 0em;
float: right;
}

.ai-homeicon>a
{
 color: #fff;
font-weight: bold;
display: block;
padding: 6pt 0 6pt 0;
margin: 2pt 3pt 1pt 3pt;
max-width: 55pt;
min-width: 30pt;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
text-decoration: none;
white-space: nowrap;
text-shadow: 0pt -1pt 0pt #330000;
border-width: 0pt 4pt 0pt 4pt;
-webkit-border-image: url(img_m/01_03.png) 0 5 0 5;
-moz-border-image: url(img_m/01_03.png) 0 5 0 5;   


background: url(img_m/01_03.png);
background-size: 51pt 25pt;
background-repeat: no-repeat;
height: 20pt;
width: 50pt;
}

.ai-header>h1
{
    text-align: center;
color: #fff;
text-shadow: 1px 2px 3px rgb(0, 0, 0);
font-size: 14pt;
line-height: 26pt;

width: 100%;
height: 0px;
/*position: absolute;*/


}
.ai-header>h1 span{
color: inherit;
}



.ai-triptype
{
    background-color: rgb(141, 140, 140);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #020202), color-stop(1, #434343));
background: -moz-linear-gradient(center top, #B89292 0%, #A26D6D 100%);
background: -ms-linear-gradient(top, #B89292, #A26D6D);
background: -o-linear-gradient(top, #B89292, #A26D6D);
border-radius: 7pt;
-moz-border-radius: 7pt;
height: auto;
margin: 1em 0 0 0;
border: solid 1pt #cbcbcb;
overflow: hidden;
box-shadow: 0pt 1pt 0pt #fff;
-moz-box-shadow: 0pt 1pt 0pt #fff;
-webkit-box-shadow: 0pt 1pt 0pt #fff;
}
.ai-triptype>ul
{
    border-radius: 5pt;
-moz-border-radius: 5pt;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 101%;
}
.ai-triptype>ul>li
{
 background: transparent none;
display: inline;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;   
width: 50%;
}

.ai-triptype>ul>li>a
{
    color: #fff;
text-align: center;
font-size: 12pt;
text-decoration: none;
font-weight: bold;
padding: 6pt 0 6pt 0;
text-shadow: 0pt 1pt 0pt #660000;
display: block;
border-right: 1pt solid #744F4F;
outline: none;
}

.ai-triptype>ul>li>a.active
{
    background-color: #8c8c8c;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cdcdcd), color-stop(1, #8c8c8c));
background: -moz-linear-gradient(center top, #cc0000 0%, #aa0000 100%);
background: -ms-linear-gradient(top, #cc0000, #aa0000);
background: -o-linear-gradient(top, #cc0000, #aa0000);
border: 1pt groove #c5c5c5;
box-shadow: 0 0 12px rgb(46, 46, 42);
}

.ai-triptype>ul>li:first-child>a {
border-radius: 5pt 0 0 5pt;
-moz-border-radius: 5pt 0 0 5pt;
}
.ai-triptype>ul>li:last-child>a
{
    border-radius: 0 5pt 5pt 0;
-moz-border-radius: 0 5pt 5pt 0;
border-right: 0pt none;
}

.ai-triptype>ul>li>a:hover {
background-color: #3f3f3f;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3f3f3f), color-stop(1, #7b7b7b));
background: -moz-linear-gradient(center top, #cc0000 0%, #aa0000 100%);
background: -ms-linear-gradient(top, #cc0000, #aa0000);
background: -o-linear-gradient(top, #cc0000, #aa0000);
box-shadow: 0 0 12px rgb(41, 41, 41);
}

.ai-divlayout1
{
    border: 0pt none;
margin: 1em 0 0 0;
}

.ai-inputlist
{
    margin: 0 0 0 0 !important;
    list-style: none;
}

.ai-inputlist>li
{ 
padding: 6pt;
vertical-align: top;
position: relative;
border: solid 1pt #bbb;
border-radius: 0pt;
background: #fff;
margin: 6pt 0pt 6pt 0pt;

}
.ai-inputlist>li.OSASKUGroup
{
    background-color:rgb(237, 236, 236);
}
.ai-inputlist>li.OSASKUGroupAlt
{
    background-color:rgb(176, 176, 176);
}

.ai-inputlist>li.singleinput
{ 
border-top: solid 10px #31A8F0;
background-image: url(img_m/blue_14.png);
background-repeat: no-repeat;
background-position-x: -40px;
margin:0;
}
.ai-inputlist>li.singleinput:first-child
{ 
border-top: solid 10px #31A8F0;
background-image: url(img_m/blue_14.png);
background-repeat: no-repeat;
background-position-x: -40px;
margin: 43pt 0 0 0;
}
.ai-inputlist>li.singleinput>label>span{
color: White;
text-shadow: 1px 1px 1px black;
font-size: 17px;
}
.ai-inputlist>li.singleinput>label{
margin-top: -10px;
}
.ai-inputlist>li:first-child
{ 

margin: 43pt 0pt 6pt 0pt;
}
.ai-inputlist>li:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.ai-inputlist>li>label{
font-weight: bold;
width: 30%;
float: left;
display: inline;
padding: 5pt 0;
}
.ai-inputlist>li>label.width100
{
    width:100%;
}
.ai-inputlist>li>textarea{
display: inline;
color: rgb(0, 92, 255);
font-size: 16pt;
width:100%;
}
.ai-inputlist>li>label.floatright
{
    float:right;
}

.ai-inputlist>li>label.ostcheckitem
{
    float:right;
    text-align:right;
}
.ai-inputlist>li:last-child{
border-bottom: solid 1pt #bbb;
}
.ai-inputlist>li>input {
color: rgb(0, 92, 255);
font-weight: bold;
width: 70%;
display: inline;
padding: 5pt 0;
background: transparent;
font-size: 19px;
border: 0pt;
text-align: right;
float:right;
}
.ai-inputlist>li> .ostcheckitem .inputdigit{
    color: rgb(0, 92, 255);
    font-weight: bold;
    display: inline;
    padding: 5pt 0;
    background: transparent;
    font-size: 19px;
    text-align: right;
    float: right;
    right: 9px;
    position: absolute;
    width: 90px;
    border: 1px solid;
}
.ostcheckitem select {
    min-width: 200px;
}



.ai-inputlist>li>input.hide 
{
    display:none;
}
::-webkit-input-placeholder { text-align:right; }

.ai-imgmenu
{
display: block;
height: 35px;
width: 44px;
background: url(img_m/menuicon.png);
background-size: 32px 25px;
background-repeat: no-repeat;
background-position: center;
border: 1px;
border-style: outset;
border-radius: 4px;
box-shadow: none;
cursor: pointer;
}
.ai-imglogout
{
display: block;
height: 35px;
width: 44px;
background: url(img_m/logout_icon.png);
background-size: 32px 25px;
background-repeat: no-repeat;
background-position: center;
border: 1px;
border-style: outset;
border-radius: 4px;
box-shadow: none;
cursor: pointer;
}


.ai-imgdep {
background: url(img_m/01_09.png);
background-size: 45pt 30pt;
background-repeat: no-repeat;
height: 20pt;
}
.ai-inputlist>li>label.ai-imgnext {
background: url(img_m/01_16.png);
background-size: 10pt 20pt;
background-repeat: no-repeat;
height: 14pt;
float: right;
width: 12pt;
}
.ai-imgret {
background: url(img_m/01_12.png);
background-size: 45pt 32pt;
background-repeat: no-repeat;
height: 23pt;
}
.ai-imgcal {
background: url(img_m/01_14.png);
background-size: 45pt 27pt;
background-repeat: no-repeat;
height: 20pt;
}
.ai-imgpas {
background: url(img_m/01_20.png);
background-size: 45pt 26pt;
background-repeat: no-repeat;
height: 20pt;
}
.ai-imgcabin {
background: url(img_m/01_27.png);
background-size: 45pt 26pt;
background-repeat: no-repeat;
height: 20pt;
}
.ai-calendar{
width: 48%;
text-shadow: none;
margin: 0 0 0 0;
float: left;
display: inline;
}   
.ai-calendar>li
{
	background: transparent none;
	padding: 0 0 0 0;
	margin: 0 0 5pt 0;
	width: 100%;
}

.ai-calendar>li:first-child
{
	margin: 0 0 30pt 0;
}

.ai-calendar>li>label {
font-weight: bold;
float: left;
width: 40%;
font-size: 12pt;
}
.ai-calendar>li>input {
color: Orange;
font-weight: bold;
width: 40%;
float: right;
display: inline;
padding: 0;
background: transparent;
font-size: 12pt;
border: 0pt;
}

.ai-numberofpassenger {
float: left;
text-align: center;
margin: 0;
}

.ai-numberofpassenger>ol > li 
{
    border: 0;
padding: 2pt;
}

.ai-numberofpassenger>ol>li:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.ai-numberofpassenger>ol>li>div.cont_main {
float: left;
width: 100%;
}

.ai-numberofpassenger ol li label {
float: left;
text-align: left;
font-weight: bold;
padding: 2px 0;
}



.ai-numberofpassenger>ol li div label {
font-weight: bold;
padding-bottom: 10px;
padding-right: 5px;
}

.ai-numberofpassenger ol li div input {
color: Orange;
font-weight: bold;
float: right;
display: inline;
padding: 0;
background: transparent;
font-size: 10pt;
border: 0pt;
width: 25pt;
}

.ai-numberofpassenger>ol>li>div.cont_main_dvt ul {
border-radius: 5pt;
}
.ai-numberofpassenger>ol>li>div.cont_main_dvt>ul>li {
background: transparent none;
display: inline;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.ai-numberofpassenger>ol>li>div.cont_main_dvt>ul>li:first-child>label {
border-radius: 5pt 0 0 5pt;
-moz-border-radius: 5pt 0 0 5pt;
}
.ai-numberofpassenger>ol>li>div.cont_main_dvt>ul>li>label {
cursor: pointer;
background-color: #8c8c8c;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cdcdcd), color-stop(1, #8c8c8c));
background: -moz-linear-gradient(center top, #cc0000 0%, #aa0000 100%);
background: -ms-linear-gradient(top, #cc0000, #aa0000);
background: -o-linear-gradient(top, #cc0000, #aa0000);
border: 1pt groove #adadad;
box-shadow: 0 0 6px rgb(46, 46, 42);
width: 25pt;
height: 10pt;
display: block;
text-align: center;
line-height: 122%;
font-size: 1.5em;
}
 .ai-numberofpassenger>ol>li>div.cont_main_dvt>ul>li>label.disabled {
background-color: rgb(102, 101, 101);
background: rgb(102, 101, 101);
border: 1pt groove #333;
box-shadow: 0;
cursor: default;
}

.ai-numberofpassenger>ol>li>div.cont_main_dvt>ul>li:last-child>label {
border-radius: 0 5pt 5pt 0;
-moz-border-radius: 0 5pt 5pt 0;
border-right: 0pt none;
}
.ai-footer
{
    z-index: 1;
padding: 0 0 8pt 0;
text-align: center;
text-shadow: 0pt 1pt 0pt #eee;
font-size: 9pt;
position: absolute;
bottom: 0;
width: 100%;
}
.fd-footer
{
    z-index: 99;
padding: 0;
text-align: center;
text-shadow: 0pt 1pt 0pt #eee;
font-size: 9pt;
position: fixed;
bottom: 0;
width: 100%;
}

.fd-footer>.ai-button
{
float: left;
border-radius: 0pt 0pt 0pt 0pt;
height: 50px;
border: 2pt groove rgb(58, 175, 175);
width: 50%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1777AF), color-stop(1, #015688));

}

.fd-footer>.ai-button[disabled=disabled]
{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D1D1D1), color-stop(1, #BBBBBB));
    }
.ai-footer p {
background-color: rgba(255,255,255,0.4);
padding: 5pt 4pt;
border-radius: 12pt;
-moz-border-radius: 12pt;
margin: 4pt 7pt 4pt 7pt;
text-shadow: 0pt 1pt 0pt #fff;
}

a {
font-weight: bold;
text-decoration: none;
display: inline-block;
margin: 0 1pt 0 1pt;
}

.ai-imgfoot {
background: url(img_m/01_09.png);
background-size: 45pt 51pt;
background-repeat: repeat;
height: 43pt;
font-weight: bold;
text-decoration: none;
display: inline-block;
margin: 0 1pt 0 1pt;
width: 100%;
}


.fd-uploadpic
{
border: outset 3pt;
border-radius: 0px;
border-color: rgb(0, 173, 255);
float: left;
margin: 1%;
padding: 1pt;
width: 20%;

}
.fd-uploadpic-issue
{
    width: 43%;
}
.fd-uploadpic-goldproblem
{
    width: 60%;
    max-width: 350px;
}


.fd-uploadpic div
{
height: 100pt;
width: 100pt;
border: outset;
border-color: rgb(184, 245, 240);
border-radius: 0pt;
}
.fd-uploadpic-issue div
{
 height: 100pt;
width: 100pt;
}
.fd-uploadpic-goldstandard div
{
position: relative;
width: 100%;
border: 0;
}
.fd-uploadpic-goldproblem div
{
position: relative;
width: 100%;
border: 0;

}
.fd-uploadpic div img
{
 width: 100pt;
height: 100pt;
  -webkit-transform: rotate(0deg); 
}

.fd-uploadpic div input[type=image]
{
 width: 100pt;
height: 100pt;
  -webkit-transform: rotate(0deg); 
}
.fd-uploadpic-goldstandard div input[type=image]
{
-webkit-transform: rotate(0deg);
width: 100%;
height: 100%;
}
.fd-uploadpic-goldstandard div img {
-webkit-transform: rotate(0deg);
width: 100%;
height: 100%;
}
.fd-uploadpic-goldproblem div img
{
-webkit-transform: rotate(0deg);
width: 100%;
height: 100%;
}


.fd-uploadpic p
{
 overflow: auto;
height: 40pt; 
    
}
.fd-uploadpic-goldstandard p
{
    width:100%;
 overflow: auto;
height: 40pt; 
    
}
.fd-imgrotate
{
background: url(img_m/rotate_icon.png);
background-size: 40pt 40pt;
background-repeat: no-repeat;
width: 40pt;
height: 40pt;
margin: 0;
display: block;
cursor: pointer;
margin: 0px auto 0px auto;
text-align: center;
}
.fd-imgrotateTD
{
background: url(img_m/rotate_icon.png);
background-size: 20pt 20pt;
background-repeat: no-repeat;
width: 20pt;
height: 20pt;
margin: 0;
display: block;
cursor: pointer;
margin: 0px auto 0px auto;
text-align: center;
}
.fd-footer .fd-imgrotate
{
background-size: 40pt 27pt;
}


.fd-uploadpic  .ai-button
{
  
float: left;
width: 55px;
height: 55px;
margin: 5pt;
padding: 0;
}
.fd-uploadpic-goldstandard .ai-button
{
width: 100%;
height: 30px;
margin: 0pt;
padding: 0;
}


.hide
{
    display:none;
}
.alwayshide
{
    display:none !important;
}
.hideimgupload
{
    position: absolute;
width: 0px;
height: 0px;
margin: 11px;
z-index: -99;
}

.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 8px;
}

.onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 17px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0px 15px 0px rgba(0,0,0,0.08) inset;
}

.onoffswitch-inner:before {
content: "Yes";
padding-left: 14px;
background-color: rgb(20, 245, 38);
color: rgb(31, 31, 83);
border-radius: 5px 5px 5px 5px;
}

.onoffswitch-inner:after {
content: "No";
padding-right: 14px;
background-color: rgb(247, 41, 41);
color: rgb(218, 211, 211);
text-align: right;
border-radius: 5px 5px 5px 5px;
}

.onoffswitch-switch {
    width: 30px;
margin: 0px;
background: rgb(165, 221, 219);
border: 4px outset rgb(179, 221, 214);
border-radius: 8px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
    box-shadow: 0 1px 1px white inset;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}


.onoffswitcha {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitcha-checkbox {
    display: none;
}

.onoffswitcha-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 8px;
}

.onoffswitcha-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitcha-inner:before, .onoffswitcha-inner:after {
    float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 17px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0px 15px 0px rgba(0,0,0,0.08) inset;
}

.onoffswitcha-inner:before {
content: "Done";
padding-left: 5px;
background-color: rgb(20, 245, 38);
color: rgb(31, 31, 83);
border-radius: 5px 5px 5px 5px;
}

.onoffswitcha-inner:after {
content: "No";
padding-right: 14px;
background-color: rgb(247, 41, 41);
color: rgb(218, 211, 211);
text-align: right;
border-radius: 5px 5px 5px 5px;
}

.onoffswitcha-switch {
    width: 30px;
margin: 0px;
background: rgb(165, 221, 219);
border: 4px outset rgb(179, 221, 214);
border-radius: 8px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
    box-shadow: 0 1px 1px white inset;
}

.onoffswitcha-checkbox:checked + .onoffswitcha-label .onoffswitcha-inner {
    margin-left: 0;
}

.onoffswitcha-checkbox:checked + .onoffswitcha-label .onoffswitcha-switch {
    right: 0px; 
}

.customradio input[type="radio"] {
    display:none;
}
.customradio input[type="radio"] + label span,.customradio input[type="checkbox"] + label span {
display: inline-block;
width: 36px;
height: 36px;
line-height:36px;
margin: 7px 2px 0 0;
vertical-align: middle;
background: url(img_m/check_radio_sheet.png) left top no-repeat;
cursor: pointer;
padding:0;
}
.customradio input[type="checkbox"]
{
    display:none;
}
.customradio input[type="checkbox"]:checked + label span {
 background: rgb(61, 83, 236);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #32CCF2), color-stop(1, #017CC4));
}
.customradio input[type="checkbox"] + label+br+input {

margin-top: 6px;
width: 60%;
color: blue;
}
.ostcheckitem .customradio input[type="checkbox"] + label+br+input {

width: 83px;
margin-top: 8px;
}
/*.customradio input[type="checkbox"] + label span 
{
    border-radius: 10px 0px 0px 0px;
    float:right;
display: inline-block;
width: 60%;
height: 36px;
line-height:36px;
margin: 7px 2px 0 0;
vertical-align: middle;
background: rgb(180, 180, 180);
cursor: pointer;
padding:0;
}*/
.customradio input[type="radio"]:checked + label span,.customradio input[type="checkbox"]:checked + label span {
    background:url(img_m/check_radio_sheet.png) -36px top no-repeat;
}



.customradio
{

}
.customradio input[type="number"],.customradio input[type="text"]  
{
float: none;
width: 83px;
margin-top: 8px;
border: 1px solid blue;
line-height: 27px;
font-weight: bold;
text-align: right;
}



.customaspradio input[type="radio"] {
    display:none;
}
.customaspradio input[type="radio"] + label {
display: inline-block;
width: 100%;
height: 36px;
line-height:36px;
margin: 7px 2px 0 0;
vertical-align: middle;

cursor: pointer;
padding:0;
   margin: 1em 0 0 0;
cursor: pointer;
color: #fff;
font-size: 13pt;
-moz-border-radius: 0pt;
background-color: rgb(27, 180, 168);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(223, 237, 245)), color-stop(1, rgb(84, 105, 101)));
background: -moz-linear-gradient(center top, #cc0000 0%, #990000 100%);
background: -ms-linear-gradient(top, #cc0000, #990000);
background: -o-linear-gradient(top, #cc0000, #990000);
text-shadow: 0pt 1px 0pt rgb(0, 0, 0);
text-decoration: none;
text-align: center;
border: 2pt solid #055583;
border-radius:4px;
box-shadow: 0pt 1pt 0pt #fff;
-moz-box-shadow: 0pt 1pt 0pt #fff;
-webkit-box-shadow: 0pt 1pt 0pt #fff;

}
.customaspradio input[type="radio"]:checked + label {
   margin: 1em 0 0 0;
cursor: pointer;
color: #fff;
font-size: 13pt;
font-weight: bold;
-moz-border-radius: 0pt;
background-color: rgb(27, 180, 168);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #32ACF2), color-stop(1, #1284C6));

background: -moz-linear-gradient(center top, #cc0000 0%, #990000 100%);
background: -ms-linear-gradient(top, #cc0000, #990000);
background: -o-linear-gradient(top, #cc0000, #990000);
width: 100%;
text-shadow: 0pt -2px 0pt rgb(0, 0, 0);
text-decoration: none;
display: inline-block;
text-align: center;
padding: 5pt 0;
border: 2pt solid #055583;
border-radius:4px;
box-shadow: 0pt 1pt 0pt #fff;
-moz-box-shadow: 0pt 1pt 0pt #fff;
-webkit-box-shadow: 0pt 1pt 0pt #fff;
}





.customaspradio input[type="checkbox"] {
    display:none;
}
.customaspradio input[type="checkbox"] + label {
display: inline-block;
width: 100%;
height: 36px;
line-height:36px;
margin: 7px 2px 0 0;
vertical-align: middle;

cursor: pointer;
padding:0;
   margin: 1em 0 0 0;
cursor: pointer;
color: #fff;
font-size: 13pt;
-moz-border-radius: 0pt;
background-color: rgb(27, 180, 168);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(223, 237, 245)), color-stop(1, rgb(84, 105, 101)));
background: -moz-linear-gradient(center top, #cc0000 0%, #990000 100%);
background: -ms-linear-gradient(top, #cc0000, #990000);
background: -o-linear-gradient(top, #cc0000, #990000);
text-shadow: 0pt 1px 0pt rgb(0, 0, 0);
text-decoration: none;
text-align: center;
border: 2pt solid #055583;
border-radius:4px;
box-shadow: 0pt 1pt 0pt #fff;
-moz-box-shadow: 0pt 1pt 0pt #fff;
-webkit-box-shadow: 0pt 1pt 0pt #fff;

}
.customaspradio input[type="checkbox"]:checked + label {
   margin: 1em 0 0 0;
cursor: pointer;
color: #fff;
font-size: 13pt;
font-weight: bold;
-moz-border-radius: 0pt;
background-color: rgb(27, 180, 168);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #32ACF2), color-stop(1, #1284C6));

background: -moz-linear-gradient(center top, #cc0000 0%, #990000 100%);
background: -ms-linear-gradient(top, #cc0000, #990000);
background: -o-linear-gradient(top, #cc0000, #990000);
width: 100%;
text-shadow: 0pt -2px 0pt rgb(0, 0, 0);
text-decoration: none;
display: inline-block;
text-align: center;
padding: 5pt 0;
border: 2pt solid #055583;
border-radius:4px;
box-shadow: 0pt 1pt 0pt #fff;
-moz-box-shadow: 0pt 1pt 0pt #fff;
-webkit-box-shadow: 0pt 1pt 0pt #fff;
}

.fd-ostitem
{
    
}
.fd-ostitem li
{
}
.fd-ostitem.fd-ostdriveitem li
{
    background: rgb(203, 17, 17);
}
.fd-ostitem li:first-child {
margin: 25pt 0pt 6pt 0pt;
}
.fd-ostitem.fd-ostdriveitem li p 
{
 float: left;
width: 65%;
padding: 5pt;
overflow: auto;
color:rgb(232, 232, 232);
}
.fd-ostitem li p 
{
 float: left;
width: 65%;
padding: 5pt;
overflow: auto;
}
.ai-ostitem>li>label.floatright
{

 float:right;  
 text-align:right; 

}
.fd-ostitem li div

{
  
}
.fd-ostitem li div.ostcheckitem

{
    float:right;
}
.bs-itemlist-container .fd-ostitem li div.ostcheckitem
{
    min-width:200px;
}




.gradient-green
{
 background-color: rgb(27, 180, 168);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(14, 255, 4)), color-stop(1, rgb(30, 162, 51)));
}

.gradient-red
{
 background-color: rgb(27, 180, 168);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(4, 104, 255)), color-stop(1, rgb(0, 173, 255)));   
    
}
.width-100
{
    width:100% !important;
}
.width-50
{
        width:50% !important;
}
.width-33
{
        width:33.33% !important;
}
#dialogCheckin
{
 width:100%;   
}

.ui-dialog #dialogCheckin.ui-dialog-content {
    padding: 0;
}

[id$=lblStatus],[id$=lblValidate] {
display: inline-block;
margin: 8px;
padding: 14px;
border: 5px solid rgb(160, 43, 21);
/*color: rgb(255, 0, 0);*/
font-weight: bolder;
border-radius: 5px;
font-size: 16px;
background: rgb(232, 235, 220);
}


.ui-widget-overlay {
background: rgb(0, 0, 0)/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
opacity: .8;
filter: Alpha(Opacity=80)/*{opacityOverlay}*/;
}
.ai-inputlist>.sharefilelist 
{
    background:gray;
}
.sharefilelist .ai-inputlist>li:first-child
{
    margin:0;
}

.sharefilelist .ai-button
{
    width: 116px;
    float: right;
    color: white;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #32ACF2), color-stop(1, #1284C6));
}