/* Top 2nd Navbar Implement */

.main-header .sidebar-ctrl {
    display: block;
    width: 100%;
}

.sidebar-ctrl .hide-mbl,
.sidebar-ctrl .view-select {
    display: block;
}

.view-select {
    margin-left: 3px;
}

.hide-mbl {
    margin-right: 50px;
}


/*
* {
    box-sizing: border-box;
}

body {
    padding: .2em 2em;
}

table {
    width: 100%;
}

table th {
    text-align: left;
    border-bottom: 1px solid #ccc;
}

table th,
table td {
    padding: .4em;
}
*/

table.fold-table > tbody > tr.view td,
table.fold-table > tbody > tr.view th {
    cursor: pointer;
}

table.fold-table > tbody > tr.view td:last-child,
table.fold-table > tbody > tr.view th:last-child {
    position: relative;
    padding-right: 2px;
}

table.fold-table > tbody > tr.view td:last-child:after,
table.fold-table > tbody > tr.view th:last-child:after {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 9px;
    height: 16px;
    margin-top: -8px;
    font: 16px fontawesome;
    color: inherit;
    content: "\f107";
    transition: all .3s ease;
}

table.fold-table > tbody > tr.view:nth-child(4n-1) {
    background: #eee;
}

table.fold-table > tbody > tr.view:hover {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}

table.fold-table > tbody > tr.view.open {
    color: white;
    border: 0px solid;
    border-color: rgba(147, 147, 147, 0.3);
    border-bottom: none;
    background: rgba(237, 237, 237, 1);
    background: -moz-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237, 237, 237, 1)), color-stop(53%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0);
}

table.fold-table > tbody > tr.view.open td:last-child:after,
table.fold-table > tbody > tr.view.open th:last-child:after {
    transform: rotate(-180deg);
    color: #fff;
}

table.fold-table > tbody > tr.fold {
    display: none;
}

table.fold-table > tbody > tr.fold.open {
    display: table-row;
}

.fold.open td {
    border: 0px solid;
    border-color: rgba(147, 147, 147, 0.3);
    border-top: none;
}

.fold-content {
    padding: .5em;
}

.fold-content h3 {
    margin-top: 0;
}

.fold-content > table {
    border: 2px solid #ccc;
}

.fold-content > table > tbody tr:nth-child(even) {
    background: #eee;
}

.expired td {
    color: #ffffff !important;
}

.expired + .fold {
    background: #f4c4c6 !important;
}

.project-fix{
    margin-top: -240px !important;
}
.tender-fix{
    
}
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
    .project-fix{
        margin-top: -240px !important;
    }
    .tender-fix{
        
    }
}


/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
    .project-fix{
        margin-top: -322px !important;
    }
    .tender-fix{
        
    }
}


/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    .project-fix{
        margin-top: 0px !important;
    }
    .tender-fix{
        
    }
}


/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .project-fix{
        margin-top: 0px !important;
    }
    .tender-fix{
        
    }
}


/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
    .project-fix{
        margin-top: 0px !important;
    }
    .tender-fix{
        
    }
}


/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

    .table {
        font-size: 12.5px;
    }
    .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th {
        padding: 7px 3px;
    }
    .box-registration td:nth-child(1),
    .box-registration th:nth-child(1) {
        padding: 7px 0px 7px 5px;
    }
    .box-registration td:nth-child(2),
    .box-registration th:nth-child(2) {
        padding: 7px 0px 7px 5px;
    }
    .box-registration td:nth-child(3),
    .box-registration th:nth-child(3) {
        padding: 7px 0px 7px 0px;
        width: 82px;
    }
    .box-registration td a {
        /*padding: 1px 6px;*/
    }
    .btn-renew {
        padding: 1px 7.5px;
    }
    .btn-renew:hover {
        padding: 1px 7.5px;
    }
    .btn-new {
        padding: 1px 14.5px;
    }
    .btn-open {
        padding: 1px 12.5px;
    }
    table.fold-table > tbody > tr.view td:last-child::after,
    table.fold-table > tbody > tr.view th:last-child::after {
        right: 3px;
        width: 16px;
        font-size: 15px;
    }
    /* Project Table */
    .box-project .table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
    .box-project .table-all-content{
        padding-bottom: 8px;
    }
    .project-fix{
        margin-top: 0px !important;
    }
    .tender-fix{
        
    }
}