@charset "utf-8";

/*หน้าเปิดบัญชีกรอกฟอร์ม*/

.BGtexture {
    background: rgba(255, 255, 255, 1) url("../resources/images/paperTexture.jpg") repeat;
}
#P3-Subject1{
    display: block;
    font: bold 18px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    color: #12934f;
}
#P3-Subject2{
    display: block;
    font: bold 18px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    color: #12934f;
}
#P3-Subject3{
    display: block;
    font: bold 18px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    color: #12934f;
}
#P3-Subject4{
    display: block;
    font: bold 18px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    color: #12934f;
}
#P3-Subject5{
    display: block;
    font: bold 18px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    color: #12934f;
}

.accOp-AllBlock {
    display: block;
    position: absolute;
    top: 80px;
    left: 0px;
    right: 0px;
    z-index: 5;
    min-width: 260px;
    max-width: 1600px;
    padding: 0 0 60px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 1) url("../resources/images/paperTexture.jpg") repeat;
    text-align: center;
}

.itemL1,
.Condi-head,
.toppicMethod,
.AccOp-CusType .cb1,
.AccOp-CusType .cb2 {
    /*        color: #707070;*/
    color: #4a4a4a;
}

.accOp-BGhead {
    height: 180px;
    background-position: center;
    padding-top: 57px;
}

.accOp-BGheadT0 {
    background-image: url("../resources/images/accOp-cover01.jpg");
}

.accOp-BGheadT1 {
    background-image: url("../resources/images/accOp-cover-T1.jpg");
}

.accOp-BGheadT2 {
    background-image: url("../resources/images/accOp-cover-T2.jpg");
}

h1.accOp-head {
    font-weight: 500;
    font-size: 80px;
    text-align: center;
    letter-spacing: -5px;
    color: #333 !important;
}

@media screen and (max-width:450px) {
    h1.accOp-head {
        font-size: 60px !important;
    }
}

.all-accOpContain {
    padding-top: 60px;
    display: block;
}

.headForm,
.bodyForm {
    display: block;
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    /*    border: dashed 0.1px #aaa;*/
}

.left-block {
    display: flex;
    width: 30%;
    padding-right: 40px;
    justify-content: flex-end;
    align-items: center;
}


/************Icon process step can find below Prop*********.*/

/*ข้อมูลช่องกรอกด้านขวา*/

.right-block-Form {
    width: 70%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    padding: 40px 40px 35px;
    /*    border: solid 0.3px rgb(150, 150, 150);*/
}

#alertBox {
    /*position: fixed;*/
    /*right: 20px;*/
    /*top: 90px;*/
    /*z-index: 5;*/
    /*max-width: 250px;*/
    /*font: 400 14px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;*/
    /*color: #ED1C24;*/
    /*background-color: #FFC5C5;*/
    /*padding: 10px;*/
    /*box-shadow: 2px 2px 8px rgba(200, 150, 150, 0.7);*/
    /*text-align: left;*/
    /*border: solid 2px rgb(250, 250, 250);*/
    /*border-radius: 5px;*/

    position: fixed;
    right: 20px;
    top: 90px;
    z-index: 5;
    max-width: 250px;
    font: 400 14px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    color: #ED1C24;
    background-color: #f49898;
    padding: 12px;
    box-shadow: 3px 3px 10px #999;;
    text-align: left;
    border: outset 2px #ff0000;;
    border-radius: 10px;

}

#infoBox{
    position: fixed;
    right: 20px;
    top: 90px;
    z-index: 5;
    max-width: 250px;
    font: 400 14px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    color: black;
    background-color: #c6ffb3;
    padding: 12px;
    box-shadow: 3px 3px 10px rgba(154, 246, 126, 0.7);
    text-align: left;
    border: outset 2px #06ff12;;
    border-radius: 10px;
}

span.t-info {
    /*font-weight: bolder;*/
    /*font-size: 18px;*/
    color: black;
    font-size: 16px;
}
.Info-content {
    color: black;
    font-size: 14px;
    line-height: 1.42857143;
    font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
}

span.t-warn {
    /*font-weight: bolder;*/
    /*font-size: 18px;*/
    color: #992222;
    font-size: 16px;
}

.Warning-content {
    color: #fff;
    font-size: 14px;
    line-height: 1.42857143;
    font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
}
.warning-s {
    display: block;
    position: fixed;
    right: 20px;
    top: 20px;
    background-color: #f49898;
    border: outset 2px #ff0000;
    border-radius: 10px;
    padding: 12px;
    width: 230px;
    box-shadow: 3px 3px 10px #999;
}

.formGHead {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    text-align: left;
}

.Condi-headP2 {
    display: inline;
    text-align: left;
    font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    font-size: 30px;
    font-weight: bold;
}

.form-ContentH,
.form-Content {
    width: 100%;
    font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    text-align: left;
}

.form-ContentH {
    display: block;
    font-size: 14px;
    font-weight: 500;
}

.form-Content {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 100;
}

.IconMethodSet {
    display: flex;
    width: 30%;
    padding-right: 40px;
    justify-content: flex-end;
}


/*Icon Process Step Prop.*/

.topicMet-Page {
    width: 175px;
    height: 220px;
    margin: 5px 10px 5px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
}

.visibility {
    display: flex;
}

.accOp-head-M {
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    letter-spacing: -1px;
    margin-bottom: 24px;
}


/* ชุดรูปแบบFont */

div .accOp-welcome {
    display: block;
    text-align: center;
    font: 26px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    line-height: 38px;
    margin-top: 70px;
    margin-bottom: 90px;
    padding: 0 20px;
}

.containerL1 {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.itemL1 {
    order: 1;
    order: 2;
    order: 3;
    order: 4;
    flex-shrink: 3;
    flex-basis: -1;
}

.accOp-welcome .warning,
.right-block-Form2 div.warning {
    font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    color: red;
    font-size: 22px;
    line-height: 38px;
}

#accOp-method {
    margin-top: 30px;
    margin-bottom: 90px;
    width: 100%;
    /*    border: solid 1px #efefef;*/
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.toppicMethod,
.New-Width {
    margin: 5px 7px 5px;
    flex-shrink: 1;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: center;
}

.toppicMethod {
    width: 165px;
    min-height: 220px;
}

.New-Width {
    display: block;
    width: 70px !important;
    height: 10px;
    margin-bottom: 80px;
    background-color: #707070;
    border-radius: 2px;
}

.Acc-Pic {
    width: inherit;
    height: 165px;
    word-wrap: break-word;
    order: 1;
    /*    border: solid 1px #234;*/
}

.Acc-text {
    font: bold 18px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    line-height: 20px;
    order: 2;
    height: auto;
    vertical-align: middle;
}

.bgC1,
.bgC2,
.bgC3,
.bgC4 {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.bgC1 {
    background-image: url("../resources/images/accOpen-icon-FieldForm.png");
    /*    background-color: rgba(99, 99, 99, 0.06);*/
}

.bgC2 {
    background-image: url("../resources/images/accOpen-icon-Check.png");
    /*    background-color: rgba(99, 99, 99, 0.13);*/
}

.bgC3 {
    background-image: url("../resources/images/accOpen-icon-TransferMon.png");
    /*    background-color: rgba(99, 99, 99, 0.17);*/
}

.bgC4 {
    background-image: url("../resources/images/accOpen-icon-Thankyou.png");
    /*    background-color: rgba(99, 99, 99, 0.2);*/
}


/* หัวข้อ block */

.Condi-head,
.Condi-Content {
    text-align: center;
    margin: 50px 18px 10px;
    font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
}

.Condi-head {
    font-size: 30px;
    font-weight: bold;
}

.Condi-Content {
    max-width: 660px;
    min-width: 250px;
    height: 300px;
    margin: 10px auto;
    padding: 20px 20px 20px 0;
    font-size: 15px;
    font-weight: 400;
    color: #6a6a6a;
    word-wrap: break-word;
    overflow-y: scroll;
    background-color: #ededed;
    border-radius: 5px;
}

.AccOp-CusType {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 70px 0 70px;
}

.btn-group-lg1 > .btn,
.btn-lg {
    font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    padding: 15px 21px;
    font-size: 24px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-default {
    background-color: none;
}


/* กล่อง Radio Box */

.Rd-box {
    display: inline-block;
    font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    font-size: 26px;
    order: 1;
    width: auto;
    text-align: center;
}

.cbSpace {
    color: #fff;
    width: 100px;
}

.width100 {
    width: 100%;
}

.sizebar-State {
    height: 30px;
    width: 100%;
}

span.text-White {
    display: inline-block;
    width: 15px !important;
}

.BlockSpace {
    display: block;
    width: 100%;
    height: 80px;
}

.BlockContent {
    display: block;
    width: 100%;
}

.vis-br {
    display: none;
}


/*=====================1.กรอกข้อมูล=======#FF8D8D================*/

.colorbar-State1 {
    background-color: #b3edff;
}

.leftLine-Form1 {
    border-left: solid 4px #1d7dc1;
}

#P2-Subject {
    display: block;
    font: bold 18px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    color: #1d7dc1;
}

.subject-p2 {
    display: none;
}

.groupFill {
    width: auto;
    margin: 10px 20px 30px 0;
}

.right-block-Form .p2 input[type="text"],
.right-block-Form .p2 input[type="number"],
.right-block-Form .p2 input[type="email"],
.right-block-Form .p2 input[type="date"],
.right-block-Form .p2 input[type="password"],
.right-block-Form .p2 button[type="button"] {
    -webkit-appearance: none;
    /*    background: rgba(255, 255, 255, 0.96);*/
    background: none;
    border: 0;
    border-radius: 0px;
    border-bottom: 2px solid #1d7dc1;
    font: 600 18px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    color: #1d7dc1;
    box-shadow: none;
    padding: 6px 10px;
    width: 240px;
    margin: 10px auto 0px !important;
}

input[type="text"].errorInput {
    background-color: rgba(255, 0, 0, 0.2) !important;
    border-bottom: 2px solid #ff0000 !important;
    color: #1d7dc1;
}

.errorInput input[type="text"] {
    background-color: rgba(255, 0, 0, 0.2) !important;
    border-bottom: 2px solid #ff0000 !important;
    color: #1d7dc1;
}

select.errorInput {
    background-color: rgba(255, 0, 0, 0.2) !important;
    border-bottom: 2px solid #ff0000 !important;
    color: #1d7dc1;
}

textarea.errorInput {
    background-color: rgba(255, 0, 0, 0.2) !important;
    border-bottom: 2px solid #ff0000 !important;
    color: #1d7dc1;
}

.right-block-Form input[type="date"] {
    line-height: 1.48;
}

.dropList-Block {
    display: flex;
    flex-flow: row nowrap;
    position: relative;
}

.dropdown-menu {
    width: 240px !important;
}

.form-Content .margin-space,
.margin-space + button[type="button"] {
    margin-right: 20px !important;
    margin-bottom: 10px;
}

.form-Content .margin-space:last-child,
.right-block-Form input[type="text"]:last-child {
    margin-right: 0px;
}

input[class="textCenter"] {
    text-align: center;
}

input[placeholder] {
    font-weight: 500;
}

.right-block-Form .p2 input[type="text"]:hover,
.right-block-Form .p2 input[type="number"]:hover,
.right-block-Form .p2 input[type="email"]:hover,
.right-block-Form .p2 input[type="date"]:hover,
.right-block-Form .p2 input[type="password"]:hover,
.right-block-Form .p2 input[type="text"]:focus,
.right-block-Form .p2 input[type="number"]:focus,
.right-block-Form .p2 input[type="email"]:focus,
.right-block-Form .p2 input[type="date"]:focus,
.right-block-Form .p2 input[type="password"]:focus {
    -webkit-appearance: none;
    border: 0;
    border-bottom: 2px solid #0A5FB5;
}

button[class="btn-default dropdown-toggle"] {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.amoutInvest {
    width: 100%;
    text-align: center;
}

.amoutInvest1 {
    display: inline-block;
    text-align: left;
    font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
}

.flex-Row-Wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 360px;
}

.width100-center {
    width: 100%;
    display: flex;
    justify-content: center;
}

.selectCursor {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: baseline;
}

.a1.P2-4-L1 {
    margin: 0px 0px 10px;
}

.a2.P2-4-L1 {
    margin: 10px 0px 0px;
}

.selectCursor:hover {
    cursor: pointer;
}

.P2-4-L1 {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: baseline;
}

.bb {
    display: inline;
}

.width-fix {
    width: 190px;
    font-weight: 500;
    color: #1d7dc1;
}

.setweight {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: baseline;
    min-width: 210px;
}

input[type="text"].gold-weight {
    background: none;
    min-width: 20px !important;
    width: 180px;
    border-bottom-color: #1d7dc1;
    text-align: center;
}


/*====================2.ตรวจสอบข้อมูล=======================*/

.right-block-Form2 {
    width: 70%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    /*    padding: 40px 40px 35px;*/
    padding-right: 120px;
}

.Lineframe2 {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    min-width: 410px;
    height: 100%;
    padding: 30px 60px;
    border: solid 0.5px #eee;
    border-left: none;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.clearFlex-LineFrame2 {
    width: 100%;
    height: 100%;
    padding: 0;
}

.colorbar-State2 {
    background-color: #95EFC9;
}

.leftLine-Form2 {
    border-left: solid 4px #12934F;
}

.groupFillP3 {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: center;
    width: 240px;
}

#P3-Subject {
    display: block;
    font: bold 18px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    color: #12934f;
}

.subject-p3 {
    display: none;
}

.right-block-Form2 .p3 input[type="text"],
.right-block-Form2 .p3 input[type="number"],
.right-block-Form2 .p3 input[type="email"],
.right-block-Form2 .p3 input[type="date"],
.right-block-Form2 .p3 input[type="password"],
.right-block-Form2 .p3 button[type="button"] {
    -webkit-appearance: none;
    background: rgba(255, 255, 255, 0.96);
    border: solid 0.3px #eee;
    border-radius: 0px;
    border-bottom: 2px solid #12934f;
    font: 600 18px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    color: #12934f;
    box-shadow: none;
    padding: 6px 10px;
    width: 240px;
    margin: 0 auto;
}

.right-block-Form2 .p3 input[type="text"]:hover,
.right-block-Form2 .p3 input[type="number"]:hover,
.right-block-Form2 .p3 input[type="email"]:hover,
.right-block-Form2 .p3 input[type="date"]:hover,
.right-block-Form2 .p3 input[type="password"]:hover,
.right-block-Form2 .p3 input[type="text"]:focus,
.right-block-Form2 .p3 input[type="number"]:focus,
.right-block-Form2 .p3 input[type="email"]:focus,
.right-block-Form2 .p3 input[type="date"]:focus,
.right-block-Form2 .p3 input[type="password"]:focus {
    -webkit-appearance: none;
    border: 0;
    border-bottom: 2px solid #12934f;
}

.right-block-Form2 input[type="file"] {
    -webkit-appearance: none;
    background: rgba(240, 240, 240, 0.96);
    border: 0;
    border-radius: 0px;
    font: 600 18px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    color: #12934f;
    box-shadow: none;
    padding: 6px 10px;
    max-width: 280px;
    width: auto;
    /*    margin-top: 5px;*/
}

right-block-Form2 input[type="file"]:hover,
.right-block-Form2 input[type="file"]:focus {
    -webkit-appearance: none;
    border: 0;
    border-bottom: 2px solid #12934f;
}

.p3 {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 20px;
    width: 240px;
}

.p3-row {
    display: flex;
    flex-flow: row wrap;
    margin: 15px auto;
    width: auto;
}

.p3-row2 {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
}

.form-ContentH-P3,
.form-Content-P3,
.form-ContentH-P3-File,
.form-ContentH-P3-Name,
.form-ContentH-P3-exp {
    font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    text-align: left;
}

.form-ContentH-P3,
.form-ContentH-P3-File,
.form-ContentH-P3-Name,
.form-ContentH-P3-exp {
    font-size: 18px;
    padding: 6px 10px;
    /*    border: 2px solid #12934f;*/
}

.form-ContentH-P3 {
    width: auto;
}

.form-ContentH-P3-File {
    width: 250px;
}

.form-ContentH-P3-Name {
    width: 350px;
    text-align: left;
}

.form-ContentH-P3-exp {
    width: 280px;
}

.flex-row {
    font-size: 20px;
    width: 300px !important;
    padding: 6px 10px;
    /*    border: 2px solid #12934f;*/
}

.form-Content-P3 {
    display: inline;
    font-size: 18px;
    font-weight: 600;
    width: auto;
    min-width: 200px;
    color: #12934f;
    /*    border: 2px solid #12934f;*/
    border-bottom: 2px solid #12934f;
    padding: 6px 10px;
    margin: 0px;
}

.p3-row .form-Content-P3 {
    min-width: 20px;
    width: auto;
}

.form-Content-P3-file {
    display: inline;
    font-size: 18px;
    font-weight: 600;
    width: auto;
    min-width: 250px;
    color: #12934f;
    padding: 0 10px;
    margin: 0;
}

.bbP3 {
    display: flex;
    flex-flow: row wrap;
    align-items: baseline;
    /* margin-bottom: 10px;*/
}

.investFill {
    font-weight: 600;
    color: #12934f;
    border-bottom: solid 2px #12934f;
    width: 100px;
}

.bbP3 .form-Content-P3 {
    min-width: 20px;
    width: 150px;
    text-align: center;
}

.amoutInvest-P3 {
    font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    width: 100%;
    text-align: left;
}

.amoutInvest1-P3 {
    display: inline-block;
    font-size: 18px !important;
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
}

i.fa-check {
    color: #12934f;
}

.width-fix2 {
    width: 198px;
}

.P3-4Flex {
    display: flex;
    flex-flow: row wrap;
    align-items: baseline;
    width: auto;
}

.a1.P3-4Flex {
    margin: 0px 0px 10px;
}

.a2.P3-4Flex {
    margin: 10px 0px 0px;
}

.Newline {
    display: block;
    width: 100%;
    text-align: left;
}


/*====================3.หลักฐานโอนเงิน=======================*/

.right-block-Form3 {
    width: 70%;
    padding: 40px 40px 35px;
}

.colorbar-State3 {
    background-color: #EAADB8;
}

.leftLine-Form3 {
    border-left: solid 4px #DB072B;
}

#P4-Subject {
    display: block;
    font: bold 18px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    color: #DB072B;
}

.subject-p4 {
    display: none;
}

.right-block-Form3 .p4 input[type="file"] {
    -webkit-appearance: none;
    background: rgba(240, 240, 240, 0.96);
    border: 0;
    border-radius: 0px;
    font: 600 18px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    color: #DB072B;
    box-shadow: none;
    padding: 10px 10px;
    width: 600px;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.right-block-Form3 .p4 input[type="file"]:hover,
.right-block-Form3 .p4 input[type="file"]:focus {
    -webkit-appearance: none;
    border: 0;
}

.groupFillp4 {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    width: 100%;
    text-align: center;
}

.AccOp-Trans {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 30px 0 30px;
    width: 800px;
}

.btn-group-lg2 > .btn,
.btn-lg {
    font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    padding: 10px 19px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}


/*====================4.ThankYou P5=======================*/

.colorbar-State4 {
    background-color: #FFC261;
}

.thank {
    margin: 20px 0 40px;
}

.accOp-welcome .itemL1 {
    line-height: 2;
}

.thankword {
    font-size: 30px;
    font-weight: bold;
}


/*=======================testflex============================*/

.testflex {
    height: 100px;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
}

.M1 {
    width: 20px;
    background-color: #ede;
}

.M2 {
    width: 20px;
    background-color: #ff1;
}

.M3 {
    width: 20px;
    background-color: #d88;
}


/* ------------------------------
------ Economic Data CSS --------
---------------------------------*/

.Page-AllBlock {
    font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
}

.containEco {
    width: 100%;
    margin: 60px auto 30px;
    min-width: 400px;
}

.headEco {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

span.Icon-headEco {
    display: inline-block;
    width: 120px;
    height: auto;
}

img.imgHead {
    width: 100%;
}

.Eco-Head {
    color: #1b75bc;
    padding-left: 15px;
    font-size: 45px;
    font-weight: bold;
    line-height: 50px;
    text-align: left;
}

.head-date-EcoPage {
    display: block;
    width: 100%;
    background-color: rgba(29, 125, 193, 1);
    margin: 20px 0 0;
}

.sub-date-EcoPage {
    width: 80%;
    margin: 0 auto;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-weight: 500;
    padding: 9px 0 3px;
    letter-spacing: 0.5px;
    text-align: left;
}

span.sub-Head-text {
    margin: auto 0;
    color: #3a3a3a;
    font-size: 40px;
    font-weight: 600;
}

.Head-Main {
    width: 100%;
    height: 100px;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    text-align: center;
}

.HeadPic1 {
    background-image: url("../resources/images/new/Sub-Cover1.jpg");
}

.HeadPic2 {
    background-image: url("../resources/images/new/Sub-Cover2.jpg");
}

.EcoTable {
    width: 100%;
}

.BRthlast {
    display: inherit;
}

.EcoTable th {
    color: #4e4e4e;
    text-align: center;
    padding: 6px 5px;
    background: #f1f2f2;
    background: -webkit-linear-gradient(#f1f2f2, #d2d4d5);
    background: -o-linear-gradient(#f1f2f2, #d2d4d5);
    background: -moz-linear-gradient(#f1f2f2, #d2d4d5);
    background: linear-gradient(#f1f2f2, #d2d4d5);
}

.timeH {
    width: 100px;
}

.EcoTable th {
    font-size: 20px;
    line-height: 16px;
}

.EcoTable .thlast {
    font-size: 16px !important;
    line-height: 16px !important;
}

th.timeH,
th.country-EcoH,
th.forcast,
th.oldNum,
th.StarImportant {
    font-size: 16px;
    line-height: 18px;
}

.paddingcell {
    width: 10vw;
}

.plus,
.minus {
    font-size: 30px;
    line-height: 40px;
}

.zero {
    line-height: 40px;
}

.plus {
    color: #00a14b;
}

.minus {
    color: #ed1c24;
}

tr.tr-content {
    border-bottom: solid 0.3px #e6e7e8;
}

.tr-content:hover {
    background-color: #fff8db;
}

th.country-EcoH {
    padding-left: 5px;
    text-align: left;
}

td {
    font-size: 26px;
    font-weight: bold;
    color: #58595b;
    padding: 5px 0;
}

td.factorTD {
    padding-left: 5px;
    /*    color: #aaaaaa;*/
    max-width: 30vw;
    line-height: 30px;
    text-align: left;
    font-size: 20px;
    font-weight: 600;
}

.spdr {
    width: 100%;
    border: solid 1px #d1d3d4;
    margin-top: 10px;
    background: #f1f2f2;
    background: -webkit-linear-gradient(#f1f2f2, #d2d4d5);
    background: -o-linear-gradient(#f1f2f2, #d2d4d5);
    background: -moz-linear-gradient(#f1f2f2, #d2d4d5);
    background: linear-gradient(#f1f2f2, #d2d4d5);
}

.img-spdr {
    width: 160px;
}

td.spdr-td-img {
    width: 9%;
}

.spdr-hd {
    color: #6d6e70;
    font-size: 17px;
    font-weight: 200;
    margin-top: 3px;
}

.spdr-ct {
    font-size: 46px;
    font-weight: 500;
    height: 60px;
}

.spdr td:nth-of-type(3),
.spdr td:nth-of-type(4) {
    border-left: solid 0.3px #d1d3d4;
    border-right: solid 0.3px #d1d3d4;
}

.spdr td:nth-of-type(2),
.spdr td:nth-of-type(3),
.spdr td:nth-of-type(4),
.spdr td:nth-of-type(5) {
    width: 20%;
}

.graphRT-sub {
    margin: 0 auto;
    padding: 30px 0;
    width: 50%;
}

.graphRT-sub img {
    width: 100%;
}

.graphRT {
    width: 100%;
    background-color: #f1f2f2;
}

.BR-Ana-T {
    display: none;
}

.H80 {
    height: 80px;
    width: 1600px;
}

.Page-AllBlock {
    display: block;
    position: absolute;
    top: 80px;
    left: 0px;
    right: 0px;
    z-index: 5;
    min-width: 260px;
    max-width: 1600px;
    padding: 0 0 60px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 1);
    text-align: center;
}

.Cposition {
    position: inherit;
}

.itemL1,
.Condi-head,
.toppicMethod,
.AccOp-CusType .cb1,
.AccOp-CusType .cb2 {
    /*        color: #707070;*/
    color: #4a4a4a;
}

.page-BGhead {
    height: 180px;
    background-position: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
}

h1.page-headEco {
    display: inline;
    font-weight: 500;
    font-size: 80px;
    margin: auto 0;
    text-align: center;
    letter-spacing: -5px;
    color: #fff;
}

.head-area {
    width: 100%;
    height: auto;
    /*    border: solid #838388 1px;*/
    display: flex;
    margin-top: 60px;
    margin-bottom: 50px;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.head-Subject {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

.shareSet-c {
    margin: 40px auto;
    color: #39b54a;
    font-size: 20px;
}

.SetBTN-Ana {
    border: solid 1px #aaa;
    border-radius: 10px;
    margin: 0 auto;
    padding: 23px;
    width: 700px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.Ana-T_DV {
    width: 270px;
    text-align: right;
    margin-right: 20px;
}

span.Ana-T {
    color: #6d6e71;
    font-size: 22px;
    font-weight: lighter;
}

.Ana-ABTN {
    background: #348CE2;
    background: -moz-linear-gradient(top, #348CE2 0%, #0A5FB5 100%);
    background: -webkit-linear-gradient(top, #348CE2 0%, #0A5FB5 100%);
    background: linear-gradient(to bottom, #348CE2 0%, #0A5FB5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#348CE2', endColorstr='#0A5FB5', GradientType=0);
    box-shadow: 5px 5px 8px #dadada;
    border: none;
    border-radius: 10px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    vertical-align: baseline;
}

@media screen and (-moz-images-in-menus:0) {
    .Ana-ABTN {
        background: #348CE2;
        background: -moz-linear-gradient(top, #348CE2 0%, #0A5FB5 100%);
        background: -webkit-linear-gradient(top, #348CE2 0%, #0A5FB5 100%);
        background: linear-gradient(to bottom, #348CE2 0%, #0A5FB5 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#348CE2', endColorstr='#0A5FB5', GradientType=0);
        box-shadow: 5px 5px 8px #dadada;
        border: none;
        border-radius: 10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        flex-flow: row nowrap !important;
        justify-content: center !important;
        align-items: center !important;
    }
}

@media all and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) {
    .Ana-ABTN {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        flex-flow: row nowrap !important;
        justify-content: center !important;
        align-items: center !important;
    }
}

@supports (-webkit-appearance:none) {
    .Ana-ABTN {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
        vertical-align: baseline;
    }
    span.AnaBTN-T {
        line-height: 30px;
        height: 30px;
        color: #fff;
        font-size: 21px;
        padding-right: 15px;
        white-space: nowrap;
        font-weight: 100;
    }
}

.AnaBTN {
    width: 40px;
    margin: 10px
}

span.AnaBTN-T {
    line-height: 30px;
    height: 30px;
    color: #fff;
    font-size: 21px;
    padding-right: 15px;
    white-space: nowrap;
    font-weight: 100;
}

.sharePic-c {
    width: 30px;
    margin-left: 2px;
}

.spaceHeight {
    height: 80px;
    width: 100%:
}


/* ------------------------------
------ News / Analysis / PR CSS -
---------------------------------*/

.Page-AllBlock {
    font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
}

.H80 {
    height: 80px;
    width: 1600px;
}

.Page-AllBlock {
    display: block;
    position: absolute;
    top: 80px;
    left: 0px;
    right: 0px;
    z-index: 5;
    min-width: 260px;
    max-width: 1600px;
    padding: 0 0 60px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 1);
    text-align: center;
}

.Cposition {
    position: inherit;
}

.itemL1,
.Condi-head,
.toppicMethod,
.AccOp-CusType .cb1,
.AccOp-CusType .cb2 {
    /*        color: #707070;*/
    color: #4a4a4a;
}

.page-BGhead {
    height: 180px;
    background-position: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
}

h1.page-head {
    display: inline;
    font-weight: 500;
    font-size: 80px;
    margin: auto 0;
    text-align: center;
    letter-spacing: -5px;
    color: #fff;
}

.News-BGhead {
    background-image: url("../resources/images/cover-News.jpg");
}

.Ana-BGhead {
    background-image: url("../resources/images/cover-Analysis.jpg");
}

.PRr-BGhead {
    background-image: url("../resources/images/cover-PR.jpg");
}

.Pic-News {
    background-image: url("../resources/images/new/news.png");
}

.Pic-Ana {
    background-image: url("../resources/images/new/analysis.png");
}

.Pic-PR {
    background-image: url("../resources/images/new/publish.png");
}

.Pic-Act {
    background-image: url("../resources/images/new/activity.png");
}

.PicICON-News {
    background-image: url('../resources/images/Small-icon-News.png')
}

.PicICON-ANA {
    background-image: url('../resources/images/Small-icon-Analys.png')
}

.PicICON-PR {
    background-image: url('../resources/images/Small-icon-PR.png')
}

.picDay2,
.picDay3,
.picDay4,
.picDay5,
.picDay6,
.PicPR-day2,
.PicPR-day3,
.PicPR-day4,
.PicPR-day5,
.PicPR-day6,
.PicAnalysis {
    background-position: center;
    background-size: cover;
}

.picDay2 {
    background-image: url('../resources/images/68.jpg')
}

.picDay3 {
    background-image: url('../resources/images/ISMFactory2.jpg')
}

.picDay4 {
    background-image: url('../resources/images/GreezNews.png')
}

.picDay5 {
    background-image: url('../resources/images/Bond-US.jpg')
}

.picDay6 {
    background-image: url('../resources/images/chineseStock.jpg')
}

.PicPR-day2 {
    background-image: url('../resources/images/PR-Pic2.jpg')
}

.PicPR-day3 {
    background-image: url('../resources/images/PR-Pic3.png')
}

.PicPR-day4 {
    background-image: url('../resources/images/PR-Pic4.png')
}

.PicPR-day5 {
    background-image: url('../resources/images/PR-Pic5.jpg')
}

.PicPR-day6 {
    background-image: url('../resources/images/PR-Pic6.jpg')
}

.PicAnalysis {
    background-image: url('../resources/images/Analysys_Pic.png')
}

.PicICON-News,
.PicICON-ANA,
.PicICON-PR {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: cover;
}

.LayFixed {
    position: fixed;
    right: 0;
    top: 80px;
    bottom: 0;
    width: 400px;
}

.all-pageContainer {
    padding: 0px;
    display: block;
}

.containLR {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
    /*    padding: 0px 60px;*/
}

.head-area {
    width: 100%;
    height: auto;
    /*    border: solid #838388 1px;*/
    display: flex;
    margin-top: 60px;
    margin-bottom: 50px;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.head-Subject {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

.Head-icon-HEAD-Pack {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: baseline;
}

.head-NEWS {
    display: inline;
    line-height: 1.2;
    text-align: left;
    /*    padding-left: 30px;*/
}

.HeadP13,
.Sub-HeadP13 {
    color: #045BB3;
}

.HeadP13 {
    padding-left: 0px;
    font-size: 45px;
    font-weight: bold;
}

/*.HeadP13:after {*/
/*    content: " : ";*/
/*}*/

.Sub-HeadP13 {
    font-size: 30px;
    font-weight: 500;
}

.head-date-Page {
    display: inline-block;
    font-size: 14px;
    background-color: #045BB3;
    color: #fff;
    font-weight: 500;
    padding: 9px 14px 3px;
    width:100%;
    letter-spacing: 0.5px;
    margin: 20px 0 0;
}

.dateP:after,
.monthP:after {
    content: " / ";
}

.dateP:before,
    {
    content: " | ";
}

.all-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    /*border: 1px solid rgba(0,0,0,.125);*/
    border-radius: .25rem;
    width: 100%;
}

.picNews-Set {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.imgNews-Main {
    width: 100%;
    max-width: 720px;
    max-height: 440px;
    margin: 0 auto;
    border-bottom: 5px solid #348CE2;
}

.imgAnaGraph {
    width: 100%;
    /*height: auto!important;*/
    height:440px;
    margin: 0 auto;
}

.ContentNews-Set,
.shareSet {
    font-size: 15px;
}

.ContentNews-Set {
    color: #6a6a6a;
}

.contentCredit {
    color: #1a1a1a;
}

.ContentNews-Set {
    margin: 20px 92px !important;
    line-height: 1.8;
    text-align: left;
    /*margin: 20px;*/
}

.contentCredit,
.shareSet,
.tagContent1 {
    text-align: right;
    margin-bottom: 10px;
}

.contentCredit {
    font-size: 16px;
    line-height: 1.5;
}

.shareSet {
    color: #39b54a;
    padding-bottom: 5px;
    border-bottom: solid 1px #eee;
}

.sharePic {
    width: 30px;
    margin-left: 5px;
}

.tagContent1,
.Tag-Content a:link {
    padding-top: 0px;
    color: #6a6a6a;
}

.tagBold {
    font-weight: bold;
}

.tagBold:after {
    content: " : "
}

.Tag-Content:after {
    content: ", ";
}

.Tag-Content:last-of-type:after {
    content: none;
}

.dontShow {
    display: inherit;
}

.brRes br {
    display: inherit;
}

.disableclass {
    display: none !important;
}

br.hideBR {
    display: none !important;
}

.Br480 {
    display: none !important;
}

br.brVisHdR {
    display: none !important;
}


/*=============Left-block===========*/

.left-block-page {
    min-height: 100%;
    width: 70%;
    /*width: 100%;*/
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    /*    border: solid #f0f 1px;*/
    background-color: #fff;
}

.left-block-page-sub {
    margin: 0 80px;
    /*    border: solid #f0f 1px;*/
}

.head-icon {
    display: inline-block;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    /*    border: solid #f0f 1px;*/
    flex-basis: 1;
    margin-bottom: 15px;
}


/*=============Right-block===========*/

.right-block-page {
    height: 100%;
    width: 400px;
    padding-Left: 0;
    margin: 0;
    border-left: 1px solid #939598;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
}

.right-block-Avtar {
    display: none;
    width: 400px;
    bottom: 0;
    min-height: 100vh;
    margin-bottom: 1px;
}

.right-block-page-sub {
    width: 95%;
    height: 90%;
    margin: 0;
}

.right-block-page-sub .head-area {
    height: 280px;
}

.Old-Content {
    width: 100%;
    height: 95%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
}

.Old-Content form {
    width: 100%;
}

.OldB-pic {
    width: 100%;
    height: 100%!important;
}

.Head-Block-Old {
    width: 90%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    color: #ffffff;
    font-size: 24px;
    margin: 0 auto;
    padding-top: 10px;
    /*   ;*/
}

.Content-Block-Old {
    margin: 10px auto 80px;
    height: 70vh;
    /*height: 100%;*/
    max-height: 930px !important;
    width: 95%;
    overflow: auto!important;
    /*border-bottom: solid rgba(218, 218, 218, 1) 1.8px;*/
    border-top: solid rgba(218, 218, 218, 1) 2px;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

.Content-Block-Old::-webkit-scrollbar {
    display: none;
}

.Date-ContBlock-Old {
    /*    background-color: #1b75bc;*/
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    padding: 0px 0px 5px 10px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-end;
}

.SM-ic-News,
.SM-ic-Ana,
.SM-ic-PR {
    width: 20px;
}

.Con-ContBlock-Old {
    width: auto;
    height: 60px;
    padding: 0px 5px 0 10px;
    text-align: left;
    font-weight: 600;
}

.ConBlock-Old-Head {
    font-size: 18px;
    line-height: 1.4;
}

.Con-ContBlock-Old p {
    color: white;
    word-break: normal;
    word-wrap: break-word;
    margin: 0;
    text-overflow: ellipsis;
}

.ConBlock-Old-Head:after {
    content: none;
}

.Set-ContBlock-Old .G-HEAD-con:hover {
    text-decoration: underline;
    text-decoration-color: #fff;
}

a.alignP-C {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    overflow: hidden;
    */
}

.showOnly {
    display: inline;
    line-height: 9px;
}

.Button-Block-Old-2 {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    background-color: #e6e7e8;
    padding: none;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
}

.block-center-action-2 input[type="submit"] {
    margin: 0 !important;
    padding: 0 !important;
}

.block-center-action-2 {
    text-align: center;
    padding-bottom: 5px;
}

.Pic-ContBlock-Old {
    width: 45%;
    height: 88px;
}

.Set-ContBlock-Old {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0;
    padding: 16px 13px;
    border-bottom: solid rgba(218, 218, 218, 0.4) 1.5px;
}

.Set-ContBlock-Old a {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}

.Set-ContBlock-Old:last-child {
    border-bottom: none;
}

.Set-ContBlock-Old:first-child {
    border-top: none;
}

.Set-ContBlock-Old a {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}

.date-CBo:after,
.mounth-CBo:after {
    content: " / ";
}

.imgNews-Old {
    width: 100%;
}

.G-HEAD-con {
    width: 55%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 6px;
}

.CallMore {
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    vertical-align: bottom;
    cursor: pointer;
}

a.CallMore {
    color: #ffffff !important;
    -webkit-transition: background .5s ease;
    transition: background .5s ease;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-content: center;
    align-items: flex-end;
}

a.CallMore :hover,
a.CallMore :focus {
    text-decoration: none !important;
    color: #dddddd !important;
}

a.CallMore :active {
    color: #ffffff;
}

.Strategy-Set {
    width: 720px;
    margin: 0 auto;
}

.StrategyTB {
    background-color: #348CE2;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: solid 8px #348CE2;
}

.strategy-H {
    height: 40px;
    padding: 10px 10px 2px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

.Advice-H,
.Advice-C {
    padding: 5px;
}

.Advice-H {
    font-weight: bold;
    font-size: 30px;
    white-space: 0.1px;
    color: #ffc81a;
}

.Advice-C {
    font-weight: 800;
    font-size: 20px;
    color: #fff;
}

.strategy-price {
    padding: 10px 0;
}

.PriceAnnouce {
    flex-grow: 1;
    width: auto;
    height: 100px;
    padding: 0 0px;
    border-right: solid 2px #6d6e71;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.PriceAnnouce:last-child {
    border-right: none;
}

.PriceAno {
    font-size: 26px;
    font-weight: 800;
    color: #004256;
}

.H-PriceAno {
    color: #6d6e71;
    font-weight: 100;
}

.strategy-price {
    background-color: #f1f2f2;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
}

.strategy-graph {
    margin-top: 10px;
    height: 440px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.ui-widget-content {
    border: 1px solid rgba(255,255,255,0);
    background: rgba(255,255,255,0) !important;
    color: #4a4a4a;
}

.ui-widget {
    font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif !important;
}

/*label {*/
/*    display: inline;*/
/*    max-width: 100%;*/
/*    margin-bottom: 5px;*/
/*    font-weight: 400;*/
/*}*/



.ui-tabs .ui-tabs-nav li {
    border: none !important;
    background: rgba(255,255,255,0);
}

.ui-tabs .ui-tabs-nav {
    background: rgba(255,255,255,0) ;
    /*background:#FFFFFF;*/
    border: none;
    border-bottom: 1px solid #ddd;
}

.ui-datepicker {
    width: 18em;
    padding: 0.2em 0.5em 0.2em 0.2em!important;
    display: none;
    background: #fff !important;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 44% !important;
}
.ui-datepicker select.ui-datepicker-month{
    margin-right: 15px !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    font-size: 18px;
}

.ui-button-text-only .ui-button-text {
    padding: initial !important;
}

.btn-group-lg2 > .btn,
.btn-lg {
    font-family: 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif;
    padding: 15px 21px;
    font-size: 15px;
    line-height: 1.3333333;
    border-radius: 6px
}

/*Port Tab Detail*/
/*.ui-tabs-selected.ui-state-active.ui-corner-top.tab-result-trade-sell {*/
/*    border: none;*/
/*    background: #a20404;*/
/*}*/

/*.ui-tabs-selected.ui-state-active.ui-corner-top.tab-result-trade-buy {*/
/*    border: none;*/
/*    background: #009444;*/
/*}*/

/*.ui-state-default.ui-corner-top.tab-result-trade-sell.ui-state-hover.tab-sell {*/
/*    background: #a20404;*/
/*}*/

/*.ui-state-default.ui-corner-top.tab-result-trade-buy.ui-state-hover.tab-buy {*/
/*    background: #009444;*/
/*}*/

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    border: none;
}

.ui-tabs .ui-tabs-panel {
    padding: 0 !important;
}

/*********************Clock****************************/
.ui-clock {
    border: none !important;
    padding: 4px 10px;
    color: white !important;
    background: border-box !important;
    font: 100 12px 'Sukhumvit Set', 'Prompt', Tahoma, sans-serif !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    box-shadow: none !important;
}

/*Contact*/
.ui-state-default.ui-corner-top.tab-pane.tab-contact.ui-tabs-selected.ui-state-active.ui-state-hover{
    background: #348CE2;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #9b9b9b;
    text-shadow: none !important;
}

/*.ui-state-hover a, .ui-state-hover a:hover {*/
/*    color: #045bb3;*/
/*    text-decoration: none;*/
/*}*/

.ui-state-default.ui-corner-top.tab-pane.ui-state-hover.tab-contact{
    background-color: #eee;
    border: none;
}

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
    border: none !important;
}

/*History Price*/
.ui-state-default.ui-tabs-selected.ui-state-active.ui-corner-top.tab-his-price-active {
    background-color: #fff;
    border: 1px solid #ddd !important;
    border-bottom: none !important;
    top: 2px;
}

.ui-state-default.ui-corner-top.ui-state-hover.tab-his-price-hover {
    background-color: #eee;
}

/*Port Product Number*/
/*.ui-state-default.ui-corner-top.ui-state-hover.tab-port {*/
/*    background-color: #eee;*/
/*}*/

/*.ui-state-default.ui-corner-top.tab-port.ui-tabs-selected.ui-state-active.ui-state-hover.tab-port-hover-active {*/
/*    background-color: #348CE2;*/
/*}*/

/*History Select Style*/
/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {*/
/*    background: #348CE2 !important;*/
/*    color: #FFFFFF;*/
/*    font-weight: 400;*/
/*}*/

/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {*/
/*    background: #FFFFFF;*/
/*    font-weight: 400;*/
/*}*/

/*.ui-state-hover,*/
/*.ui-widget-content .ui-state-hover,*/
/*.ui-widget-header .ui-state-hover,*/
/*.ui-state-focus,*/
/*.ui-widget-content .ui-state-focus,*/
/*.ui-widget-header .ui-state-focus {*/
/*    background: #e6e6e6;*/
/*    font-weight: 400;*/
/*}*/

/*Trade Select*/
.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
    background-color: #fff;
}

