body.blue-aqua {
    --primary-color: #007bff;
    --primary-color-2: #007bff;
    --btn-primary-text: #6b6868;
    --menu-active: #7ed2dfd6;
    --menu-hover: #7ed2dfed;
    --primary-color-dk: #47b399
}

body.gradient-navy {
    --primary-color: #2c6073;
    --primary-color-2: #1d3557;
    --btn-primary-text: #2c6073;
    --btn-primary: #2c6073;
    --menu-active: #fefefe2b;
    --menu-hover: #1d3557;
    --primary-color-dk: #1d3557
}

body.gradient-lightblue {
    --primary-color: hsla(191, 75%, 60%, 1);
    --primary-color-2: hsla(248, 87%, 36%, 1);
    --btn-primary-text: hsla(191, 75%, 60%, 1);
    --btn-primary: hsla(191, 75%, 60%, 1);
    --menu-active: #fefefe61;
    --menu-hover: hsla(248, 87%, 36%, 1);
    --primary-color-dk: hsla(248, 87%, 36%, 1)
}

/**SEA GREEN*/
body.sea-green {
    --primary-color: #47b399;
    --primary-color-2: #47b399;
    --btn-primary-text: #6b6868;
    --menu-active: #90d8c0c2;
    --menu-hover: #33947df2;
    --primary-color-dk: #33947d
}




/**/

/*Gradient aqua-teal*/
body.gradient-aqua-teal {
    --primary-color: #16b282;
    --primary-color-2: #125c84;
    --btn-primary-text: #33947d;
    --btn-primary: #33947d;
    --menu-active: #fefefe5e;
    --menu-hover: #33947df2;
    --primary-color-dk: #33947d
}
body.skin-1 #wrapper{
    /*background: var(--primary-color) !important;*/
    background: linear-gradient(var(--primary-color),#1f6278);
}
/*-----------------------------------------------------------------------------------------------------*/
.navbar-default {
    /*background: linear-gradient(var(--primary-color),var(--primary-color-2));*/
    background-image:url(../../css/patterns/waterdropmultiply2.png);
    background-position:bottom left;
    background-repeat:no-repeat;
    border-color: transparent;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)
}
body.skin-1 .nav-header {
    background-color: transparent;
    background-image: none;
}
.btn.btn-secondary {
    /*background-color: #e1e1e1;
    border-color: #e6e6e6;
    color: #6b6868
    */
    background-color: #378ced;
    border-color: #378ced;
    color: white
}
#page-wrapper {
    border-radius: 25px 0 0 25px;
}
@media screen and (max-width:768px){
    #page-wrapper {border-radius:0
    }
}


.skin-1 .nav > li.active {
    background: #fff;
    /*box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)*/
    border-radius: 5px;
}

.skin-1 .navbar-default .nav > li:not(.toggler) > a:hover, .skin-1 .navbar-default .nav > li:not(.toggler) > a:focus {
    background: #fff;
    color: #000 !important;
    border-radius: 5px;
    /*background: var(--menu-hover)*/
}

.skin-1 .navbar-minimalize {
    border-color: #51a897;
    background: #51a897;
    color: white;
    padding: 10px 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    /*box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);*/
}

.skin-1 ul.nav-second-level {
    background-color: transparent;
}
/**/



.skin-1 .btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

ul.pagination li.page-item.active a {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}


.skin-1 .navbar-top-links .topround {
    color: #333333;
    border-color: #333333;
}
    .skin-1 .navbar-top-links .topround:hover {
        background: #333333;
        color: white;
        border-color: #333333
    }

.new-order-global {
    border: 2px solid var(--primary-color);
    border-radius: 6px;
    color: var(--primary-color);
    font-weight: 600;
}
    .new-order-global span {
        background: linear-gradient(var(--primary-color),var(--primary-color-2));
        color: white;
        border-radius: 50%;
        padding: 3px 4px;
    }

.skin-1 .form-control:focus, .single-line:focus {
    border-color: var(--primary-color);
}
.skin-1 .chosen-container .chosen-results li.highlighted {
    background-color: var(--primary-color);
}
.skin-1 .chosen-container-single .chosen-search input[type="text"] {
    outline: none;
    border-color: var(--primary-color)
}
.skin-1 .btn-outline-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
}
   .skin-1 .btn-outline-primary:hover, body.gradient-aqua-teal.skin-1 .btn-outline-primary:focus {
        color: white;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }
.skin-1 .details-page-tabs li a.active {
    border: none;
    border-bottom: 3px solid var(--primary-color) !important;
    color: var(--primary-color)
}
/**/
.skin-1 .nav:not(.details-page-tabs) > li:not(.dropdown):not(.nav-item) > a {
    color: white;
}

/*body {
     font-size:0.86rem
}*/
table tr th{color:#5f5f5f}

.rounded-lg{border-radius:12px}


.inmodal .modal-title {
    font-size: 20px;
    padding-left: 10px;
}
.modal-content{border-radius:10px}
.text-primary1 {
    color: #2d7a93
}
.d-grid {
display:grid}

.grid-details-layout{grid-template-columns:330px auto; grid-template-areas:"leftcol rightcol"}
.leftcol{grid-area:leftcol}
.rightcol{grid-area:rightcol}

@media (max-width:1024px)
{
    .grid-details-layout {
        grid-template-columns: auto;
       
        grid-template-areas: "leftcol" "rightcol"
    }
}