.cardapi .apilink {
    color: darkblue;
    padding-left: 10px;
    margin-bottom: 5px;
}
.cardapi .apihead {
    font-size: 16.5px;
    width: 150px;
}
.cardapi ul {
    list-style: none;
}
.cardapi .sizecntrl {
    padding-left: 120px;
    padding-bottom:25px;
}
.cardapi .apihead2{
    font-weight:bolder;
}
div.ui-datepicker {
    font-size: 12px;
}
.thead-m-dark {
    background-color: #4f5b63;
    color:white;
}

.thead-m-new {
    background-color: #eceef1;
    color: black;
}

.col-5-per {
    table-layout: fixed;
    width: 5%;
}

.col-10-per {
    table-layout: fixed;
    width: 10%;
}

.col-15-per {
    table-layout: fixed;
    width: 15%;
}
.col-20-per {
    table-layout: fixed;
    width: 20%;
}
.col-25-per {
    table-layout: fixed;
    width: 25%;
}
.col-30-per {
    table-layout: fixed;
    width: 30%;
}
.col-35-per {
    table-layout: fixed;
    width: 35%;
}
.col-40-per {
    table-layout: fixed;
    width: 40%;
}
.col-45-per {
    table-layout: fixed;
    width: 45%;
}
.col-50-per {
    table-layout: fixed;
    width: 50%;
}
.col-55-per {
    table-layout: fixed;
    width: 55%;
}
.col-60-per {
    table-layout: fixed;
    width: 60%;
}
.col-65-per {
    table-layout: fixed;
    width: 65%;
}
.col-70-per {
    table-layout: fixed;
    width: 70%;
}
.col-75-per {
    table-layout: fixed;
    width: 75%;
}
.col-80-per {
    table-layout: fixed;
    width: 80%;
}
.col-85-per {
    table-layout: fixed;
    width: 85%;
}
.col-90-per {
    table-layout: fixed;
    width: 90%;
}
.col-95-per {
    table-layout: fixed;
    width: 95%;
}
.col-100-per {
    table-layout: fixed;
    width: 100%;
}

.light-blue-background {
    padding: 1%;
    background-color: #f6f8ff;
}

.hero-image {
    background-image: url(../../img/logo.png);
    background-repeat: repeat;
}

.mytextsize  {
    font-size:13px;
         }

.h2, h2 {
    font-size: 1.35rem;
    padding-bottom: 25px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    left: 16px;
}
.btn-group-lg > .btn, .btn-lg {
    padding: 0.1rem 1rem;
}
.abc {
    margin-bottom: 5px;
    border: 1px solid #fff;
    border-radius: 5px;
}
.table td, .table th {
    padding: .25rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

/*    login-page-related-class     */



.login-box-body {
    background: #fff;
    padding: 20px;
    border-top: 0;
    color: #666;
}



@keyframes Animation1 {
    from {
        left: 100px;
    }

    to {
        left: -25px;
    }
}

@keyframes Animation2 {
    from {
        left: 400px;
    }

    to {
        left: -40px;
    }
}

@keyframes Animation3 {
    from {
        left: 400px;
    }

    to {
        left: 40px;
    }
}

@keyframes Animation4 {
    from {
        right: 200px;
    }

    to {
        right: 40px;
    }
}

@keyframes Animation5 {
    from {
        right: 350px;
    }

    to {
        right: 50px;
    }
}

@keyframes Animation6 {
    from {
        right: 150px;
    }

    to {
        right: 10px;
    }
}

@keyframes Animation7 {
    from {
        left: 400px;
    }

    to {
        left: 2.5rem;
    }
}

@keyframes Animation8 {
    from {
        right: 300px;
    }

    to {
        right: 40px;
    }
}

@keyframes Animation9 {
    from {
        right: 600px;
    }

    to {
        right: 60px;
    }
}

.ani1 {
    animation-name: Animation1;
    animation-duration: 3.5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    position: relative;
    width: auto;
    height: auto;
    animation-delay: 0.5s;
}

.ani2 {
    animation-name: Animation2;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    position: relative;
    width: auto;
    height: auto;
    animation-delay: 0.5s;
}

.ani3 {
    animation-name: Animation3;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    position: relative;
    width: auto;
    height: auto;
    animation-delay: 0.5s;
}

.ani4 {
    animation-name: Animation4;
    animation-duration: 3.5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    position: relative;
    width: auto;
    height: auto;
    animation-delay: 0.5s;
}

.ani5 {
    animation-name: Animation5;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    position: relative;
    width: auto;
    height: auto;
    animation-delay: 0.5s;
}

.ani6 {
    animation-name: Animation6;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    position: relative;
    width: auto;
    height: auto;
    animation-delay: 0.5s;
}

.ani7 {
    animation-name: Animation7;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    position: relative;
    width: auto;
    height: auto;
    animation-delay: 0.5s;
}

.ani8 {
    animation-name: Animation8;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    position: relative;
    width: auto;
    height: auto;
    animation-delay: 0.5s;
}

.ani9 {
    animation-name: Animation9;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    position: relative;
    width: auto;
    height: auto;
    animation-delay: 0.5s;
}

.blink1 {
    width: 115px;
    height: 134px;
    border-radius: 49px;
    background-color: none;
    animation-name: blink1;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-delay: 3.5s;
    animation: blink1 3.5s infinite cubic-bezier(1, -0.73, 1, 1);
}

@keyframes blink1 {
    from {
        background-color: none;
    }

    to {
        background-color: yellow;
    }
}

.blink2 {
    width: 118px;
    height: 97px;
    border-radius: 70px;
    background-color: none;
    animation-name: blink2;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-delay: 7s;
    animation: blink1 7s infinite cubic-bezier(1, -0.73, 1, 1);
}

@keyframes blink2 {
    from {
        background-color: none;
    }

    to {
        background-color: yellow;
    }
}

.blink3 {
    width: 138px;
    height: 111px;
    border-radius: 63px;
    background-color: none;
    animation-name: blink3;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-delay: 5s;
    animation: blink1 5s infinite cubic-bezier(1, -0.73, 1, 1);
}

@keyframes blink3 {
    from {
        background-color: none;
    }

    to {
        background-color: yellow;
    }
}

.blink4 {
    width: 89px;
    height: 90px;
    border-radius: 40px;
    background-color: none;
    animation-name: blink4;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-delay: 3.5s;
    animation: blink1 3.5s infinite cubic-bezier(1, -0.73, 1, 1);
}

@keyframes blink4 {
    from {
        background-color: none;
    }

    to {
        background-color: yellow;
    }
}

.blink5 {
    width: 100px;
    height: 100px;
    border-radius: 39px;
    background-color: none;
    animation-name: blink5;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-delay: 7s;
    animation: blink1 7s infinite cubic-bezier(1, -0.73, 1, 1);
}

@keyframes blink5 {
    from {
        background-color: none;
    }

    to {
        background-color: yellow;
    }
}

.blink6 {
    width: 101px;
    height: 101px;
    border-radius: 32px;
    background-color: none;
    animation-name: blink6;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-delay: 5s;
    animation: blink1 5s infinite cubic-bezier(1, -0.73, 1, 1);
}

@keyframes blink6 {
    from {
        background-color: none;
    }

    to {
        background-color: yellow;
    }
}

.blink7 {
    width: 105px;
    height: 111px;
    border-radius: 50px;
    background-color: none;
    animation-name: blink7;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-delay: 10s;
    animation: blink1 10s infinite cubic-bezier(1, -0.73, 1, 1);
}

@keyframes blink7 {
    from {
        background-color: none;
    }

    to {
        background-color: yellow;
    }
}

.blink8 {
    width: 100px;
    height: 119px;
    border-radius: 35px;
    background-color: none;
    animation-name: blink8;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-delay: 5s;
    animation: blink1 5s infinite cubic-bezier(1, -0.73, 1, 1);
}

@keyframes blink9 {
    from {
        background-color: none;
    }

    to {
        background-color: yellow;
    }
}

.blink9 {
    width: 100px;
    height: 119px;
    border-radius: 35px;
    background-color: none;
    animation-name: blink9;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-delay: 10s;
    animation: blink1 10s infinite cubic-bezier(1, -0.73, 1, 1);
}

@keyframes blink8 {
    from {
        background-color: none;
    }

    to {
        background-color: yellow;
    }
}

.fa-envelope {
    font-size: 20px;
    color: aliceblue;
}

.fa-mobile-alt, .fa-mobile, .fa-tablet, .fa-tablet-alt {
    padding: 0.5rem;
    font-size: 50px;
}

.divblink1 {
    text-align: right;
    margin-bottom: 75px;
    padding: 0px 0px 0px 275px;
}

.imgblink1 {
    width: 40px;
    margin-top: 17px;
    margin-left: 34px;
    margin-bottom: 25px;
}


.divblink2 {
    margin-bottom: 75px;
    padding: 0px 0px 0px 0px;
}
.imgblink2 {
    width: 120px;
}
.divblink3 {
    text-align: right;
    margin-bottom: 65px;
    padding: 0px 0px 0px 280px;
}
.imgblink3 {
    width: 150px;
}
.divblink4 {
    margin-bottom: 75px;
    padding: 0px 0px 0px 50px;
}
.imgblink4 {
    width: 40px;
    margin-top: 5px;
}
.divblink5 {
    margin-bottom: 75px;
    padding: 0px 0px 0px 250px;
}
.imgblink5 {
    width: 100px;
}
.divblink6 {
    text-align: left;
    margin-bottom: 75px;
    padding: 0px 0px 0px 0px;
}
.imgblink6 {
    width: 100px;
}
.divblink7 {
    padding: 0px 0px 0px 250px;
}
.imgblink7 {
    width: 100px;
    padding-top: 15px;
}
.divblink8 {
    padding: 0px 0px 0px 0px;
}
.imgblink8 {
    width: 100px;
}
.divblink9 {
    padding: 0px 0px 0px 0px;
}
.imgblink9 {
    width: 100px;
    padding-top: 15px;
}

.angle1{}
.angle2{}
.angle3 {
    transform: rotate(-40deg);
}
.angle4{}
.angle5{}
.angle6 {
    transform: rotate(30deg);
}
.angle7 {
    transform: rotate(-145deg);
}
.angle8 {
    transform: rotate(90deg);
}
.angle9 {
    transform: rotate(135deg);
}

.zlogin {
    font-size: 13px !important;
    background-color: #fff !important;
    height: 250px !important;
    border-radius: 17px !important;
    position: fixed !important;
    margin-left: 20px !important;
    margin-top: 13px !important;
    box-shadow: inset 2px 2px 17px 9px #cac9c9 !important;
    
}
.z3 {
    margin-right: 57px;
}
.z2 {
    margin: 0px 0px 0px 0px;
}
.z600 {
    width: 600px;
}
.zdesktop {
    font-size: 340px;
}


  


    /*custmisation*/
.ui-datepicker-trigger {
    margin: 5px !important;
    height: 20px;
    width: 20px;
}
.zheight {
    min-height: 560px;
}
.ui-state-default{
    color:black!important;
}
.card {
    box-shadow: 0 0 10px 5px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2)!important;
}

/*mobile phone*/
.mobile-light,
.mobile-dark {
    position: relative;
    display: inline-block;
    border-radius: 60px;
    padding: 80px 24px;
}

.mobile-light {
    background: #f0f0f0;
    background: linear-gradient(135deg, #f0f0f0, #fafafa);
}

.mobile-dark {
    background: #333333;
    background: linear-gradient(135deg, #333333, #4e4d4d);
}

    .mobile-dark:before,
    .mobile-light:before {
        content: "";
        position: absolute;
        top: 3rem;
        left: 50%;
        transform: translateX(-50%);
        height: 5px;
        width: 60px;
        border-radius: 10px;
    }

.mobile-light:before {
    background-color: #d7d7d7;
}

.mobile-dark:before {
    background-color: #4e4d4d;
}
.mobdim{
    height:48vh;
    width:auto;
    background-color:#fff;
}
.lable-mob {
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 12px;
}
.text_mob {
    background-color: #cfeee4!important;
    color: blue!important;
}
.mob_header {
    justify-content: space-around;
    background-color: #cdd7d4;
}