.titleText {
    padding: 5px;
    font-size: large;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    border-radius: 5px;
    box-shadow: 3px 3px #888888;
    position: static;
}

@font-face {
    font-family: 'Mitr';
    src: url('fonts/Mitr-Regular.ttf');
}

@font-face {
    font-family: 'Itim';
    src: url('fonts/Itim-Regular.ttf');
}

body {
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: medium !important;
}

.ControlFont {
    /*font-family: THSarabun !important;*/
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: medium !important;
}

.Heardtitle {
    background-color: #4dc691;
    color: white;
}

.Subtitle {
    background-color: #99ff99;
    color: #000000;
}

.Filterbtn {
    padding-left: 20px !important;
}

.cssDate {
    width: 180px !important;
    /*font-size:medium;*/
}

.cssDateMobile {
    font-size: medium !important;
}

.cssItems {
    /*width: 50% !important;*/
    /*font-size:medium;*/
}

.cssItemsMobile {
    max-width: 500px !important;
    min-width:250px !important;
    font-size: medium !important;
}
.cssItemsMobile {
    max-width: 350px !important;
    min-width: 120px !important;
    font-size: medium !important;
}


.cssAct {
    width: 150px !important;
    /*font-size:medium;*/
}
/*.cssActMobile {
    font-size: medium !important;
}*/
.cssActMobile {
    font-size: medium !important;
}

.csslocation {
    /*width: 200px !important;*/
}

.csslocationMobile {
    font-size: medium !important;
}

.cssSearchItems {
    width:0px !important;
}

.cssSearchDate {
    width: 0px !important;
}

.StyleLabel1 {
    background-color: #006699;
    border-radius: 5px;
    font-size: large;
    font-weight: bold;
    padding: 5px;
    color: whitesmoke;
    box-shadow: 3px 5px #888888;
    text-align: center;
}

@media (max-width: 768px) {
    .cssSearchItems {
        width: 60px !important;
    }

    .cssSearchDate {
        width: 56px !important;
    }
}

    @media (max-width: 996px) {
        .csslocation {
            /*width: 120px !important;*/
            font-size: small
        }


    }

    @media (max-width: 599px) {

/*        .cssSearchItems {
            width: 72px !important;
        }

        .cssSearchDate {
            width: 72px !important;
        }*/


        .titleText {
            font-size: medium;
        }

        .txtBtn {
            margin-bottom: 8px;
        }

        .cssDate {
            width: 65px !important;
            font-size: small;
        }

        .cssAct {
            width: 55px !important;
            font-size: small;
        }

        .cssItems {
            width: 120px !important;
            font-size: small;
        }

        /*    .cssItemsMobile {
        width: 250px !important;
        font-size: small;
    }*/
        .csslocation {
            width: 120px !important;
            font-size: small
        }

        .csslocationMobile {
            font-size: small
        }
    }

    .txtBtn {
        font-size: large;
        padding: 8px;
        /*margin: 8px;*/
        background-color: #2873a9;
        color: white;
        text-align: center;
        vertical-align: middle;
        border-radius: 10px;
    }

    .btnEdit {
        font-size: large;
        text-align: center;
        vertical-align: middle;
        color: white;
        padding: 10px;
        height: 40px;
        /*margin:5px;*/
        border-radius: 5px;
        cursor: pointer !important;
    }

    .btnAdd {
        background-color: #0094ff;
    }

    .btnDel {
        background-color: #b20909;
    }

    .btnCancel {
        background-color: #f7781e;
    }

    .btnEdit:hover {
        background-color: #1dc232;
    }

    .btnLink {
        text-decoration: none;
        color: white;
    }

    /*.HeardGrid {
    background-color: #fab482 !important;
    font-size: large !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 10px !important;
    height: 40px !important;
}*/
    .marginForm {
        margin: 5px;
    }