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


/************************* Headings *******************************/
h1 {
    color:#ECECEC;
    font-family:AvenirBold;
    font-size:22px;
    line-height:30px;
}
h1 i {
    margin-right:9px;
    font-size:26px;
}
h2 {
    color:#ECECEC;
    font-family:AvenirBold;
    font-size:24px;
    line-height:42px;
}
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:24px;
    background-image:linear-gradient(to right, #1a51eb, #0B5A63);
    border: none;
    border-radius:8px; 
    padding:0 60px;
    height:90px;
    line-height:90px;
    position: relative;
} 
.btn-success:after {
    content:'';
    width:100%;
    height:0;
    background:rgba(255,255,255,0.1);
    position:absolute;
    bottom:0;
    left:0;
    transition:0.3s;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus {
    background: linear-gradient(to right, #ebb81a, #0B5A63) !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: linear-gradient(to right, #ebb81a, #0B5A63) !important;
}

.btn-success.disabled,
.btn-success:disabled {
    opacity: 0.35;
    background: linear-gradient(to right, #ebb81a, #0B5A63) !important;
}


/************************* btn-warning *******************************/
.btn-warning {
    font-family:AvenirBold;
    color:#fff;
    font-size:24px;
    background-image:linear-gradient(to right, #E8A930, #745518);
    border: none;
    border-radius:8px; 
    padding:0 60px;
    height:90px;
    line-height:90px;
    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-image:linear-gradient(to right, #E8A930, #745518);
    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-image:linear-gradient(to right, #E8A930, #745518);
}


/************************* btn-primary *******************************/
.btn-primary {
    font-family:AvenirMedium;
    color:#ebb81a;
    font-size:18px;
    background: rgba(21,180,198,0.3) !important;
    border: none;
    border-radius:4px; 
    padding:0 14px;
    height:40px;
    line-height:40px; 
} 
.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: rgba(21,180,198,0.3) !important;
    border: none;
    box-shadow: none !important; 
    color:#ebb81a;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
    background: rgba(21,180,198,0.3)
}

.btn-primary.disabled,
.btn-primary:disabled {
    opacity: 0.35;
    background: rgba(21,180,198,0.3)
}



/************************* btn-info *******************************/
.btn-info {
    font-family:AvenirBold;
    color:#fff;
    font-size:24px;
    background-image:linear-gradient(to right, #ebb81a, #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, #ebb81a, #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, #ebb81a, #012B7D) !important;
}
.btn-info.disabled,
.btn-info:disabled {
    opacity: 0.35;
    background: linear-gradient(to right, #ebb81a, #012B7D) !important;
}

 
 

/************************* Forms, Inputs *******************************/
.FormWidth {
    display:inline-block;
    width:100%; 
    margin:0 auto;
    margin-bottom:16px; 
    background: linear-gradient(to bottom right, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0)  100%) 100%;
    padding:32px;
    border-radius:8px;
} 
.FormHeight {
    height:600px;
}
.form-control {
    background:transparent;
    border:solid rgba(195,216,219,0.3) 1px;
    height:56px; 
    line-height:56px;
    border-radius:4px;
    font-family:AvenirRegular; 
    color:rgba(255,255,255,0.6);
    font-size:16px;
    width:100%;
    padding-left:12.5px;
    transition:0.3s;
}
.form-control:focus {
    box-shadow:none;
    background:#1A1A23;
    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,0.6);
    opacity: 1;
}
.form-control::-moz-placeholder {
    color:rgba(255,255,255,0.6);
    opacity: 1;
}
.form-control::placeholder {
    color:rgba(255,255,255,0.6);
    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:#ebb81a;
    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:#ebb81a; 
    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:#ebb81a;
}
.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:#ebb81a;
    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: #ebb81a;
    border-color: #ebb81a;
    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: rgba(145, 145, 145, 0.40);
    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: #ebb81a;
}

.CheckMaterial:not(:checked) ~ .CheckboxLabel:after {
    background-color: #ebb81a;
}
.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: 8px;
    right: 8px;
    cursor:pointer; 
    z-index:9;
    text-align:center;
    line-height:37px;
    color:#ebb81a;
    font-size:26px;
    background:rgba(21,180,198,0.3);
    width:96px;
    height:40px;
    display:inline-block;
    border-radius:4px !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:rgba(21,180,198,0.5);
} 

/************************* 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:rgba(21,20,30,0.42); 
    height: 56px;
    line-height:56px;
    padding:0 12.5px;
    border-radius:5px; 
    font-family: AvenirRegular;
    color: #ECECEC;
    font-size:16px;
    border:solid rgba(195,216,219,0.3) 1px;
}
.bootstrap-select.Select .dropdown-toggle {
     
}
.bootstrap-select >.dropdown-toggle:focus { 
    box-shadow:none;
    background:#22222E; 
    border:solid #22222E 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:#22222E; 
    border:solid #22222E 1px;
    color:#ffffff;
    box-shadow:0px 3px 6px rgba(0,0,0,0.16);
}  
.bootstrap-select .dropdown-menu {
    background:#22222E;
    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:#22222E;
    color:#fff;
} 
.bootstrap-select .dropdown-item:hover {
    background:#1A1A23;
}

 




/************************* Table *******************************/
.TableDiv {
    display:inline-block;
    width:100%;
    position: relative;
}  
.TableContent { 
    margin-top:24px;
    padding-top:22px;
    background: linear-gradient(to bottom right, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0)  100%) 100%;
    border-radius:8px;
    padding:20px 30px 0px 30px;
}
.TableContent .Nohistoryyet {
    display:inline-block;
    width:100%;
    color:#C3D8DB;
    font-family:AvenirBold;
    font-size:32px;
    line-height:55px;
    text-align:center; 
    padding-top:65px;
    padding-bottom:80px; 
} 
.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:#ECECEC;
    font-size:16px;
    line-height:28px;
    font-family:AvenirBold;
    padding-bottom:30px;
    padding-top:15px;
}
.table tbody tr { 
    
} 
.table tbody tr td {
    color:#ECECEC;
    font-size:16px;
    line-height:28px;
    font-family:AvenirMedium;
    padding:30px .5rem  12px .5rem;
}
.table tbody tr td a { 
    color:#ebb81a;
    font-size:16px;
    line-height:28px;
    text-decoration:none;
    font-family:AvenirBold;
}
.table tbody tr td a:hover {
     opacity:0.8;
}

/************************* Text *******************************/
.TextDiv {
    display:inline-block;
    width:100%;
    color:#C3D8DB;
    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;
}


/************************* 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:#DBC3C3;
}
.LogOut .Info .Text {
    font-family:AvenirBold;
    font-size:32px;
    line-height:55px;
    color:#C3D8DB;
    margin-bottom:55px;
    margin-top:50px;
}
.LogOut .Info .Buttons {}
.LogOut .Info .Buttons .btn {
    margin-right:40px;
    margin-left:40px;
    width:220px;
} 
.LogOutBTN {
    width:66px;
    height:66px;
    line-height:66px;
    display:inline-block;
    border-radius:100%;
    background:#141421;
    border-radius:100%;
    text-align:center;
    position: relative;
    cursor: pointer;
}
.LogOutBTN i {    
    color: #fff;
    font-size: 36px;
    position: relative;
    top: 6px;
    left: 4px;
    transition:0.3s;
}
.LogOutBTN:hover i {
    color:#DBC3C3
}


/************************* Language *******************************/
 
.ShowLang {
    z-index:9999;
    position: relative;
    width:90px;
    padding-left:0;
    padding-right:0;
    text-align:center;
}
.ShowLang i {
    display:none;
}
.BodyScroll .ShowLang span {
    display:none;
}
.BodyScroll .ShowLang i {
    display: inline-block;
    color: #000;
    font-size: 52px;
    margin-top: 3px;
} 
.LangParent {
    display:inline-block;
    width:calc(100% - 66px);
    float:left;
    padding-right:30px;
    text-align:right;
}
.LangDiv {   
    background: linear-gradient(to right, rgba(39,39,56,1) 0%, rgba(20,20,33,1)  100%) 100%;
    height:66px;
    border-radius:33px; 
    padding:7px 8px;  
    position:relative;
    overflow:hidden;
    text-align:left;
    display:inline-block;
    width:66px;
    transition:0.5s;
} 
.LangDiv .RightArrow {
    width:52px;
    height:52px;
    border-radius:100%;
    background:rgba(195,216,219,0.07);
    display:inline-block;
    text-align:center;
    line-height:52px;
    color:#fff;
    font-size:28px;
    cursor:pointer;
    transition:0.3s;
}
.LangDiv .RightArrow:hover {
    background:rgba(195,216,219,0.1);
}
.LangDiv .LeftArrow {
    width:52px;
    height:52px;
    border-radius:100%;
    background:rgba(39,39,56,0.4);
    display:inline-block;
    text-align:center;
    line-height:52px;
    color:#fff;
    font-size:28px;
    position: absolute;
    top: 7px;
    right: 8px;
    z-index: 9;
    cursor:pointer;
    visibility:hidden;
    opacity:0;
    transition:0.3s;
}
.LangDiv:hover .LeftArrow {
    visibility:visible;
    opacity:1;
}

@media (max-width: 992px) {
    .LangDiv.Show {
        width: 100%;
        height: 200px;
    }  

    .LangDiv.Show .RightArrow {
        display:none;
    }

    .LangDiv.Show .Info {
        display: none;
    }
}

.LangDiv.Show {
    width:100%;
}  
.LangDiv.Show .LeftArrow {
    display:none;
}  
.LangDiv .Info {
    padding-left:30px;
    display:inline-block;
    position: relative;
    top:-3px;
}
.LangDiv .List { 
    position: absolute;
    right: 8px;
    top: 7px;
}
.LangDiv .List li {
    display:inline-block;
    list-style:none;
    position:relative;
    margin-left:24px;
}
.LangDiv .List li a {
    display:inline-block;
    width:52px;
    height:52px; 
    margin-bottom:10px;
}
.LangDiv .List li a .Icon {
    width:52px;
    height:52px;
}
.LangDiv .List li a .Icon img {
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:100%;
}
.LangDiv .List li a span { 
    position: absolute;
    top: 4px;
    left: 0;
    color: #fff;
    width: 100%;
    height:100%;
    padding-top:13px;   
    text-transform: uppercase;
    font-family: AvenirBold;
    font-size: 14px;
    text-align: center;
    visibility:hidden;
    opacity:0;
    transition:0.3s;
}
.LangDiv .List li:hover a span {
    visibility:visible;
    opacity:1;
}


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



.ArgusBg {
    background:url('../img/Precisiontrade-bg.png') no-repeat;
    background-position:30px center;
    background-size:40%;
}