* {
    outline:none !important;
}
.Height100 {
    height:100%
}


/************************* Headings *******************************/
h1 {
    color:#fff;
    font-family:AvenirBold;
    font-size:36px;
    line-height:63px;
}
h1 i {
    margin-right:9px;
    font-size:26px;
} 
h2 {
    color:#fff;
    font-family:AvenirBold;
    font-size:26px;
    line-height:45px;
}
h2 span {
    color:rgba(236,236,236,0.3)
}
h2 i {
    margin-right:12px;
}


.row {
    margin-left:-16px;
    margin-right:-16px;
}
.row .col-sm-3,
.row .col-sm-4,
.row .col-sm-6,
.row .col-sm-12 {
    padding-left:16px;
    padding-right:16px;
}
.rowflex {
    display:inline-flex;
    align-items:center;
    width:100%;
}

.mb32 {
    margin-bottom:32px !important;
}
.ml32 {
    margin-left:32px;
} 
 


.CloseButton {
    display:inline-block;
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 8px;
    background: rgba(195,216,219,0.1);
    text-align: center;
    color: #fff;
    font-size: 62px;
    position: relative;
    cursor:pointer;
    overflow:hidden;
    right:-30px;
}
.CloseButton:after {
    content:'';
    width:100%;
    height:0;
    background:rgba(255,255,255,0.05); 
    position:absolute;
    bottom:0;
    left:0;
    transition:0.3s;
}
.CloseButton:hover:after {
    height:100%;
}

/************************* btn-default *******************************/
.btn-default {
    font-family:AvenirBold;
    color:#fff;
    font-size:24px;
    background-image:linear-gradient(to right, #B1B6C2, #4A597D);
    border: none;
    border-radius:8px; 
    padding:0 60px;
    height:90px;
    line-height:90px;
    position: relative;
} 
.btn-default:after {
    content:'';
    width:100%;
    height:0;
    background:rgba(255,255,255,0.1);
    position:absolute;
    bottom:0;
    left:0;
    transition:0.3s;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus {
    background: linear-gradient(to right, #B1B6C2, #4A597D) !important;
    border: none;
    box-shadow: none !important;
    color:#fff;
} 
.btn-default:hover:after,
.btn-default:focus:after,
.btn-default.focus:after {
    height:100%;
}
.btn-default:not(:disabled):not(.disabled).active,
.btn-default:not(:disabled):not(.disabled):active {
    background:linear-gradient(to right, #B1B6C2, #4A597D) !important;
}

.btn-default.disabled,
.btn-default:disabled {
    opacity: 0.35;
    background:linear-gradient(to right, #B1B6C2, #4A597D) !important;
}


/************************* btn-success *******************************/
.btn-success {
    font-family:AvenirBold;
    color:#fff;
    font-size:18px;
    background:#00F2B0;
    border: none;
    border-radius:8px; 
    padding:0 16px;
    height:47px;
    line-height:50px;
    position: relative;
} 
.btn-success:after {
    content:'';
    width:100%;
    height:0;
    background:rgba(255,255,255,0.4);
    position:absolute;
    bottom:0;
    left:0;
    transition:0.3s;
    border-radius:8px;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus {
    background:#00F2B0 !important;
    border: none;
    box-shadow: none !important;
    color:#fff;
} 
.btn-success:hover:after,
.btn-success:focus:after,
.btn-success.focus:after {
    height:100%;
}
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active {
    background:#00F2B0 !important;
}

.btn-success.disabled,
.btn-success:disabled {
    opacity: 0.35;
    background: #00F2B0 !important;
}


/************************* btn-warning *******************************/
.btn-warning {
    font-family:AvenirBold;
    color:#fff;
    font-size:18px;
    background:#F2B100;
    border: none;
    border-radius:8px; 
    padding:0 16px;
    height:47px;
    line-height:50px;
    position: relative;
} 
.btn-warning:after {
    content:'';
    width:100%;
    height:0;
    background:rgba(255,255,255,0.1);
    position:absolute;
    bottom:0;
    left:0;
    transition:0.3s;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus {
    background:#F2B100;
    border: none;
    box-shadow: none !important;
    color:#fff;
} 
.btn-warning:hover:after,
.btn-warning:focus:after,
.btn-warning.focus:after {
    height:100%;
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active {
    background:#F2B100;
}


/************************* btn-primary *******************************/
.btn-primary {
    font-family:AvenirMedium;
    color:#fff;
    font-size:18px;
    background: #00f2b0 !important;
    border: none;
    border-radius:8px; 
    padding:0 14px;
    height:47px;
    line-height:50px;  
    position: relative;
} 
.btn-primary:after {
    content:'';
    width:100%;
    height:0;
    background:rgba(255,255,255,0.1);
    position:absolute;
    bottom:0;
    left:0;
    transition:0.3s;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
    background:#ED1E79 !important;
    border: none;
    box-shadow: none !important; 
    color:#fff;
}
.btn-primary:hover:after,
.btn-primary:focus:after,
.btn-primary.focus:after {
    height:100%;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
    background: #ED1E79
}

.btn-primary.disabled,
.btn-primary:disabled {
    opacity: 0.35;
    background:#ED1E79
}



/************************* btn-info *******************************/
.btn-info {
    font-family:AvenirBold;
    color:#fff;
    font-size:24px;
    background-image:linear-gradient(to right, #1550C6, #012B7D);
    border: none;
    border-radius:8px; 
    padding:0 60px;
    height:90px;
    line-height:90px;
    position: relative;
} 
.btn-info:after {
    content:'';
    width:100%;
    height:0;
    background:rgba(255,255,255,0.1);
    position:absolute;
    bottom:0;
    left:0;
    transition:0.3s;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus {
    background: linear-gradient(to right, #1550C6, #012B7D) !important;
    border: none;
    box-shadow: none !important;
    color:#fff;
} 
.btn-info:hover:after,
.btn-info:focus:after,
.btn-info.focus:after {
    height:100%;
}
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active {
    background: linear-gradient(to right, #1550C6, #012B7D) !important;
}
.btn-info.disabled,
.btn-info:disabled {
    opacity: 0.35;
    background: linear-gradient(to right, #1550C6, #012B7D) !important;
}

 
 

/************************* Forms, Inputs *******************************/
.FormWidth {
    display:inline-block;
    width:100%; 
    margin:0 auto;
    margin-bottom:16px; 
    background:#29313A;
    padding:32px;
    border-radius:20px;
} 
.FormHeight {
    height:600px;
}
.form-control {
    background:transparent;
    border:solid #848484 1px;
    height:56px; 
    line-height:56px;
    border-radius:5px;
    font-family:AvenirRegular; 
    color:rgba(255,255,255,1);
    font-size:16px;
    width:100%;
    padding-left:12.5px;
    transition:0.3s;
}
.form-control:focus {
    box-shadow:none;
    background:#29313A;
    border:solid rgba(195,216,219,0.3) 1px;
    color:#ffffff;
    box-shadow:0px 3px 6px rgba(0,0,0,0.16);
}
.form-control.Error {
    border:solid #B22828 1px;
}
.form-control.Success {
    border:solid #28B2A9 1px;
} 
.form-control::-webkit-input-placeholder {
    color:rgba(255,255,255,1);
    opacity: 1;
}
.form-control::-moz-placeholder {
    color:rgba(255,255,255,1);
    opacity: 1;
}
.form-control::placeholder {
    color:rgba(255,255,255,1);
    opacity: 1;
}
 

.TextError {
    color:#B22828;
    text-align:left;
    font-size:13px;
    font-family:NunitoBold;
    width:100%;
    display:inline-block;
}
.TextSuccess {
    color:#28B2A9;
    text-align:left;
    font-size:13px;
    font-family:NunitoBold;
    width:100%;
    display:inline-block;
} 
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-radius:4px;
}



.FormText {}
.FormText p {
    color:#919191;
    font-size:13px;
    line-height:24px;
    font-family: AvenirMedium;
    margin-bottom:7px;
}
.FormText p a {
    color:#00F2B0;
    font-family: AvenirMedium;
    text-decoration:none; 
}
.FormText p a.Color1 {
    color:#fff;
}
.FormText p a:hover {
    text-decoration:underline;
}

.Checkbox {
    display:inline-block;
    position:relative;
}
.Checkbox span {
    color: #C3D8DB;
    font-size: 26px;
    position: relative;
    top: -3px;
}
.Checkbox input {
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    width:100%;
    height:100%;
    z-index:9;
    transition:0.3s;
    cursor: pointer;
}
.Checkbox label {
    background:#15B4C6; 
    width:39px;
    height:24px;
    border-radius:30px;
    position: relative;
    transition:0.3s;
    margin-left:15px;
    margin-right:15px;
}
.Checkbox label:after {
    content:'';
    width:18px;
    height:18px;
    background:#fff;
    border-radius:100%;
    position: absolute;
    right: 3px;
    top: 3px;
    transition:0.3s;
}
.Checkbox input:checked ~ label {
    background:#15B4C6;
}
.Checkbox input:checked ~ label:after { 
    right:18px;
    background:#ffffff;
}
 

 
.MaterialCheckbox {
    display:inline-block; 
}
.CheckMaterial {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
}
.CheckboxLabel {    
    font-family:AvenirRegular;
    color:#C3D8DB;
    font-size:14px;
    line-height:24px;
    position: relative;
    cursor: pointer;
    line-height: 24px;
    padding-top:1px;
    padding-bottom: 2px;
    padding-left: 28px;
}
.CheckboxLabel a {
    color:#00F2B0;
    text-decoration:none; 
    width:100%;
    display:inline-block;
    font-size:14px;
}
.CheckboxLabel a:hover {
    text-decoration:underline;
}
.CheckboxLabel:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    margin: 3px;
    background:transparent;
    border: 1px #919191 solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 18px;
    padding-left: 0.5px;
}
.CheckMaterial:checked ~ .CheckboxLabel:before {
    content:"\eed8";
    font-family:IcoFont !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    background-color: #ED1E79;
    border-color: #ED1E79;
    color:#fff;
    font-size:15px;
}

.CheckMaterial:disabled ~ .CheckboxLabel {
    color: rgba(0, 0, 0, 0.38);
}

.CheckMaterial:disabled ~ .CheckboxLabel:before {
    border-color: rgba(145, 145, 145, 0.40);
}

.CheckMaterial:checked:disabled ~ .CheckboxLabel:before {
    background-color:#ED1E79;
    background-clip: padding-box;
}
.CheckboxDesc {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    margin-left: 28px;
}
.CheckMaterial ~ .CheckboxLabel:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.CheckMaterial:focus ~ .CheckboxLabel:after {
    -webkit-animation: ClickWave 0.5s;
    animation: ClickWave 0.5s;
}

.CheckMaterial:checked ~ .CheckboxLabel:after {
    background-color: #ED1E79;
}

.CheckMaterial:not(:checked) ~ .CheckboxLabel:after {
    background-color: #ED1E79;
}
.CheckboxColor1 .CheckboxLabel {
    color:#919191;
}
.CheckboxColor1 .CheckboxLabel:before {
    background:transparent;
    border:solid #B7B7B7 1px;
    border-radius:3px;
}

@keyframes ClickWave {
    0% {
        width: 24px;
        height: 24px;
        opacity: 0.5;
    }
    100% {
        width: 48px;
        height: 48px;
        margin-left: -12px;
        margin-top: -12px;
        opacity: 0;
    }
}
@-webkit-keyframes ClickWave {
    0% {
        width: 24px;
        height: 24px;
        opacity: 0.5;
    }
    100% {
        width: 48px;
        height: 48px;
        margin-left: -12px;
        margin-top: -12px;
        opacity: 0;
    }
}

  
.FileInput {
    overflow:hidden;
    cursor:pointer;
}
.InputButton {
    position: absolute;
    top: 3.5px;
    right: 3px;
    cursor:pointer; 
    z-index:9;
    text-align:center;
    line-height:48px;
    color:#ffffff;
    font-size:26px;
    background:#ED1E79;
    width:48px;
    height:48px;
    display:inline-block;
    border-radius:8px !important;
    overflow:hidden;
    transition:0.3s;
} 
.InputButton input {
    opacity:0;
    position:absolute;
    top:0;
    left:0;
}
.InputButton input:after { 
    content: '';
    width: 100%;
    height: 100%;
    background: transparent;
    top: 0;
    left: 0;
    position: absolute;
    cursor: pointer;
}
.InputButton:hover { 
    background:#ED1E79;
} 

.InputButton.InputButton2 {
    background:#00F2B0;
}



/************************* Bootstrap Selectpicker *******************************/
.bootstrap-select>.dropdown-toggle:after {}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width:100%;
}
.SelectSize {
    margin-top:-5px;
}
.SelectSize .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width:235px !important;
    float:right;
}
.bootstrap-select > .dropdown-toggle {
    background:transparent; 
    height: 56px;
    line-height:56px;
    padding:0 12.5px;
    border-radius:5px; 
    font-family: AvenirRegular;
    color: #ECECEC;
    font-size:16px;
    border:solid #848484 1px;
}
.bootstrap-select.Select .dropdown-toggle {
     
}
.bootstrap-select >.dropdown-toggle:focus { 
    box-shadow:none;
    background:#29313a; 
    border:solid #848484 1px; 
    color:#ffffff;
    box-shadow:0px 3px 6px rgba(0,0,0,0.16);
}
.dropdown-toggle::after {
    border:none;
    background:url('../img/caret.svg') no-repeat;
    background-size:100% 100%;
    width:18.45px;
    height:18.96px;
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline:none !important;
}
.btn-check:active+.btn-light, 
.btn-check:checked+.btn-light,
.btn-light.active, 
.btn-light:active,
.show>.btn-light.dropdown-toggle { 
    background:#29313a; 
    border:solid #29313a 1px;
    color:#ffffff;
    box-shadow:0px 3px 6px rgba(0,0,0,0.16);
}  
.bootstrap-select .dropdown-menu {
    background:#29313a;
    padding:0;
    border-top-left-radius:0;
    border-top-right-radius:0;
    box-shadow:0px 3px 6px rgba(0,0,0,0.16);
    border-top:solid rgba(195,216,219,0.3) 1px;
}

.bootstrap-select .dropdown-item {
    padding:1rem;
    font-family: AvenirRegular;
    color:#C3D8DB;
    font-size:16px;
    border:0;
}

.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
    background:#00F2B0;
    color:#fff;
} 
.bootstrap-select .dropdown-item:hover {
    background:#00F2B0;
    color:#fff
}

 




/************************* Table *******************************/
.TableDiv {
    display:inline-block;
    width:100%;
    position: relative;
}  
.TableContent {  
    padding-top:22px;
    background:#29313A;
    border-radius:20px;
    padding:20px 30px 0px 30px;
}
.TableContent .Nohistoryyet {
    display:inline-block;
    width:100%;
    color:rgba(255,255,255,0.5);
    font-family:AvenirBold;
    font-size:26px;
    line-height:45px;
    text-align:center; 
    padding-top:65px;
    padding-bottom:80px; 
} 

.TableContent .Nohistoryyet .Image {}
.TableContent .Nohistoryyet .Image img {
    height:145px;
    margin-bottom:30px;
}

.table {
    
}
tbody, td, tfoot, th, thead, tr {
    border:0
}
.table thead {
    border-bottom:solid rgba(195,216,219,0.1) 1px;
}
.table thead tr th {
    color:rgba(255,255,255,0.5);
    font-size:16px;
    line-height:28px;
    font-family:AvenirMedium;
    padding-bottom:30px;
    padding-top:15px;
}
.table tbody tr { 
    
} 
.table tbody tr td {
    color:#ffffff;
    font-size:18px;
    line-height:28px;
    font-family:AvenirRegular;
    padding:30px .5rem  12px .5rem;
}
.table tbody tr td a { 
    color:#6c757d;
    font-size:18px;
    text-decoration:none;
    font-family:AvenirMedium;
    text-transform:uppercase;
}
.table tbody tr td a:hover {
     opacity:0.8;
}

/************************* Text *******************************/
.TextDiv {
    display:inline-block;
    width:100%;
    color:#ffffff;
    font-family:AvenirMedium;
    font-size:18px;
    line-height:31px;
}
.TextDiv p {}
.TextDiv .Item {
    display:inline-block;
    margin-right:40px;
    font-size:18px;
    line-height:31px; 
}
.TextDiv .Item span {
    font-family:AvenirBold;
    font-size:32px;
    line-height:55px;
    padding-left:3px;
}
.TextDiv .Item .btn {
    position: relative;
    top:-8px;
}
.TextDiv .Item span.Color1 {
    color:#ED1E79;
} 
.TextDiv .Item span.Color2 {
    color:#00F2B0;
}


/************************* LogOut *******************************/ 
.LogOut {  
    display:inline-flex;
    align-items:center;
    width:100%;
    height:100%;
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    background: rgba(33, 36, 40,0.2);
    position: absolute;
    top:0;
    right:0%; 
    z-index:0;
    transition:0.3s;
    visibility: hidden;
    opacity:0;
}
.LogOut.Show {
    visibility:visible;
    opacity:1;
    z-index:999999;
}  
.LogOut .Info {
    width:100%; 
    text-align:center;
}
.LogOut .Info .Icon {
    font-size:45px;
    color:#fff;
}
.LogOut .Info .Text {
    font-family:AvenirBold;
    font-size:32px;
    line-height:55px;
    color:#fff;
    margin-bottom:55px;
    margin-top:50px;
}
.LogOut .Info .Buttons {}
.LogOut .Info .Buttons .btn {
    margin-right:15px;
    margin-left:15px;
    width:100px;
} 
.LogOutBTN {
    width:47px;
    height:47px;
    line-height:66px;
    display:inline-block;
    border-radius:100%;
    background:transparent;
    border-radius:100%;
    text-align:center;
    position: relative;
    cursor: pointer;
}
.LogOutBTN i {    
    color: #FF007C;
    font-size: 28px;
    position: relative;
    top: 6px;
    left: 4px;
    transition:0.3s;
}
.LogOutBTN:hover i {
    color:#DBC3C3
}


/************************* Language *******************************/
.Language {
    display:inline-block;
} 
.Language a {
    display:inline-block;
    width:56px;
    height:38px;
    color:#fff;
    font-size:18px;
    line-height:22px;
    font-family:AvenirBold;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    border-radius:4px;
    transition:0.5s;
    position: relative;
    padding-top:10px;
    margin-left:5px;
    margin-right:5px;
}
.Language a:hover,
.Language a.active {
    background:rgba(255,255,255,0.2);
}
.Language a:after {
    content:'';
    width:10px;
    height: 10px;
    background:#363636;
    border-radius:100%;
    position:absolute;
    left:50%;
    margin-left:-5px;
    bottom:-19px;
    opacity:0;
    transition:0.3s;
}
.Language a.active:after,
.Language a:hover:after {
    opacity:1;
}
.Language a.active {}







/************************* PayIcons *******************************/
.PayIcons {
    display:inline-block;
    width:100%;
    text-align:right; 
}
.PayIcons .Image {
    display:inline-block;
    margin-left:14px;
    margin-right:14px;
}
.PayIcons .Image img {}



.SorosTrade {
    background:url('../img/soros_trade_bg.svg') no-repeat;
    background-position:30px center;
    background-size:40%;
}