
.myTable {
}

    .myTable td, .myTable th {
        vertical-align: middle;
        text-align: center;
    }

.specForm {
    background-color: transparent;
}

.spceFormItemDiv {
    background-color: #eee;
    margin: 4px;
    display: flex;
    font-size: 1.2em;
}

.specForm .fieldTitle {
    display: inline-block;
    text-align: right;
    background-color: #297e70;
    color: #fff;
    min-width: 150px;
    padding: 10px;
}

.specForm .fieldValue {
    display: inline-block;
    text-align: center;
    color: #000;
    padding: 10px;
}

 input, optgroup, select, textarea{
    font-family:Tahoma !important;
}

.myMenuContainer-cols-1 {
    left: 40vW !important;
    width: 30vw !important;
}

@media (max-width: 991px) {
    .myMenuContainer-cols-1 {
        left: auto !important;
        width: 100% !important;
    }
}

/* for dark mode : prevent background and color of inputs will blacks */
input , select , option , textarea { background-color:#fff !important;}

select{min-width:65px !important; padding-left:0; padding-right:0; text-align:center;}


.myBtnReservMainPage{
    position:relative;
    top:initial;

}
@media (max-width: 991px) {
    .myBtnReservMainPage {
        position: absolute;
        top: 60vh;
    }
}

@keyframes myblinkbtnanimation {
    0% {
        transform: scale3d(1,1,1);
        opacity: 0.8;
        background: #3ed7a5;
    }

    100% {
        transform: scale3d(1.5,1.8,1.5);
        opacity: 0;
        background: transparent;
    }
}

.myBlinkBtn {
    /*background: #35475d !important;  */ /*abi*/
    /* background: #0dbb59 !important;
    border: 0;
    padding: 10px 35px;*/
    cursor: pointer;
   
    text-transform: uppercase;
    overflow: initial !important;
    border-radius: 50px;
    /*  font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    
    display: inline-block;
    height: 60px;
    line-height: 62px;
    color: var(--edu-btn-color);
    padding: 0 30px;
    font-family: var(--font-secondary);
    border: 0 none;*/
    z-index: 1;
}

    .myBlinkBtn:hover, .myBlinkBtn:focus, .myBlinkBtn:active {
        /*background: #35475d !important;  */ /*abi*/
      /*  background: #3b7753 !important;
        color: var(--edu-btn-color) !important;*/
    }

    .myBlinkBtn::after {
        background: #fff;
        content: '';
        display: block;
        width: 100% !important;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50px;
        animation-name: myblinkbtnanimation;
        animation-duration: 2.2s;
        animation-iteration-count: infinite;
        /*animation-timing-function: cubic-bezier(1, 0, 0, 1);*/
        animation-timing-function: cubic-bezier(0.4, 1, 0.4, 1);
        z-index: 0;
    }






.homePageBox1 {
    position: absolute;
    right: 4%;
    top: 40px;
    border: 1px solid transparent;
    padding: 10px;
    color: #35475d;
    z-index: 3;
}



