/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.mandatory {
   color: red;
}

.error-block {
   color: #ff4081;
   ;
   padding-left: 5px;
   margin-top: -5px;
   margin-bottom: 0px;
}

.card-title {
   margin-bottom: 0px
}

.filter-card {
   padding-top: 10px;
   padding-bottom: 0px;
   border-radius: 10px;
}

.in-down {
   -webkit-animation-name: fadeInDown;
   -moz-animation-name: fadeInDown;
   -o-animation-name: fadeInDown;
   animation-name: fadeInDown;
   -webkit-animation-fill-mode: both;
   -moz-animation-fill-mode: both;
   -o-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-duration: 1s;
   -moz-animation-duration: 1s;
   -o-animation-duration: 1s;
   animation-duration: 1s;
}

input[type=text],
input[type=password] {
   font-size: 1rem;
   box-sizing: content-box;
   width: 100%;
   height: 2.5rem;
   margin: 0 0 8px 0;
   padding: 0;
   -webkit-transition: box-shadow .3s, border .3s;
   transition: box-shadow .3s, border .3s;
   border: none;
   border: 1px solid #9e9e9e94;
   border-radius: 9px;
   outline: none;
   background-color: transparent;
   box-shadow: none;
   padding-left: 4px;
}


input #Issue_Date {
   padding-left: 16%;
}

.card-content-filter {
   padding-top: 12px;
   padding-bottom: 12px;
   padding-left: 12px;
   padding-right: 12px;
}

.highlighted {
   background: linear-gradient(to bottom, #19f000 0%, rgb(186, 189, 182) 150%);
   position: relative;
}


.gradient-45deg-green-deep-yellow {
   background: #8e24aa;
   background: -webkit-linear-gradient(45deg, #8e24aa, #ff6e40) !important;
   background: linear-gradient(45deg, #54aa24, #ffe140) !important;
}

.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   text-align: center;
   color: white;
   z-index: 1;
}

#widget-target nav {
   margin-left: 10px;
}

/* changed by Sravan */
/* #widget-target .row {
   margin-right: -0.25rem;
} */

table,
label {
   font-size: 13px !important;
   font-family: 'Poppins Regular', Arial, sans-serif !important;
}

table td,
table th {
   padding: 5px 20px 0 0;
}

/* changed by Sravan */
fieldset {
   border-color: #FFFFFF82;
   /* border-color: #EDEFF0; */
   /* border-color: #10110E6B !important; */
   /* border: 2px solid !important; */
}

textarea {
   resize: none;
   border-radius: 10px;

}

.modal {
   max-height: 100%;
}

.modal .input-field {
   font-size: 13px;
}

label {
   font-weight: bold;
   margin-top: 10px;
   color: #333131;
}

.modal .table-responsive {
   max-height: 350px;
   overflow: auto
}

.modal-close {
   background-color: #D3D6D4;
   margin-right: 10px !important;
}

.swal-footer {
   text-align: center;
}

::placeholder {
   font-size: 13px;
}

#overlay {
   position: fixed;
   /* Sit on top of the page content */
   display: none;
   /* Hidden by default */
   width: 100%;
   /* Full width (cover the whole page) */
   height: 60%;
   /* Full height (cover the whole page) */
   top: 40%;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.5);
   /* Black background with opacity */
   z-index: 2;
   /* Specify a stack order in case you're using a different order for other elements */
   cursor: pointer;
   /* Add a pointer on hover */
}

.chosen-container .chosen-drop,
.chosen-container-single .chosen-search {
   z-index: 996;
}

.datepicker-controls .select-month input {
   width: 80px;
}

h4.header {

   margin-bottom: 0px !important;

}

.users-list-wrapper.section {
   padding-top: 0px !important;
}

/* .select2-container--default .select2-search--dropdown .select2-search__field {
   border: 1px solid #9e9e9e94;
   width: 96%;
   border-radius: 5px;
} */

.select2-container--default .select2-selection--single {
   border: 1px solid #9e9e9e94;
   border-radius: 5px;
}

.select2-container .select2-selection--single {
   height: 33px;
   margin-bottom: 7px;

   margin-left: -1px;
   margin-right: 1px;

}


.select2-container .select2-selection--single .select2-selection__rendered {
   padding-top: 1px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
   top: 3px;
}

.select2-container {
   /*padding-right: 8px;*/
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
   margin-right: 5px;
}


.select2-container--open .select2-dropdown--below {
   margin-top: -7px;
}

.swal-button:focus {
   background-color: #7cd1f9;
}

/* .select2-dropdown--below {
   z-index: 996;
} */


.select2-container--default .select2-selection--single .select2-selection__clear {
   height: 30px;
   padding-right: 10px;
}


.datepicker-controls {
   background-color: pink;
   border-radius: 5px;
}

.nav-collapsed .header-search-wrapper,
.nav-expanded .header-search-wrapper {
   width: calc(100% - 720px);
}

.responsive-table {
   max-width: 100%;
   overflow: auto;
}

textarea.materialize-textarea-alter {
   font-size: 1rem;

   box-sizing: content-box;
   width: 100%;
   height: 3rem;
   margin: 0 0 8px 0;
   padding: 0;

   -webkit-transition: box-shadow .3s, border .3s;
   transition: box-shadow .3s, border .3s;

   border: none;
   border-bottom: 1px solid #9e9e9e;
   border-radius: 0;
   outline: none;
   background-color: transparent;
   box-shadow: none;
}

img.imgloading {
   background: transparent url(imgloading.gif) no-repeat scroll center center;
}

.modal {
   min-height: 350px;
}

.polaroid {
   position: relative;
   width: 220px;
}

.polaroid img {
   border: 10px solid #fff;
   border-bottom: 45px solid #fff;
   -webkit-box-shadow: 3px 3px 3px #777;
   -moz-box-shadow: 3px 3px 3px #777;
   box-shadow: 3px 3px 3px #777;
}

.polaroid p {
   position: absolute;
   text-align: center;
   width: 100%;
   bottom: 0px;
   font: 400 15px/1 'Kaushan Script', cursive;
   color: #1c1515;
}

/* for button mege in action column */

.action-btn-container {
   display: none;
   position: fixed;
   right: 70px;
   width: 110px;
   margin-top: -30px;
   border: 1px solid #E2E0E0;
   border-radius: 10px;
   padding: 5px;
   box-shadow: 1px 1px #888888;
   background-color: white;
   z-index: 10;
}

.action-btn:hover>.action-btn-container {
   display: block;
}

.action-btn {
   padding-left: 10px;
}

.bread-container {
   margin-left: -35px;
}


/**
 * Changes in CSS
 * @author Sravan
*/
.collection {
   border-radius: 10px;
}

.collection .collection-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.users-list-wrapper .users-list-table {
   overflow: unset;
}

@media only screen and (min-width: 601px) {

   .datepicker-controls,
   .datepicker-table,
   .datepicker-footer {

      width: 314px;
   }
}

@media only screen and (max-width: 600px) {

   .btn {
      /* width: 59px;  */
      white-space: nowrap;
      font-size: 8px;
      height: 22px;
      /* text-align: center; */
      /* line-height: 26px; */
      /* padding: 0; */
      display: flex;
      justify-content: center;
      align-items: center;
      padding-left: 7px;
      padding-right: 6px;
   }

   .collection .btn i {
      font-size: 10px !important;

   }

   .collection .collection-item h6 {
      font-size: 0.9rem !important;
   }

   .collection .collection-item.avatar {
      position: relative;
      min-height: 84px;
      padding-left: 40px;
   }

   .collection .collection-item {
      padding: 10px 10px;
   }

   .collection #form_add_btn {
      display: flex;
      /* gap: 4px; */
      justify-content: space-evenly;
   }

   .collection .collection-item.avatar i.circle {
      width: 30px !important;
      height: 30px !important;
      display: flex !important;
      justify-content: center;
      align-items: center;
      font-size: 18px !important;
      top: 32%;
   }

   .breadcrumb__item {
      padding: 0 8px;
   }
}


.datepicker-day-button:hover {
   background-color: rgba(250, 69, 131, .25);
}

Text inputs input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default) {
   font-size: 1rem;
   box-sizing: content-box;
   width: 94% !important;
   height: 2rem;
   margin: 0 0 8px 0;
   padding: 0;
   -webkit-transition: box-shadow .3s, border .3s;
   transition: box-shadow .3s, border .3s;
   border: none;
   border: 1px solid #9e9e9e94;
   border-radius: 5px !important;
   outline: none;
   background-color: transparent;
   box-shadow: none;
   padding-left: 12px !important;
}

textarea {
   padding-left: 12px !important;
}

.datepicker-controls .select-year input {
   width: 50px;
   border: none;
}

.datepicker-controls .select-wrapper input {
   margin: 0 !important;
   text-align: center;
   border-bottom: none !important;
   border: none !important;
}

.breadcrumb__item:hover a {
   color: #fff;
}

.breadcrumb__item {
   margin: 8px 0;
}

input[type=text]:not(.browser-default):focus:not([readonly]) {
   border: 1px solid #303f9f;
   box-shadow: 3px 3px 20px 0 #303f9f89;
}


/* ::-webkit-scrollbar {
   width: 5px;
}

::-webkit-scrollbar-thumb {
   background-color: #00bcd4;
}

::-webkit-scrollbar-track {
   background-color: #d1dadd;
} */

/**@divyesh*/

.btn-sm {
   margin-top: 18px;
   padding: 0 1rem !important;
   height: 2.5rem !important;
   line-height: 2.5rem !important;
}

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

.card-content ul.stepper {
   margin: 1em -24px;
   padding: 0 9px;
}

ul.stepper .step .step-content {
   margin-left: 24px;
   margin-right: 6px;
}

.stepper .card .card-content {
   padding: 11px;
}

@media only screen and (max-width: 500px) {
   .modal {
      width: 92% !important;
   }

   .breadcrumb__title {
      font-size: 8px;
   }

   .breadcrumb__item {
      padding: 0 3px;
   }
}

.modal-content ul.stepper {
   width: 100%;
}

.logo_sidebar {
   display: flex;
   justify-content: center;
   padding: 12px;
}

@media screen and (min-width:993px) {
   .logo_sidebar {
      display: none;
   }
}

.navbar .navbar-dark ul a i {
   height: initial;
}

.user_login {
   display: grid;
   line-height: 10px;
}

.user_name {
   font-weight: 600;
   font-size: 13px;
}

.user_role {
   font-size: 11px;
}

@media screen and (max-width:600px) {
   .navbar .navbar-dark ul a {
      height: 56px;
      display: flex;
      align-items: center;
   }

   .navbar .navbar-dark ul a i {
      font-size: 18px;
   }

   .user_name {
      font-weight: 600;
      font-size: 10px;
   }

   .user_role {
      font-size: 8px;
   }
}

@media screen and (min-width:601px) {
   .navbar .navbar-dark ul a {
      height: 64px;
      display: flex;
      align-items: center;
   }

   .user_login {
      line-height: 14px;
   }
}

.btn_header {
   white-space: nowrap;
   display: flex;
   gap: 2px;
   align-items: center;
   justify-content: center;
   padding: 0 12px;
}