html {font-size: 1em;}
h1 {font-size: 2.4em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.4em;}
/*p{font-size: 1em;line-height: 1.5;}*/

@include media-breakpoint-up(xs) {
    html {font-size: 0.95rem}
}
@include media-breakpoint-up(sm) {
    html {font-size: 1.1rem}
}
@include media-breakpoint-up(md) {
    html {font-size: 1.3rem}
}
@include media-breakpoint-up(lg) {
    html {font-size: 1.5rem}
}


span.navtoggle {display:none;z-index:999999;}
img#cash2asset {max-width:80%;text-align:center;}

#footer ul {list-style:none;padding:0; margin:0;}
#footer ul li {line-height:36px;border-bottom:1px solid #444747;padding-left:30px;}
#footer ul li a {display:block;text-decoration:none; color:#fff;}
#footer h1, #footer h2, #footer h3 {padding-bottom:24px;}

.leftcontainer {left: 0px;}
#content {margin-left: 250px;background: #fff;}

@media screen and (max-width:767px){
    span.navtoggle {display:inline;cursor:pointer}
    div#navigation{position:fixed;height:100%;width:250px;background:#fff;z-index:999999;top:0px;left:0;background:#0e1d22;left:-250px;transition: transform 0.5s, visibility 0s 0.5s;}
    div#navigation ul#navlist li {float:none;border-bottom:1px solid #19272f;padding-left:30px;}
    img#cash2asset {max-width:100%;text-align:center;}
    .leftcontainer {left: -250px;z-index: 999999;}
     #content {margin-left:0;}
} 

#left ul{list-style: none;padding: 0;}

#left ul li {padding: 10px 10px 10px 30px;border-bottom: 1px solid #cdcdcd;}
#left ul li a {text-decoration: none;color: #333;display: block;}
#left ul li.active {background-color: lavender !important; color: #f5f5f5 !important;}
#left ul li.active:after {content: '';position: absolute;left: 100%;top: 50%;margin-top: -20px;border-left: 0;border-bottom: 20px solid transparent;border-top: 20px solid transparent;}
.tab {display: none;min-height: 100%}
.active {display: block !important;}

#wallet-list {list-style: none;width: 100%;margin-top: 48px;padding: 0;}
#wallet-list li {float: left;width: 50%;}

ul.profilelist {margin-top: 10px;list-style: none;padding: 0;margin-top: 10px;line-height: 1.8}
ul.profilelist li {padding-bottom: 8px;}

th {font-weight: normal;}

div.tab-content {background: #fff;}
div.tab-content:not(.active){display: none;}

.tabs .tabs-list2 {list-style: none;margin: 0;margin-right: 2px; padding: 10px 5px;text-align: center;background: cornflowerblue;border-radius: 3px;}
.tabs .tabs-list2 li a {text-decoration: none;color: #fff;display: block;}
.tabs .tabs-list2 li {float: left;display: inline-block;padding: 10px;}

#bankdetails {list-style: none;padding: 0;margin: 0;padding-left: 0px;}
#bankdetails li {padding-bottom: 6px;}
@font-face {
  font-family: 'FontAwesome';
  src:url(/font-awesome/fonts/fontawesome-webfont.ttf);
}
@font-face {
  font-family: 'Cookie';
  src:url(/fonts/Cookie/Cookie-Regular.ttf);
}
@font-face {
  font-family: 'Ubuntu Regular';
  src:url(/fonts/Ubuntu/Ubuntu-Regular.ttf);
}

@font-face {
  font-family: 'Ubuntu Bold';
  src:url(/fonts/Ubuntu/Ubuntu-Bold.ttf);
}

@font-face {
  font-family: 'Reem Kufi';
  src:url(/fonts/ReemKufi/ReemKufi-Regular.ttf);
}

@font-face {
  font-family: 'RobotoSlab Regular';
  src:url(/fonts/Robotoslab/RobotoSlab-Regular.ttf);
}

@font-face {
  font-family: 'RobotoSlab Light';
  src:url(/fonts/Robotoslab/RobotoSlab-Light.ttf);
}

.circle-icon {
    background: teal;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
    padding: 30px;
    color: #fff;
}

.icon-menu {display: none;}
/*.carousel-caption {background-color: #343a40;opacity: 0.8;padding: 10px;z-index: 0}*/
.carousel-caption p {font-size: 1.2em;color: #000}
@media screen and (max-width: 768px){
    .carousel-caption p {font-size: 0.95em;}
    h1 {font-size: 1.5em;}
    /*.carousel-caption {position: absolute;bottom: 0;width: 100%;height: 60%;padding: 10px;}*/
}

.hint-text {float: left;margin-top: 10px;font-size: 13px;}    
/* Custom checkbox */
.custom-checkbox {position: relative;}
.custom-checkbox input[type="checkbox"] {opacity: 0;position: absolute;margin: 5px 0 0 3px;z-index: 9;}
.custom-checkbox label:before{width: 18px;height: 18px;}
.custom-checkbox label:before {content: '';margin-right: 10px;display: inline-block;vertical-align: text-top;background: white;border: 1px solid #bbb;border-radius: 2px;box-sizing: border-box;z-index: 2;}
.custom-checkbox input[type="checkbox"]:checked + label:after {content: '';position: absolute;left: 6px;top: 3px;width: 6px;height: 11px;border: solid #000;border-width: 0 3px 3px 0;transform: inherit;z-index: 3;transform: rotateZ(45deg);}
.custom-checkbox input[type="checkbox"]:checked + label:before {border-color: #03A9F4;background: #03A9F4;}
.custom-checkbox input[type="checkbox"]:checked + label:after {border-color: #fff;}
.custom-checkbox input[type="checkbox"]:disabled + label:before {color: #b8b8b8;cursor: auto;box-shadow: none;background: #ddd;}
/* Modal styles */
.modal .modal-dialog {max-width: 400px;}
.modal .modal-header, .modal .modal-body, .modal .modal-footer {padding: 20px 30px;}
.modal .modal-content {border-radius: 3px;}
.modal .modal-footer {background: #ecf0f1;border-radius: 0 0 3px 3px;}
.modal .modal-title {display: inline-block;}
.modal .form-control {border-radius: 2px;box-shadow: none;border-color: #dddddd;}
.modal textarea.form-control {resize: vertical;}
.modal .btn {border-radius: 2px;min-width: 100px;} 
.modal form label {font-weight: normal;} 

h1,h2,h3,h4,h5 {color: #000}
h2.title,h3.title {position: relative;margin-bottom: 24px;font-weight: normal;}

h2.title::before,h2.title::after, h3.title::before,h3.title::after {
      content: '';position: absolute;width: 20px;top: 45%;border: 1px solid #f98a26;color: #f98a26}

h2.title::before,h3.title::before {left: -30px;}
h2.title::after,h3.title::after {margin-left: 10px;}
button, .btn {
  max-width: 50%; background-color: #f98a26;color: #fff;
  border-radius: 50px !important;
}