/* Import Less File */
/* Font Family */
/* Layout */
/* Responsive */
/* Mixins */
/* CSS Property */
/* Colors */
/* Message Colors */
/* Menu */
/* menu-height */
/* TypoGraphy Colors */
/* Mixins */
.primary_white {
  background: #ff4e50;
  color: #fff;
}
/* Mixin Gradient */
.gradient_primary {
  background-image: linear-gradient(315deg, #ff4e50, #fe6a47 65%, #fe8b47);
}
.gradient_secondary {
  background-image: linear-gradient(315deg, #fe8b47, #fe6a47 65%, #ff4e50);
}
.gradient_green {
  background-image: linear-gradient(to right, #13bcae, #38ef7d);
}
.gradient_yellow {
  background-image: linear-gradient(to right, #f7971e, #ffd200);
}
.gradient_pink_dark {
  background-image: linear-gradient(to right, #da4453, #89216b);
}
.gradient_animation_primary {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}
.gradient_primary_light {
  background-image: linear-gradient(91deg, #ff8b86, #ff524e);
}
@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/* Mixin Text Gradient */
.gradient_text_primary {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(-180deg, #00dfa5, #00ede2);
}
/* No Animation Effect */
.animation_none {
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}
/* Move Effect */
.animation_move {
  -webkit-animation: toBottomFromTop 450ms forwards;
  -moz-animation: toBottomFromTop 450ms forwards;
  animation: toBottomFromTop 450ms forwards;
}
@-webkit-keyframes toBottomFromTop {
  49% {
    -webkit-transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@-moz-keyframes toBottomFromTop {
  49% {
    -moz-transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toBottomFromTop {
  49% {
    transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
/******************************************************************************
                            E-Yatra CSS SetUp
*******************************************************************************/
/* Separate Colors */
/* Mixin Gradient */
.separate_gradient_primary {
  background-image: linear-gradient(107deg, #313355, #585b9b);
}
.separate_gradient_secondary {
  background-image: linear-gradient(315deg, #fe8b47, #fe6a47 65%, #ff4e50);
}
.separate_gradient_green {
  background-image: linear-gradient(to right, #13bcae, #38ef7d);
}
.separate_gradient_yellow {
  background-image: linear-gradient(to right, #f7971e, #ffd200);
}
.separate_gradient_pink_dark {
  background-image: linear-gradient(to right, #da4453, #89216b);
}
.separate_gradient_animation_primary {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}
.separate_gradient_primary_light {
  background-image: linear-gradient(91deg, #ff8b86, #ff524e);
}
/******************************************************************************
						Max Width "1190px"  Min Widh "990px"
*******************************************************************************/
@media screen and (max-width: 1190px) and (min-width: 990px) {
  .bottom-layer .bottom-layer-inner .bottom-header .bottom-list.big .last-child-previous .list-field {
    margin-right: 0;
  }
  .bottom-layer .bottom-layer-inner .bottom-header .bottom-list.big .last-child-previous .list-field .btn-border {
    margin: 0px 0;
    padding: 10px 20px;
  }
  .bottom-layer .bottom-layer-inner .bottom-header .bottom-list.big .last-child-previous .list-field .btn-border:before {
    top: -15px;
    left: -10px;
  }
  .bottom-layer .bottom-layer-inner .bottom-header .bottom-list.big .last-child-previous .list-field .btn-white {
    left: 10px;
    padding: 10px 20px;
    top: 0;
  }
}
/******************************************************************************
						Min Width "768px"
*******************************************************************************/
/******************************************************************************
						Min Width "991px"
*******************************************************************************/
@media only screen and (min-width: 991px) {
  .row.flex-row {
    display: flex;
  }
  .page-content-inner.page-boxed {
    /* min-height: 628px; */
    min-height: calc(100vh - 265px);
  }
  .page-content-inner.page-boxed.list {
    min-height: calc(100vh - 235px);
  }
  .login-wrap .page-main-content .bg-login {
    height: 100vh;
  }
  .login-wrap .page-main-content .bg-login .center-align {
    left: 0;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 40px 80px;
  }
  .login-wrap .page-main-content .login-content {
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .login-wrap .page-main-content .login-content .login-box .form-title {
    font-size: 120px;
    line-height: 1.2;
  }
  header .navbar-default .navbar-nav-mobile {
    display: none!important;
  }
}
/******************************************************************************
						Min Width "1024px"
*******************************************************************************/
@media only screen and (min-width: 1024px) {
  .btn,
  button {
    min-width: 100px;
  }
}
/******************************************************************************
						min Width "1201px"
*******************************************************************************/
@media only screen and (min-width: 1201px) {
  .view-page-details .view-list-item.increase-item li:nth-child(7n-13) {
    padding-left: 0;
  }
}
/******************************************************************************
						min Width "1930px"
*******************************************************************************/
@media only screen and (min-width: 1930px) {
  /* Menu Inner (Header) */
  .dropdown-menu-inner {
    display: none!important;
  }
}
/******************************************************************************
						Min Width "1640px"
*******************************************************************************/
@media only screen and (min-width: 1640px) {
  /* Bottom Layer */
  .bottom-list {
    /* &.big {
				li {
					.next-btn {
						display: none;
					}
				}
			} */
  }
  .bottom-list li .next-btn {
    display: none;
  }
}
/******************************************************************************
						Max Width "1599px"
*******************************************************************************/
@media only screen and (max-width: 1639px) {
  /* Page Header */
  .page-header-inner.profile .header-profile .responsive-list {
    display: none;
  }
  .btn-info {
    display: inline-block;
    margin-left: 25px;
  }
  /* Bottom Layer */
  .bottom-list li .order-btn {
    display: none;
  }
  .bottom-header .bottom-list li.last-child-previous {
    display: none;
  }
  .bottom-header .bottom-list.big li.last-child-previous {
    display: block;
  }
  .bottom-header .bottom-list.profile-list li.last-child-previous {
    display: inline-block;
  }
  .bottom-header .bottom-list.profile-list .btn-close {
    display: inline-block;
  }
  .bottom-body .bottom-list {
    padding: 0;
  }
  .bottom-body .bottom-list::before,
  .bottom-body .bottom-list::after {
    display: table;
    content: " ";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .bottom-body .bottom-list::after {
    clear: both;
  }
  .modal .modal-details .modal-list-item.item-view li {
    width: 50%;
  }
  .modal .modal-details .modal-list-item.item-view li:nth-last-child(5) {
    border-right: 1px solid #eeeeee;
  }
  .modal .modal-details .modal-list-item.item-view li:nth-last-child(1),
  .modal .modal-details .modal-list-item.item-view li:nth-last-child(2) {
    border-top: 0;
  }
  .card-details-dasboard .center-block {
    height: 350px;
  }
  .card-details-dasboard .center-block .card-list .list-item p {
    font-size: 16px;
    line-height: 1.2;
  }
  .card-details-dasboard .center-block .card-list .list-item span {
    font-size: 22px;
    line-height: 1.2;
  }
  .bottom-layer-inner .bottom-list.big {
    padding: 15px 30px 50px;
  }
}
/******************************************************************************
						Max Width "1929px"
*******************************************************************************/
@media only screen and (max-width: 1929px) {
  /* Menu Inner (Header) */
  .dropdown-menu-inner {
    display: block;
  }
  .header-dropdown-menu {
    display: none!important;
  }
}
/******************************************************************************
						Max Width "1500px"
*******************************************************************************/
/* Mani less  */
@media only screen and (max-width: 1500px) {
  .table-report .table > thead > tr > th.wrap,
  .table-report .table > tbody > tr > th.wrap,
  .table-report .table > tfoot > tr > th.wrap,
  .table-report .table > thead > tr > td.wrap,
  .table-report .table > tbody > tr > td.wrap,
  .table-report .table > tfoot > tr > td.wrap {
    width: 400px;
  }
}
/******************************************************************************
						Max Width "1300px"  Min Widh "1024px"
*******************************************************************************/
@media screen and (max-width: 1300px) and (min-width: 1024px) {
  .view-infinity-list li {
    width: 20%;
    margin-bottom: 8px;
  }
  .view-infinity-list li:nth-child(5n-9) {
    padding-left: 0;
  }
  .view-infinity-list li:nth-child(5n-5) {
    border-right: 0;
  }
}
/******************************************************************************
						Max Width "1399px"  Min Widh "991px"
*******************************************************************************/
@media screen and (max-width: 1399px) and (min-width: 991px) {
  .bottom-layer-inner .bottom-body .form-group label {
    font-size: 12px;
  }
}
/******************************************************************************
						Max Width "1299px"
*******************************************************************************/
@media only screen and (max-width: 1299px) {
  .modal .modal-details .modal-list-item.item-block li {
    width: 80%;
    margin-left: 90px;
    margin-bottom: 0;
    border-bottom: 0;
    border-right: 1px solid #eeeeee;
  }
  .modal .modal-details .modal-list-item.item-block li:first-child {
    margin-left: 0;
    position: absolute;
  }
  .modal .modal-details .modal-list-item.item-block li:last-child {
    border-bottom: 1px solid #eeeeee;
  }
  .modal.not-bg-shadow .modal-dialog {
    width: 30%;
    -webkit-transform: translate(-18%, 30%);
    -moz-transform: translate(-18%, 30%);
    -ms-transform: translate(-18%, 30%);
    -o-transform: translate(-18%, 30%);
    transform: translate(-18%, 30%);
  }
  .modal.not-bg-shadow .modal-dialog.modal-alignment {
    width: 20%;
  }
  .table.item-table > tbody > tr > td.table-view .modal-view img {
    width: 20px;
  }
  .bottom-header .profile-list .last-child-previous .list-field .form-control {
    width: 305px;
  }
  .page-header-filter.in {
    width: 40%;
  }
  /* Mani less */
  .table-report .table > thead > tr > th.wrap,
  .table-report .table > tbody > tr > th.wrap,
  .table-report .table > tfoot > tr > th.wrap,
  .table-report .table > thead > tr > td.wrap,
  .table-report .table > tbody > tr > td.wrap,
  .table-report .table > tfoot > tr > td.wrap {
    -webkit-line-clamp: 3;
    max-height: 68px;
    width: 300px;
  }
}
/******************************************************************************
						Max Width "1200px"
*******************************************************************************/
@media only screen and (max-width: 1200px) {
  /* Customer List */
  .customer-list li {
    width: 50%;
  }
  .view-page-details .view-list-item li {
    width: 33.333%;
  }
  .view-page-details .view-list-item.increase-item li {
    width: 25%;
  }
  .view-page-details .view-list-item.increase-item li.big-item {
    width: 50%;
  }
}
/******************************************************************************
						Max Width "1200px"  Min Widh "991px"
*******************************************************************************/
@media screen and (max-width: 1200px) and (min-width: 991px) {
  .view-page-details .view-list-item.increase-item li:nth-child(4n-7) {
    padding-left: 0;
  }
  .view-page-details .view-list-item.increase-item li:nth-child(4n-4)::after {
    display: none;
  }
}
/******************************************************************************
						Max Width "1190px"  Min Widh "991px"
*******************************************************************************/
@media screen and (max-width: 1190px) and (min-width: 991px) {
  header .navbar-default .navbar-brand img {
    width: 120px;
  }
  header .navbar-default .navbar-nav.navbar-right {
    padding-right: 0px;
  }
}
/******************************************************************************
						Max Width "1023px"  Min Widh "991px"
*******************************************************************************/
@media screen and (max-width: 1023px) and (min-width: 991px) {
  .view-infinity-list li {
    width: 25%;
    margin-bottom: 8px;
  }
  .view-infinity-list li:nth-child(4n-7) {
    padding-left: 0;
  }
  .view-infinity-list li:nth-child(4n-4) {
    border-right: 0;
  }
}
/******************************************************************************
						Max Width "1125px"
*******************************************************************************/
@media only screen and (max-width: 1125px) {
  .modal .modal-details .modal-list-item.item-view li {
    width: 50%;
  }
  .modal .modal-details .modal-list-item.item-view li:nth-last-child(5) {
    border-right: 1px solid #eeeeee;
  }
  .modal .modal-details .modal-list-item.item-view li:nth-last-child(1),
  .modal .modal-details .modal-list-item.item-view li:nth-last-child(2) {
    border-top: 0;
  }
  .modal .modal-details .modal-list-item.item-full li {
    border-bottom: 0;
  }
  .modal .modal-details .modal-list-item.item-full li:last-child,
  .modal .modal-details .modal-list-item.item-full li:nth-last-child(2) {
    border-bottom: 1px solid #eeeeee;
  }
  .modal .modal-details .modal-list-item.item-full li:nth-last-child(2) {
    border-left: 1px solid #eeeeee;
  }
  .modal .modal-details .modal-list-item.item-full li:nth-child(2n+2) {
    border-right: 1px solid #eeeeee;
  }
  .modal .modal-details .card-list-item li {
    width: 100%;
  }
  .modal .modal-details .card-list-item li img {
    margin: 0 40px;
  }
  .bottom-header .profile-list .last-child-previous .list-field .form-control {
    width: 245px;
    margin-bottom: 20px;
  }
  .bottom-header .profile-list .last-child-previous .list-field #confirm_password-error,
  .bottom-header .profile-list .last-child-previous .list-field #new_password-error {
    width: 30%;
  }
  /* Mani less */
  .form-table-list > li {
    width: 50%;
    padding-top: 10px;
  }
}
/******************************************************************************
						Max Width "990px"
*******************************************************************************/
@media only screen and (max-width: 990px) {
  .login-wrap .page-main-content .bg-login {
    display: none;
  }
  .login-wrap .page-main-content .login-responsive {
    background-image: url("../img/bg/login-responsive-bg.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .login-wrap .page-main-content .login-responsive.time-sheet {
    background-image: url("../img/bg/pattern-bg.svg");
    background-position: top left;
    background-repeat: repeat;
    background-size: unset;
  }
  .login-wrap .page-main-content .login-content {
    height: 100vh;
    position: relative;
    padding: 25px;
  }
  .login-wrap .page-main-content .login-content .img-center {
    display: inline-block;
  }
  .login-wrap .page-main-content .login-content .login-box {
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 25px 40px;
  }
  .login-wrap .page-main-content .login-content .login-box .form-group {
    margin-bottom: 20px;
  }
  .login-wrap .page-main-content .login-content .login-box .form-title {
    padding-bottom: 15px;
  }
  .login-wrap .page-main-content .login-content .login-box .btn-login {
    margin-top: 15px;
  }
  .login-wrap .page-main-content .login-content .login-right {
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 25px 40px;
  }
  .login-wrap .page-main-content .login-content .login-right .form-group {
    margin-bottom: 20px;
  }
  .login-wrap .page-main-content .time-sheet .login-content {
    padding: 0;
  }
  .login-wrap .page-main-content .time-sheet .login-content .img-center {
    display: block;
    margin-bottom: 30px;
  }
  .login-wrap .page-main-content .time-sheet .login-content .login-box {
    left: 0;
    padding: 25px 20px;
  }
  .modal .modal-body .order-item {
    padding: 0px;
  }
  .modal .modal-body .order-item ul {
    padding: 20px;
  }
  .modal .modal-details .modal-list-item li {
    display: block;
    float: left;
    width: 50%;
    border-right: 0px solid #eeeeee;
    border-bottom: 0;
  }
  .modal .modal-details .modal-list-item li:nth-last-child(2n+2) {
    border-right: 1px solid #eeeeee;
  }
  .modal .modal-details .modal-list-item li:last-child,
  .modal .modal-details .modal-list-item li:nth-last-child(2) {
    border-bottom: 1px solid #eeeeee;
  }
  .modal .modal-details .modal-list-item.item-view li {
    width: 100%;
    border-right: 1px solid #eeeeee;
  }
  .modal .modal-details .modal-list-item.item-view li:nth-last-child(2) {
    border-top: 1px solid #eeeeee;
  }
  .modal .modal-details .modal-list-item.item-full li:nth-last-child(2n+2) {
    border-right: 0;
  }
  .modal .modal-details .modal-list-item.item-full li:nth-last-child(2) {
    border-left: 1px solid #eeeeee;
  }
  .modal .modal-details .modal-list-item.item-full li:nth-last-child(2),
  .modal .modal-details .modal-list-item.item-full li:nth-last-child(1) {
    border-top: 0;
  }
  .modal .modal-details .modal-list-item.item-block li:nth-last-child(2) {
    border-bottom: 0;
  }
  .bottom-layer.responsive-bottom-layer {
    -webkit-transform: translateY(66%);
    -moz-transform: translateY(66%);
    -ms-transform: translateY(66%);
    -o-transform: translateY(66%);
    transform: translateY(66%);
  }
  .bottom-layer.responsive-bottom-layer.in {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  .bottom-layer.profile-layer {
    bottom: -220px;
  }
  .bottom-header .profile-list .last-child-previous {
    text-align: left;
  }
  .bottom-header .profile-list .last-child-previous .list-field .form-control {
    padding: 10px 8px;
  }
  .bottom-header .profile-list .last-child-previous .list-field .btn-border:before {
    display: none;
  }
  .bottom-header .bottom-list.big {
    padding-bottom: 0;
  }
  .bottom-header .bottom-list.big li.last-child-previous {
    display: none;
  }
  .bottom-body .bottom-list.big .btn-set {
    border: 0;
    position: relative;
    left: 15px;
  }
  .bottom-body .bottom-list.big .last-child .list-field {
    margin-right: 0;
    display: block;
  }
  .bottom-body .bottom-list.big .last-child .list-field .form-group {
    display: block;
    position: relative;
    top: -15px;
    margin-right: 0px;
  }
  .bottom-body .bottom-list.big .last-child .list-field .form-group label {
    color: #fff;
  }
  .bottom-body .bottom-list.big .last-child .list-field .form-group .form-control {
    width: 100%;
    height: auto;
  }
  .bottom-body .bottom-list.big .last-child .list-field .btn-border {
    background: #3c465c;
    color: #fff;
    border-color: #ffff;
    padding: 15px 30px;
    margin: 0 10px 20px 0;
  }
  .bottom-body .bottom-list.big .last-child .list-field .btn-border:hover {
    background: #fff;
    color: #3c465c;
  }
  .bottom-body .bottom-list.big .last-child .list-field .btn-white {
    position: relative;
    top: -5px;
    padding: 15px 30px;
  }
  .custom-navbar-collapse {
    display: block!important;
  }
  header .navbar-default .custom-navbar-collapse-block .navbar-nav li {
    width: 100%;
    padding: 0;
  }
  header .navbar-default .navbar-header {
    width: 100%;
  }
  header .navbar-default .navbar-toggle-icon {
    display: block!important;
  }
  header .navbar-default .navbar-nav-mobile {
    display: block;
    width: 100%;
  }
  header .navbar-default .custom-navbar-collapse {
    width: 90%;
  }
  header .navbar-default .navbar-nav {
    display: none!important;
  }
  header .navbar-default .navbar-nav.navbar-nav-mobile {
    display: block!important;
  }
  .card-details-dasboard .center-block {
    height: 350px;
  }
  .card-details-dasboard .center-block .card-list .list-item .btm-line {
    margin: 12px 0;
  }
  .card-details-dasboard .center-block .card-list .list-item p {
    font-size: 18px;
    line-height: 1.8;
  }
  .card-details-dasboard .center-block .card-list .list-item span {
    font-size: 24px;
    line-height: 1.4;
  }
  .bottom-header .profile-list .last-child-previous .list-field .form-control {
    width: 242px;
    margin-bottom: 20px;
  }
  .bottom-header .profile-list .last-child-previous .list-field #confirm_password-error,
  .bottom-header .profile-list .last-child-previous .list-field #new_password-error {
    width: 30%;
    bottom: 90px;
  }
  .bottom-header .profile-list .last-child-previous .list-field .btn-border {
    margin-top: 30px;
  }
  /* Page Header */
  .page-header-inner {
    display: inline-block;
  }
  .page-header-inner .tab-wrap {
    margin-top: 5px;
  }
  .page-header-inner.page-title {
    /* display: block; */
  }
  .page-header-inner.alignment-right {
    float: none;
    padding-left: 0;
  }
  .page-header.profile .header-profile {
    margin-bottom: 5px;
  }
  .page-header-content.table-content {
    display: block;
  }
  .page-header-filter.in {
    width: 50%;
  }
  .page-header-filter.lg-filter.in {
    right: 0px;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  .tab-boxed {
    padding-top: 15px!important;
  }
  .tab-boxed .tab-filter {
    position: relative;
  }
  .view-page-details .view-list-item.increase-item li {
    width: 33.33%;
  }
  .view-page-details .view-list-item.increase-item li.big-item {
    width: 100%;
    padding-left: 0;
  }
  .card-box-dashboard {
    margin-bottom: 30px;
  }
  /* Nav Pills */
  .nav-pills.nav-item-view > li a {
    font-size: 14px;
    padding: 5px 15px;
  }
  /* Bootom Layer */
  .bottom-layer.in .bottom-list.bottom-list-flex > li {
    padding-left: 0;
  }
  .bottom-layer.in .bottom-list.bottom-list-flex > li.last-child {
    border-left: 0;
  }
  /* Mani less */
  .project-view-list-item:nth-child(2n+1) {
    padding-left: 0;
    border-right: 1px solid #e0e0e0;
  }
  .project-view-list-item:last-child {
    width: 100%;
    border-right: 0;
  }
  .project-view-list-item:nth-child(2n+2) {
    padding-left: 30px;
    border-right: 0;
  }
  .project-view-list-item.width-20 {
    width: 50%;
  }
  .project-view-list-item.width-40 {
    width: 50%;
  }
}
/******************************************************************************
						Max Width "990px"  Min Widh "768px"
*******************************************************************************/
@media screen and (max-width: 990px) and (min-width: 768px) {
  .view-page-details .view-list-item.increase-item li:nth-child(3n-5) {
    padding-left: 0;
  }
  .view-page-details .view-list-item.increase-item li:nth-child(3n-3)::after {
    display: none;
  }
  .view-infinity-list li {
    width: 33.33%;
    margin-bottom: 8px;
  }
  .view-infinity-list li:nth-child(3n-5) {
    padding-left: 0;
  }
  .view-infinity-list li:nth-child(3n-3) {
    border-right: 0;
  }
}
/******************************************************************************
						Max Width "768px"
*******************************************************************************/
@media only screen and (max-width: 767px) {
  .card {
    margin-bottom: 30px;
  }
  .col-sm-2:last-child .card {
    margin-bottom: 0;
  }
  .modal .modal-dialog {
    width: 100%;
  }
  .modal .modal-details .modal-list-item li {
    width: 100%;
    border-right: 1px solid #eeeeee;
  }
  .modal .modal-details .modal-list-item li:nth-last-child(2) {
    border-bottom: 0;
  }
  .modal .modal-details .modal-list-item.item-view li {
    width: 100%;
    border-right: 1px solid #eeeeee;
  }
  .modal .modal-details .modal-list-item.item-view li:nth-last-child(2) {
    border-bottom: 1px solid #eeeeee;
  }
  .modal .modal-details .modal-list-item.item-full li {
    width: 100%;
    border-bottom: 0;
  }
  .modal .modal-details .modal-list-item.item-full li:last-child {
    border-bottom: 1px solid #eeeeee;
  }
  .modal .modal-details .modal-list-item.item-full li:nth-last-child(2n+2) {
    border-right: 1px solid #eeeeee;
  }
  .modal .modal-details .modal-list-item.item-full li:nth-last-child(4) {
    border-bottom: 0;
  }
  .modal .modal-details .modal-list-item.item-block li {
    width: 95%;
    margin-left: 40px;
    margin-bottom: 0;
  }
  .modal .modal-details .modal-list-item.item-block li.item-count p {
    padding: 0;
    width: 30px;
  }
  .modal .modal-details .modal-list-item.item-block li:first-child {
    margin-left: 0;
    padding-left: 0;
  }
  .modal .modal-details .card-list-item li {
    width: 100%;
  }
  .modal .modal-details .card-list-item li img {
    margin: 0;
    width: 55px;
  }
  .modal .modal-details .card-list-item li .card-information {
    padding: 0 10px;
  }
  .modal.not-bg-shadow .modal-dialog {
    width: 60%;
  }
  .modal.not-bg-shadow .modal-dialog.modal-alignment {
    width: 40%;
  }
  header .navbar-default .custom-navbar-collapse {
    width: 100%;
  }
  .bottom-layer.fixed .continue-provider .next-provider p {
    font-size: 12px;
  }
  .bottom-layer.fixed .continue-provider .next-provider span {
    font-size: 12px;
  }
  .bottom-layer.fixed .continue-provider .next-provider::before {
    border: 0;
  }
  .bottom-layer.fixed .text-right .btn {
    padding: 5px 16px;
    font-size: 14px;
  }
  .bottom-layer.profile-layer {
    bottom: -320px;
  }
  .bottom-layer-inner .bottom-body {
    padding: 10px 15px;
  }
  .bottom-layer-inner .bottom-body .bottom-list .last-child-previous {
    padding-right: 0;
  }
  .bottom-layer-inner .bottom-body .bottom-list .list-field {
    margin-right: 0;
  }
  .bottom-header {
    /* &-inner {
				&.alignment-right {
					.page-header-field {
						.selected-field {
							display: inline-block;
							margin-right: 10px;
							.form-group {
								.form-control{
									width: 220px;
								}
							}
						}
						.btn-filter {
							position: relative;
							top: -20px;
						}
					}
				}
			} */
  }
  .bottom-header .bottom-list li {
    padding: 10px;
  }
  .bottom-header .bottom-list li span {
    font-size: 12px;
  }
  .bottom-header .bottom-list li h5 {
    font-size: 18px;
  }
  .bottom-header .profile-list .last-child-previous .list-field .form-control {
    width: 100%;
    margin-bottom: 40px;
  }
  .bottom-header .profile-list .last-child-previous .list-field #confirm_password-error,
  .bottom-header .profile-list .last-child-previous .list-field #new_password-error {
    width: 200px;
    bottom: 90px;
  }
  /* Nav Pills */
  .nav-pills.nav-item-view > li a {
    font-size: 13px;
    padding: 5px 10px;
  }
  .page-header-content.table-content .page-header-inner.profile {
    width: 100%;
  }
  .page-header-inner.search {
    padding-left: 0;
    padding-right: 20px;
  }
  .page-header-inner.search .form-group .header-search {
    margin-bottom: 5px;
  }
  .page-header-inner.display-inline-block.title {
    padding: 0 15px 8px 0;
  }
  .page-header-inner.header-card {
    padding-left: 0;
  }
  .page-header-inner.profile .header-profile .profile-edit-block {
    margin-bottom: 5px;
  }
  .page-header-inner.profile .header-profile a {
    margin-left: 0;
  }
  .page-header-inner .tab-wrap .nav-pills.nav-item-view > li a {
    border-width: 1px;
  }
  .table-content .page-header-inner.profile {
    padding-left: 0;
  }
  .page-header-filter.in {
    width: 95vw;
    position: fixed;
    margin: auto;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0px;
    height: 95vh;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    /* .filter-header {
				.title {
					display: block;
					float: none;
					padding-bottom: 30px;
					&:before {
						border-right: 0;
					}
				}
				.filter-button {
					.btn {
						margin-left: 0
					}
				}
			} */
  }
  .page-header-filter.sm-filter.in {
    width: 95vw;
  }
  .timeline .timeline-block:before {
    height: 100%;
  }
  .bottom-layer.order-layer .bottom-header .bottom-list {
    padding: 0 10px;
  }
  .bottom-layer.order-layer .bottom-header .bottom-list .bottom-item {
    padding: 15px 5px;
  }
  .view-page-details .view-list-item li {
    width: 100%;
    border-bottom: 1px solid #eeeeee;
  }
  .view-page-details .view-list-item li::after {
    display: none;
  }
  .view-page-details .view-list-item li:last-child {
    border-bottom: 0;
  }
  .view-page-details .view-list-item.increase-item li,
  .view-page-details .view-list-item.four-column li {
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    padding-left: 10px;
  }
  .view-page-details .view-list-item.increase-item li.big-item,
  .view-page-details .view-list-item.four-column li.big-item {
    width: 100%;
    padding-left: 10px;
  }
  .view-page-details .view-list-item.increase-item li::after,
  .view-page-details .view-list-item.four-column li::after {
    display: none;
  }
  .view-page-details .view-list-item.increase-item li:last-child,
  .view-page-details .view-list-item.four-column li:last-child {
    border-bottom: 0;
  }
  .view-infinity-list li {
    width: 100%;
    padding: 7.5px 20px 7.5px 10px;
    border-right: 0;
    border-bottom: 1px solid #eeeeee;
  }
  .view-infinity-list li:first-child {
    padding-left: 10px;
  }
  .view-infinity-list li:last-child {
    border-bottom: 0;
  }
  /* Additional Block CSS */
  .additional-block .additional-table .table > tbody > tr > td input[type="text"] {
    float: none;
  }
  /* Customer List */
  .customer-list li {
    width: 100%;
  }
  /* Tabel */
  .table > tbody > tr > td.action {
    width: auto;
  }
  /* Box List */
  .box-col-6 {
    flex: 0 0 100%;
    margin-bottom: 30px;
  }
  .box-col-6:last-child {
    margin-bottom: 0;
  }
  /* Mani less */
  .form-table-list > li {
    width: 100%;
    padding-top: 10px;
  }
  .project-view-list-item:nth-child(2n+1) {
    border-right: 0;
  }
  .project-view-list-item:nth-child(2n+2) {
    padding-left: 0;
  }
  .project-view-list-item.width-20 {
    width: 100%;
  }
  .project-view-list-item.width-40 {
    width: 100%;
  }
  .project-status {
    margin-top: 0;
  }
}
/******************************************************************************
						Max Width "767px" & Landscape
*******************************************************************************/
@media screen and (max-width: 767px) and (orientation: landscape) {
  .login-wrap .page-main-content .time-sheet .login-content {
    padding: 15px 0;
  }
  .login-wrap .page-main-content .time-sheet .login-content .img-center {
    margin-bottom: 5px;
  }
  .login-wrap .page-main-content .time-sheet .login-content .img-center img {
    width: 120px;
  }
  .login-wrap .page-main-content .time-sheet .login-content .login-box {
    padding: 0 20px;
  }
  .login-wrap .page-main-content .time-sheet .login-content .login-box .tvs-logo {
    padding-bottom: 10px;
  }
  .login-wrap .page-main-content .time-sheet .login-content .login-box .tvs-logo-title {
    font-size: 18px;
  }
}
/******************************************************************************
						Max height "767px" & Landscape
*******************************************************************************/
@media screen and (max-height: 319px) and (orientation: landscape) {
  .login-wrap .page-main-content .time-sheet .login-content .login-box {
    top: 0;
    padding: 10px 20px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
/******************************************************************************
						Max Width "567px"
*******************************************************************************/
@media only screen and (max-width: 567px) {
  .login-wrap .page-main-content .time-sheet .login-content {
    padding: 15px 0;
  }
  .login-wrap .page-main-content .time-sheet .login-content .img-center {
    margin-bottom: 10px;
  }
  .login-wrap .page-main-content .time-sheet .login-content .img-center img {
    width: 150px;
  }
  .login-wrap .page-main-content .time-sheet .login-content .login-box {
    padding: 0;
  }
  .login-wrap .page-main-content .login-footer {
    right: 5px;
    bottom: 5px;
  }
}
/******************************************************************************
						Desktop Menu Min Width "991px"
*******************************************************************************/
@media only screen and (min-width: 991px) {
  header .navbar-default .navbar-brand {
    padding-right: 30px;
  }
  .bottom-header .bottom-list.big li .next-btn {
    display: none;
  }
}
/******************************************************************************
						Desktop Menu Min Width "768px"
*******************************************************************************/
@media only screen and (min-width: 768px) {
  .navbar-header .notify-btn {
    display: none;
  }
  .navbar-right {
    margin-right: -30px;
  }
}
/******************************************************************************
						Mobile Menu 
*******************************************************************************/
@media only screen and (max-width: 767px) {
  header .navbar-default .navbar-brand {
    display: inline-block;
    height: auto;
    min-height: 65px;
    max-height: 80px;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  /* Modal Not Shadow BG*/
  .modal.not-bg-shadow .modal-dialog {
    width: 60%;
    -webkit-transform: translate(-18%, 2%);
    -moz-transform: translate(-18%, 2%);
    -ms-transform: translate(-18%, 2%);
    -o-transform: translate(-18%, 2%);
    transform: translate(-18%, 2%);
  }
  .modal.not-bg-shadow .modal-dialog.modal-alignment {
    width: 40%;
  }
  .modal.not-bg-shadow .modal-dialog .modal-content .modal-header .close {
    height: 30px;
    min-width: 30px;
    line-height: 30px;
  }
  .modal.not-bg-shadow .modal-dialog .modal-content .modal-body .modal-details {
    padding: 0 0 10px 0;
  }
  .modal.not-bg-shadow .modal-dialog .modal-content .modal-body .modal-details.mobile-lans .form-group .form-control {
    height: 32px;
  }
  .modal.not-bg-shadow .modal-dialog .modal-content .modal-body .modal-details.mobile-lans .form-group .select2-container--default .select2-selection--single {
    height: 30px;
  }
  .modal.not-bg-shadow .modal-dialog .modal-content .modal-body .modal-details.mobile-lans .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
  }
  .modal.not-bg-shadow .modal-dialog .modal-content .modal-body .modal-details.mobile-lans .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
  }
  .modal.not-bg-shadow .modal-dialog .modal-content .modal-body .modal-details.mobile-lans .text-center .btn-white {
    padding: 5px 20px;
  }
  .modal.fade.not-bg-shadow:not(.in) .modal-dialog {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(0%, 3%, 0);
  }
}
@media only screen and (min-width: 768px) {
  .custom-navbar-collapse {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .custom-navbar-collapse {
    display: block;
  }
}