/* custom */

.coverbanknotiform {
    float: left;
}

.coverbanknotiform p.intro {
    text-align: left;
    font-size: 15px !important;
    padding: 0;
    margin: 0;
}

.coverbanknotiform p.intro span {
    font-size: 15px !important;
    line-height: 16px;
    color: green;
    padding: 4px;
}

#banknotiform {
    margin: 10px 0 0 0;
}

.error label {
    background: red;
}

#banknotiform .coverint span {
    display: inline !important;
    float: none;
    background: #fff;
}
#banknotiform .coverint{
    float: left;
    display: block;
    width:100%;
}
#banknotiform label {
    display: inline-block;
    background: #fff;
    padding: 7px 7px 6px 7px;
    font-size: 17px;
    width: 80%;
    color: #000;
    letter-spacing: 0.4px;
}

#banknotiform span {
    display: block;
    float: left;
    color: #fff;
    background: #222;
    padding: 7px 15px;
    font-weight: bold;
    border-radius: 50% 50%;
}

#banknotiform .step1 {
    display: block;
    padding: 10px 0 10px 0;
}

#ui-id-1 {
    list-style: none;
}

#ui-id-1 {
    width: 150px!important;
}

#banknotiform input.txtinput {
    border: none;
    display: inline;
    padding: 3px 0 3px 5px;
    font-size: 16px;
    margin: 0 0 0 20px;
    width: 150px;
    background-color: #fff !important;
    padding: 2px !important;
    border: 1px solid #ccc!important;
}

.coverbutton {
    width: 100%;
    text-align: left;
}

#banknotiform .step2 {
    display: block;padding: 20px 0 20px 0;clear:both;padding: 20px 0 20px 0;clear:both;
}

#banknotiform .step3 {
    display: block;padding: 20px 0 20px 0;clear:both;
}

#banknotiform .step4 {
    display: block;padding: 20px 0 20px 0;clear:both;
}
#banknotiform .step5 {
    display: block;padding: 20px 0 20px 0;clear:both;
}
.step2detail p {
    padding-bottom: 10px;
}

.step2detail table {
    border-top: 0;
    margin: 0;
    width: 100%;
    font-size: 18px;
    border-top: 0 solid !important;
}

.step2detail table tr td {
    font-size: 16px;
    font-weight: normal;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    text-align: left;
    border-bottom: 1px solid #8A8A8A !important;
}

.step2detail table tr td.radio {
    padding: 0;
    margin: 0;
    border-bottom: 2px solid #000;
}

td.radio input {
    width: 20px !important;
}

.tbloption {
    width: 84% !important;
}

@media only screen and (max-width: 720px) {
    .tbloption {
        width: 100% !important;
    }
}

.tbloption tr td {
    font-size: 15px !important;
    padding: 4px !important;
}

.tbloption img {
    margin-bottom: 0 !important;
    margin-right: 5px;
}

.btstandard {
    font-weight: normal !important;
    letter-spacing: 2px;
    font-weight: bold !important;
    float: right !important;
    margin-right: 0!important;
}

.bankname img {
    margin-bottom: 0;
}

#banknotiform .bt {
    padding: 25px 0 36px 0;
    margin: 20px 0 0 0;
    clear: both;
}
.uploadtext {margin:-20px 0 0 50px;}
.datepicker {
    width: 140px;
    background: url(../images/icon_calendar.png) no-repeat #fff 120px 11px !important;
}

#from-24hr {
    width: 82px;
}

.coverbanknotiform input.error {
    border: 1px solid red !important;
}

.coverbanknotiform label.error {
    color: red;
    display: block;
    font-size: 16px;
}

.coverint input#orderid {
    width: 200px;
    padding: 2px !important;
    background: #fff !important;
    margin: 0 0 0 50px !important;
    border: 1px solid #ccc!important;
}

.coverint input {
    width: 200px;
    margin: 0 0 0 50px !important;
    padding: 2px !important;
}

.error label {
    background: none!important;
    color: red!important;
}

.errormsg {
    float: left;
    width: 330px;
    text-align: left;
    padding: 0 20px 20px 0;
}

.banknotithankyou {
    margin: 0 0 40px 0;
}

.banknotithankyou p.thkintro {
    text-align: left;
    font-size: 16px !important;
    padding: 0 0 13px 0;
    margin: 0;
}

table.banknotithk_tbl {
    border: none;
    margin: 0 0 0 0;
    font-size: 18px;
}

table.banknotithk_tbl tr.banknotithk_tbl {
    background: #cccccc;
}

table.banknotithk_tbl tr.bg {
    background: #eee;
}

table.banknotithk_tbl tr td img {
   margin: 20px;
    width: 80%;
}

table.banknotithk_tbl tr td {
    text-align: left;
    height: 40px;
    font-size: 16px;
    padding: 0;
}

table.banknotithk_tbl tr td.col1 {
    width: 30%;
    padding: 10px 0 0 10px;
    font-weight: normal;
    font-size: 16px;
    vertical-align: top;
}

span#chkorderid {
    color: #e54242;
    font-size: 16px;
    padding: 0 0 0 5px;
}
.errormsg-container {color:red;}
.bt_title .ui-widget-header {
    color: #222;
    background: none;
    border: none;
}

.bt_title .ui-dialog-titlebar-close span {
    margin: -8px 0 0 -8px;
}

.bt_title .ui-widget-header .ui-icon {
    background-image: url(../images/ui-icons_222222_256x240.png);
}

.btblnoti td, .btblnoti th {
    border-width: 0;
}

.bubbletxt {
    margin: 20px 0 20px 0;
    font-size: 14px;
    text-align: left;
}
.covertime{
    float: left;
    padding:0 0 0 50px;
}
.covertime select{margin:20px 20px 0 0;width:120px;float:left;display:block;}
.covertime .min{width:100px;float:left;display:block;}

div.coverslipfile {
    width: 94px;
    height: 94px;
     
}
div.coverslipfile input {
    display: block !important;
    width: 124px !important;
    height: 50px !important;
    opacity: 0;
    cursor: pointer;
    position: relative;
    top: -40px;
    left: 20px;
}
div.coverslipfile:before{
    content: 'Select file';
    background: #ccc;
    color: #fff;
    padding: 9px 44px;
    margin: 0 0 -6px 48px;
}

@media screen and (min-width: 801px) {
    .step2detail {
        padding: 0 0 0 50px;
    }
}

@media screen and (max-width: 800px) {
    .step2detail {
        padding: 0 0 0 0;
    }
}