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.gradient-newblue {
    --primary-color: #002E5D;
    --primary-color-2: #125c84;
    --btn-primary-text: #33947d;
    --btn-primary: #33947d;
    --btn-primary-light: #0772BA;
    --menu-active: #fefefe5e;
    --menu-hover: #33947df2;
    --primary-color-dk: #33947d;
    --btn-radius:0.5rem;
    --form-control-radius:0.5rem
}*/

body.gradient-newblue {
    --primary-color: #032481;
    --primary-color-2: #125c84;
    --btn-primary-text: #33947d;
    --btn-primary: #032481;
    --btn-primary-light: #0772BA;
    --menu-active: #fefefe5e;
    --menu-hover: #33947df2;
    --primary-color-dk: #33947d;
    --btn-radius: 0.5rem;
    --form-control-radius: 0.5rem
}


body.skin-1 #wrapper {
    /*background: var(--primary-color) !important;*/
    background: linear-gradient(var(--primary-color),#1f6278);
    background: linear-gradient(#002E5D,#0563A2);
}
/*-----------------------------------------------------------------------------------------------------*/
.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;
}
body.mini-navbar .nav-header{background-color:transparent}
.btn.btn-secondary {
    /*background-color: #e1e1e1;
    border-color: #e6e6e6;
    color: #6b6868
    */
    background-color: #0772BA;
    border-color: #0772BA;
    color: white;
    border-radius: var(--btn-radius)
}
/*#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);
    border-radius:var(--btn-radius)
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #f96436;
    border-color: #f96436;
}

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

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

.btn-outline-secondary, .btn-outline-primary, .form-control{border-radius:var(--btn-radius)}
.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);
    box-shadow: none;
    border-radius: 0px;
}
/**/
.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"
    }
}

.text-primary {
    color: var(--primary-color) !important;
}

a.btn-light-blue, button.btn-light-blue {
    border: 1px solid #0772BA;
    color: #0772BA !important;
    background-color: #DEEAFF;
    border-radius: 0.5rem
}

label.btn-light-blue {
    border: 1px solid #0772BA;
    color: #0772BA !important;
    background-color: #DEEAFF;
   
}

.btn-light-blue.active{background-color:var(--primary-color); color:white !important}

.btn-green {
    border: 1px solid #f96436;
    color: white;
    /*background-color: #16B182;*/
    background-color: #f96436; border-radius: 0.5rem
}

.btn-light-blue.active{background-color: var(--primary-color); color: white !important}

.mini-navbar .nav-header button.dropdown-toggle{display:none}