@font-face {
    font-family: 'Lato';
    src: url('./fonts/Lato-Bold.woff2') format('woff2'),
        url('./fonts/Lato-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('./fonts/Lato-Italic.woff2') format('woff2'),
        url('./fonts/Lato-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('./fonts/Lato-BoldItalic.woff2') format('woff2'),
        url('./fonts/Lato-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: 'Lato';
    src: url('./fonts/Lato-Regular.woff2') format('woff2'),
        url('./fonts/Lato-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    background: #83AE7B;
}

.register {
    background: #83ae7b
}

.container-fluid {
    padding: 0 !important
}

.full-wdth {
    padding: 0
}

.lgo img {
    padding: 5px 0
}

.lgin {
    padding: 0;
    /* background-color: #83ae7b; */
    overflow-y: auto
}

.excise_title {
    color: #fff;
    margin: 0;
    font-weight: 700 !important;
    font-size: 22px;
    line-height: 30px
}

.ap-user-icon,
.ts-user-icon {
    margin: 0 auto;
    margin-top: -60px;
    margin-bottom: 12px;
    text-align: center;
    width: 120px;
    height: 120px;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px
}

.ap-user-icon i,
.ts-user-icon i {
    font-size: 110px;
    color: #fff;
    margin-top: 68px
}

.lgin-alert {
    font-size: 12px;
    padding-bottom: 10px;
    color: #31708f
}

#j1_1>i.jstree-icon {
    display: none !important
}

.excise_title span {
    color: #ecc580
}

.depo_names h5 {
    color: #fff;
    text-align: center;
    margin: 4px auto;
    font-weight: 600
}

.depo_names p strong {
    font-size: 16px
}

.lgnhdng {
    color: #fff;
    text-align: center
}

.login_bg {
    border-top:8px solid #A94442;
    background-color: #CDDECA;
    height: 100%;
    padding: 25px;
    overflow-y: auto;
}
.login_bg h3{
    font-weight: bold;
    text-align: center;
    margin: 25px 0;
}
.login_bg input {
    background-color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    padding: 25px 20px;
    border-width: 2px;
    padding-left: 38px;
}

.login_bg input:focus{
    border: 2px solid #83ae7b;
}

.ap-btn,
.blue-btn,
.ts-btn {
    color: #fff;
    font-weight: 700;
}

.forgot_password a {
    font-size: 14px;
    color: #1fa8d6 !important;
    text-decoration: underline
}

.rember {
    padding: 10px 0;
    color: #f9be60
}

.rember a {
    color: #f9be60
}

.btn1 {
    background: #126caa;
    border: 2px solid #f9be60;
    color: #fff;
    border-radius: 4px;
    padding: 5px 15px
}

.hlplne {
    color: #fff;
    text-align: center;
    margin-top: 8px
}

.hlplne p {
    padding-left: 5px;
    margin: 8px 0
}

.hlplne span {
    font-weight: 700;
    font-size: 18px
}

.app {
    text-align: center
}

.app a {
    margin: 2px 0;
    font-size: 14px;
    line-height: 0;
    color: #ea353a !important;
    text-decoration: underline;
    font-weight: 700
}

.app a i {
    font-size: 18px;
    color: #fff
}

.forget-form h3,
p {
    color: #fff;
    text-align: center
}

.main_content {
    padding: 0;
    margin: 0
}

.pge_hedr {
    background: #fff;
    padding: 10px 0 !important
}

.crcular marquee {
    padding: 5px 0;
    color: #1fa8d6
}

.sgnl i {
    padding: 10px 0;
    font-size: 24px;
    color: #21a498;
    cursor: pointer
}

.pwr i {
    padding: 10px 0;
    font-size: 24px;
    color: #ea4d59;
    cursor: pointer
}

.cm_minister {
    margin-bottom: 0px;
    text-align: center
}

.cm_minister img {
    max-width: 300px;
    min-width: 25%;
    text-align: center;
    height: fit-content;
}

.todo-tasklist {
    padding: 5px 0 !important;
    width: 100%
}

.todo-tasklist-item {
    margin-bottom: 3px
}

.todo-tasklist-item-text {
    padding: 0
}

.prtlet {
    padding-top: 5px
}

.portlet.light {
    padding: 2px 10px
}

.nws-prtlt {
    padding: 5px 0 !important
}

.ftr p {
    color: #333;
    margin: 0
}

.usrnme {
    text-align: center
}

.check-lgin {
    line-height: 26px
}

.rembr {
    padding: 0
}

.login_prtlet .padding_l_r {
    padding-left: 6px;
    padding-right: 6px
}

.login_prtlet .portlet.light>.portlet-title>.caption,
.portlet.light>.portlet-title>.actions {
    padding: 0
}

.login_prtlet .portlet.light>.portlet-title {
    min-height: 35px
}

.login_prtlet .portlet.light>.portlet-title>.caption>.caption-subject {
    font-size: 12px
}

.login_prtlet .portlet>.portlet-title>.actions>.btn,
.portlet>.portlet-title>.actions>.btn-group>.btn,
.portlet>.portlet-title>.actions>.btn-group>.btn.btn-sm,
.portlet>.portlet-title>.actions>.btn.btn-sm {
    padding: 0 10px
}

.login_prtlet .portlet.light>.portlet-title>.caption {
    color: #666
}

.login-form .form-group,
#resetpassword .form-group {
    margin-bottom: 10px
}

.login_page .page-footer {
    width: 100%;
    z-index: 9999;
    color: #e5e5e5;
    clear: both;
}

.login_page .portlet-body .scroller {
    overflow: auto
}

.ap-user-icon {
    background-color: #edc720
}

.ts-user-icon {
    background-color: #ff50fa
}

.ap-btn {
    background-color: #4CAF50;
    border: 1px solid #4CAF50;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    padding: 12px;
}

.ap-btn:hover {
    background-color: #328135;
    color: #fff;
}

.ts-btn {
    background-color: #ff50fa;
    border: 1px solid #ff50fa
}

.ts-btn:hover {
    background-color: #ff50fa
}

.frgt-cnt p,
.frgt-cnt h3 {
    color: #333 !important;
    margin: 12px 0
}

.blue-btn {
    background-color: #1fa8dc;
    border: 1px solid #1d99c3;
    color: #fff;
    font-weight: 700;
    padding: 15px;
    display: block;
    text-align: center;
}

.blue-btn:hover {
    background-color: #1d99c3;
    color: #fff;
}

.bg-white{
    background-color: #fff;
    background: #fff;
    color: #222;
}

.portlet>.portlet-title {
    margin-bottom: 4px
}

.scroller ul li {
    list-style-type: none
}

.portlet.light>.portlet-title>.caption>i {
    color: #1FA8D6;
    font-size: 20px;
    font-weight: 300;
    margin-top: 3px
}

.todo-tasklist-item-title {
    font-size: 14px;
    padding-bottom: 0
}

.todo-tasklist-item {
    padding: 0 10px
}

.scroller a {
    color: #333 !important;
    font-size: 13px
}

#new-pwd {
    color: #333
}

.page-footer-inner.pull-right>a {
    color: #fff
}

.font-blue.fa.fa-info-circle.tooltips.padding-top-10 {
    line-height: 35px
}

.mt-element-overlay .mt-overlay-1 {
    width: 18%
}

.mt-element-card.mt-card-round .mt-card-item {
    padding: 0 10px
}

.mt-element-card .mt-card-item {
    margin-bottom: 10px
}

.mt-element-overlay .mt-overlay-1 .mt-overlay {
    background-color: rgba(0, 0, 0, 0.3)
}

.key-ppl {
    color: #1fa8d6;
    font-size: 20px;
    font-weight: 300;
    margin-top: 3px
}

.key-info {
    color: #666;
    font-size: 14px
}

.mt-element-ribbon {
    margin-bottom: 0;
    padding: 0;
    position: static
}

.mt-element-card.mt-card-round .mt-card-item .mt-card-avatar {
    margin-top: 3px
}

.mt-element-card .mt-card-item .mt-card-content {
    text-align: left;
    padding-left: 55px
}

.mt-card-desc {
    text-align: left
}

.mt-element-ribbon .ribbon>.ribbon-sub.ribbon-bookmark::after {
    border-left: 26px solid #337ab7;
    border-right: 24px solid #337ab7
}

.mt-element-ribbon .ribbon.ribbon-color-info>.ribbon-sub::after {
    border-color: #659be0
}

.mt-element-ribbon .ribbon.ribbon-color-danger>.ribbon-sub::after {
    border-color: #ed6b75
}

.mt-element-ribbon .ribbon.ribbon-color-warning>.ribbon-sub::after {
    border-color: #f1c40f;
    color: #fff
}

.mt-element-ribbon .ribbon.ribbon-color-success>.ribbon-sub::after {
    border-color: #36c6d3
}

.mt-element-ribbon .ribbon.ribbon-color-warning,
.mt-element-ribbon .ribbon.ribbon-color-warning>.ribbon-sub {
    color: #fff
}

.portlet-body .scroller {
    height: 270px
}

.mt-element-card .mt-card-item .mt-card-content .mt-card-name {
    font-size: 14px
}

.col-lg-6.col-md-12.col-sm-6.col-xs-12.no_padding {
    padding-left: 8px;
    padding-right: 8px
}

.col-lg-9.col-md-12.no_padding {
    padding-left: 8px;
    padding-right: 8px
}

.col-lg-3.col-md-12.no_padding {
    padding-left: 8px;
    padding-right: 8px
}

.portlet.light.portlet-fit>.portlet-body {
    padding: 15px 20px 12px
}

.portlet.light.portlet-fit>.portlet-title {
    padding: 10px 5px
}

.col-lg-8.col-md-12.no_padding {
    padding-left: 5px;
    padding-right: 5px
}

.col-lg-4.col-md-12.no_padding {
    padding-left: 5px;
    padding-right: 5px
}

.jstree-default .jstree-node {
    margin-left: 0
}

.caption.depot-list {
    padding: 9px 0 !important
}

.mt-element-ribbon .ribbon>.ribbon-sub.ribbon-bookmark::after {
    bottom: -13px
}

.mt-element-ribbon .ribbon.ribbon-vertical-right {
    width: 50px
}

#pulsate-regular {
    padding: 5px
}

.mt-element-ribbon .ribbon.ribbon-vertical-right {
    padding-bottom: 10px;
    padding-top: 10px;
    right: 0
}

.jstree-default .jstree-node {
    margin-left: 0 !important
}

.frgt {
    line-height: 36px
}

.create-account {
    border-radius: 4px;
    text-align: center;
    background-color: #e73d4a;
    padding: 5px;
    font-weight: 700;
    margin-top: 10px
}

.create-account a {
    text-decoration: none
}

.create-account a:hover {
    color: #333 !important
}

.panel-custom {
    background: #edc720
}

.alrdy-reg {
    margin-left: 2%
}

.form-horizontal .control-label {
    text-align: left !important
}

div.required label:after {
    content: " *";
    color: red
}

.page-footer {
    background-color: #3a4b55;
    font-size: 13px;
    padding: 8px 0px 0px
}

.clt,
.clt ul,
.clt li {
    position: relative
}

.clt ul {
    list-style: none;
    padding-left: 12px
}

.clt li::before,
.clt li::after {
    content: "";
    position: absolute;
    left: -12px
}

.clt #distcts li::before {
    border-top: 1px dotted #000;
    top: 9px;
    width: 8px;
    height: 0
}

.clt #distcts li::after {
    border-left: 1px dotted #000;
    height: 100%;
    width: 0;
    top: -5px
}

.portlet.light .portlet-body {
    padding-top: 0 !important
}

.dropdown {
    margin-bottom: 0px !important;
    display: inline-block
}

.portlet.light.portlet-fit {
    padding: 0
}

.portlet.light.bordered {
    border: 1px solid #e7ecf1 !important
}

.portlet.light {
    background-color: #fff
}

.portlet {
    margin-top: 0;
    margin-bottom: 25px;
    padding: 0;
    border-radius: 4px
}

.portlet.light.bordered>.portlet-title {
    border-bottom: 1px solid #eef1f5
}

.portlet>.portlet-title::after,
.portlet>.portlet-title::before {
    content: " ";
    display: table
}

.portlet>.portlet-title>.caption {
    float: left;
    display: inline-block;
    font-size: 18px;
    line-height: 18px
}

.portlet>.portlet-title>.caption>i {
    float: left;
    display: inline-block;
    margin-right: 5px
}

.font-green {
    color: #32c5d2 !important
}

[class*=" fa-"]:not(.fa-stack),
[class*=" glyphicon-"],
[class*=" icon-"],
[class^="fa-"]:not(.fa-stack),
[class^="glyphicon-"],
[class^="icon-"] {
    line-height: 14px;
    display: inline-block
}

.uppercase {
    text-transform: uppercase !important
}

.bold {
    font-weight: 700 !important
}

.portlet>.portlet-body {
    clear: both;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.mt-element-card .mt-card-item {
    border: 1px solid #e7ecf1;
    position: relative
}

.mt-element-ribbon .ribbon.ribbon-shadow.ribbon-right,
.mt-element-ribbon .ribbon.ribbon-shadow.ribbon-vertical-right {
    box-shadow: -2px 2px 7px rgba(0, 0, 0, .4)
}

.mt-element-ribbon .ribbon.ribbon-color-primary {
    background-color: #337ab7;
    color: #fff
}

.mt-element-ribbon .ribbon.ribbon-vertical-right {
    top: -2px;
    left: auto
}

.mt-element-ribbon .ribbon.ribbon-shadow {
    box-shadow: 2px 2px 7px rgba(0, 0, 0, .4)
}

.mt-element-ribbon .ribbon {
    position: absolute;
    padding: .5em 1em;
    z-index: 5
}

.mt-element-ribbon .ribbon,
.mt-element-ribbon .ribbon.ribbon-color-default,
.mt-element-ribbon .ribbon.ribbon-color-default>.ribbon-sub,
.mt-element-ribbon .ribbon>.ribbon-sub {
    background-color: #bac3d0;
    color: #384353
}

.mt-element-ribbon .ribbon.ribbon-color-primary>.ribbon-sub {
    background-color: #337ab7;
    color: #000
}

.mt-element-ribbon .ribbon>.ribbon-sub {
    z-index: -1;
    position: absolute;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.mt-element-ribbon .ribbon,
.mt-element-ribbon .ribbon.ribbon-color-default,
.mt-element-ribbon .ribbon.ribbon-color-default>.ribbon-sub,
.mt-element-ribbon .ribbon>.ribbon-sub {
    background-color: #bac3d0;
    color: #384353
}

.mt-element-ribbon .ribbon.ribbon-color-primary {
    color: #fff
}

.mt-element-ribbon .ribbon.ribbon-color-primary>.ribbon-sub::after {
    border-color: #122b40 #337ab7
}

.mt-element-ribbon .ribbon>.ribbon-sub.ribbon-bookmark::after {
    border-bottom: 1em solid transparent !important;
    bottom: -1em;
    content: '';
    height: 0;
    left: 0;
    position: absolute
}

.mt-element-ribbon .ribbon.ribbon-color-primary>.ribbon-sub {
    color: #000
}

.mt-element-ribbon .ribbon,
.mt-element-ribbon .ribbon.ribbon-color-default,
.mt-element-ribbon .ribbon.ribbon-color-default>.ribbon-sub,
.mt-element-ribbon .ribbon>.ribbon-sub {
    color: #384353
}

.mt-element-ribbon .ribbon.ribbon-color-primary {
    color: #fff
}

.mt-element-ribbon .ribbon.ribbon-color-primary {
    color: #fff
}

.mt-element-ribbon .ribbon.ribbon-color-primary::after {
    border-color: #286090
}

.mt-element-ribbon .ribbon.ribbon-border-dash-vert::after {
    border-top: none;
    border-bottom: none;
    border-left: 1px solid;
    border-right: 1px solid;
    border-left-style: dashed;
    border-right-style: dashed;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    right: 5px
}

.mt-element-ribbon .ribbon.ribbon-color-primary {
    color: #fff
}

.mt-element-ribbon .ribbon.ribbon-shadow.ribbon-right,
.mt-element-ribbon .ribbon.ribbon-shadow.ribbon-vertical-right {
    box-shadow: -2px 2px 7px rgba(0, 0, 0, .4)
}

.mt-element-ribbon .ribbon.ribbon-color-primary {
    background-color: #337ab7;
    color: #fff
}

.mt-element-ribbon .ribbon.ribbon-vertical-right {
    top: -2px;
    left: auto
}

.mt-element-ribbon .ribbon {
    position: absolute;
    padding: .5em 1em;
    z-index: 5
}

.mt-element-card.mt-card-round .mt-card-item .mt-card-avatar {
    border-radius: 50% !important
}

.mt-element-card .mt-card-item .mt-card-avatar {
    margin-bottom: 15px
}

.mt-element-overlay .mt-overlay-1 {
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default
}

.mt-element-overlay .mt-overlay-1 img {
    display: block;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    width: 100%;
    height: auto
}

.mt-element-card.mt-card-round .mt-card-item .mt-card-avatar .mt-overlay {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.mt-element-overlay .mt-overlay-1.mt-scroll-up .mt-overlay {
    bottom: -100%;
    top: auto
}

.mt-element-overlay .mt-overlay-1 .mt-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, .7);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.mt-element-overlay .mt-overlay-1 {
    text-align: center;
    cursor: default
}

.mt-element-overlay .mt-overlay-1.mt-scroll-up:hover .mt-overlay {
    bottom: 0
}

.mt-element-overlay .mt-overlay-1.mt-scroll-up .mt-overlay {
    bottom: -100%;
    top: auto
}

.mt-element-card .mt-card-item .mt-card-content .mt-card-name {
    font-weight: 600;
    margin-bottom: 10px
}

.mt-element-card .mt-card-item .mt-card-content .mt-card-desc {
    font-size: 14px;
    margin: 0 0 10px
}

.portlet>.portlet-body p,
.table .btn {
    margin-top: 0
}

.font-grey-mint {
    color: #525e64 !important
}

.mt-element-ribbon .ribbon.ribbon-color-success {
    background-color: #36c6d3;
    color: #fff
}

.mt-element-ribbon .ribbon.ribbon-color-success>.ribbon-sub {
    background-color: #36c6d3
}

.mt-element-ribbon .ribbon.ribbon-color-warning,
.mt-element-ribbon .ribbon.ribbon-color-warning>.ribbon-sub {
    background-color: #F1C40F
}

.mt-element-ribbon .ribbon.ribbon-color-info>.ribbon-sub {
    background-color: #659be0;
    color: #fff !important
}

.mt-element-ribbon .ribbon.ribbon-color-info {
    color: #fff
}

.portlet>.portlet-title {
    border-bottom: 1px solid #eee;
    padding: 0;
    margin-bottom: 10px;
    min-height: 41px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.font-yellow-crusta {
    color: #f3c200 !important
}

.font-yellow-gold {
    color: #E87E04 !important
}

.font-purple-plum {
    color: #8775a7 !important
}

.font-green-seagreen {
    color: #1BA39C !important
}

.font-green-jungle {
    color: #26C281 !important
}

.font-purple-medium {
    color: #BF55EC !important
}

.font-blue-steel {
    color: #4B77BE !important
}

li [class*=" fa-"],
li [class*=" glyphicon-"],
li [class*=" icon-"],
li [class^="fa-"],
li [class^="glyphicon-"],
li [class^="icon-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center
}

.btn.yellow-crusta:not(.btn-outline) {
    color: #fff;
    background-color: #f3c200;
    border-color: #f3c200
}

.btn.ap-yellow-crusta:not(.btn-outline) {
    color: #fff;
    background-color: #f3c200;
    border-color: #f3c200
}

.btn.ts-yellow-crusta:not(.btn-outline) {
    color: #fff;
    background-color: #ff50fa;
    border-color: #ff50fa
}

.btn:not(.btn-sm):not(.btn-lg) {
    line-height: 1.44
}

.btn {
    outline: 0 !important
}

.btn,
.form-control {
    box-shadow: none !important
}

.btn.yellow-crusta:not(.btn-outline) {
    color: #fff
}

.btn:not(.btn-sm):not(.btn-lg) {
    line-height: 1.44
}

.btn:not(.btn-sm):not(.btn-lg) {
    line-height: 1.44
}

.btn.green-seagreen:not(.btn-outline) {
    color: #FFF;
    background-color: #1BA39C;
    border-color: #1BA39C
}

.btn.purple.focus:not(.btn-outline),
.btn.purple:focus:not(.btn-outline) {
    color: #fff;
    background-color: #703688;
    border-color: #432051
}

.btn.purple:not(.btn-outline) {
    color: #fff;
    background-color: #8E44AD;
    border-color: #8E44AD
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
table {
    font-family: 'Lato' !important;
}

.font-white {
    color: #fff !important;
}

.input-group-addon>i {
    color: #333;
}

.control-label .required,
.form-group .required {
    color: #e02222;
    font-size: 12px;
}

.btn.yellow-crusta:not(.btn-outline) {
    color: #fff;
    background-color: #f3c200;
    border-color: #f3c200;
}

.font-red-thunderbird {
    color: #D91E18 !important;
}

.font-blue-steel {
    color: #4B77BE !important;
}

label {
    font-weight: normal !important;
}

.Gazette-hgt {
    height: 300px;
    overflow-y: scroll;
}

.close {
    background-image: url("/img/remove-icon-small.png") !important;
    background-repeat: no-repeat !important;
    height: 15px;
    width: 15px;
}

.cstm-mdl h4 {
    text-align: left;
    color: #3598dc;
    margin: 10px 0;
}

.custm-mdlbdy {
    height: 500px;
    overflow-y: scroll;
}

.prvcy-dsclmr a {
    color: #fff;
    cursor: pointer;
}

.btn.red:not(.btn-outline) {
    background-color: #e7505a;
    border-color: #e7505a;
    color: #fff;
}

.btn.blue:not(.btn-outline) {
    color: #FFF;
    background-color: #3598dc;
    border-color: #3598dc;
}


@media (min-width: 240px) and (max-width: 767px) {
    .lgin {
        height: auto !important
    }
}

@media (min-width: 320px) and (max-width: 1200px) {
    /* .login_page .page-footer{position:inherit!important;display:inline-block} */
}

@media (min-width: 1300px) {
    body {
        overflow-y: hidden;
    }
}

@media (min-width: 320px) and (max-width: 520px) {
    .mt-element-overlay .mt-overlay-1 {
        width: 15% !important
    }

    .mt-element-card .mt-card-item .mt-card-content {
        padding-left: 10px
    }

    .mt-element-ribbon .ribbon.ribbon-vertical-right {
        right: 5px;
        padding-bottom: 8px;
        padding-top: 8px
    }

    .mt-element-card.mt-card-round .mt-card-item .mt-card-avatar {
        margin-top: 8px
    }

    .mt-element-card .mt-card-item .mt-card-content .mt-card-name {
        font-size: 12px
    }
}

@media (min-width: 521px) and (max-width: 767px) {
    .mt-element-overlay .mt-overlay-1 {
        width: 10% !important
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    .mt-element-overlay .mt-overlay-1 {
        width: 15% !important
    }

    .mt-element-card .mt-card-item .mt-card-content {
        margin-left: 20px
    }
}

@media (min-width: 991px) and (max-width: 1200px) {
    .mt-element-overlay .mt-overlay-1 {
        width: 10% !important
    }

    .mt-element-card .mt-card-item .mt-card-content {
        margin-left: 20px
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .mt-element-card .mt-card-item .mt-card-content {
        padding-left: 10px
    }

    .mt-element-card .mt-card-item .mt-card-content .mt-card-name {
        font-size: 13px !important
    }

    .mt-element-overlay .mt-overlay-1 {
        width: 18% !important
    }

    .mt-element-ribbon .ribbon.ribbon-vertical-right {
        right: 5px;
        padding-bottom: 8px;
        padding-top: 8px
    }
}

@media (min-width: 1100px) and (max-width: 1366px) {
    .excise_title {
        line-height: 25px !important
    }

    .depo_names p {
        margin: 0 auto
    }

    .frgt-cnt h3 {
        margin: -13px 0 0
    }

    .frgt-cnt p {
        margin: 3px 0;
        font-size: 12px
    }

    .mt-element-ribbon .ribbon>.ribbon-sub.ribbon-bookmark::after {
        bottom: -13px
    }

    .portlet.light {
        padding: 5px 10px
    }

}

@media (min-width: 1200px) {
    body {
        overflow-y: auto
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .portlet.light {
        padding: 0px 10px
    }
}

/* tbody tr:nth-child(4n-3) td:nth-child(1), tbody tr:nth-child(4n-3) td:nth-child(2){border-bottom: 2px solid red;} */
.modal-dialog-centered {
    margin-top: 17%;
}

.error-msg {
    text-align: left !important;
    color: #e73d4a;
    display: block;
    font-size: 14px !important;
    font-weight: bold;
}

header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #222;
    width: 100%;
    background-color: #CDDECA;
    flex-wrap: wrap;
    z-index: 999;
}

header .logo {
    gap: 8px;
    display: flex;
    align-items: center;
}

header h4{
    margin-top: 0px !important;
    font-weight: bold;
    margin: 0;
    margin-bottom: 5px;
    font-size: 20px;
}
header h5{
    font-weight: bold;
    margin: 0px;
    font-size: 16px;
}

.header-button {
    background: #337AB7;
    border: none;
    color: #fff;
    padding: 10px;
    margin-right: 8px;
    display: block;
}
.header-button strong{
    display: flex;
    align-items: center;
    gap: 5px;

}
.header_right img{
    width: 20px;
    height: 20px;
}

.header_buttons{
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    gap: 3px;
}
main{
    display: flex;
    padding: 15px;
    gap: 25px;
    overflow-y: auto;
}
.main_content{
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}
.login{
    min-width: 412px;
    width: 27%;
}

.submit_buttons{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.submit_buttons > div{
    flex: 1;
}
.submit_buttons > div > button{
    width: 100%;
}

.input_container {
    position: relative;
}
.input_container img{
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.input_container img.eye_icon {
    left: auto;
    right: 12px;
    cursor: pointer;
}
@media screen and (max-width: 992px) {
    main{
        flex-wrap: wrap;
    }
    .login{
        min-width: 100%;
        width: 100%;
    }
}

@media screen and (max-width:727px){
    header{
        position: relative;
    }
    main{
        padding: 8px;
        overflow-y: visible;
    }
    header{
        padding: 15px;
    }
}
@media screen and (max-width:492px){
    .lgo img {
        width: 45px;
    }
    header h4 {
        font-size: 16px;
    }
    header h5 {
        font-size: 14px;
    }
    .header-button{
        padding: 6px;
        font-size: 12px;
    }
    .cm_minister{
        display: block !important;
    }
    .lock_img img{
        width: 44px !important;
    }
    .login_bg{
        padding: 15px !important;
    }
    .login_bg h3{
        margin: 15px;
    }
    .ap-btn, .blue-btn{
        padding: 8px;
    }
    .login_bg input{
        padding: 20px;
        padding-left: 30px;
    }
}