.labourcalculatorPage .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 2px solid #0055a8;
    background-color: #fff;
    border-radius: 4px ;
    color: #0055a8;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}
.labourcalculatorPage .nav-tabs>li.active>a{background-color:#0055a8; color: #fff; }
.labourcalculatorPage{ margin: 60px 0; font-family: arial;}

.labourcalculatorPage .nav-tabs{border: 0;}

.hireInOutContent{ background-color: #003480; padding: 20px 30px; margin: 30px 0 0; }
.hireInOutContent h1 {
    margin: 0;
    text-align: center;
    color: #fec230;
    font-weight: 600;
    font-size: 42px;
    font-family: arial;
}
.hireInOutContent h2 {
    margin: 0 0 15px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 36px;
    font-family: arial;
}

.hireInOutContent .tabColDv .tabColTop{height: 125px; padding: 18px 10px; margin: 0 0 8px;}
.hireInOutContent .tabColDv .tabColTop.tabColTop1st{ background-color: #1f63a7; }
.hireInOutContent .tabColDv .tabColTop.tabColTop2nd{background-color: #00aeef;}
.hireInOutContent .tabColDv .tabColTop.tabColTop3rd{background-color: #fff;}
.hireInOutContent .tabColDv .tabColTop.tabColTop4th{background-color: #fec130;}
.hireInOutContent .tabColDv .tabColTop h3 {
    color: #fec130;
    margin: 0;
    text-align: center;
    font-size: 20px;
   /* text-transform: uppercase;*/
    font-weight: 600;
    font-family: arial;
    line-height: 23px;
}
.hireInOutContent .tabColDv .tabColTop.tabColTop2nd h3{ color: #fff; }
.hireInOutContent .tabColDv .tabColTop.tabColTop3rd h3{color: #1f63a7}
.hireInOutContent .tabColDv .tabColTop.tabColTop4th h3{color: #2064a5;    font-family: 'Handel-Gothic-BT';}
.hireInOutContent .tabColDv .tabColTop.tabColTop4th h3 span.nrmlTxt{ font-family: arial; color: #2064a5;}
.hireInOutContent .tabColDv .tabColTop.tabColTop4th h3 span{color: #d33f3d;}
{color: #1f63a7;}
.hireInOutContent .col-md-3.col-sm-6{padding: 0 .5px;}
.smallPaddingDv {
    padding: 0 7px !important;
}
.tabTblDv table{border: 1px solid #fff;}
.tabTblDv th {
    background-color: #1f63a7;
    color: #fff;
    padding: 10px 5px;
    font-size: 18px;
    line-height: 18px;
     border-right: 2px solid #fff;
     text-align: center;
}
.tabTblDv th:last-child{border-right: 0;}
.tabTblDv td {
    padding: 7px 5px;
    font-size: 15px;
    color: #1f63a7;
    border-right: 2px solid #fff;
    text-align: center;
}
.tabTblDv tr:nth-child(even){ background-color: #c7eafc; }
.tabTblDv tr:nth-child(odd){ background-color: #a2def9; }
.tabTblDv td:first-child , .tabTblDv th:first-child{ width: 115px;  text-align: left;}
.tabTblDv td:last-child{border-right: 0; text-align: right;}
.tabTblDv tr:last-child td {
    font-size: 15px;
    color: #fff;
    background-color: #1f63a7;
    font-weight: 600;
}

.tabTblDv tr:last-child td:last-child{font-size: 18px;}

.circledv{width: 150px;
    height: 150px;
    border-radius: 100%;
    border: 2px solid #fff;
    text-align: center;
    background-color: #1f62a8;
    margin: -63px auto; }


span.dlrDv {
    display: block;
    color: #fec230;
    font-size: 40px;
    font-weight: 600;
    padding-top: 25px;
}
span.txt1Dv {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    display: block;
    line-height: 16px;
    text-align: center;
}

.dlrDv sup {
    top: -8px;
    left: 9px;
}
span.dlrDv {
    display: block;
    color: #fec230;
    font-size: 26px;
    font-weight: 600;
    padding-top: 25px;
    line-height: 55px;
}

.dlrDv sup.hourDv {
    left: 0;
    font-size: 65%;
}

.coldvMid{ margin: 150px 0 30px; text-align: center;     color: #fff;}


.coldvMid .manImgDv img {
    width: 50px;
}

.coldvMid .manImgDv {
    display: inline-block;
}

.coldvMid .manImgDv span {
   display: block;
    line-height: 14px;
    margin-top: 10px;
    font-size: 14px;}


.coldvMid .txt2Dv {
    display: inline-block;
    top: 0;
    position: relative;
}

.coldvMid .txt2Dv span {
    font-size: 38px;
    font-weight: 600;
    position: relative;
    left: -32px;
}


.coldvMid .txt2Dv span.numdrDv {
    font-weight: 600;
    font-size: 58px;
    margin-left: 3px;
    position: relative;
    top: 5px;
    line-height: 60px;
}

.coldvMid .txt2Dv span.hourWk {
    font-size: 20px;
    font-weight: 400;
    position: relative;
    left: -12px;
    line-height: 20px;
}

.circledv1 {
    width: 240px;
    height: 240px;
    border-radius: 100%;
    border: 2px solid #fff;
    text-align: center;
    background-color: #1f62a8;
    margin: 0 auto;
    color: #fff;
    padding-top: 55px;
    font-weight: 600;
    padding: 55px 15px 5px;
}
.circledv1 .txt3Dv .txtDv4 {
       font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    display: block;
}

.tabColSection{position: relative;}

.tabColSection:after {
    content: "";
    position: absolute;
    height: 100%;
    border: 2px solid #fff;
    top: 65px;
    right: -2.5px;
}

.tabColSection:before {
    content: "";
    position: absolute;
    height: 100%;
    background: url(../../images/line-a.png) no-repeat;
    width: 64px;
    top: 75px;
    left: -8px;
    background-size: 98%;
}
.tabTblDv {
    position: relative;
    z-index: 9;
}
.tabColSection1:before{display: none;}

.tabColSection2:before , .tabColSection2:after{display: none;}

.circledv2 {
    width: 115px;
    height: 115px;
    margin: 0 auto;
    position: relative;
    top: 33px;
    
}
.circledv2 .dlrDv {
    padding-top: 5px;
    font-size: 22px;
    line-height: 35px;
}

.circledv2 .dlrDv sup {
    left: 4px;
}

.circledv2 .dlrDv sup.hourDv {
    left: 0;
}

.circledv2 span.txt1Dv{font-size: 14px;}

.circledv2 .arwDv img{width: 20px; }

.coldvMid1{margin-top: 35px;}

.circledvYellow{background-color: #fec130; color: #1f63a7;}

.circledv3{    width: 180px;
    height: 180px;
    color: #fec230;
    margin: -50px auto;
    padding: 15px; }

.circledv3 span.dlrDv{font-size: 28px; padding-top: 0; line-height: 36px;}
.circledv3  .urSv {
    padding-top: 20px;
    font-size: 14px;
    font-weight: 600;
}

.circledv3 span.txt1Dv{font-size: 11px;
    padding: 0 11px;
    line-height: 12px;}

.twomanDv {
    position: absolute;
    top: 120px;
    right: 0;
}
.twomanDv img {
    width: 80px;
}

.packageLogoDv img.pl2 {
    width: 350px;
    margin-left: 30px;
    margin-top: 36px;
}
.packageLogoDv img.pl1 {
    width: 95px;
}
p.morInfo {
    color: #fff;
    font-size: 12px;
    margin: 25px 0 0;
}
.tabTblDv .form-control {
    height: 25px;
    padding: 0 2px;
  /*  width: 100%;*/
    background-color: #fec130;
    color: #1f63a7;
    font-weight: 600;
    text-align: right;
}
.tabTblDv table{ table-layout: fixed;}

.hireInOutContent .col-lg-3.col-sm-6 {
    padding: 0 0.5px;
       
}


.HireOutContDv  .row{text-align: center;}

.HireOutContDv .col-md-3.col-sm-6 {
    padding: 0;
    float: none;
    display: inline-block;
    vertical-align: top;
}

.tooltipInputDv{ width: 100%;  }
.tooltiptext.tooltiptext1.inputTooltip{        background-color: #d33f3d;
    color: #fff;
    font-size: 15px;
    width: 205px;
    top: -18px;
    margin-left: 5px;
    left: 100%;
    height: 56px;
    text-align: center;
    font-weight: 600;}

.tooltiptext.tooltiptext1.inputTooltip:after {
    content: "";
    position: absolute;
    top: 43%;
    left: 0;
    margin-left: -10px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #d33f3d transparent transparent;
}





@media(max-width: 1199px){
.tabColSection{margin-bottom: 20px;}
}

@media(max-width: 991px){
	.tabColSection:after{display: none;}
	.tabColSection1:after{display: block;}
	.hireInOutContent h2{font-size: 20px;}
	.hireInOutContent h1{font-size: 34px;}

}

@media(max-width: 767px){
	.tabColSection:before , .tabColSection:after, .tabColSection1:after{display: none;}
	.hireInOutContent h2 {
    font-size: 16px;}
    .hireInOutContent h1 {
    font-size: 24px;}
    .hireInOutContent{margin:10px 0 0;}
    .tabColDv {
    margin-bottom: 20px;    border-bottom: 2px solid #fff;}
    .hireInOutContent .col-lg-3.col-sm-6:last-child .tabColDv{ border-bottom: 0; }
    .HireOutContDv .col-md-3.col-sm-6:last-child .tabColDv{ border-bottom: 0; }
    .tabTblDv table{ margin-bottom: 20px;}
    .coldvMid {
    margin: 70px 0 30px;}
    .packageLogoDv {
    margin-top: 40px;}
    .packageLogoDv img.pl1 {
    width: 50px;}
	.packageLogoDv img.pl2 {
     width: 215px;
    margin-left: 10px;
    margin-top: 19px;}
    .hireInOutContent{padding: 15px;}
    .hireInOutContent .tabColDv .tabColTop h3 , .tabTblDv tr:last-child td{font-size: 16px;}
    .hireInOutContent .tabColDv .tabColTop1st{height: auto;}
    .tabTblDv tr:last-child td:last-child {
    font-size: 16px;}
    .hireInOutContent .col-md-3.col-sm-6{padding : 0 7px !important; }
    .labourcalculatorPage .nav-tabs .col-xs-6:first-child{padding-right:5px;}
    .labourcalculatorPage .nav-tabs .col-xs-6:last-child{padding-left:5px;}
    .tooltiptext.tooltiptext1.inputTooltip {
    background-color: #d33f3d;
    color: #fff;
    font-size: 15px;
    width: 205px;
    top: 100%;
    margin-left: 0;
    left: auto;
    height: 56px;
    text-align: center;
    font-weight: 600;
    margin-top: 5px;
}
.tooltiptext.tooltiptext1.inputTooltip:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 85%;
    margin-left: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #d33f3d transparent;
}
}