.user-login {
  background-image:linear-gradient(to bottom, #42a2f2, #c5dbfffa, #3490dcab);

}
.login-container{
  position: relative;
  width: 100%;
  min-height: 100vh;

  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-image: none;
  background-size: auto;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
}

.user-login .login-page {
  clear:both;
  padding-top: 30px;
}
.user-login .login-page .form{
  border-radius:30px;
  background:#ffffffbd;
  box-shadow:0 0 5px #2222223b;
  border:1px solid #ffffff47;
 }
.user-login .login-page .form .form-control{
  border-radius: 20px;
  background: #c1d9fe3d;
  border: 1px solid #7bd4ff;
  padding: 20px;
  box-shadow: 0px 0px 5px #ffffff57;
}
.user-guide a{
  border:1px solid #ccc;
  font-size: 18px;
  padding:15px;
  display: inline-block;
  width:100%;
  border-radius: 5px;
}
.user-guide a i{
  color:#636363;
}
.user-guide p{
  font-size: 13px;
  color:#636363;
  font-weight: normal;
  margin:0;
  padding:0;
  margin-top:-10px;

}
.user-guide h4{
  font-size: 15px;
}
.ephyto-guide .card{
  min-height: 300px;
}
/*contact style*/
 .e-submission-contact .contact-us{
      border: 1px solid #ddd;
      padding: 15px;
      width: 100%;
      border-radius: 5px;

  }
  .e-submission-contact .contact-us h2,.address h2{
      font-size:15px;
      margin-bottom:20px;
      color:#222;
  }
  .e-submission-contact .contact-us span{
      display: block;
      font-size: 13px;
      font-weight: normal;
      color: #606060;
  }
  .e-submission-contact .address{
      background: #a3cbff21;
      border: 1px solid #c5e1f9;
      padding: 15px;
      font-size:13px;
      color: #606060;
  }
/*end contact style*/
.user-login .login-page .form .form-group  label{
    font-weight: 600;
}
.user-login .login-page .form .button{
  border-radius: 20px;
  box-shadow: 0px 5px 20px #066fc6ab;
  border: 1px solid #0492f9;
  background: #1997ff;
  padding: 10px;
  margin-top: 20px;
  cursor: pointer;
}
.user-login .login-page .form .button:hover{
    background:#0372ce;

}
.user-login .login-page .form a{

  cursor: pointer;
}

.user-login .login-page .form a:hover{
color:#043097;

}
.user-login .login-page .form a.forgot-link{
  float:right;
  margin-top:-24px;
}
.main-header img,.main-header div{
    float:left;
}

.main-header{
    margin-top:2%;
    padding:20px 0;
    position: relative;

}
/*
sssssssss*/
.forgot-password img {
  width:15px;
  margin-right: 5px;
  opacity: 0.5;
  margin-top:-5px;
}
.register-link{
  font-weight: 600;
}

.main-header h2{
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 18px #1a0f99;
}
.main-header p{
  font-size: 18px;
  color: #034d8a;
}
.main-header div{
  padding-left:30px;
}
.main-header img{
    width:100px;

}
.register-wrap{
  margin-bottom: -20px;
}
.sparater{
  border-top:01px dashed #cbd3ff;
}
.user-login #company-block,.user-login #other-block,#nrc-block,#passport-block, .addtional-address-block{
  border: 1px solid green;
  background: #fff;
  border-radius: 10px;
  padding: 20px 0;
  margin:20px 0;
}
.user-login #nrc-block,.user-login #passport-block{
padding:15px;
}
/*.........*/
/* Register Page ......*/
.nrc-password-radio{
margin-bottom:20px;
}
.user-login .login-page .form .register-layout-form .form-control {
padding:0.375rem 0.75rem;
border-radius: 5px;
background: #fff;
border: 1px solid #7bd4ff;
}
.register-layout-form .select2-container--default .select2-selection--single{
background: #fff;
border: 1px solid #7bd4ff;
}
.user-login .login-page .form .register-layout-form .form-control:disabled, .user-login .login-page .form .register-layout-form .form-control[readonly],
.register-layout-form .select2-container--default.select2-container--disabled .select2-selection--single{
background:#eee;
border:1px solid #aaa;
}
.register-layout-form{
 margin:-20px -10px 0;

}


.register-layout-form h3{
font-size: 20px;
font-weight: 600;
color: green;
}
.user-login .login-page .form .register-btn .button{
width:auto;
padding:10px 25px;
color:#fff;
margin-top:5px;
}
.user-login .login-page .form .register-btn .button.back-btn{
background: #aeaeae;
border: 1px solid #999;
text-decoration: none;
}
.user-login .login-page .form .register-btn .button.back-btn:hover{
background:#666;
}
.user-login .login-page .form .register-btn .pull-right{
 float:right;
}

.alert-massage{
width: 32%;
clear: both;
margin: 0 auto;

}
.alert-massage.alert-error{
border: 1px solid #ff83a6;
background: #ffd6d6;
}
.pull-left{
 float:left;
}

/*nav bar*/
.navbar{
padding:0;
}
.navbar .navbar-nav .nav-link{
padding:15px;
transition-timing-function: ease-in-out;
transition-duration: 0.6s;
}
.navbar .navbar-nav .nav-link.active,.navbar .navbar-nav .nav-link:hover{
background:#0f79d0;

}

.navbar .navbar-nav .nav-link.active::before{
display: none;
}
.navbar .dropdown-menu{
border: none;
box-shadow: 0px 5px 10px #ccc;
padding: 0;
border-radius: 5px;
}
.navbar .dropdown-menu .dropdown-item{
padding:15px;
}
.navbar .dropdown-menu .dropdown-item:hover{
background:rgba(139, 193, 238, 0.37);
}
.user-headphone{
  width: 25px;
  opacity: 0.5;

}
.navbar .dropdown-notification{
width:auto;
min-width: 300px;
border-radius: 5px;
}
.navbar .dropdown-notification h5.title-alert-message{
font-size: 18px;
font-weight: normal;
text-align: center;
padding: 15px 0;
margin: 0;
color: #38C172;
font-weight: bold;;
}
.pull-right{
float:right !important;
}

.navbar .dropdown-notification .empty-notification{
width: 95%;
margin: 5px auto;
border-radius: 5px;
padding: 10px 0;
background: #fdf0db;
}
.navbar .dropdown-notification .empty-notification p{
padding:0 20px;
margin:0;
font-size: 15px;
}
.navbar .dropdown-notification .empty-notification p::before{
content: "\f071";
font: normal normal normal 14px/1 FontAwesome;
padding: 8px;
margin-left: -9px;
}
/*card design*/
.card-header{
background: rgba(52, 144, 220, 0.37);
border: none;
font-size: 20px;
text-align:center;
}
.card-header:first-child {
border-radius: 20px 20px 0 0;
}

.card {
border:none !important;
border: 1px solid rgba(0, 0, 0, 0.125);
box-shadow: 0px 0px 15px #14728e14;
border-radius: 20px;
}
/*dashboard design*/
.user-dashboard-design .card-header{
background: rgba(52, 144, 220, 0.37);
border: none;
text-align: center;
}
.user-dashboard-design .card-header:first-child {
border-radius: 20px 20px 0 0;
}

.card .m-table th{
  background:rgba(158, 211, 255, 0.37) !important;
  vertical-align: middle;
}
.user-dashboard-design .card {
 border:none !important;
 border: 1px solid rgba(0, 0, 0, 0.125);
 box-shadow: 0px 0px 15px #14728e14;
 border-radius: 20px;
}
.user-dashboard-design .card-body{
 padding:100px 0;
}
.user-dashboard-design .bg-info{
background-image: linear-gradient(to top, #f46fa0, #f48b8b);
border-radius: 5px;
min-height: 125px;
}
.user-dashboard-design .bg-info:hover{
background:#e3568a !important;
}

.user-dashboard-design .bg-success{
background-image: linear-gradient(to top, #25aa58, #5be687);
border-radius: 5px;
min-height: 125px;
}
.user-dashboard-design .bg-success:hover{
background:#2eb461 !important;
}

.user-dashboard-design a{
color:#fff;
text-decoration: none;
font-size: 18px;
font-weight: 600;
}
.user-dashboard-design a:hover{
color:#222;
}
.user-dashboard-design a:hover img{
filter: invert(0);
}
.user-dashboard-design .bg-warning{
background-image: linear-gradient(to top, #1273ff, #00b0ff);
border-radius: 5px;
min-height: 125px;
}
.user-dashboard-design .bg-warning:hover{
background:#1273ff !important;
}
/* #9999F5 to #E161FF */
.user-dashboard-design .bg-drug-bg{
  background-image: linear-gradient(to top, #9999F5, #E161FF);
  /* background-image: url('../images/drug-icon-bg.png'); */
  border-radius: 5px;
  min-height: 125px;
}
.user-dashboard-design .bg-drug-bg:hover{
  background-image: linear-gradient(to top, #7474D5, #AE58C2);
  border-radius: 5px;
  min-height: 125px;
}

.user-dashboard-design  img{
width:45px;
height:43px;
filter: invert(100%);
margin:10px;
}

/*user food*/
.food-card .btn-secondary{
padding: 20px 20px !important;
background:#ebffee99;
color: #00111f;
border: 1px solid #55e665 !important;
box-shadow: 0px 0px 12px 0px #7db3e061;
margin: 50px 0px;
text-transform: uppercase;
border-radius: 16px;
width:23%;
transition-timing-function: ease-in-out;
transition-duration: 0.6s;
text-transform:capitalize;
font-size: 17px;
font-weight: 600;
display:inline-block;
min-height: 135px;
line-height: 23px;
}
.food-card .btn-secondary:hover{
background: #ffffff;
box-shadow: 0px 0px 20px #4a97528f;
border:1px solid #24e14a !important;
}
.food-card .btn-secondary i{
font-size: 25px;
color: #0073d2;
transition-timing-function: ease-in-out;
transition-duration: 0.6s;
}
.food-card .btn-secondary img{
width:35px;
transition-timing-function: ease-in-out;
transition-duration: 0.6s;
}
.food-card .btn-secondary:hover img{
width:50px;
transform: rotateY(180deg);
}
.food-card .btn-secondary:hover i{
font-size: 35px;
transform: rotateY(180deg);
}

/*food local dashboard*/
.food-local-dashboard-warp .card .card-header {
text-align: center;

}
.food-card-header .card-header ,.food-card .card-header{
background:#d0f2d5;
}
.food-card-header  .nav-tabs .nav-link{
margin-bottom: 0px;
margin:1px;
background:#fff;
color:#c0c0c0;
}

.food-card-header .card-header h5 .btn,.food-local-dashboard-warp .food-card-header .card .card-header button h5  button{
font-size:18px;
pointer-events: none;
color:#222 !important;
}

.food-card-header  .nav-item > .nav-link.current,.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link,.food-card-header .nav-tabs .nav-link.custom-active{
border:none;
border-bottom: 3px solid #5fbf6e;
background:#fff !important;
color:#222 !important;
}
.food-card-header  .nav-item > .un-active {
background-color: #ffffff;
color: #c0c0c0 !important;
}
.food-card-header .table-striped tbody tr:nth-of-type(2n+1){
background:rgb(173 173 173 / 5%);
}
.food-card-header table thead tr:first-child th{
background:rgb(245, 253, 244);
border-bottom:0px;
}
.food-card-header .table th,.food-card-header .table td{
border-top:1px solid #d2d2d2
}
.food-card-header .table-responsive{
border:none;
width:100% !important;
}

/* select {
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
appearance:none;
outline:0;
box-shadow:none;

background-image: none;
flex: 1;
padding: 0 .5em;
color:#fff;
cursor:pointer;
font-size: 1em;
font-family: 'Open Sans', sans-serif;
}
select::-ms-expand {
display: none;
}
select::before{
content:'a';
width:50px;
height:50px;
position: absolute;
} */

/*filter box css*/
.filter-box{
width: 100%;
float: left;
border: 1px solid #ccc;

margin: 20px 0;
padding: 15px 15px;
border-radius: 10px;
}
.filter-box div{

margin-bottom: 15px;

}
.food-local-dashboard-warp .card .card-header button{
pointer-events: none;
font-size: 20px;
font-weight:bold;
color:#1368ae !important;
}

.food-dashboard-warp .card,.md-dashboard-warp .card,.cs-dashboard-warp .card{
background:none;
box-shadow: none;
}
.food-dashboard-warp .card .card-header,.md-dashboard-warp .card .card-header,.cs-dashboard-warp .card .card-header{
background:none;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #1368ae !important;
}
.food-dashboard-warp .list-card{
border:3px solid #a2e0968c;
}
.md-dashboard-warp .list-card{
  border:3px solid #83cbe88c;
  }
.cs-dashboard-warp .list-card{
  border:3px solid #f48b8b70
}
table td:last-child .btn,table td form .btn{
  display: inline-block;
  min-width: 80px;
  margin: 3px auto 0;
}
.company-register  td form{background:none;padding:0}
.list-card{
background: #fff;
padding: 20px;
margin: 10px 0;
box-shadow: 0px 0px 20px #d6d6d6;
border-radius: 15px;
min-height:220px;
}
.list-card h3{
font-weight: 600;
font-size:18px;
color:#222;
text-align: center;
padding-bottom:10px;
}

/*register form*/
/* .company-reighter form{
padding:0 20px 30px;
background:#fff;
box-shadow: 0px 0px 20px #d6d6d6;
border-radius: 5px;
border:1px solid #dee2e6;

}
.company-reighter .nav-tabs{
border:none;
}
.company-reighter .nav-tabs .nav-link.active{
background:#fff;
color:#047bdc;
}
.company-reighter .nav-tabs .nav-item{
margin-bottom: -2px;
}
.company-reighter .nav-tabs .nav-link{
border: 1px solid #ffffff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #def0ff;
  color: #888888;
  margin: 0px 1px;
  box-shadow: 0 -3px 5px #c4c4c457;
}
.company-reighter form label{
font-weight:600;

} */

.d-inline {
  background: transparent !important;
  /* company-register form အောက်က css နဲ့ ငြိနေ၍ ထည့်ထားခြင်းဖြစ်သည်။ */
}
.company-register form{
padding:30px 15px 20px;
background:#f8fcff;
}

.company-register form label{
font-weight:600;
}
.company-register form .col-md-6{
margin-top:20px;
}

/*cosmetic ui*/
.form-back-btn .text-right{
text-align:left !important;
}

.attached-file-add-btn .btn{
margin-top:57px;
}
.files-group{
margin:10px 0;
}
.table-responsive thead tr{
background:rgba(52, 144, 220, 0.37);
}

.table-bordered th, .table-bordered td{
border: 1px solid #e1e1e1;
}
.table-bordered thead th, .table-bordered thead td{
border-bottom-width: 0px;
}
.modal-content{
border-radius: 20px;
border:none;
}
.modal-header{
background: #A8D08D;
border-bottom: 0px;
padding:10px;
border-radius: 15px 15px 0 0;
}
.modal-header .modal-title{
text-align: center ;
display: block;
width: 100%;
font-size: 23px;
}
.text-green{
color:#017901
}

/*m-device*/
.nav-item > .nav-link.current{
background:none !important;
color:#222 !important;
border-bottom:3px solid #1395ff;
}
.nav-item > .un-active{
  background: none !important;
  color:#d5d5d5 !important;
}
ul.nav.nav-tabs{
  border-bottom:1px solid #d5d5d5 !important;
}


/*cosmetic */
.cosmetic-nav-tabs .nav-link{
  border-bottom:1px solid #d5d5d5 !important;
}
.cosmetic-nav-tabs  .nav-item > .nav-link.current{
  border-bottom:3px solid #ff83a6 !important;
}
.cs-ui-wrap .card-header{
  background:#ffdad1d6;
}
.cs-ui-wrap  .table-responsive thead tr,.cs-ui-wrap table thead tr th{
  background: rgb(255, 240, 240) !important;
}

/* drug onetime */
.box-shadow-onetime {
  box-shadow: 0px 5px 20px #066fc6ab;
}
hr.speater{
  border-top: 1px dashed rgba(44, 47, 223, 0.46);
}
h5.titleh5{
  text-align: left;
  padding: 10px 0 20px;
  color: #0a66bb;
}
input[type='radio'] , .form-check-label, input[type='checkbox'], .accept_text {
  cursor: pointer;

}

.form-check-label:hover,.accept_text:hover {
  letter-spacing: 1px;
}
.reason-text-hide > :first-child{
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100px;
  height: 1.2em;
  white-space: nowrap;
}
.reason-incomplete {
  height: auto;
  overflow-wrap: break-word;
  overflow: auto;
}


 /* #loader {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url("{{ asset('images/loader.gif') }}") 50% 50% no-repeat rgb(249,249,249);

    } */

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.custom-active {
      color: #495057;
      background-color: #f8fafc;
      border-color: #dee2e6 #dee2e6 #f8fafc;
  }
 table {
      table-layout: fixed;
  }
 /*   table tr, table tr td {
      overflow: wrap;
      word-wrap: break-word;
  } */
  .page-loader-div {
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      z-index: 10000;
      width: 100%;
      height: 100%;
      text-align: center;
      padding-top: 50px;
  }

  // register
  .form {
    border-radius: 60px;
    background: #ffffffbd;
    box-shadow: 0 0 5px #2222223b;
    border: 1px solid #ffffff47;
    }

    .login-page {
        max-width: 450px;
        /* padding: 8% 0 0; */
        margin: auto;
        text-align: center;
    }

    .select2-container {
    width: 100% !important;
    }
    .user-login .login-page .form .form-group label {
    font-weight: 500;
    }

    .modal-header {
    background-color: #fff;
    color: #fff;
    }

// second register
    .readonly-input
        {
            pointer-events: none;
        }

    .red-bordered-line {
        /*border-color: red !important;*/
        /*border-color: red !important;*/
        /*border-width: 2px;*/
    }

    .plz-enter-6-digit {
        color: red;
    }