/*WCO CSS*/

/* Version CSS */
.wcoCalculadoras {
    width:100%;
    max-width:350px;
    display:inline-block;
    vertical-align:top;
}
.versionOuter {
    width: 100%;
    max-width: 250px;
    float: right;
    vertical-align: middle;
    margin-top:0;
}
.versionOuter .versionText {
    float: left;
    vertical-align: middle;
    display: inline-block;
}
.versionOuter .versionImage {
    width: 100%;
    max-width: 120px;
    float: right;
    vertical-align: middle;
    display: inline-block;
}
/* End Version CSS */

/*Tab Section*/
.mytabs {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-top:18px;
    padding-left: 8px;
    max-width: 642px;
}
/*.mytabs input[type="radio"] {
    display: none;
}*/
#tabsilver label {
    margin-left:5px;
}

.radio-lable-active {
    background-color: #d96355 !important;
    border: solid 1px #d96355 ;
    color: #fff !important;
    
}
.mytabs label {
    padding: 15px 25px;
    background: rgba(190,191,193,1);
    background: -moz-linear-gradient(top, rgba(190,191,193,1) 0%, rgba(190,191,193,1) 29%, rgba(246,246,246,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(190,191,193,1)), color-stop(29%, rgba(190,191,193,1)), color-stop(100%, rgba(246,246,246,1)));
    background: -webkit-linear-gradient(top, rgba(190,191,193,1) 0%, rgba(190,191,193,1) 29%, rgba(246,246,246,1) 100%);
    background: -o-linear-gradient(top, rgba(190,191,193,1) 0%, rgba(190,191,193,1) 29%, rgba(246,246,246,1) 100%);
    background: -ms-linear-gradient(top, rgba(190,191,193,1) 0%, rgba(190,191,193,1) 29%, rgba(246,246,246,1) 100%);
    background: linear-gradient(to bottom, rgba(190,191,193,1) 0%, rgba(190,191,193,1) 29%, rgba(246,246,246,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebfc1', endColorstr='#f6f6f6', GradientType=0 );
    font-weight: bold;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    color:#818286;
    width: 100%;
    max-width: 120px;
    text-align: center;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mytabs .tab {
    width: 100%;
    background: #fff;
    order: 1;
    display: none;
}
.mytabs .tab h2 {
    font-size: 3em;
}
.mytabs input[type='radio']:checked + label + .tab {
    display: block;
}
.mytabs input[type="radio"]:checked + label {
    background: rgba(197,68,53,1);
    background: -moz-linear-gradient(top, rgba(197,68,53,1) 0%, rgba(197,68,53,1) 29%, rgba(217,98,85,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(197,68,53,1)), color-stop(29%, rgba(197,68,53,1)), color-stop(100%, rgba(217,98,85,1)));
    background: -webkit-linear-gradient(top, rgba(197,68,53,1) 0%, rgba(197,68,53,1) 29%, rgba(217,98,85,1) 100%);
    background: -o-linear-gradient(top, rgba(197,68,53,1) 0%, rgba(197,68,53,1) 29%, rgba(217,98,85,1) 100%);
    background: -ms-linear-gradient(top, rgba(197,68,53,1) 0%, rgba(197,68,53,1) 29%, rgba(217,98,85,1) 100%);
    background: linear-gradient(to bottom, rgba(197,68,53,1) 0%, rgba(197,68,53,1) 29%, rgba(217,98,85,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c54435', endColorstr='#d96255', GradientType=0 );
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    color:#fff;
    font-size: 16px;
    height: 48px;
}
/*End Tab Section*/

.mainOuterCalculator {
    padding:0px 0 50px;
    clear: both;
}
.mainOuterCalculator h3 {
    color:#000 !important;
    font-size:22px !important;
    font-weight:700 !important;
    float:none !important;
}
.leftSideAmPm, .rightSideCalculator {
    width:100%;
    display:inline-block;
    vertical-align:top;
}
.leftSideAmPm ul {
    padding:20px 10px 20px 20px;
    background:#d96355;
    margin:0;
}
.leftSideAmPm ul li, .rightSideCalculator ul li {
    list-style:none;
    display:inline-block;
    color:#fff !important;
    font-size:16px !important;
    font-weight:700 !important;
    text-transform:uppercase;
}
.leftSideAmPm ul li:nth-child(1), .leftSideAmPm ul li:nth-child(2),
.rightSideCalculator ul li:nth-child(1), .rightSideCalculator ul li:nth-child(2) {
    width:100%;
    max-width:40%;
}
.leftSideAmPm ul li:nth-child(3), .rightSideCalculator ul li:nth-child(3) {
    width:100%;
    max-width:18%;
}
.wco_calculator-col {
    padding: 18px 0 !important;
    border-bottom: solid 1px #d2d2d2;
}
.row.wcodot {
    line-height:32px;
}
.row {
    display: inline-block;
    text-align: center;
    height: 32px;
    line-height: 30px;
    vertical-align: top;
    width: 100%;
}
.wcoRow1 {
    max-width: 3%;
    color:#a09f9f;
    font-size:14px !important;
}

.leftSideAmPm .row  , .leftSideAmPm .wcoRow1  {
    width: unset !important;
    max-width: unset !important;
}

.wcoRow2, .wcoRow3 {
    max-width: 4.2%;
    border:solid 1px #d2d2d2;
    border-radius:4px;
}
.wcoRow2 input, .wcoRow3 input {
    text-align: center;
    width: 100%;
    max-width: 32px;
    margin: 0 !important;
    padding: 0;
    font-size: 14px;
    height: 30px;
    border: none;
    /* max-width: 6% !important; */
    border-radius: 4px;
    display: block;
}
.wcodot {
    max-width:1%;
    font-size:14px !important;
    font-weight:700 !important;
}
.wcoRow4 {
    max-width:26% !important;
    text-align:left !important;
}
.radio-lable {
    color: #D96355;
    background: #fff;
    border: solid 1px #d96355;
}
.pmOrange .pM {
    max-width: 32px;
    /* background: #d96355; */
    /* color: #fff; */
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 32px;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    /* border:solid 1px #d96355; */
    text-align:center !important;
    line-height:32px !important;
}
.pmOrange .aM {
    text-align:center !important;
    /* background: #fff; */
    max-width: 32px;
    /* color: #D96355; */
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 32px;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    /* border:solid 1px #d96355; */
    line-height:32px !important;
}
.aM {
    max-width: 32px;
    /* background: #d96355; */
    /* color: #fff; */
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 32px;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    /* border:solid 1px #d96355; */
    text-align:center !important;
    line-height:32px !important;
}
.pM {
    text-align:center !important;
    /* background: #fff; */
    max-width: 32px;
    /* color: #D96355; */
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 32px;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    /* border:solid 1px #d96355; */
    line-height:32px !important;
}
.wcoRow5 {
    max-width: 10%;
    line-height: 17px;
    text-align: center;
    border-left: dashed 1.5px #a09f9f;
}
.totalWco {
    font-weight:700 !important;
}
.totalWco small {
    color:#a09f9f !important;
}
.bottomBarOrangeBG {
    margin-top:20px;
}
.bottomBarOrangeBG ul {
    padding:20px 80px 20px 20px;
    background:#d96355;
}
.bottomBarOrangeBG ul li {
    font-weight:400 !important;
    font-size:16px !important;
}
.bottomBarOrangeBG ul li:first-child {
    width:100% !important;
    max-width:75% !important;
}
.bottomBarOrangeBG ul li:last-child {
    width:100% !important;
    max-width:20% !important;
}
.bottomDecimal {
    padding: 5px;
}
.bottomBarOrangeBG ul li .bottomTotal {
    font-weight:700 !important;
    font-size:19px !important;
    padding: 5px 9.5px;
    border-left: solid 1px #fff;
}
.leftSideButtonSection {
    padding:15px !important;
    background:#f5f6f6;
    position: relative;
}
.leftSideButton, .rightSideButton {
    display:inline-block;
    width:100%;
    max-width:30%;
    vertical-align:top
}
.grayBtn {
    background: #a09f9f;
    padding: 15px 0px;
    color: #fff;
    border-radius: 6px;
    width: 100%;
    max-width: 175px;
    font-size: 18px;
    border: solid 2px #a09f9f;
    display: block;
    margin-bottom: 10px;
    cursor:pointer;
}
.orangeBtn {
    background: #d96355;
    padding: 15px 0px;
    color: #fff;
    border-radius: 6px;
    width: 100%;
    max-width: 175px;
    font-size: 18px;
    border: solid 2px #d96355;
    display: block;
    margin-bottom: 10px;
    cursor:pointer;
}
.rightSideButton input {
    background: #fff;
    padding: 15px 0px;
    color: #000;
    border-radius: 6px;
    width: 100%;
    max-width: 171px;
    font-size: 18px;
    border: solid 2px #a09f9f;
    display: block;
    margin-bottom: 10px;
    cursor:pointer;
    text-align: center;
}

/*Right Side Calculator*/
.rightSideCalculator ul {
    padding:20px 80px 20px 20px;
    background:#d96355;
}
.rightwcoRow1 {
    max-width: 6%;
    color:#a09f9f;
    font-size:14px !important;
    margin-right:8px;
}
.rightrow2n3Outer {
    display:inline-block;
    vertical-align:top;
    width:100%;
    max-width:37%;
}
.rightwcoRow2, .rightwcoRow3 {
    max-width: 32px;
    border:solid 1px #d2d2d2;
    border-radius:4px;
}
.rightwcoRow2 input, .rightwcoRow3 input {
    text-align: center;
    width: 100%;
    max-width: 32px;
    margin: 0 !important;
    padding: 0;
    font-size: 14px;
    height: 30px;
    border: none;
    border-radius: 4px;
    display: block;
}
.rightwcoRow5 {
    max-width: 12%;
    line-height: 17px;
    text-align: center;
    border-left: dashed 1.5px #a09f9f;
    margin-left: 28px;
}
.rightSideCalculator .wcodot {
    max-width:3%;
}

/* 24-03-23 / dilip kamaliya start css*/
.mytabs input#tabfree, .mytabs input#tabsilver { position: absolute; opacity: 0; visibility: hidden; }
div#enter_time table { width: 100%; border-collapse: collapse;}
input.tabsilver_wcoListfield.inputradio.inputbox.tab-enter.PM2, input.tabsilver_wcoListfield.inputradio.inputbox.tab-enter.AM2, input.tabsilver_wcoListfield.inputradio.inputbox.tab-enter.PM1, input.tabsilver_wcoListfield.inputradio.inputbox.tab-enter.AM1 { position: absolute; opacity: 0;  }
/* tr.inputLine { padding: 18px 0 !important; border-bottom: solid 1px #d2d2d2; display: inline-table; width: 100%; } */
.wcoRow2, .wcoRow3 {max-width: 32px;}
.rightSideCalculator ul{margin:0;}
form#tabsilvercalc .wco_calculator-col { padding: 0 0 !important;}
#enter_time .col-md-5 .row span.inputbox.tabsilver_gray_inputbox.totalWco { line-height: 17px; text-align: center; border-left: dashed 1.5px #a09f9f;margin: auto;display: table;    width: 100px; }

div#enter_time td, div#enter_time th {
    border-bottom: solid 1px #d2d2d2;
    margin-bottom: 0.5rem;
    padding: 16px;
    display: table-cell;

}

/* 24-03-23 / dilip kamaliya end css*/

/* 27-03-23 / dilip kamaliya start css*/

.gray_inputbox1, .tabsilver_gray_inputbox1 {
    color: #a09f9f;
    font-size: 13px !important;

}
.tabsilver_gray_inputbox1{border-left: dashed 1.5px #a09f9f;
    line-height: 20px;}

.bottomBarOrangeBG ul li span input {
    color: #fff;
}

/* 27-03-23 / dilip kamaliya end css*/

.wco-outer-div { width: 100%; display: inline-block; position: absolute;left: 0;background: #fff; top: 0;margin: 0 !important;padding: 0 0 !important;}
.wco-email input[type="text"] { width: 40% !important; }
input#captcha { width: 40% !important; margin-left: 10px !important; }
.captcha { width: 16% !important; float: right; }
.wco-email input.wco-btn-email { background: linear-gradient(to bottom, #E56451 0%, #E56451 100%); color: #FFFFFF !important; font-family: 'Open Sans', sans-serif !important; font-size: 15px; line-height: 1; padding: 13px 30px; text-align: center; width: auto !important; font-weight: 400; margin: 8px auto 10px 0 !important; display: inline-block; vertical-align: unset !important; border-radius: 6px; text-transform: uppercase; cursor: pointer; border: none !important; min-width: 128px; text-align: center !important; height: auto !important; }
.wco-email { min-height: 160px;}
 /* .radio-lable:hover, .radio-lable-active {background-color: #D96355; color: #fff     !important;  border: solid 1px #d96355;} */

/*zankhana Css 28-03-2023 Start*/
.row.total-row {
    max-width: 80%;
    line-height: 17px;
    text-align: center;
    border-left: dashed 1.5px #a09f9f;
    margin-left: 0;
}

.row.total-row .tabsilver_gray_inputbox1 {
    border-left: none;
}
.rightwcoRow5 .inputborder:focus {
    outline: none;
    box-shadow: none;
}
/*.tabsilver_bottomTotal {
    font-weight: 700 !important;
    font-size: 19px !important;
    padding: 5px 9.5px;
    border-left: solid 1px #fff;
}*/

/*zankhana Css 28-03-2023 End*/

/*Responsive*/
@media (max-width:1200px) {
    .wcoRow2, .wcoRow3 {max-width: 32px;}
    .wcoRow4 {max-width: 25% !important;}
    .wcoRow5 {max-width: 12%;}
    .rightSideCalculator ul {padding:20px 10px 20px 20px; margin:0;}
}
@media (max-width:1020px) {
    .leftSideAmPm, .rightSideCalculator {max-width:100%;}
    .leftSideAmPm {margin-bottom:40px !important;}
    .rightrow2n3Outer {max-width:32%;}

    /* .bottomBarOrangeBG ul li , .rightSideCalculator ul li , .bottomBarOrangeBG ul li:last-child {
        max-width: unset!important; 
        width: unset !important;
    } */

    .bottomBarOrangeBG ul li ,.bottomBarOrangeBG ul li:last-child {
        max-width: unset!important; 
        width: unset !important;
    }
}

@media (max-width:767px) {

.leftSideButton, .rightSideButton {
    max-width: 24% !important;
    margin-left: 0 !important;
}
/* .bottomBarOrangeBG ul li:last-child {
    max-width: 30% !important;
}

.bottomBarOrangeBG ul li:first-child {
    max-width: 69% !important;
} */



}

@media (max-width:580px) {
    .bottomBarOrangeBG ul li:first-child {max-width:70% !important;}
    .bottomBarOrangeBG ul li:last-child {max-width:25% !important;}
    .leftSideButton, .rightSideButton {max-width:40%;}
    div#enter_time td, div#enter_time th {   padding: 20px 6px; width: auto; }
    .wcoRow2 input, .wcoRow3 input {  height: 20px;}
    .rightrow2n3Outer { max-width: 28%;}
    .wco-email input[type="text"] { width: 100% !important; }
    input#captcha { width: 100% !important; margin-left: 0 !important; }
    .captcha { width: 100% !important; }
    .leftSideButton, .rightSideButton {  max-width: 49% !important; margin-left: 0 !important;}
    .wco-email {  min-height: 290px;}

}
@media (max-width:490px) {
    .leftSideAmPm ul li:nth-child(1) {max-width: 42%;}
    .leftSideAmPm ul li:nth-child(2) {max-width: 38%;}
    .leftSideAmPm ul li:nth-child(3), .rightSideCalculator ul li:nth-child(3) {max-width: 14%;}
    .wcoRow1 {max-width: 20px;}
    .wcoRow2, .wcoRow3 {max-width: 27px; height: 27px; line-height: 27px;}
    .aM, .pM, .pmOrange .pM, .pmOrange .aM {max-width: 26px; height: 26px; line-height: 26px !important;}
    .rightwcoRow2, .rightwcoRow3 {max-width: 26px; height: 26px; line-height: 26px;}
    .rightwcoRow5 {max-width: 20%;}
    .wcoRow4 {max-width: 20% !important;}
    .wcodot {max-width: 4px;}
    .bottomBarOrangeBG ul li:first-child {max-width:65% !important;}
    .bottomBarOrangeBG ul li:last-child {max-width:33% !important;}
    .orangeBtn, .rightSideButton input, .grayBtn {font-size:16px;}
    .leftSideButton, .rightSideButton {max-width: 48%;}
    .row.wcodot {line-height:31px;}
    .rightwcoRow2 input, .rightwcoRow3 input {
        height: unset;
        padding-top: 3px;
    }
   
}

@media (max-width:400px) {
    .leftSideAmPm ul li:nth-child(1) {max-width: 44%;}
    .leftSideAmPm ul li, .rightSideCalculator ul li {font-size: 14px !important;}
    .wcoRow1 {max-width: 15px;}
    .wcoRow2, .wcoRow3 {max-width: 25px; height: 25px; line-height: 25px;}
    .aM, .pM, .pmOrange .pM, .pmOrange .aM {max-width: 25px; height: 25px; line-height: 25px;}
    .wcoRow2 input, .wcoRow3 input {font-size:13px;}
    .aM, .pM, .pmOrange .pM, .pmOrange .aM {font-size: 11.5px !important;}
    .wcoRow5 {max-width: 15%;}
    .wcoRow4 {max-width: 21% !important; margin-top: -3px;}
    .wcoRow4.pmOrange {max-width: 17% !important;}
    .totalWco {font-size: 13px !important; line-height: 15px;}
    .totalWco small {margin-top:-2px; display:block;}
    .bottomBarOrangeBG ul li .bottomTotal {font-size: 17px !important;}
    .row.wcodot {line-height:27px;}
}
@media (max-width:380px) {
    .wcoRow5 {max-width: 14%;}
    .wcoRow4 {max-width: 20% !important;}
}
@media (max-width:360px) {
    .wcoRow2, .wcoRow3, .aM, .pM, .pmOrange .pM, .pmOrange .aM {max-width: 22px; height: 22px; line-height: 22px;}
    .aM, .pM, .pmOrange .pM, .pmOrange .aM {line-height: 23px !important;}
    .wcoRow5 {max-width: 16%;}
    .aM, .pM, .pmOrange .pM, .pmOrange .aM {font-size: 11px !important; margin-right: -2px;}
    .wcoRow2 {margin-right:-3px;}
    .wcoRow3 {margin-left:-3px;}
    .wco_calculator-col {padding: 14px 0 !important;}
    .wcoRow4 {max-width: 22% !important; margin-top: -4px;}
    .row.wcodot {line-height:25px;}
}
@media (max-width:345px) {
    .wcoRow4 {max-width: 21% !important;}
    .wcoRow4.pmOrange {max-width: 16% !important;}
    .row.wcodot {line-height:24px;}
}
@media (max-width:328px) {
    .wcoRow4 {max-width: 20% !important;}
    .wcoRow5 {max-width: 15%;}
}
/*End WCO CSS*/
/*zankhana Css 29-03-2023 End*/
.leftSideAmPm .topBarOrangeBG ul {
    padding: 20px 10px 20px 50px;
    display: flex;
    align-items: center;
}
.rightwcoRow5 {
    max-width: 25%;
    margin-left: 0;
}
.rightrow2n3Outer {
    max-width: 32.2%;
}

.rightSideCalculator .topBarOrangeBG ul {
    padding: 20px 10px 20px 50px;
    display: flex;
    align-items: center;
}
/*zankhana Css 29-03-2023 End*/
/*zankhana Css 28-04-2023 Start*/
.rightSideCalculator .topBarOrangeBG ul {
    padding: 20px 10px 20px 50px;
    height: 58px;
}
.rightSideCalculator ul li:nth-child(1) {
    max-width: 36.5%;
}
.leftSideAmPm ul li:nth-child(1) {
    max-width: 37%;
}
.rightSideCalculator ul li:nth-child(2) {
    max-width: 45.6%;
}
.leftSideAmPm ul li:nth-child(2) {
    max-width: 42%;
}
.rightSideCalculator ul,
.bottomBarOrangeBG ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bottomBarOrangeBG ul li:last-child {
    display: flex;
    align-items: center;
}
.bottomBarOrangeBG ul li span:nth-child(1) input {
    font-weight: 400 !important;
    font-size: 14px !important;
    text-align: right;
    padding-right: 15px;
}
.bottomBarOrangeBG ul li span:nth-child(2) input {
    text-align: left;
    padding-left: 20px;
}
/*zankhana Css 28-04-2023 End*/

#tabsilvercalc .wcoRow3 {
    margin-right: 2px;
}
#tabsilvercalc .wcodot {
    margin: 0 1px;
}
#tabsilvercalc .leftSideAmPm .topBarOrangeBG ul {
    height: 58px;
}