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
}