.navbar-nav {

    flex-direction: row;

}



header {

    background-color: #f5f5f5;

    box-shadow: 0px 6px 20px 10px #d7d7d7;

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;z-index: 9;

}



.navbar-brand img {

    max-width: 200px;

    max-height: 80px;

}



.navbar-expand-lg .navbar-nav .nav-item {

    margin: 0 0.25rem;

}



.navbar-expand-lg .navbar-nav .nav-link {

    font-size: 1.25rem;

    width: 40px;

    height: 40px;

    display: inline-flex;

    background: #cccccc4d;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

}



.navbar-expand-lg .navbar-nav .nav-link:hover {

    background-color: #ccc;

}



footer {

    background-color: #f5f5f5;

    box-shadow: 0px 6px 20px 10px #d7d7d7;

}



footer .brand-logo img {

    max-height: 50px;

    object-fit: contain;

    object-position: right;

}



.no-wrap {

    white-space: nowrap;

}



.swd-mainbody {

    padding-top: 6rem;

    margin-bottom: 0rem;

    min-height: calc(100vh - 4.15rem);

}





.vertical-middle table tr td {

    vertical-align: middle;

}



.vertical-middle table tr:last-child td {

    border-bottom: 0;

}





.vertical-middle .table-hover>tbody>tr:hover>* {

    cursor: pointer;

}



.swd-actions {

    padding: 0;

    margin: 0;

    white-space: nowrap;

}



.swd-actions li {

    list-style: none;

    display: inline-block;

    margin-right: 0.25rem;

}



.swd-actions li:last-child {

    margin-right: 0;

}



.swd-actions li a {

    color: #000;

    width: 40px;

    height: 40px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    box-shadow: 0 0 11px 3px #cccccc73;

    text-decoration: none;

}



.swd-actions li a:hover {

    background-color: #ccc;

}



.btn-primary {

    background-color: #34c217;

    border-color: #34c217;

}



.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active {

    background-color: #4a993c !important;

    border-color: #4a993c !important;

}

.btn-primary-outline{background-color: transparent;

    border-color: #34c217;color: #34c217;}

.btn-primary-outline:hover, .btn-primary-outline:focus, .btn-primary-outline:active{

        background-color: #4a993c !important;

    border-color: #4a993c !important;color: #fff!important;

    }    



.swd-action-title{position: relative;padding-left: 3rem;}

.swd-action-title .nav-link {

    font-size: 1.25rem;

    width: 40px;

    height: 40px;

    display: inline-flex;

    background: #cccccc4d;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    position: absolute;

    left: 0;

    top: 7px;

    color:  #4a993c;

}



.swd-action-title .nav-link:hover {

    background-color: #ccc;

}





/*  */

.search-wrapper, .search-data{

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

  }

  .search-wrapper{

    position: fixed;

    height: 0px;

    width: 0px;

    border-radius: 100%;

    background: linear-gradient(-135deg, #455444, #2bff00);

    transition: all 0.4s linear;

  }

  .search-wrapper.active{

    height: 250rem;

    width: 250rem;

  }



  .search-btn span{

    color: #fff;

    font-size: 22px;

    line-height: 60px;

  }

  .search-data{

    position: absolute;

    height: 50px;

    width: 400px;

    display: flex;

    text-align: center;

    /* display: none; */

  }

  .search-data input{

    height: 100%;

    width: 100%;

    background: none;

    border: none;

    outline: none;

    font-size: 22px;

    font-weight: 500;

    color: #fff;

  }

  .search-data .line{

    position: absolute;

    height: 3px;

    width: 100%;

    background: #fff;

    bottom: 0;

    transform: scaleX(0);

    transition: transform 0.4s 0.3s linear;

  }

  .search-data .line.active{

    transform: scaleX(1);

  }

  .search-data label{

    position: absolute;

    top: 50%;

    left: 0;

    font-size: 20px;

    transform: translateY(-50%);

    pointer-events: none;

    color: rgba(255,255,255,0.7);

  }

  .search-data input:valid ~ label{

    opacity: 0;

  }

  .search-data span{

    color: #fff;

    position: absolute;

    width: 50px;

    font-size: 25px;

    right: 0;

    top: 0;

    line-height: 45px;

    cursor: pointer;

  }

  .search-close-btn{

    position: absolute;

    z-index: 99;

    right: 25px;

    top: 25px;

    font-size: 25px;

    color: #fff;

    cursor: pointer;

  }

  .search-data, .search-data span,

  .search-data label, .search-close-btn{

    display: none;

  }

  .modal-header.swd-noborder{border: 0;padding: 0 0 0.5rem 0;position: relative;}
  .modal-header.swd-noborder .btn-close{position: absolute;right:6px;top:6px;z-index: 1;}

/*  */
.alert-dismissible .close {

    position: absolute;

    top: 0;

    right: 0;

    padding: 0.75rem 1.25rem;

    color: inherit; 

}



.close {

	float: right;

	font-size: 1.5rem;

	font-weight: 700;

	line-height: 1;

	color: #000;

	text-shadow: 0 1px 0 #fff;

	opacity: .5;

}



.close:hover,

.close:focus {

	color: #000;

	text-decoration: none;

	opacity: .75;

}



.close:not(:disabled):not(.disabled) {

	cursor: pointer;

}



button.close {

	padding: 0;

	background-color: transparent;

	border: 0;

	-webkit-appearance: none;

}


@media (min-width: 576px) {}



@media (max-width: 991px) {

    .navbar-expand-lg .navbar-nav .nav-link {

        padding-right: var(--bs-navbar-nav-link-padding-x);

        padding-left: var(--bs-navbar-nav-link-padding-x);

    }



}



@media (max-width:767px) {
    p{line-height:1.2;}
    .swd-mainbody{padding-top:5rem;}
    .swd-action-title{
        font-size: 1.35rem;
        display: flex;
        align-items: center;
        padding:0;
    }
    .swd-action-title .nav-link{
        position: static;
        margin-right: 0.25rem;
    }
    .table > :not(caption) > * > * {padding:0.25rem;}
    .table tr td{line-height:1.2;}
    .accordion-button{padding:0.5rem;}
}



@media (max-width:576px) {

    .navbar-brand img {

        max-width: 200px;

        max-height: 60px;

    }

    .search-data{width: 300px;}

}



@media (max-width:420px) {

    .swd-mainbody {

        min-height: calc(100vh - 4.15rem);

    }

}