@font-face {
    font-family: 'zawgyi';
    src: local('zawgyi'), local('zawgyi'), url('../fonts/zawgyi.woff') format('woff'), url('../fonts/zawgyi.ttf') format('ttf');
}

.zawgyi {
    font-family: 'Zawgyi-One';
}

#gridDeviceSim .k-grid-header-wrap > table > thead > tr th, #gridBlockUnblock .k-grid-header-wrap > table > thead > tr th, #gridTransaction .k-grid-header-wrap > table > thead > tr th, #gridLogin .k-grid-header-wrap > table > thead > tr th, #gridDevice .k-grid-header-wrap > table > thead > tr th, #gridRolePermission .k-grid-header-wrap > table > thead > tr th, #gridRole .k-grid-header-wrap > table > thead > tr th, #gridUser .k-grid-header-wrap > table > thead > tr th, #gridMenu .k-grid-header-wrap > table > thead > tr th, #gridDesignation .k-grid-header-wrap > table > thead > tr th, #gridDepartment .k-grid-header-wrap > table > thead > tr th, #gridPersonal .k-grid-header-wrap > table > thead > tr th, #gridLocation .k-grid-header-wrap > table > thead > tr th, #gridKendo .k-grid-header-wrap > table > thead > tr th, #gridOtp .k-grid-header-wrap > table > thead > tr th {
    background-color: #0c4580 !important;
    color: white !important;
}

    #gridDeviceSim .k-grid-header-wrap > table > thead > tr th a, #gridBlockUnblock .k-grid-header-wrap > table > thead > tr th a, #gridTransaction .k-grid-header-wrap > table > thead > tr th a, #gridLogin .k-grid-header-wrap > table > thead > tr th a, #gridDevice .k-grid-header-wrap > table > thead > tr th a, #gridRolePermission .k-grid-header-wrap > table > thead > tr th a, #gridRole .k-grid-header-wrap > table > thead > tr th a, #gridUser .k-grid-header-wrap > table > thead > tr th a, #gridMenu .k-grid-header-wrap > table > thead > tr th a, #gridDesignation .k-grid-header-wrap > table > thead > tr th a, #gridDepartment .k-grid-header-wrap > table > thead > tr th a, #gridPersonal .k-grid-header-wrap > table > thead > tr th a, #gridLocation .k-grid-header-wrap > table > thead > tr th a, #gridKendo .k-grid-header-wrap > table > thead > tr th a, #gridOtp .k-grid-header-wrap > table > thead > tr th a {
        background-color: #0c4580 !important;
        color: white !important;
    }

.rptTbl.table .thead-light th {
    color: #ffffff;
    background-color: #0c4580;
    border-color: #ffffff;
}

.rptTbl.table .thead-light th {
    color: #ffffff;
    background-color: #0c4580;
    border-color: #ffffff;
}

.rptTbl.table td {
    color: black;
    background-color: #a0caf5;
    text-align: center;
    font-size: 12px;
}

    .rptTbl.table td img {
        width: 16px;
    }

.panel-default > .panel-heading {
    color: white;
    background-color: #0c4580;
    height: 40px;
}

#sectionEditDetails {
    font-family: 'Zawgyi-One';
}

    #sectionEditDetails > .panel-default > .panel-heading {
        padding: 10px 10px;
    }

body {
    font-size: 14px;
}

.k-datepicker > .k-picker-wrap {
    width: 100% !important;
}

#sectionEditDetails input, #sectionEditDetails select {
    width: 90% !important;
}

#sectionEditDetails .k-datepicker > .k-picker-wrap {
    width: 80% !important;
}

#loading {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    background: rgba(239, 236, 236, 0.89);
    z-index: 100011;
}

#loadingcontent {
    display: table;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#loadingspinner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    font-size: larger;
    padding-top: 80px;
}

div.spinner > div > div {
    background-color: #1f4164 !important;
}

.myAlert-top {
    position: fixed;
    top: 15px;
    left: 2%;
    width: 96%;
}

.myAlert-bottom {
    position: fixed;
    top: 55px;
    left: 0;
    width: 100%;
    margin: 0 auto;
    z-index: 11111;
}

#fail-alert {
    color: white;
    background-color: red;
}

#success-alert {
    color: black;
    background-color: #d4edda;
}

.alert {
    display: none;
}

[disabled] {
    background-color: #EBEBE4;
}

.mmk {
    font-size: 9px;
    font-weight: bold;
}

.customer-photo {
    margin: 0 auto;
    width: 60px;
    height: 60px;
    background-position: center center;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
}

.k-rpt-center {
    text-align: center;
}

.k-rpt-left {
    text-align: left;
}

.k-rpt-right {
    text-align: right;
}

.viewPersonal {
    cursor: pointer;
}

.btnSearchPersonal {
}

.asterik {
    color: red;
    display: none;
    font-size: 20px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.cen {
    text-align: center;
}

.lft {
    text-align: left;
}

.rht {
    text-align: right;
}

.k-datepicker {
    width: 90% !important;
}

.disIn {
    display: inline;
}

.headTitle {
    display: inline;
    vertical-align: -webkit-baseline-middle;
    font-size: 20px;
}

.sectionTitle {
    padding: 10px 20px;
    background-color: #f8f8f8;
}

#btnAdd {
    cursor: pointer;
}

.container {
    max-width: 100%;
}

.eyeDiv {
    text-align: center;
}

.redError {
    color: red;
    font-size: 11px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #a1ce85;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.lblForm {
    font-weight: bold;
    font-size: 12px;
}

.modal-body {
    overflow-x: hidden;
    overflow-y: auto;
}
/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.cen {
    text-align: center;
}


.full-screen {
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
}

#mapPopUp .modal-dialog {
    max-width: 90% !important;
}

/* The container */
.chkContainer {
    display: inline;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .chkContainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.chkContainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.chkContainer input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.chkContainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.chkContainer .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.chkHoliday {
    width: 20px;
}

.holidayLbl {
}

.page-template {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

    .page-template .header {
        position: absolute;
        top: 30px;
        left: 30px;
        right: 30px;
        border-bottom: 1px solid #888;
        text-align: center;
        font-size: 18px;
    }

    .page-template .footer {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px;
    }

.k-pdf-export colgroup > col {
    width: 50px !important;
}

    .k-pdf-export colgroup > col:nth-child(1),
    .k-pdf-export colgroup > col:nth-child(4),
    .k-pdf-export colgroup > col:nth-child(7) {
        /*width: 150px !important;*/
    }

.k-pdf-export td {
    white-space: nowrap;
}

.k-pdf-export .k-header-column-menu {
    display: none;
}

.k-pdf-export colgroup > col:nth-child(1) {
    width: 50px !important;
}

.k-pdf-export colgroup > col:nth-child(5) {
    width: 170px !important;
}

.k-pdf-export colgroup > col:nth-child(6) {
    width: 170px !important;
}

.topnav {
    overflow: hidden;
    background-color: #e9e9e9;
}

    .topnav a {
        float: left;
        display: block;
        color: black;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }

        .topnav a:hover {
            background-color: #ddd;
            color: black;
        }

        .topnav a.active {
            background-color: #2196F3;
            color: white;
        }

    .topnav .search-container {
        float: right;
    }

    .topnav input[type=text] {
        padding: 6px;
        margin-top: 8px;
        font-size: 17px;
        border: none;
    }

    .topnav .search-container button {
        float: right;
        padding: 6px 10px;
        margin-top: 8px;
        margin-right: 16px;
        background: #ddd;
        font-size: 17px;
        border: none;
        cursor: pointer;
    }

        .topnav .search-container button:hover {
            background: #ccc;
        }

@media screen and (max-width: 600px) {
    .topnav .search-container {
        float: none;
    }

        .topnav a, .topnav input[type=text], .topnav .search-container button {
            float: none;
            display: block;
            text-align: left;
            width: 100%;
            margin: 0;
            padding: 14px;
        }

    .topnav input[type=text] {
        border: 1px solid #ccc;
    }
}

@media print {
    input[type='button'] {
        display: none;
    }
}

#imgModal .modal-body img {
    display: block;
    margin: 0 auto;
    display: inline-block;
    width: 100%;
    max-width: 300px;
    height: auto;
    overflow: hidden;
}

.row-tri-img {
    margin-top: 3px;
}

#rolePermission tbody tr td {
    border-bottom: 1px solid #cecece !important;
}

#rolePermission > td {
    border-top: 1px solid #ffffff;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.btnUp {
    border: 1px solid gray;
    color: black;
    background-color: white;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 15px;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.uploadFile table {
    width: 100%;
}

.uploadFile > tbody tr td {
    border: 0 !important;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.preNo {
    font-size: 16px;
    padding: 8px 5px 0 5px;
    background-color: #e2ecec;
}

    .preNo + input[type=number] {
        display: inline;
    }

.padLeftPrint {
    padding-left: 50px;
}

.padInpLP {
    padding-left: 40px;
}

.padSelLP {
    padding-left: 40px;
}
.padAccountname1741 {
    padding-left: 4px;
}
.padddlsect1741 {
    padding-left: 0px;
}
.padans1741 {
    padding-left: 24px;
}
.tdSecurity {
    position: fixed;
    width: 333px;
    top: 174px;
}
.txtAnswer {
    position: relative;
    top: 0px;
    left: 0px;
}
.padTextLeft2128 {
    padding-left:24px;
}
.padStreetLeft2128 {
    padding-left: 40px;
}
.txtstreet1915 {
    padding-left: 40px;
}
.txtAccountName2128 {
    padding-left: 20px;
}
.txtHousing2128 {
    padding-left: 60px;
}
.txtAccountName2395 {
    padding-left: 33px;
}
.ddlSecQuest2395 {
    padding-left: 30px;
}
.txtAnsEmail2395 {
    padding-left: 30px;
}
.txtStreet2395 {
    padding-left: 80px;
}
.txtAccountName2556 {
    padding-left: 40px;
}
.ddlSecQuest2556 {
    padding-left: 40px;
}
.txtStreet2556 {
    padding-left: 80px;
}
.txtAccountName2875 {
    padding-left: 80px;
}
.ddlSecQuest2875 {
    padding-left: 80px;
}
.txtStreet2875{
padding-left: 120px;
}

.allprint1741 {
    padding-left: 50px;
}
.allprint2128 {
    padding-left: 20px;
}
.allprint2395 {
    padding-left: 30px;
}
.allprints2395 {
    padding-left: 80px;
}
.allprintdetail2395 {
    padding-left: 30px;
}
.allprint2556 {
    padding-left: 40px;
}
.allprint2875 {
    padding-left: 60px;
}
.allprintdetail2875 {
    padding-left: 60px;
}
.allprints2875 {
    padding-left: 100px;
}
.allprint3836 {
    padding-left: 100px;
}
.allprints3836 {
    padding-left: 180px;
}
.allprints1275 {
    padding-left: 60px;
}
.txtAccountName3836 {
    padding-left: 100px;
}
.ddlSecQuest3836 {
    padding-left: 100px;
}
.txtStreet3836 {
    padding-left: 160px;
}


.viewDeviceSim img, .operation {
    cursor: pointer;
}

.k-calendar-view {
    width: 30%;
}

.k-grid-header .k-link .k-icon.k-i-sort-asc-sm, .k-grid-header .k-link .k-icon.k-i-sort-desc-sm {
    background-color: white;
}