@font-face {
    font-family: 'Pyidaungsu';
    src: "{{ asset('fonts/Pyidaungsu.ttf') }}";
}

body {
    font-family: Pyidaungsu !important;
}

@media print {
    /* .print-page {
        display: none;
    } */
}

.page-title {
    font-size: 20px !important;
}

h4.box-title {
    font-size: 17px;
}

.role_list {
    color: black;
    font-size: 17px;
    font-family: inherit;
    font-style: normal;
}


/* .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    position: absolute !important;
    right: 0 !important;
    left: 0 !important;
} */

.open>.dropdown-menu {
    display: grid !important;
}

.navbar-nav>.user-menu>.dropdown-menu {
    border-top-width: 0;
    width: 200px;
    ;
}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu>a:hover {
    background-color: #eee;
    margin: 0px !important;
}

.dropdown-menu .dropdown-item {
    padding: 8px 16px;
}

.dropdown-menu {
    padding: 0px;
}

.default_panel {
    width: 60%;
    margin-left: 190px;
}

h4 {
    margin-top: -10px !important;
}

.permission {
    margin-top: 10px;
    padding-left: 100px;
}

.pagination {
    float: right;
}

.btn-permission {
    float: right;
}

.btn-link {
    float: right;
    color: black;
}

.btnuser {
    float: right;
}

.require-star {
    color: #ff0000;
}

.login-box {
    width: 370px;
    /* border: 1px solid #367fa9; */
    border-radius: 3px;
}

.login-logo {
    font-size: 18px;
}

.login-logo a {
    color: white;
}

.register-box {
    width: 70%;
    margin: 2% auto;
}

.register-logo {
    font-size: 20px;
    height: 80px;
    padding: 21px 0;
}

.head-title-1 {
    font-size: 19px;
}

.head-title-2 {
    font-size: 21px;
}

.head-title-3 {
    font-size: 19px;
}

.head-title-img-left {
    width: 112px;
    margin-bottom: 15px;
}

.head-title-img-right {
    width: 110px;
    margin-bottom: 15px;
}

.register-textarea {
    width: 48%;
    max-width: 100%;
}

.pending-reason-textarea {
    max-width: 100%;
}

@media (max-width: 567px) {
    .login-box {
        width: 90%;
    }
    .login-logo {
        font-size: 16px;
    }
    .register-box {
        width: 80%;
        margin-top: 20px;
    }
    .register-logo {
        font-size: 17px !important;
        padding: 10px 0 !important;
    }
    .head-title-1 {
        font-size: 17px;
    }
    .head-title-img-left {
        width: 50%;
        margin-bottom: 15px;
    }
    .head-title-img-right {
        width: 50%;
        margin-bottom: 15px;
    }
    .register-title {
        font-size: 15px !important;
    }
    .register-textarea {
        max-width: 100%;
    }
    .pending-reason-textarea {
        max-width: 100%;
    }
}

@media (min-width:568px)and(max-width: 1000px) {
    .login-box {
        width: 70%;
    }
    .login-logo {
        font-size: 17px;
    }
    .head-title-img-left {
        width: 50%;
    }
    .head-title-img-right {
        width: 50%;
    }
    .register-textarea {
        max-width: 100%;
    }
    .pending-reason-textarea {
        max-width: 100%;
    }
}

.border-card {
    border: solid 1px #d2d6de;
    margin: 4px 0px;
    padding: 8px 0px;
}

.register-title {
    padding: 4px;
    margin-top: 6px !important;
    font-weight: bold;
    text-align: center;
    font-size: 17px;
}

.register-logo {
    font-size: 21px;
}


/* .login-logo {
    font-size: 20px !important;
} */

.form-control {
    padding-right: 0px !important;
}

.d-none {
    display: none;
}

.info-box {
    min-height: 75px !important;
}

.info-box-icon {
    height: 75px !important;
}

.term-checkbox {
    font-size: 110% !important;
    padding-left: 25px !important;
}

.sidebar-menu>.treeview {
    font-size: 100% !important;
    /* font-size: 110% !important; */
}

.sidebar-menu li.header {
    font-size: 14px;
}

.treeview-menu>li>a {
    font-size: 13px !important;
}

.custom-btn {
    margin: 1px;
    width: 30px !important;
    height: 30px !important;
    padding: 2px 2px 0px 2px;
}

.custom-btn-show {
    padding: 5px 2px 0px 2px;
}

.custom-btn-edit {
    padding: 4.5px 0px 0px 3px;
}

.custom-btn-payment {
    padding: 5px 0px 0px 0px;
}

.custom-btn-receive {
    padding: 5px 0px 0px 0px;
}

.custom-btn-print {
    padding: 5px 0px 0px 0px;
}

.custom-btn-delete {
    margin: 1px;
    width: 30px !important;
    height: 30px !important;
    padding: 2px 3px 0px 2px;
    border-radius: 3px !important;
}

.custom-btn-remark-edit {
    padding: 5px 0px 0px 2px;
}

.remark-text {
    font-size: 13px;
}

.remark .text-muted {
    font-size: 11px;
}

.remark-header {
    margin-left: 25px;
}

.table {
    width: 100%;
    border-collapse: collapse;
    /* table-layout: fixed; */
}

td,
th {
    text-align: left;
}

table thead tr th {
    vertical-align: middle !important;
    text-align: center !important;
}

table tbody tr td {
    text-align: center;
}

.close {
    color: red;
    opacity: 1;
}

.close span {
    font-size: 130%;
    font-weight: lighter;
}

h3.box-title {
    font-size: 17px !important;
    color: rgb(6, 158, 195);
}

h4.box-title {
    font-weight: 700;
}

label.sub-title {
    font-size: 12.5px;
}

label.sub-title-sm {
    font-size: 12px;
    /* text-align: justify; */
}

.box-detail-station {
    min-height: 545px;
}

.custom-title {
    color: #1c5271;
    font-size: 16px;
}


/* company detail  */

.company-info-box {
    min-height: 380px;
}

.company-info-table tbody tr {
    height: 40px;
}

.view-account {
    background: #FFFFFF;
    margin-top: 20px;
}

.drive-wrapper {
    padding: 15px;
    background: #f5f5f5;
    overflow: hidden
}

.drive-wrapper .drive-item {
    width: 130px;
    margin-right: 15px;
    display: inline-block;
    float: left;
}

.drive-wrapper .drive-item:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    z-index: 1
}

.drive-wrapper .drive-item-inner {
    padding: 15px
}

.drive-wrapper .drive-item-title {
    margin-bottom: 15px;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.drive-wrapper .drive-item-title a {
    color: #494d55
}

.drive-wrapper .drive-item-title a:hover {
    color: #40babd
}

.theme-2 .drive-wrapper .drive-item-title a:hover {
    color: #6dbd63
}

.theme-3 .drive-wrapper .drive-item-title a:hover {
    color: #497cb1
}

.theme-4 .drive-wrapper .drive-item-title a:hover {
    color: #ec6952
}

.drive-wrapper .drive-item-thumb {
    width: 100px;
    height: 80px;
    margin: 0 auto;
    color: #616670
}

.drive-wrapper .drive-item-thumb a {
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8
}

.drive-wrapper .drive-item-thumb a:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.drive-wrapper .drive-item-thumb .fa {
    display: inline-block;
    font-size: 36px;
    margin: 0 auto;
    margin-top: 20px
}

.drive-wrapper .drive-item-footer .utilities {
    margin-bottom: 0
}

.drive-wrapper .drive-item-footer .utilities li:last-child {
    padding-right: 0
}

@media (max-width:767px) {
    .drive-wrapper .drive-item {
        width: 100px;
        margin-right: 5px;
        float: none
    }
    .drive-wrapper .drive-item-thumb {
        width: auto;
        height: 54px
    }
    .drive-wrapper .drive-item-thumb .fa {
        font-size: 24px;
        padding-top: 0
    }
}

.module {
    border: 1px solid #f3f3f3;
    border-bottom-width: 2px;
    background: #fff;
    margin-bottom: 30px;
    position: relative;
    border-radius: 4px;
    background-clip: padding-box;
}

.module .module-footer {
    background: #fff;
    border-top: 1px solid #f3f3f7;
    padding: 15px;
}

.module .module-footer a {
    color: #9499a3;
}

.toggle.ios,
.toggle-on.ios,
.toggle-off.ios {
    border-radius: 15px;
}

.toggle.ios .toggle-handle {
    border-radius: 15px;
}


/* fullcalendar */

.calendar-box {
    min-height: 370px;
}

.fc-basic-view .fc-body .fc-row {
    min-height: 1em !important;
}


/* .fc-widget-content {
    height: 50px !important;
} */

#calendar {
    background-color: #eff2fa;
}

.fc-day-header {
    background-color: #eff2fa;
}

.fc-sun,
.fc-sat {
    color: #1b4b77;
    border-color: black;
    background-color: #e5e9f1;
}


/* 
#calendar {
    background-color: #d2d6de;
}
.fc-day-header {
    background-color: #3e9fd6;
}

td.fc-sun,
td.fc-sat {
    color: #1b4b77;
    border-color: black;
    background-color: #bfb6f1;
}

td.fc-mon,
td.fc-tue,
td.fc-wed,
td.fc-thu,
td.fc-fri {
    background-color: #d2d6de;
} */


/* menus icons */

.menu-icon-1,
.menu-icon-2,
.menu-icon-3 {
    width: 20px;
    text-align: center;
    color: #00bcd4;
}

.menu-icon-1 {
    margin-right: 5px;
}

.menu-icon-2 {
    margin-right: 3px;
}

.menu-icon-3 {
    margin-right: 2px;
}

.sub-menu-2 {
    font-size: 13px !important;
}

h5.modal-title {
    text-align: center;
}

.login-page {
    background-image: url(https://www.eletimes.com/wp-content/uploads/2020/11/Telecommunications.jpg);
    background-color: #cccccc;
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.login-box-body .form-control-feedback {
    color: #3c8dbc;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: pyidaungsu;
}


/* home login box  */


/* @media (min-width:813px) and (max-width:1270px) {
    .col-md-20-percent {
        width: 30%;
    }
    .small-box .inner p {
        font-size: 14px;
    }
} */


/* @media (min-width:1280px) {
    .col-md-20-percent {
        width: 16%;
    }
    .col-md-20-percent .small-box {
        height: 130px;
    }
    .small-box .inner p {
        font-size: 14px;
    }
    .small-box .icon {
        top: -5px;
        font-size: 70px;
    }
    .small-box:hover .icon {
        font-size: 80px
    }
} */

.home-login-box {
    width: 70%;
    margin: 2% auto;
    background-color: #fff;
    color: #666;
}

.home-login-banner {
    padding: 20px;
}

.home-login-nav {
    min-height: 115px;
    background-color: #e8f0fe;
    padding-top: 2.5%;
}

.home-login-nav-content {
    padding-top: 2%;
    padding-left: 9.5%;
    /* padding-right: 5%; */
    padding-bottom: 5%;
}

.home-login-nav-button {
    text-align: center;
    /* height: 100%; */
    width: 30%;
    vertical-align: middle;
}

.home-login-nav div .home-login-nav-button a {
    color: #0b5db3;
    margin: 0 auto;
    font-size: 17px;
    height: 70px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #EEEEEE;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    touch-action: manipulation;
    cursor: pointer;
    padding: 21px 12px;
    line-height: 1.5;
    user-select: none;
    background-color: #3c8dbc;
    color: #fff;
    box-shadow: 0 1px 4px 0 #e8f0fe;
}

.home-login-body {
    /* border-top: 1px solid rgb(177, 173, 173);
    border-bottom: 1px solid rgb(177, 173, 173); */
    width: 100%;
    margin: auto;
}

.login-box-title {
    width: auto;
    min-height: 80px;
    /* background-color: #3c8dbc;
     */
    background-color: rgba(5, 111, 216, 1);
    margin: 0;
    padding-top: 7%;
    border: 1px solid #367fa9;
}

.login-box-body {
    border: 1px solid #367fa9;
}

.home-login-hr {
    border-top: 1px solid rgb(177, 173, 173);
    width: 98%;
}

.home-login-guide {
    margin: auto 20px;
}


/* charts  */

.chart-all-license {
    padding-left: 15px;
    padding-right: 30px;
}

@media (min-width: 320px) and (max-width:767px) {
    .login-box-title {
        padding-top: 15%;
    }
    .home-login-nav div .home-login-nav-button a {
        font-size: 15px;
        height: 50px;
        padding: 11px 2px;
    }
    .home-login-nav-title {
        font-size: 18px;
        padding: 0 25px;
        line-height: 30px;
    }
    .home-login-nav-button {
        width: 90%;
        margin: 2% 3.5%;
    }
    .home-login-nav div .home-login-nav-button a {
        height: 45px;
    }
    .home-login-box-title {
        font-size: 16px;
        padding: 0 3px;
    }
    .login-logo a {
        font-size: 18px;
    }
    .guide-title h4 {
        font-size: 17px;
    }
    .login-logo {
        margin-bottom: 12% !important;
    }
    /* charts  */
    .chart-all-license {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .login-box-title {
        padding-top: 10%;
    }
    .home-login-nav-button {
        width: 60%;
        margin-left: 18%;
        margin-top: 2%;
    }
    .home-login-nav div .home-login-nav-button a {
        height: 50px;
        padding: 11px 2px;
    }
    .home-login-nav-title {
        line-height: 30px;
    }
    /* charts  */
    .chart-all-license {
        padding-left: 0;
        padding-right: 0;
    }
}


/* renewal */

.table-transmitter-equipment {
    border: 1px solid #f4f4f4;
}

.table-transmitter-equipment tbody tr th {
    line-height: 31px;
}

.table-transmitter-equipment tbody tr td {
    vertical-align: middle;
}

.table-transmitter-equipment {
    font-size: 13px;
}

.table-receiver-equipment {
    border: 1px solid #f4f4f4;
}

.table-receiver-equipment tbody tr th {
    line-height: 36px;
}

.table-receiver-equipment tbody tr td {
    vertical-align: middle;
}

.table-receiver-equipment {
    font-size: 13px;
}

.table-antenna-characteristics {
    border: 1px solid #f4f4f4;
}

.table-antenna-characteristics tbody tr th {
    line-height: 35px;
}

.table-antenna-characteristics tbody tr td {
    vertical-align: middle;
}

.table-antenna-characteristics {
    font-size: 13px;
}

h6.box-title {
    font-size: 16px !important;
    color: #1b4b77;
}


/* device detail  */

.antenna_characteristic tbody tr th {
    line-height: 29px;
}


/* .append-device tr td {
    text-align: center;
} */

table.renewal thead tr th {
    text-align: center !important;
    /* text-align-last: left; */
}

table.renewal thead tr th.action {
    text-align: left !important;
}

.append-device tr td.action {
    text-align: left;
}


/* .box-device-info {
    height: 600px;
} */

.disappear-content {
    display: none;
}


/* map */

.map-content-title {
    text-align: center;
}

.map-show-btn {
    float: right;
}

.map-title {
    font-weight: bold;
    border-bottom: 2px solid #0c1f2b;
    padding-top: 15px;
    padding-bottom: 3px;
}

.mapboxgl-popup-content {
    max-width: 300px;
}

.spider-leg-container .spider-leg-pin {
    position: relative;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    font-size: 20px;
}

.spider-leg-container .spider-leg-pin i.type-icon {
    color: white;
}


/* payment form */


/* report */

table.summery tbody tr td {
    text-align: center;
}

table.summery tfoot tr td {
    text-align: center;
}


/* application list  */

.sort-by {
    padding-right: 18px;
    position: relative;
}

.sort-by a {
    color: black;
}

.sort-by a:hover {
    color: #3c8dbc !important;
}

.sort-by-asc:before,
.sort-by-asc:after,
.sort-by-desc:before,
.sort-by-desc:after,
.sort-by-arrow:before,
.sort-by-arrow:after {
    border: 5.5px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 4px;
    top: 50%;
    position: absolute;
    width: 0;
}

.sort-by-arrow:before {
    border-bottom-color: #666 !important;
    margin-top: -12px;
}

.sort-by-arrow:after {
    border-top-color: #666 !important;
    margin-top: 1.5px;
}

.sort-by-asc:before {
    border-bottom-color: #3c8dbc;
    margin-top: -12px;
}

.sort-by-desc:after {
    border-top-color: #3c8dbc;
    margin-top: 1.5px;
}


/* register page loading  */

.loader {
    color: #ffffff;
    font-size: 20px;
    margin: 100px auto;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

@-webkit-keyframes load4 {
    0%,
    100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }
    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }
    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}

@keyframes load4 {
    0%,
    100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }
    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }
    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}

.doubleScroll-scroll-wrapper {
    width: 100% !important;
}


/* company application */


/* .select-service-type .info-box-icon {
    width: 10px !important;
} */


/* .select-service-type .info-content {
    text-align: center;
} */

.select-service-type {
    margin-bottom: 20px;
}

.select-service-type a {
    line-height: 2;
}

.select-service-type .btn i {
    font-size: 130%;
}

.swal-button:focus {
    border: 1px solid rgb(122, 122, 225);
    box-shadow: 1px 1px #888888;
}

/* sweetalert2 */
.swal2-popup {
    font-size: 1.2rem !important;
  }
.swal2-top-end .swal2-popup h2.swal2-title{
    font-size: 1.6rem !important;
    padding:10px !important;
}

/* dashboard chart */
.chart-box{
    width:95% !important;
    margin:auto;
    margin-top:3%;
}
#legend {
    padding-left: 50px;
  }
.service-type-pie-chart{
    margin:auto;
    width:60% !important;
}
.owner-pie-chart{
    margin:auto;
    width:80%;
}
.swal-title{
    font-size:21px;
}