/*div {

  width: 40px;

  height: 3px;

  background-color: black;

  margin: 5px 0;

}*/





.h7, h7 {

    margin-top: 0;

    margin-bottom: .5rem;

    font-weight: 500;

    line-height: 1.2;

}



.h7, h7 {

    font-size: 0.75rem

}



.h7_lh, h7_lh {

    margin-top: 0;

    margin-bottom: 0;

    /*font-weight: 500;*/

    line-height: 10px;

}



.h7_lh, h7_lh {

    font-size: 0.625rem;

}







div.small_lh {

    line-height: 80%;

}







.w-7 {

    width: 7% !important;

}



.w-10 {

    width: 10% !important;

}



.w-15 {

    width: 15% !important;

}





.w-20 {

    width: 20% !important;

}



.w-35 {

    width: 35% !important;

}



.w-40 {

    width: 40% !important;

}



.w-45 {

    width: 45% !important;

}



.w-65 {

    width: 65% !important;

}





.border-silver {

    border-color: silver;

}



.border-firis-blue {

    border-color: #151234;

}



.border-firis-red {

    border-color: #ed445c;

}



.border-firis-orange {

    border-color: #f6a149;

}









.backColor_Red {

    background-color: red;

}



.backColor_White {

    background-color: White;

}



.backColor_Silver {

    background-color: silver;

}



.backColor_Black {

    background-color: black;

}



.backColor_DimGrey {

    background-color: dimgrey;

}



.backColor_Orange {

    background-color: #F47527;

}



.backColor_Teal {

    background-color: #92C9C9;

}



.backColor_LightBlue {

    background-color: #B3D9FF;

}



.backColor_WhiteSmoke {

    background-color: whitesmoke;

}









.bg-firis-blue {

    background-color: #151234;

}



.bg-firis-red {

    background-color: #ed445c;

}



.bg-firis-orange {

    background-color: #f6a149;

}



.bg-firis-orange-light {

    background-color: #fde6ce;

}

















/* Base custom modifier */

.btn-firis-orange {

    color: #212529; /* Dark text for optimal readability/contrast */

    background-color: #f6a149;

    border-color: #f6a149;

}



    /* Hover & Active states (slightly darkened for visual feedback) */

    .btn-firis-orange:hover,

    .btn-firis-orange:active,

    .btn-firis-orange.active {

        color: #212529;

        background-color: #df8b34; /* ~10% darker orange */

        border-color: #d3812a;

    }



    /* Focus state for accessibility (keyboard navigation) */

    .btn-firis-orange:focus,

    .btn-firis-orange.focus {

        color: #212529;

        background-color: #df8b34;

        border-color: #d3812a;

        /* Soft orange glow using box-shadow */

        box-shadow: 0 0 0 0.2rem rgba(246, 161, 73, 0.5);

    }



    /* Disabled state */

    .btn-firis-orange:disabled,

    .btn-firis-orange.disabled {

        color: #212529;

        background-color: #f6a149;

        border-color: #f6a149;

        opacity: 0.65;

    }









/* Base outline modifier */

.btn-outline-firis-orange {

    color: #f6a149;

    background-color: transparent;

    background-image: none;

    border-color: #f6a149;

}



    /* Hover state (fills in with the solid color and shifts text to dark) */

    .btn-outline-firis-orange:hover {

        color: #212529; /* Dark text for contrast against the orange background */

        background-color: #f6a149;

        border-color: #f6a149;

    }



    /* Focus state for accessibility */

    .btn-outline-firis-orange:focus,

    .btn-outline-firis-orange.focus {

        box-shadow: 0 0 0 0.2rem rgba(246, 161, 73, 0.5);

    }



    /* Active / Clicked state (uses the slightly darker orange for feedback) */

    .btn-outline-firis-orange:active,

    .btn-outline-firis-orange.active,

    .show > .btn-outline-firis-orange.dropdown-toggle {

        color: #212529;

        background-color: #df8b34;

        border-color: #d3812a;

    }



    /* Disabled state */

    .btn-outline-firis-orange:disabled,

    .btn-outline-firis-orange.disabled {

        color: #f6a149;

        background-color: transparent;

        opacity: 0.65;

    }









.btn-firis-blue {

    color: #ffffff; /* Pure white text for sharp contrast */

    background-color: #151234;

    border-color: #151234;

}



    /* Hover & Active states (slightly illuminated/lightened) */

    .btn-firis-blue:hover,

    .btn-firis-blue:active,

    .btn-firis-blue.active {

        color: #ffffff;

        background-color: #53516a; /* ~10% lighter navy */

        border-color: #282361;

    }



    /* Focus state for accessibility */

    .btn-firis-blue:focus,

    .btn-firis-blue.focus {

        color: #ffffff;

        background-color: #53516a;

        border-color: #282361;

        /* Soft deep-blue focus ring */

        box-shadow: 0 0 0 0.2rem rgba(21, 18, 52, 0.5);

    }



    /* Disabled state */

    .btn-firis-blue:disabled,

    .btn-firis-blue.disabled {

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

        background-color: #151234;

        border-color: #151234;

        opacity: 0.65;

    }







.btn-outline-firis-blue {

    color: #151234;

    background-color: transparent;

    background-image: none;

    border-color: #151234;

}



    /* Hover state (fills in with the solid color and shifts text to white) */

    .btn-outline-firis-blue:hover {

        color: #ffffff;

        background-color: #151234;

        border-color: #151234;

    }



    /* Focus state for accessibility */

    .btn-outline-firis-blue:focus,

    .btn-outline-firis-blue.focus {

        box-shadow: 0 0 0 0.2rem rgba(21, 18, 52, 0.5);

    }



    /* Active / Clicked state */

    .btn-outline-firis-blue:active,

    .btn-outline-firis-blue.active {

        color: #ffffff;

        background-color: #53516a;

        border-color: #282361;

    }



    /* Disabled state */

    .btn-outline-firis-blue:disabled,

    .btn-outline-firis-blue.disabled {

        color: #151234;

        background-color: transparent;

        opacity: 0.65;

    }











.opacity-25-bg-danger {

    background: rgba(220, 53, 69, 0.2);

}



.opacity-25-bg-warning {

    background: rgba(255, 293, 7, 0.2);

}



.opacity-25-bg-primary {

    background: rgba(13, 110, 253, 0.2);

}







.myCenter {

    text-align: center !important;

}



.myLeft {

    text-align: left;

}



.myRight {

    text-align: right;

}



.PNL_PaddingLR5 {

    padding-left: 5px;

    padding-right: 5px;

}



.PNL_PaddingLR10 {

    padding-left: 10px;

    padding-right: 10px;

}



.PNL_Padding5 {

    padding: 5px;

}



.PNL_PaddingT10 {

    padding-top: 10px;

}



.PNL_PaddingT5 {

    padding-top: 5px;

    padding-left: 10px;

    padding-right: 10px;

}



.PNL_PaddingTB10 {

    padding: 10px;

}



.PNL_PaddingTB5 {

    padding: 5px;

}



.PNL_PaddingB10 {

    padding-bottom: 10px;

    padding-left: 10px;

    padding-right: 10px;

}



.PNL_Padding10 {

    padding-left: 10px;

    padding-right: 10px;

}



.PNL_Padding15 {

    padding: 15px;

}



.PNL_Padding_M_B20 {

    margin-bottom: 20px;

}



.PNL_Padding_M_B40 {

    margin-bottom: 40px;

}



.Pad_L20 {

    padding-left: 20px;

}



.Pad_B40 {

    padding-bottom: 40px;

}



.Pad_T40 {

    padding-top: 40px;

}



.Pad_T5 {

    padding-top: 5px;

}



.Pad_T10 {

    padding-top: 10px;

}



.containerXX {

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

    top: -60px;

    margin-top: -60px;

}



    .containerXX:before {

        display: table;

        content: " ";

    }



    .containerXX:after {

        display: table;

        content: " ";

    }



    .containerXX:after {

        clear: both;

    }



.leadXX {

    /*margin-bottom: 20px;*/

    font-size: 16px;

    font-weight: 200;

    line-height: 1.4;

}



.mystatic {

    /*float: left;*/

    /*width: 250px;*/

    overflow-y: scroll;

    /*padding: 10px;*/

    position: fixed;

    height: 90%;

    width: 400px;

    top: 100px;

    /*padding-left: 10px;*/

}



.mystatic2 {

    /*float: left;*/

    /*width: 250px;*/

    overflow-y: auto;

    /*padding: 10px;*/

    position: fixed;

    padding-top: 40px;

    height: 100%;

    width: 40%;

    /*top: 0px;*/

    margin-right: 30px;

}



.mystatic3 {

    /*width: 250px;*/

    overflow-y: auto;

    /*padding: 10px;*/

    position: fixed;

    /*padding-top: 0px;*/

    height: 100%;

    top: 40px;

    /*left: 40px;*/

    width: 60%;

    /*margin-left: 20%;

    margin-right: 20%;*/

}



/* The navigation bar */

.nvbar {

    overflow: hidden;

    background-color: #333;

    position: fixed; /* Set the nvbar to fixed position */

    /*top: 0; /* Position the nvbar at the top of the page */

    width: 100%; /* Full width */

}



    /* Links inside the nvbar */

    .nvbar a {

        float: left;

        display: block;

        color: #f2f2f2;

        text-align: center;

        padding: 14px 16px;

        text-decoration: none;

    }



        /* Change background on mouse-over */

        .nvbar a:hover {

            background: #ddd;

            color: black;

        }



/* Main content */

/*.main {

    margin-top: 30px; /* Add a top margin to avoid content overlay 

}*/



/* Dropdown Button */

.dropbtn {

    background-color: #4CAF50;

    color: white;

    padding: 16px;

    font-size: 16px;

    border: none;

}



/* The container <div> - needed to position the dropdown content */

.ddown {

    position: relative;

    display: inline-block;

}

/* Dropdown Content (Hidden by Default) */

.ddown-content {

    display: none;

    position: absolute;

    background-color: #f1f1f1;

    min-width: 160px;

    font-size: 16px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 1;

}



    /* Links inside the dropdown */

    .ddown-content a {

        color: black;

        padding: 12px 16px;

        text-decoration: none;

        display: block;

        font-size: 16px;

    }



        /* Change color of dropdown links on hover */

        .ddown-content a:hover {

            background-color: #ddd;

        }



/* Show the dropdown menu on hover */

.ddown:hover .ddown-content {

    display: block;

}



/* Change the background color of the dropdown button when the dropdown content is shown */

.ddown:hover .dropbtn {

    background-color: #3e8e41;

}



.jumbotron {

    padding: 15px;

    margin-bottom: 15px;

    font-size: 21px;

    font-weight: 200;

    line-height: 2.1428571435;

    color: inherit;

    background-color: #eee;

}



    .jumbotron h1 {

        line-height: 1;

        color: inherit;

    }



    .jumbotron p {

        line-height: 1.4;

    }



.container .jumbotron {

    border-radius: 12px;

}



@media screen and (min-width:768px) {

    .jumbotron {

        padding-top: 15px;

        padding-bottom: 15px;

    }



    .container .jumbotron {

        padding-right: 30px;

        padding-left: 30px;

    }



    .jumbotron h1 {

        font-size: 63px;

    }

}



.jumbotron-top {

    padding: 15px;

    margin-top: 15px;

    margin-bottom: 5px;

    font-size: 21px;

    font-weight: 200;

    line-height: 2.1428571435;

    color: inherit;

    background-color: #eee;

}



    .jumbotron-top h1 {

        line-height: 1;

        color: inherit;

    }



    .jumbotron-top p {

        line-height: 1.4;

    }



.container .jumbotron-top {

    border-radius: 12px;

}



@media screen and (min-width:768px) {

    .jumbotron-top {

        padding-top: 15px;

        padding-bottom: 15px;

    }



    .container .jumbotron-top {

        padding-right: 30px;

        padding-left: 30px;

    }



    .jumbotron-top h1 {

        font-size: 63px;

    }

}



/*.jumbotron2 {

    padding: 15px;

    margin-bottom: 10px;

    font-size: 21px;

    font-weight: 200;

    line-height: 2.1428571435;

    color: inherit;

    background-color: #eeeeee;

}



    .jumbotron2 h1 {

        line-height: 1;

        color: inherit;

    }



    .jumbotron2 p {

        line-height: 1.4;

    }



.container .jumbotron2 {

    border-radius: 12px;

}



@media screen and (min-width: 768px) {

    .jumbotron2 {

        padding-top: 15px;

        padding-bottom: 15px;

    }



    .container .jumbotron2 {

        padding-right: 30px;

        padding-left: 30px;

    }



    .jumbotron2 h1 {

        font-size: 43px;

    }

}*/



.jumbotron2-fixed {

    padding: 12px;

    font-size: 21px;

    font-weight: 200;

    line-height: 2.1428571435;

    color: inherit;

    background-color: #eeeeee;

    position: fixed;

    top: 4px;

    width: 400px;

}



    .jumbotron2-fixed h1 {

        line-height: 1;

        color: inherit;

    }



    .jumbotron2-fixed h2 {

        line-height: 1;

        color: inherit;

    }



    .jumbotron2-fixed p {

        line-height: 1.4;

    }



.container .jumbotron2-fixed {

    border-radius: 6px;

}



@media screen and (min-width: 768px) {

    .jumbotron2-fixed {

        padding-top: 10px;

        padding-bottom: 4px;

    }



    .container .jumbotron2-fixed {

        padding-right: 30px;

        padding-left: 30px;

    }



    .jumbotron2-fixed h1 {

        font-size: 43px;

    }



    .jumbotron2-fixed h2 {

        font-size: 20px;

    }

}



.jumbotron3 {

    padding: 10px;

    margin-bottom: 10px;

    font-size: 21px;

    font-weight: 200;

    line-height: 1.5428571435;

    color: inherit;

    background-color: #92C9C9;

    /*margin-top:-50px;*/

}



    .jumbotron3 h1 {

        line-height: 1;

        color: inherit;

    }



    .jumbotron3 h4 {

        line-height: 1;

        color: inherit;

        font-size: 42px;

    }



    .jumbotron3 p {

        line-height: 1.4;

    }



.container .jumbotron3 {

    border-radius: 12px;

}



@media screen and (min-width: 768px) {

    .jumbotron3 {

        padding-top: 12px;

        padding-bottom: 12px;

    }



    .container .jumbotron3 {

        padding-right: 15px;

        padding-left: 15px;

    }



    .jumbotron3 h1 {

        font-size: 43px;

    }

}



.jumbotron3-fixed {

    padding: 10px;

    margin-bottom: 10px;

    margin-top: -36px;

    font-size: 21px;

    font-weight: 200;

    line-height: 1.5428571435;

    color: inherit;

    background-color: #92C9C9;

    align-items: center;

    /*top: 800px;*/

}



    .jumbotron3-fixed h1 {

        line-height: 1;

        color: inherit;

    }



    .jumbotron3-fixed h4 {

        line-height: 1;

        color: inherit;

        font-size: 42px;

    }



    .jumbotron3-fixed p {

        line-height: 1.4;

    }



.container .jumbotron3-fixed {

    border-radius: 12px;

}



@media screen and (min-width: 768px) {

    .jumbotron3-fixed {

        padding-top: 12px;

        padding-bottom: 12px;

    }



    .container .jumbotron3-fixed {

        padding-right: 15px;

        padding-left: 15px;

    }



    .jumbotron3-fixed h1 {

        font-size: 43px;

    }

}







.jumbotron4 {

    padding: 10px;

    margin-bottom: 10px;

    font-size: 21px;

    font-weight: 200;

    line-height: 1.5428571435;

    color: inherit;

    background-color: #B3D9FF;

}



    .jumbotron4 h1 {

        line-height: 1;

        color: inherit;

    }



    .jumbotron4 h4 {

        line-height: 1;

        color: inherit;

        font-size: 42px;

    }



    .jumbotron4 p {

        line-height: 1.4;

    }



.container .jumbotron4 {

    border-radius: 12px;

}



@media screen and (min-width: 768px) {

    .jumbotron4 {

        padding-top: 12px;

        padding-bottom: 12px;

    }



    .container .jumbotron4 {

        padding-right: 15px;

        padding-left: 15px;

    }



    .jumbotron4 h1 {

        font-size: 43px;

    }

}



.myrow {

    margin-right: -15px;

    margin-left: -15px;

}



    .myrow:before, .myrow:after {

        display: table;

        content: " ";

    }



    .myrow:after {

        clear: both;

    }



    .myrow:before, .myrow:after {

        display: table;

        content: " ";

    }



    .myrow:after {

        clear: both;

    }



/*.collapse {

    display: none;

}



    .collapse.in {

        display: block;

    }*/













.text-info {

    color: #3a87ad;

}



.text-left {

    text-align: left;

}



.text-right {

    text-align: right;

}



.text-center {

    text-align: center;

}



.AlignTop {

    vertical-align: top;

}



.table-OuterMargin {

    border-spacing: 5px;

}



    .table-OuterMargin td th {

        padding: 5px;

        margin: 5px;

    }



.background-silver {

    background-color: silver;

}



.text-red {

    color: red;

}



.text-cadetblue {

    color: cadetblue;

}



.text-orange {

    color: #F47527;

}



.text-dimgrey {

    color: dimgrey;

}



.text-black {

    color: black;

}



.text-white {

    color: white;

}



.text-silver {

    color: silver;

}



.text-green {

    color: green;

}



.text-lawngreen {

    color: lawngreen;

}



.text-brightgreen {

    color: limegreen;

}



.text-gold {

    color: gold;

}



.text-firis-blue {

    color: #151234;

}



.text-firis-red {

    color: #ed445c;

}



.text-firis-orange {

    color: #f6a149;

}













.margin_1 {

    margin: 10px;

}



.margin_B10 {

    margin-bottom: 10px;

}



.margin_T10 {

    margin-top: 15px;

}



.margin_T20 {

    margin-top: 25px;

}



.Width_100 {

    width: 100px;

}



.Width_150 {

    width: 150px;

}



.Width_175 {

    width: 175px !important;

}



.Width_200 {

    width: 200px;

}



.Width_300 {

    width: 300px;

}



.Width_400 {

    width: 400px;

}



.Width_500 {

    width: 500px;

}



.Width_600 {

    width: 600px;

}



.Width_100pc {

    width: 100%;

}



.Width_95pc {

    width: 95%;

}



.Width_10pc {

    width: 10%;

}



.Width_Auto_Label {

    display: inline-block;

    width: auto;

}



.Width_100pc_Label {

    display: inline-block;

    width: 100%;

}



.Width_90pc_Label {

    display: inline-block;

    width: 90%;

}



.Width_100_Label {

    display: inline-block;

    width: 100px;

}



.Width_150_Label {

    display: inline-block;

    width: 150px;

}



.Width_200_Label {

    display: inline-block;

    width: 200px;

}



.Width_300_Label {

    display: inline-block;

    width: 300px;

}



.Width_400_Label {

    display: inline-block;

    width: 400px;

}



.Width_500_Label {

    display: inline-block;

    width: 500px;

}



.Width_600_Label {

    display: inline-block;

    width: 600px;

}











.mxw_btn {

    min-width: 200px;

    max-width: 800px;

}



.mxw_btn140 {

    min-width: 100px;

    max-width: 200px;

}



.mxw_btn180 {

    min-width: 150px;

    max-width: 300px;

}



.mxw_btn60 {

    min-width: 40px;

    max-width: 60px;

}





.w-90 {

    width: 90% !important;

}









.Pad_B10 {

    padding-bottom: 10px;

}



.Pad_B20 {

    padding-bottom: 20px;

}



.Pad_B40 {

    padding-bottom: 40px;

}







.Pad_2 {

    padding: 2px;

}



.Pad_3 {

    padding: 3px;

}



.Pad_5 {

    padding: 5px;

}



.Pad_10 {

    padding: 10px;

}



.Pad_15 {

    padding: 15px;

}



.Pad_20 {

    padding: 20px;

}



.Pad_25 {

    padding: 25px;

}





.Pad_L_5 {

    padding-left: 5px;

}



.Pad_L_10 {

    padding-left: 10px;

}



.Pad_L_15 {

    padding-left: 15px;

}



.Pad_L_20 {

    padding-left: 20px;

}



.Pad_L_25 {

    padding-left: 25px;

}



.Pad_L_30 {

    padding-left: 30px;

}



.Pad_R_5 {

    padding-right: 5px;

}



.Pad_R_10 {

    padding-right: 10px;

}



.Pad_R_15 {

    padding-right: 15px;

}



.Pad_R_20 {

    padding-right: 20px;

}



.Pad_R_25 {

    padding-right: 25px;

}



.Pad_R_30 {

    padding-right: 30px;

}











.Pad_R30 {

    padding-right: 30px;

}





.Pad_TB_2 {

    padding-top: 2px;

    padding-bottom: 2px;

}



.Pad_TB_5 {

    padding-top: 5px;

    padding-bottom: 5px;

}



.Pad_TB_10 {

    padding-top: 10px;

    padding-bottom: 10px;

}





.Pad_LR10 {

    padding-left: 10px;

    padding-right: 10px;

}













.foo_30 {

    line-height: 30px !important;

}



.foo_35 {

    line-height: 35px !important;

}



.foo_40 {

    line-height: 40px !important;

}



.foo_50 {

    line-height: 50px !important;

}



















.xx_switch {

    position: relative;

    display: inline-block;

    width: 90px;

    height: 34px;

}



    .xx_switch input {

        display: none;

    }



.xx_slider {

    position: absolute;

    cursor: pointer;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: red;

    /*#ca2222;*/

    -webkit-transition: .5s;

    transition: .5s;

}



    .xx_slider:before {

        position: absolute;

        content: "";

        height: 26px;

        width: 26px;

        left: 4px;

        bottom: 4px;

        background-color: white;

        -webkit-transition: .5s;

        transition: .5s;

    }



input:checked + .xx_slider {

    background-color: green;

    /*#2ab934;*/

}



input:focus + .xx_slider {

    box-shadow: 0 0 1px #2196F3;

}



input:checked + .xx_slider:before {

    -webkit-transform: translateX(55px);

    -ms-transform: translateX(55px);

    transform: translateX(55px);

}



/*------ ADDED CSS ---------*/

.xx_yes {

    display: none;

}



.xx_yes {

    color: white;

    position: absolute;

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

    top: 50%;

    left: 30%;

    font-size: 18px;

    font-family: Verdana, sans-serif;

}



.xx_no {

    color: white;

    position: absolute;

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

    top: 50%;

    left: 70%;

    font-size: 18px;

    font-family: Verdana, sans-serif;

}



input:checked + .xx_slider .xx_yes {

    display: block;

}



input:checked + .xx_slider .xx_no {

    display: none;

}



/*--------- END --------*/



/* Rounded sliders */

.xx_slider.xx_round {

    border-radius: 68px;

}



    .xx_slider.xx_round:before {

        border-radius: 50%;

    }

















.xx_switch_sm {

    position: relative;

    display: inline-block;

    width: 40px;

    height: 18px;

}



    .xx_switch_sm input {

        display: none;

    }



.xx_slider_sm {

    position: absolute;

    cursor: pointer;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: red;

    /*#ca2222;*/

    -webkit-transition: .5s;

    transition: .5s;

}



    .xx_slider_sm:before {

        position: absolute;

        content: "";

        height: 14px;

        width: 14px;

        left: 2px;

        bottom: 2px;

        background-color: white;

        -webkit-transition: .5s;

        transition: .5s;

    }



input:checked + .xx_slider_sm {

    background-color: green;

    /*#2ab934;*/

}



input:focus + .xx_slider_sm {

    box-shadow: 0 0 1px #2196F3;

}



input:checked + .xx_slider_sm:before {

    -webkit-transform: translateX(22px);

    -ms-transform: translateX(22px);

    transform: translateX(22px);

}



/*------ ADDED CSS ---------*/

.xx_yes_sm {

    display: none;

}



.xx_yes_sm {

    color: white;

    position: absolute;

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

    top: 50%;

    left: 30%;

    font-size: 18px;

    font-family: Verdana, sans-serif;

}



.xx_no_sm {

    color: white;

    position: absolute;

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

    top: 50%;

    left: 70%;

    font-size: 18px;

    font-family: Verdana, sans-serif;

}



input:checked + .xx_slider_sm .xx_yes_sm {

    display: block;

}



input:checked + .xx_slider_sm .xx_no_sm {

    display: none;

}



/*--------- END --------*/



/* Rounded sliders */

.xx_slider_sm.xx_round_sm {

    border-radius: 32px;

}



    .xx_slider_sm.xx_round_sm:before {

        border-radius: 50%;

    }