﻿
/*  -------=------------------ for verticle tablet-----------------------*/



@media (min-width: 700px) and (max-width:950px) {


}


/*------------- for desktop-------------------*/

@media only screen and (min-width: 1000px) {

  

    td.anktxbys input {
      width: 142px;
    font-family: Arial;
}

    input.anksubtn {
             background-color: #00AAE7;
    color: white !important;
    font-family: Arial;
    padding: 7px 20px 7px 20px;
    margin: 10px 0px 10px 334px;
    float: left;
    border: solid 1px #007CC3;
}

    td.auto-style1.ankptitle {
    color: #164C7C;
    font-weight: bold;
    font-family: Arial;
    font-size: 18px;
}

    .anktblst {
  border: 2px solid lightgray;
    font-family: Arial;
    margin: 0 0 0 0;
    position: static;
    width: 99.7%;
    padding: 0 0px 0 0;
    border-radius: 16px;
}

    td.ankpsbtitle {
   border-top: solid #75C5F0;
    padding: 10px 0 8px 0px;
    font-size: 12px;
    font-family: Arial;
    border-bottom: solid 1px lightgray;
    text-align: center;
    width: 36%;

}
    .ankpbdy, .ankpbdy input, .ankpbdy select {
    color: gray;
        margin: 0 0 4px 0;
    font-family: Arial;
}
    .ankpbdy input, .ankpbdy select {
    width: 146px;
    font-family: Arial;
}
    td.anksybtn {
    border-top: solid 1px lightgray;
       width: 14%;
    font-family: Arial;
}
    .ankpentab {
           min-height: 686px;
       display:none;
}

    h2.ankpcttl {
    margin: -84px 0 0 665px;
    color: white;
}
span#lblresult {
           color: #00AAE7;
    position: static;
    text-align: left;
    height: 0;
    width: 300px;
      margin: -7px 0 0 -53px;
}


.ankpentabbt {
     margin: 53px 0 0 756px;
    padding: 11px 0 11px 14px;
    width: 130px;
    font-size: 13px;
    border-radius: 12px 0 0 12px;
    color: white;
    position: fixed;
    background-color: #005197;
}

.ankpentabbt a {
    color: white;
    text-decoration: none;
}
.ankpentabbt:hover {
      background-color: #132538;
}

div#showresult {
      padding: 4px 13px 4px 39px;
    background-color: #183B65;
    margin: 0 0 0 -162px;
    font-size: 18px;
    color: white;
    border-radius: 7px;
    width: 238px;
}

.rstbtnsy {
    
      position: static;
    margin: -7px 0 9px 0;
}

input#txtAccruedPension {
    background-color: lightgray;
}

.rstbtnsy input {
    background-color: #132538;
    padding: 3px 15px 3px 15px;
    border-radius: 8px;
        border: none;
    color: beige;
}
input#Button1 {
    border-radius: 10px;
}

.rstbtnsy input:hover {
    border: solid 1px #132538;
}
input#Button1:hover {
    box-shadow: 2px 2px 18px black;
        cursor: pointer;

}
span#RequiredFieldValidator8 {
    position: absolute;
    font-weight: bolder;
    margin: 0 0 0 5px;
}

input#Button1:focus {
   outline: none;
    border-radius: 10px;
}
input#btncleardata:focus {
   
    border-radius: 8px;
    outline: none;
}



}



/*-----------------my for mobile phone--------------*/

@media only screen and (max-width:480px) {


}