body {
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    padding-right: 0px;
}

section {
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    padding-right: 0px; /*border: 2px solid blue;*/
}



.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto; /*margin-top: 0px;margin-bottom: 0px;*/
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 15px; /*border: 2px solid red;*/
}


.dl-horizontal dt {
    white-space: normal;
}

.iti-flag {
    background-image: url(~/Images/flag/flags.png);
}
/*phone input*/
/* Set width on the form input elements since they're 100% wide by default */
/*input,select,textarea {max-width: 280px;}*/
.width500 {
    width: 500px;
}


/*#loading-overlay {
    position: fixed;*/ /* Ensures it stays in place */
    /*top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);*/ /* Semi-transparent white background */
    /*z-index: 9999;*/ /* Ensures it's above all other content */
    /*display: flex;*/ /* Used to center the spinner */
    /*justify-content: center;
    align-items: center;
}*/

/* Initially hide the overlay (remove the line below to test it first) */
/*.hidden {
    display: none !important;
}
*/

/*@-moz-document domain() {
    input[type="radio"] {       
        -moz-appearance: radio !important;
    }
}*/
/*--------------------------------BORDER COLORS-------------------------------------------*/
.borderblue {
    border-color: rgb(153,51,255);
}

#myHol {
    border-color: rgb(230,0,200) !important;
}

#mSummary {
    border-color: rgb(230,0,200) !important;
}




/* -------------------------------CUSTOM BUTTONS-----------------------------------------*/

/*.btn-blue1 {
    background: rgb(0,180,250);
    color: white;
}*/

.btn-cygan1 {
    background: rgba(0,255,255,0.2);
    color: blue;
}

.btn-blue1 {
    background: rgb(0,150,250);
    color: white;
}

.btn-purp1 {
    background: rgb(153,51,255);
    color: white;
}

.btn-pink2 {
    background: rgb(255,0,200);
    color: white;
    
}


.btn-pink1 {
    background: rgb(255,0,200);
    color: white;
    margin: 5px;
}

.btn-red1 {
    background: red;
    color: white;
}

.btn-green1 {
    background: rgb(0, 150, 130);
    color: white;
}

.btn-gold1 {
    background: rgb(255,155,105);
    color: white;
}

.btn-blue1:hover, .btn-blue1:focus, .btn-blue1:active, .btn-blue1.active, .open > .dropdown-toggle.btn-blue1 {
    background: #33a6cc;
}

.btn-blue1:active, .btn-blue1.active {
    background: #007299;
    box-shadow: none;
}


.btnround {
    border-radius: 1.5rem;
}

.btnroundl {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}

.btnroundr {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}

.btn-gold001 {
    background: rgb(255,155,105);
    color: white;
}

.btn-blue001 {
    background: rgb(0,200,250);
    color: white;
}

.btn-blue002 {
    background: rgb(0,190,250);
    color: white;
}

.btn-blue003 {
    background: rgb(0,180,250);
    color: white;
}

.btn-blue004 {
    background: rgb(0,170,250);
    color: white;
}

.btn-blue005 {
    background: rgb(0,160,250);
    color: white;
}

.btn-blue006 {
    background: rgb(0,150,250);
    color: white;
}

.btn-blue007 {
    background: rgb(0,190,240);
    color: white;
}

.btn-blue008 {
    background: rgb(0,180,230);
    color: white;
}

.btn-blue009 {
    background: rgb(0,170,220);
    color: white;
}

.btn-blue0010 {
    background: rgb(0,160,210);
    color: white;
}

.btn-blue0011 {
    background: rgb(0,150,200);
    color: white;
}

.btn-blue0011 {
    background: rgb(15,120,190);
    color: white;
}

.new1 {
    border-top: 3px solid red;
}


.btn-blue_1 {
    background: #006896;
    margin: 5px;
}

.btn-purp_01 {
    background: rgb(140, 18, 140);
    color: rgb(234, 247, 243);
    margin: 5px;
}

.btn-purp_01a {
    background: rgba(140, 18, 140,0.5);
    color: rgb(234, 247, 243);
    margin: 5px;
}

.btn-purp_101 {
    background: rgb(153, 51, 255);
    color: rgb(234, 247, 243);
    margin: 5px;
}

.btn-purp_101a {
    background: rgba(153, 51, 255,0.5);
    color: rgb(234, 247, 243);
    margin: 5px;
}

.btn-purp_101a1 {
    background: rgba(153, 51, 255,0.75);
    color: rgb(234, 247, 243);
    margin: 5px;
}

.btn-grey01 {
    background: rgb(88,105,169);
    color: rgb(234, 247, 243);
    margin: 5px;
}

.btn-grey02 {
    background: rgb(153, 51, 255);
    color: rgb(234, 247, 243);
    margin: 5px;
}

.btn-lightpurp_101 {
    background: rgba(153, 51, 255,0.2);
    color: rgb(153, 51, 255);
    margin: 5px;
}

.btn-lightpurp_102 {
    background: rgba(153, 51, 255,0.5);
    color: rgb(255, 255, 255);
    margin: 5px;
}

.btn-pink_101 {
    background: rgb(140, 18, 140);
    color: rgb(234, 247, 243);
    margin: 5px;
}

.btn-pink_102 {
    background: rgb(229, 139, 194);
    color: rgb(234, 247, 243);
    margin: 5px;
}

.btn-pink_1022 {
    background: rgb(229, 139, 194);
    color: rgb(234, 247, 243);
    /*margin: 5px;*/
}

.btn-lightpink_101 {
    background: rgba(255, 0, 200,0.2);
    color: rgb(153, 51, 255);
    margin: 5px;
}

.btn-lightcygan_101 {
    background: rgba(0,255,255,0.2);
    color: rgb(153, 51, 255);
    margin: 5px;
}

.btn-lightcygan_102 {
    background: rgba(0,255,255,0.8);
    color: rgb(153, 51, 255);
    margin: 5px;
}


.btn-lightgreyy_101 {
    background: rgb(100,235,255);
    color: rgb(153, 51, 255);
    margin: 5px;
}








.btn-white01 {
    background: white;
    color: #006896;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .btn-white01:hover, btn-blue01:focus {
        background: white;
        text-decoration: underline;
    }

    .btn-white01:active {
        background: white;
        color: #574500;
    }

.btn-gold01 {
    background: rgb(249, 196, 139);
    color: rgb(0,57,93);
    margin: 5px;
    border-radius: 100px;
}

.btn-outline-gold01 {
    background: white;
    color: rgb(249, 196, 139);
    border: 2px solid rgb(249, 196, 139);
    margin: 5px;
}

.btnsize1 {
    font-size: 14px;
}

.btnsize2 {
    font-size: 16px;
}

.btnround1 {
    border-radius: 16px;
}

.btnround3 {
    border-radius: 22px;
}

.btnround4 {
    border-radius: 24px;
}

.btnround5 {
    border-radius: 1.5rem;
}

.btnround2 {
    border-radius: 1rem;
}

.btn-green01 {
    background: rgb(0, 106, 77);
    color: white;
}

.btn-green02 {
    background: rgb(0, 106, 77);
    color: white;
}

.btn-green03 {
    background: rgb(0, 120, 77);
    color: white;
}

.btn-green04 {
    background: rgb(0, 130, 77);
    color: white;
}

.btn-green05 {
    background: rgb(0, 140, 77);
    color: white;
}

.btn-green06 {
    background: rgb(0, 150, 77);
    color: white;
}

.btn-green07 {
    background: rgb(0, 160, 77);
    color: white;
}

.btn-green08 {
    background: rgb(0, 170, 77);
    color: white;
}

.btn-green09 {
    background: rgb(0, 180, 77);
    color: white;
}

.btn-green010 {
    background: rgb(0, 190, 77);
    color: white;
}

.btn-green011 {
    background: rgb(0, 200, 77);
    color: white;
}

.btn-green012 {
    background: rgb(0, 106, 90);
    color: white;
}

.btn-green013 {
    background: rgb(0, 106, 106);
    color: white;
}

.btn-green014 {
    background: rgb(0, 120, 90);
    color: white;
}

.btn-green015 {
    background: rgb(0, 120, 100);
    color: white;
}

.btn-green016 {
    background: rgb(0, 130, 90);
    color: white;
}

.btn-green017 {
    background: rgb(0, 130, 100);
    color: white;
}

.btn-green018 {
    background: rgb(0, 130, 130);
    color: white;
}

.btn-green019 {
    background: rgb(0, 140, 77);
    color: white;
}

.btn-green020 {
    background: rgb(0, 140, 90);
    color: white;
}

.btn-green021 {
    background: rgb(0, 140, 100);
    color: white;
}

.btn-green022 {
    background: rgb(0, 140, 110);
    color: white;
}

.btn-green023 {
    background: rgb(0, 140, 120);
    color: white;
}

.btn-green024 {
    background: rgb(0, 140, 130);
    color: white;
}

.btn-green025 {
    background: rgb(0, 140, 140);
    color: white;
}

.btn-green06 {
    background: rgb(0, 150, 130);
    color: white;
}

.btn-green07 {
    background: rgb(0, 160, 77);
    color: white;
}

.btn-green08 {
    background: rgb(0, 170, 77);
    color: white;
}

.btn-green09 {
    background: rgb(0, 180, 77);
    color: white;
}

.btn-green010 {
    background: rgb(0, 190, 77);
    color: white;
}

.btn-zurich01 {
    background: rgb(0, 51, 153);
    color: rgb(234, 247, 243);
    
}

.btn-zurich01a {
    background: rgb(0, 51, 153, 0.5);
    color: rgb(234, 247, 243);
}

.btn-green011 {
    background: rgb(0, 200, 77);
    color: white;
}

.btn-greenHL {
    background: rgb(0, 222, 178);
    color: rgb(234, 247, 243);
}

.btn-green001 {
    background: rgb(6, 211, 220);
    color: rgb(234, 247, 243);
    margin: 5px;
}


.btn-green002 {
    background: rgb(6, 211, 200);
    color: rgb(234, 247, 243);
    margin: 5px;
}

.btn-green003 {
    background: rgb(6, 211, 210);
    color: rgb(234, 247, 243);
    margin: 5px;
}


.btn-green004 {
    background: rgb(6, 220, 200);
    color: rgb(234, 247, 243);
    margin: 5px;
}

.btn-green005 {
    background: rgb(6, 220, 220);
    color: rgb(234, 247, 243);
}

.btn-green006 {
    background: rgb(6, 200, 200);
    color: rgb(234, 247, 243);
}

.btn-green007 {
    background: rgb(6, 211, 200);
    color: rgb(234, 247, 243);
}



.btn-red001 {
    background: rgb(0, 200, 77);
    color: white;
}

.btn-outline-purp01 {
    background: white;
    color: rgb(140, 18, 140);
    border: 2px solid rgb(140, 18, 140);
    margin: 5px;
}



/* ------------------------------------------------------------------------------------*/
.transparent {
    background: none;
}

.nopad {
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
}

.nopadright {
    padding-right: 0;
}

.nopadtop {
    padding-top: 0;
}

.nomargin {
    margin-top: 0;
    margin-bottom: 0;
}

.ffooter1 {
    color: rgb(220,220,220);
}



/* -------------------------------FONTS-----------------------------------------*/
.fontwhite {
    color: white;
}

.fontzurich01 {
    color: rgb(84,102,179) /*#00395D*/;
}


.fontblue03 {
    color: rgb(0,57,93) /*#00395D*/;
}

.fontblue04 {
    color: rgb(0,57,93) /*#00395D*/;
}

.fontgreenHL {
    color: rgb(0,222,178) /*#00395D*/;
}

.fontblue05 {
    color: rgb(0, 116, 166);
}

.fontbbb1 {
    color: rgb(220, 220, 220);
}

.fontadv {
    color: rgb(200, 100, 100);
}



.bgg1 {
    background-color: rgb(17,17,17);
}

.bgg2 {
    background-color: rgb(30,10,50);
}

.bgg2a {
    background-color: rgb(30,10,50.0.9);
}

.bgg10 {
    background-color: rgba(17,17,17,0.5);
}

.bggfoot {
    background-color: rgb(38,40,56);
}








.backgroundblue04 {
    background-color: rgb(0,57,93);
}

.backgroundblack01 {
    background-color: rgb(22,24,40);
}

.fontblue06 {
    color: rgb(0,104,150) /*#00395D*/;
}

.fontblue1001 {
    color: rgb(0,152,219) /*#00395D*/;
}

.fontblue07 {
    color: rgb(0,70,140) /*#00395D*/;
}

.fontblue07ws {
    color: rgb(0,51,153) /*#00395D*/;
}

.fontbluetawa1 {
    color: rgb(150,175,205) /*#00395D*/;
}
.fontbluetawa4 {
    color: rgb(130,155,175) /*#00395D*/;
}

.fontbluetawa2 {
    color: rgb(166, 197, 247) /*#00395D*/;
}

.fontbluetawa3 {
    color: rgb(100,125,190) /*#00395D*/;
}

.fontblack01 {
    color: rgb(51,51,51);
}

.fontblack02 {
    color: rgb(127,127,127);
}

.fontpink01 {
    color: rgb(221, 64, 132);
}

.fontblue08 {
    color: rgb(55, 164, 242);
}

.fontpurp01 {
    color: rgb(140, 18, 140);
}

.fontpurp101 {
    color: rgb(153, 51, 255);
}
.fontdarkpurp01 {
    color: rgb(74, 25, 122);
}

.fontdarkpurp02 {
    color: rgb(84, 30, 142);
}

.fontdarkpurp03 {
    color: rgb(74, 25, 122,0.6);
}

.fontpink101 {
    color: rgb(140, 18, 140);
}
.fontpink102 {
    color: rgb(229, 139, 194);
}

.fontpink103 {
    color: rgb(180,0,150);
}

.fontgreenHL {
    color: rgb(0,222,178) /*#00395D*/;
}

.dot {
    background-color: #bbb;
}

.fontblue02 {
    color: #0074A6;
}

.fontblue01 {
    color: #FF0000;
}
/*.fontblue03 {color: #E5EBEE;}*/ /*#7F7F7F #FF0000*/
.fontgold02 {
    color: rgb(253, 235, 208);
}

.fontgold {
    color: rgb(249, 196, 139);
}

.linkgold {
    color: rgb( 235, 152, 78 );
}

.fontlightpurp1 {
    color: rgb( 200, 100, 255);
}

.linkgold:active {
    color: red;
} 

.linkgold:link {
        color: rgb(240, 178, 122);
    } 

.linkgold:visited {
        color: rgb( 235, 152, 78 );
    }
    /*input[id="white"], select, textarea{color: #ff0000;}
input[id="white"],textarea:focus, input:focus {color: #ff0000;}*/
    /*::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ *
color: red;
opacity: 1; /* Firefox *
}

*/
    ::placeholder {
    color: blue;
    font-size: 0.8rem;
    font-weight: 300;
} :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: red;
    font-size: 0.8rem;
    font-weight: 300;
} .fw100 {
    font-weight: 100
} .fw200 {
    font-weight: 200
} .fw300 {
    font-weight: 300
} .fw400 {
    font-weight: 400
} .fw500 {
    font-weight: 500
} .fw600 {
    font-weight: 600
} .fw700 {
    font-weight: 700
} .fw800 {
    font-weight: 800
} .fw900 {
    font-weight: 900
}
    /*input[id="white"],textarea:focus, input:focus {
    color: #ff0000;
}*/
    /*input, textarea{
    background-color:white;
    color: white;
}
/*input[id="white"]::-webkit-input-placeholder { 
    color: white;
}*/
    ::-moz-placeholder {
    color: blue;
} input:-moz-placeholder {
    color: blue;
}
    /*input[id="white"]::-moz-placeholder { 
    color: white;
}*/
    input[id="white"]:-ms-input-placeholder {
    color: white;
} input[id="white"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: white;
} input[id="white"]:-moz-placeholder, textarea:-moz-placeholder {
    color: white;
}
/*.navbar {
background-color: transparent;
    border-color: transparent;
    color: #006896
}*/

.border1 {
    border: 1px solid red;
    border-color: rgb( 253, 235, 208 );
    border-radius: 10px;
}

.noborder {
    border-radius: 0 !important;
}

.margin30 {
    margin-top: 30px;
    margin-bottom: 30px
}

/*.pad40 {padding-top: 40px;  padding-left: 40px;  padding-right: 40px;  padding-bottom: 40px;}
.pad30 {padding-top: 30px;  padding-left: 30px;  padding-right: 30px;  padding-bottom: 30px;}
.padside30 { padding-left: 30px; padding-right: 30px;}
.pad20 {padding-top: 20px;  padding-left: 20px;  padding-right: 20px;  padding-bottom: 20px;}
.padside20 { padding-left: 20px; padding-right: 20px;}
.pad15 {padding-top: 15px;  padding-left: 15px;  padding-right: 15px;  padding-bottom: 15px;}
.padside15 { padding-left: 15px; padding-right: 15px;}
.pad10 {padding-top: 10px;  padding-left: 10px;  padding-right: 10px;  padding-bottom: 10px;}
.padside10 { padding-left: 10px; padding-right: 10px;}
.pad5 {padding-top: 5px;  padding-left: 5px;  padding-right: 5px;  padding-bottom: 5px;}
.padside5 { padding-left: 5px; padding-right: 5px;}*/

.vcenter {
    vertical-align: middle;
    float: none;
}

.fontsize20 {
    font-size: 20px;
}

.fontsizeh1 {
    font-size: 2.5rem;
}

.fontsizeh2 {
    font-size: 2.0rem;
}

.fontsizeh3 {
    font-size: 1.75rem;
}

.fontsizeh4 {
    font-size: 1.5rem;
}

.fontsizeh5 {
    font-size: 1.25rem;
}

.fontsizeh6 {
    font-size: 1.0rem;
}

.fontsizer15 {
    font-size: 1.2rem;
}


.fontsize50 {
    font-size: 50px;
    font-weight: 100;
}

.fontsize15 {
    font-size: 15px;
    font-weight: bold;
}


.fontsize1 {
    font-weight: 100;
}

.fontsizeL10 {
    font-size: 120px;
    font-weight: 800;
}


/*.navbar-text {
color: #006896;
    
}*/

#PAN {
    width: 10px;
}

#log {
    float: right;
}

.green {
    color: green;
}

.size30 {
    font-size: 30px;
}

.size13 {
    font-size: 13px;
}

.backgroundnone {
    background-color: none;
}

.backgroundwhite {
    background-color: white;
}

.backgroundlightblue1 {
    background-color: rgb(0,200,250);
}

.backgrounddarkblue {
    background-color: rgb(0,29,56);
}

.backgrounddarkbluea {
    background-color: rgb(0,29,56,0.9);
}

.backgroundblue101 {
    background-color: rgb(28, 3, 188);
}

.backgroundblue1001 {
    background-color: rgb(0, 152, 219);
}

.backgroundlightblue01 {
    background-color: rgb(229, 235, 238)
}

.backgroundlightblue02 {
    background-color: rgb(13, 104, 242);
}

.backgroundlightblue03 {
    background-color: rgb(14, 121, 191);
}

.backgroundlightblue001 {
    background-color: rgb(245, 250, 255);
}

.backgroundpurp01 {
    background-color: rgb(153, 51, 255);
}

.backgroundpink_103 {
    background-color: rgb(180,0,150);
}

.backgroundlightpurp001 {
    background-color: rgba(153, 51, 255,0.1);
}

.backgroundlightpurp002 {
    background-color: rgba(125, 40, 175,0.1);
}

.backgroundlightpurp00111 {
    background-color: rgba(153, 51, 255,0.5);
}

.backgroundcygan1 {
    background-color: rgb(0,255, 255);
}

.backgroundlightcygan1 {
    background-color: rgba(0,255, 255,0.5);
}




.backgroundred {
    background-color: red;
}

.backgroundgrey50 {
    background-color: rgb(50,50,50);
}

.backgroundgrey {
    background-color: rgb(250,245,255);
}

.backgroundgrey1 {
    background-color: rgb(240,240,240);
}

.backgroundgrey111 {
    background-color: rgb(247,247,247);
}

.backgroundgrey112 {
    background-color: rgb(240,240,255);
}

.backgroundgrey113 {
    background-color: rgb(217,207,247);
}

.backgroundgrey113a {
    background-color: rgb(217,207,247,0.5);
}
.backgroundgrey113b {
    background-color: rgb(217,207,247,0.25);
}
.backgroundgrey113c {
    background-color: rgb(217,207,247,0.75);
}

.backgroundgrey114 {
    background-color: rgb(88,105,129);
}



.backgroundgrey1o {
    background-color: rgba(240,240,240,0.5);
    position: relative;
    /*top: 0;
    left: 0;*/
    width: 100%;
    min-height: 700px;
}

.backgroundgrey113 {
    background-color: /*#e5ebee;*/ rgb(229,235,238);
}

.backgroundgreyfoot {
    background-color: /*#e5ebee;*/ rgb(190,195,205);
}

.backgroundpink_101 {
    background: rgb(140, 18, 140);
    color: rgb(234, 247, 243);
    margin: 5px;
}

.backgroundpink_102 {
    background: rgb(229, 139, 194);
    color: rgb(234, 247, 243);
    margin: 5px;
}

.backgroundlightpink_101 {
    background: rgba(255, 0, 200,0.2);
    color: rgb(153, 51, 255);
    margin: 5px;
}

.backgroundlightpink_1011 {
    background: rgb(255, 0, 200);
    color: rgb(153, 51, 255);
    margin: 5px;
}

/*---------------------------------------------------------------------------------------------------*/
.backgroundtawa1 {
    background-color: rgb(237,242,249);
}

.backgroundtawa111 {
    background-color: rgb(217,222,229);
}


.backgroundtawa118 {
    background-color: rgb(230,205,249);
}


.backgroundtawa119 {
    background-color: rgb(210,200,249);
}

.backgroundtawa120 {
    background-color: rgb(210,210,225);
}

/*---------------------------------------------------------------------------------------------------*/
.img100 {
    width: 100%;
    height: auto;
    /*display:block*/
}



.img-fluid {
    width: 100%;
}

.card {
    display: block !important;
}

.backgroundgrey150 {
    background-color: rgb(70, 91, 104);
}

.backgroundgold01 {
    background-color: rgb(255, 255, 245);
}

.backgroundgold02 {
    background-color: rgb(255, 255, 240);
}

.backgroundgold03 {
    background-color: rgb(255, 255, 235);
}

.backgroundgold04 {
    background-color: rgb(255, 255, 230);
}

.backgroundgold05 {
    background-color: rgb(255, 255, 225);
}

.backgroundgold06 {
    background-color: rgb(250, 240, 200);
}

.backgroundgrey1501 {
    background-color: rgb(26,82,118);
}

.backgroundgrey155 {
    background-color: rgb(155,155,155);
}

.backgroundgrey140 {
    background-color: rgb(140,140,140);
}

.backgroundgrey130 {
    background-color: rgb(130,130,130);
}

.backgroundgrey120 {
    background-color: rgb(120,120,120);
}

.backgroundblue100 {
    background-color: rgb(100,100,200);
}

.backgroundblue201 {
    background-color: rgb(15,120,190);
}

.backgroundbrown01 {
    background-color: rgb(252, 218, 196);
}

.backgroundred01 {
    background-color: rgb(252, 0, 100);
}

.backgroundpic1 {
    background: url(/Images/pics/mia-baker-322592.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.backgroundpic2 {
    background: url(/Images/image4.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.backgroundpicP {
    background: url(/Images/imageP.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.backgroundpicclimb {
    background: url(/Images/pics/climbing.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.backgroundpicclimb2 {
    background: url(/Images/pics/climbing2.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.backgroundpic4 {
    background: url(/Images/pics/achievement-bar-business-chart-40140.jpg) no-repeat;
    min-height: 200px;
    background-size: cover;
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}

.backgroundpic4v2 {
    background: url(/Images/pics/achievement-bar-business-chart-40140v2.jpg) no-repeat;
    min-height: 200px;
    background-size: cover;
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}

.backgroundpic3 {
    background: url(/Images/pics/sss4.jpeg) no-repeat;
    min-height: 500px;
    background-size: cover;
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}

.backgroundpic10 {
    background: url(/Images/pics/shopowner.jpg) no-repeat center center;
    min-height: 500px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.backgroundpic11 {
    background: url(/Images/pics/our-fleet-1046x500.jpg) no-repeat center center;
    min-height: 400px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.backgroundpic12 {
    background: url(/Images/pics/mountains-clouds-forest-fog.jpg) no-repeat center center;
    /*min-height: 400px;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.backgroundpic13 {
    background: url(/Images/pics/pexels-photo-346529.jpeg) no-repeat center center;
    /*min-height: 400px;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

mountains-clouds-forest-fog
/*.carousel-inner > .item > img {
    /*width: 640px;
    height: 500px;
}*/
page-content-pod {
    background-color: #F4F9F4;
}

.labelcentre {
    text-align: center;
}

.width150 {
    width: 150%;
}

.width90 {
    width: 90%;
}

.width80 {
    width: 80%;
}

.width70 {
    width: 70%;
}

.width60 {
    width: 60%;
}

.width50 {
    width: 50%;
}

.width40 {
    width: 40%;
}

.width30 {
    width: 30%;
}

.width20 {
    width: 20%;
}

.width10 {
    width: 10%;
}




/*@media (max-width: 500px){
#ss{
    min-width: 200px;
      
}
}*/


.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

    /*.carousel {
    width: 640px;
    height: 500px;
}*/

    /*.row {
    width: 100%;
}*/

    .carousel-fade .carousel-item.active {
        opacity: 1;
        display: block;
    }

/*.row {
    width: 100%;
}

.carousel {
    position: relative;
    top: 0;
    left: 0;
    background-color: lightskyblue;
}

.carousel-inner {
    background-color: pink;
    height: 100%;
}

.carousel-item {
    background-color: yellow;
    opacity: .5;
}*/

/*a.carousel-control-next:link, a.carousel-control-prev:link {
    background-color: transparent;
    text-decoration: none;
    opacity: .5;
}

a.carousel-control-next:hover, a.carousel-control-prev:hover {
    background-color: transparent;
    text-decoration: none;
    opacity: 1;
}*/

/*.carousel-control-next-icon, .carousel-control-prev-icon {
    position: relative;
    background-image: none;
}

    .carousel-control-next-icon:before {
        top: 0;
        left: -5px;
        padding-right: 10px;
    }

    .carousel-control-prev-icon:before {
        top: 0;
        left: -5px;
        padding-right: 10px;
    }*/

/*.sidebar {
    background-color: #e1e1e1;
}*/

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 36px;
    height: 36px;
    padding: 8px;
    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;
    font: 32px Arial, sans-serif;
}

.carousel-caption {
    /*top: 0;*/
    bottom: auto;
    
}

.carcap {
    position: absolute;
    right: 2%;
    /*bottom: 20px;*/
    left: 2%;
    z-index: 10;
    /*padding-top: 70px;
    padding-bottom: 20px;*/
    color: #fff;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
}

.carcap2 {
    position: absolute;
    right: 2%;
    /*bottom: 20px;*/
    left: 2%;
    z-index: 10;
    /*padding-top: 70px;
    padding-bottom: 20px;*/
    color: #fff;
    text-align: left;
    bottom: 0px;
   /* transform: translateY(-0px);*/
}

.ccaro2 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 11;
}

.ccaro {
    position: absolute;
    top: 10px;
    left: 0px;
}




.ui-slider {
    margin: 20px;
    width: 100%;
}

/*.slider .ui-state-default {
    background: none;
}

#slider1 .ui-slider-range {
    background: #ef2929;
}*/

/*#slider1 .ui-slider-handle {
        width: 14px;
        height: 18px;
        margin-left: -5px;
        top: -4px;
        
        background: #ef2929;
    }*/

.slider {
    height: 10px;
}

#slider1 {
    background: rgb(210, 221, 236)/*rgb(0,152,219)*/ /*rgb(153, 51, 255)*/;
    border: #ef2929;
}

#slider2 {
    background: rgb(210, 221, 236) /*rgb(0,152,219)*/ /*rgb(229, 139, 194)*/;
    border: #ef2929;
}

.btn-pink_101 {
    background: rgb(140, 18, 140);
    color: rgb(234, 247, 243);
    margin: 5px;
}

.btn-pink_102 {
    background: rgb(229, 139, 194);
    color: rgb(234, 247, 243);
    margin: 5px;
}

.btn-greenHL {
    background: rgb(0,222,178);
    color: rgb(234, 247, 243);
    margin: 5px;
}


/*#slider1 .ui-slider-handle {
    background: url(img/slider-handle.png) no-repeat;
    border: #ef2929;
}*/
/*.nav-link {
    color: rgb(0,104,150)
}*/
#custom-handle {
    width: 2.1em;
    height: 2.1em;
    top: 50%;
    margin-top: -1.1em;
    text-align: center;
    line-height: 2.1em;
    border-radius: 2.1em;
    color: /*rgb(0, 104, 150)*/ rgb(153, 51, 255);
    background: /*rgb(100, 100, 256)*/ rgb(153, 51, 255) /*#2c7be5*/ /*rgb(140, 18, 140)*/ /*rgb(0,57,93)*/ /*rgb(200, 100, 255)*/;
}





/** The switch - the box around the slider */
/*.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}*/

    /* Hide default HTML checkbox */
    /*.switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }*/

/* The slider */
/*#slider2 .ui-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

#slider2 .ui-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}*/

    /*.slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }*/

/*input:checked + .slider {
    background-color: #2196F3;
}*/

/*input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}*/

/*input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}*/

/* Rounded sliders */
/*.slider.round {
    border-radius: 34px;
}*/

    /*.slider.round:before {
        border-radius: 50%;
    }*/

.nav-item .active {
    /*background: #4FA9DC;*/
    color: red;
    font-weight: 600
}

/*.nav-item .active {
    background: #4FA9DC;
    color: #000;
}*/

/*active color*/
/*.navbar-nav li.active > a {
    background-color: white;
    color: #fff;
}*/

/*navigation font color*/
/*nav .navbar-nav li a {
    color: rgb(0,57,93) !important;
    font-weight: 300
}*/


/*#navv .navbar-nav li a {
    color: rgb(0,57,93) !important;
    font-weight: 300;
    font-size: 1.25rem;
}

#navv .navbar-nav li > a {
    text-transform: capitalize;
    color: #333;
    transition: background-color .2s, color .2s;
}
    #navv .navbar-nav li > a:hover, #navv .navbar-nav li > a:focus {
        /*background-color: #333;
        color: #fff;*
        border-bottom: 1px solid rgb(0,152,219);
    }

#navv .navbar-nav li.active > a {
    /*background-color: #333;
    color: #fff;*
    border-bottom: 3px solid rgb(0,152,219);
}

nav-tabs li > a:hover, #navx .nav-tabs li > a:focus {
    /*background-color: #333;
        color: #fff;*
    border-bottom: 1px solid rgb(0,152,219);
}

nav-tabs li.active > a {
    /*background-color: #333;
    color: #fff;*
    border-bottom: 3px solid rgb(0,152,219);
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    /*border-bottom: 1px solid rgb(0,152,219);*
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    /*border-bottom: 3px solid rgb(0,152,219);*
}

.navx .nav-item {
    color: #495057;
    background-color: rgb(237,242,249);
    /*border-bottom: 3px solid rgb(0,152,219);*
}

.navy .nav-item {
    color: #495057;
    background-color: rgb(237,242,249);
    /*border-bottom: 3px solid rgb(0,152,219);*
}
*/

.invv:hover {
    border: 1px solid rgb(153, 51, 255);
    color: #495057;
    background-color: rgba(153, 51, 255,0.1) /*rgb(237,242,249)*/
    ;
}


.invv2:hover {
    border: 1px solid rgb(153, 51, 255);
    color: #495057;
    background-color: rgba(203, 101, 255) /*rgb(237,242,249)*/
    ;
}

/*table, th, td {
    border: 2px solid red;
    margin-top: 20px;
}*/

    /*table.table-bordered > thead > tr > th {
        border: 1px solid blue;
    }

    table.table-hover table-responsive-sm > thead > tr > th {
        border: 1px solid blue;
    }

    table table-hover table-responsive-sm table-sm {
        border: 1px solid blue;
    }

        table table-hover table-responsive-sm table-sm > thead > tr > th {
            border: 1px solid blue;
        }

.table-thick th,
.table-thick td {
    border-bottom-width: 5px;
}

table table-hover table-responsive-sm table-sm table-thick tr th td
{
    border: 1px solid blue;
}*/

.table-primary2,
.table-primary2 > th,
.table-primary2 > tr,
.table-primary2 > td {
    /*border: 5px solid blue;*/
}

    .table-primary2 tr,
    .table-primary2 tr,
    .table-primary2 thead tr,
    .table-primary2 tbody + tbody {
        border: 5px solid white;
    }

.iti__flag {
    background-image: url("path/to/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("path/to/flags@2x.png");
    }
}


PPP {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0;
    overflow: hidden
}

hr.hr1 {
    border: 1px solid rgb(0, 222, 178);
    
    /*border-radius: 5px;*/
}

hr.hr2 {
    border: rgb(0, 222, 178);
    ;
    /*border-radius: 5px;*/
}

/*-------------------------------------------------------------*/

#LendOpt {
    border: 1px solid rgb(0,152,219);
}
#mLendOpt1 {
    border: 1px solid rgb(153,51,255);
}
#mLendOpt2 {
    border: 1px solid rgb(153,51,255);
}
#abLendOpt1 {
    border: 1px solid rgb(153,51,255);
}
#abLendOpt2 {
    border: 1px solid rgb(153,51,255);
}
#abLendOpt3 {
    border: 1px solid rgb(153,51,255);
}


#LendOpt1 {
    border: 1px solid rgb(153,51,255);
}

#LendOpt2 {
    border: 1px solid rgb(153,51,255);
}

#LendOpt3 {
    border: 1px solid rgb(153,51,255);
}

#LendOptCust {
    border: 1px solid rgb(153,51,255);
}

/*-------------------------------------------------------------*/

/*.LendOpt:hover {
    border: 1px solid rgb(0,152,219);
}*/

.bb {
    border: 1px solid rgb(0,152,219);
}

.border3 {
    border-width: 3px !important;
}

.border-2 {
    border-width: 2px !important;
    border-color: rgb(0,0,0); 
    color: rgb(0,0,0);
}

.bpurp101 {
    border: 1px solid rgb(153,51,255);
}




.onoffswitch {
    position: relative;
    width: 90px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 30px;
        padding: 0;
        line-height: 30px;
        font-size: 14px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "ON";
        padding-left: 10px;
        background-color: #007bff/*#34A7C1*/;
        color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: "OFF";
        padding-right: 10px;
        background-color: #EEEEEE;
        color: #999999;
        text-align: right;
    }


.onoffswitch-switch {
    display: block;
    width: 18px;
    margin: 6px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 56px;
    border: 2px solid #999999;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}


/*.span1 {
    padding-bottom: 10px;
    border-bottom: 1px solid pink;
    line-height: 48px;
}*/

.span1 {
    /*border-style: solid;*/
    border-bottom: 3px solid rgb(0, 222, 178);
    /*border-color: #eaf7f3 green rgb(234, 247, 243);*/
    /*border-top-width: thin;*/
}

/*.span12 {
    border-style: solid;
    border-width: 5px;
    border-bottom-color: rgb(200, 247, 243);
}*/

.progress-bar-custom {
    background-color: rgb(0, 222, 178);
}



/*//----------------------------------------------------------------------------*/
.sidebar2 {
    /*height: 100%;*/
    /*width: 0;*/
    /*position: fixed;*/
    /*z-index: 1;*/
    /*top: 0;*/
    /*left: 0;*/
    background-color: #111;
    /*overflow-x: hidden;*/
    /*transition: 0.5s;*/
    /*padding-top: 60px;*/
}

.sidebar2 a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    /*font-size: 25px;*/
    color: #818181;
    /*display: block;*/
    transition: 0.3s;
}

    .AdvDD a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        /*font-size: 25px;*/
        color: white;
        /*display: block;*/
        transition: 0.3s;
    }

.AdvDD2 a {
    color: rgb(180,0,150);
}

.sidebar2font {
    color: white;
}

    /*.sidebar2 a:hover {
        color: #f1f1f1;
    }*/

/*.sidebar2 .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}*/


.sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

    .sidebar a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        /*font-size: 25px;*/
        color: #818181;
        display: block;
        transition: 0.3s;
    }

        .sidebar a:hover {
            color: #f1f1f1;
        }

    .sidebar .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

.openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: #111;
    color: white;
    padding: 10px 15px;
    border: none;
}

    .openbtn:hover {
        background-color: #444;
    }

#main {
    transition: margin-left .5s;
    padding: 16px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidebar {
        padding-top: 15px;
    }

        .sidebar a {
            font-size: 18px;
        }
}


/* 1. Fix for Disabled Button Click/Hover Blocking */
#btnEveryday[disabled] {
    /* Prevents the disabled button from blocking mouse events, allowing the wrapper to detect hover */
    pointer-events: none;
    opacity: 0.6; /* Optional: Visually indicate it's disabled */
}

/* 2. Positioning Context */
#btnEveryday-wrapper-hover {
    /* The tooltip needs to be positioned RELATIVE to this wrapper */
    position: relative;
    display: inline-block; /* Essential: wraps tightly around the button */
}

/* 3. Tooltip Appearance and Initial State */
#Everyday-custom-tooltip {
    /* HIDE the tooltip initially */
    display: none;
    /* POSITIONING: Absolute position it above the button */
    position: absolute;
    bottom: 100%; /* Place it above the bottom edge of the wrapper */
    left: 50%; /* Start it halfway across the wrapper */
    transform: translateX(-50%); /* Center it horizontally */
    /* STYLING */
    background-color: #333;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 0.9em;
    white-space: nowrap; /* Keep text on one line */
    z-index: 999; /* Ensure it stacks above other content */
}

/* 1. Fix for Disabled Button Click/Hover Blocking */
#btnSophisticated[disabled] {
    /* Prevents the disabled button from blocking mouse events, allowing the wrapper to detect hover */
    pointer-events: none;
    opacity: 0.6; /* Optional: Visually indicate it's disabled */
}

/* 2. Positioning Context */
#btnSophisticated-wrapper-hover {
    /* The tooltip needs to be positioned RELATIVE to this wrapper */
    position: relative;
    display: inline-block; /* Essential: wraps tightly around the button */
}

/* 3. Tooltip Appearance and Initial State */
#Sophisticated-custom-tooltip {
    /* HIDE the tooltip initially */
    display: none;
    /* POSITIONING: Absolute position it above the button */
    position: absolute;
    bottom: 100%; /* Place it above the bottom edge of the wrapper */
    left: 50%; /* Start it halfway across the wrapper */
    transform: translateX(-50%); /* Center it horizontally */
    /* STYLING */
    background-color: #333;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 0.9em;
    white-space: nowrap; /* Keep text on one line */
    z-index: 999; /* Ensure it stacks above other content */
}

#btnSelfSophisticated[disabled] {
    /* Prevents the disabled button from blocking mouse events, allowing the wrapper to detect hover */
    pointer-events: none;
    opacity: 0.6; /* Optional: Visually indicate it's disabled */
}

/* 2. Positioning Context */
#btnSelfSophisticated-wrapper-hover {
    /* The tooltip needs to be positioned RELATIVE to this wrapper */
    position: relative;
    display: inline-block; /* Essential: wraps tightly around the button */
}

/* 3. Tooltip Appearance and Initial State */
#SelfSophisticated-custom-tooltip {
    /* HIDE the tooltip initially */
    display: none;
    /* POSITIONING: Absolute position it above the button */
    position: absolute;
    bottom: 100%; /* Place it above the bottom edge of the wrapper */
    left: 50%; /* Start it halfway across the wrapper */
    transform: translateX(-50%); /* Center it horizontally */
    /* STYLING */
    background-color: #333;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 0.9em;
    white-space: nowrap; /* Keep text on one line */
    z-index: 999; /* Ensure it stacks above other content */
}

#btnHighNetWorth[disabled] {
    /* Prevents the disabled button from blocking mouse events, allowing the wrapper to detect hover */
    pointer-events: none;
    opacity: 0.6; /* Optional: Visually indicate it's disabled */
}

/* 2. Positioning Context */
#btnHighNetWorth-wrapper-hover {
    /* The tooltip needs to be positioned RELATIVE to this wrapper */
    position: relative;
    display: inline-block; /* Essential: wraps tightly around the button */
}

/* 3. Tooltip Appearance and Initial State */
#HighNetWorth-custom-tooltip {
    /* HIDE the tooltip initially */
    display: none;
    /* POSITIONING: Absolute position it above the button */
    position: absolute;
    bottom: 100%; /* Place it above the bottom edge of the wrapper */
    left: 50%; /* Start it halfway across the wrapper */
    transform: translateX(-50%); /* Center it horizontally */
    /* STYLING */
    background-color: #333;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 0.9em;
    white-space: nowrap; /* Keep text on one line */
    z-index: 999; /* Ensure it stacks above other content */
}





/* 1. Fix for Disabled Button Click/Hover Blocking */
#btnmEveryday[disabled] {
    /* Prevents the disabled button from blocking mouse events, allowing the wrapper to detect hover */
    pointer-events: none;
    opacity: 0.6; /* Optional: Visually indicate it's disabled */
}

/* 2. Positioning Context */
#btnmEveryday-wrapper-hover {
    /* The tooltip needs to be positioned RELATIVE to this wrapper */
    position: relative;
    display: inline-block; /* Essential: wraps tightly around the button */
}

/* 3. Tooltip Appearance and Initial State */
#mEveryday-custom-tooltip {
    /* HIDE the tooltip initially */
    display: none;
    /* POSITIONING: Absolute position it above the button */
    position: absolute;
    bottom: 100%; /* Place it above the bottom edge of the wrapper */
    left: 50%; /* Start it halfway across the wrapper */
    transform: translateX(-50%); /* Center it horizontally */
    /* STYLING */
    background-color: #333;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 0.9em;
    white-space: nowrap; /* Keep text on one line */
    z-index: 999; /* Ensure it stacks above other content */
}

/* 1. Fix for Disabled Button Click/Hover Blocking */
#btnmSophisticated[disabled] {
    /* Prevents the disabled button from blocking mouse events, allowing the wrapper to detect hover */
    pointer-events: none;
    opacity: 0.6; /* Optional: Visually indicate it's disabled */
}

/* 2. Positioning Context */
#btnmSophisticated-wrapper-hover {
    /* The tooltip needs to be positioned RELATIVE to this wrapper */
    position: relative;
    display: inline-block; /* Essential: wraps tightly around the button */
}

/* 3. Tooltip Appearance and Initial State */
#mSophisticated-custom-tooltip {
    /* HIDE the tooltip initially */
    display: none;
    /* POSITIONING: Absolute position it above the button */
    position: absolute;
    bottom: 100%; /* Place it above the bottom edge of the wrapper */
    left: 50%; /* Start it halfway across the wrapper */
    transform: translateX(-50%); /* Center it horizontally */
    /* STYLING */
    background-color: #333;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 0.9em;
    white-space: nowrap; /* Keep text on one line */
    z-index: 999; /* Ensure it stacks above other content */
}

#btnmSelfSophisticated[disabled] {
    /* Prevents the disabled button from blocking mouse events, allowing the wrapper to detect hover */
    pointer-events: none;
    opacity: 0.6; /* Optional: Visually indicate it's disabled */
}

/* 2. Positioning Context */
#btnmSelfSophisticated-wrapper-hover {
    /* The tooltip needs to be positioned RELATIVE to this wrapper */
    position: relative;
    display: inline-block; /* Essential: wraps tightly around the button */
}

/* 3. Tooltip Appearance and Initial State */
#mSelfSophisticated-custom-tooltip {
    /* HIDE the tooltip initially */
    display: none;
    /* POSITIONING: Absolute position it above the button */
    position: absolute;
    bottom: 100%; /* Place it above the bottom edge of the wrapper */
    left: 50%; /* Start it halfway across the wrapper */
    transform: translateX(-50%); /* Center it horizontally */
    /* STYLING */
    background-color: #333;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 0.9em;
    white-space: nowrap; /* Keep text on one line */
    z-index: 999; /* Ensure it stacks above other content */
}

#btnmHighNetWorth[disabled] {
    /* Prevents the disabled button from blocking mouse events, allowing the wrapper to detect hover */
    pointer-events: none;
    opacity: 0.6; /* Optional: Visually indicate it's disabled */
}

/* 2. Positioning Context */
#btnmHighNetWorth-wrapper-hover {
    /* The tooltip needs to be positioned RELATIVE to this wrapper */
    position: relative;
    display: inline-block; /* Essential: wraps tightly around the button */
}

/* 3. Tooltip Appearance and Initial State */
#mHighNetWorth-custom-tooltip {
    /* HIDE the tooltip initially */
    display: none;
    /* POSITIONING: Absolute position it above the button */
    position: absolute;
    bottom: 100%; /* Place it above the bottom edge of the wrapper */
    left: 50%; /* Start it halfway across the wrapper */
    transform: translateX(-50%); /* Center it horizontally */
    /* STYLING */
    background-color: #333;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 0.9em;
    white-space: nowrap; /* Keep text on one line */
    z-index: 999; /* Ensure it stacks above other content */
}