/********************************************
 *
 * Copyright (c) 2003-2016 XTM-INTL Ltd.
 *
 * All Rights Reserved
 *
 ********************************************/

 :root {
    --main-color: #0011CC;
    --secondary-color: #000EA3;
    --tertiary-color: #000866;
    --hover-color: #E5E8FF;
    --gradient-end-color: #6673FF;
    --disabled-color: #A8A8A8;

    --button-primary-background: #0011CC;
    --button-primary-background-focus: #000866;
    --button-primary-background-hover: #000EA3;
    --button-primary-font: #fff;

    --button-secondary-font: #0011CC;
    --button-secondary-border : #0011CC;
    --button-secondary-border-focus: #000866;
    --button-secondary-font-focus: #fff;
    --button-secondary-background-focus: #000866;
    --button-secondary-border-hover: #000EA3;
    --button-secondary-font-hover: #fff;
    --button-secondary-background-hover: #000EA3;

    --button-tertiary-font: #0011CC;
    --button-tertiary-font-focus: #000866;
    --button-tertiary-background-focus: #CCD0FF;
    --button-tertiary-background-hover: #E5E8FF;

    --input-border-hover: #000866;
    --input-checked: #0011CC;
  
    --checkbox-radio-background: #fff;
    --checkbox-radio-border: #0011CC;
    --checkbox-outline-checked: #fff;
    --checkbox-font-checked: #fff;
  
    --swith-track-background: #0011CC;
    --swith-track-background-checked: #0011CC;
    --swith-thumb-background: #fff;
    --swith-thumb-background-disabled: #A8A8A8;
  
    --font-selected: #0011CC;
    --font-secondary: #000866;
    --font-disabled: #A8A8A8;

    --backlight-pressed: #E5E8FF;
    --info: #0011CC;
    --avatar-border-hover: #0011CC;

    --button-ghost-background-focus: #000866;
    --button-ghost-background-hover: #0011CC;
 }

 /* Primary buttons */

.btn-xtm.btn-primary,
.btn-xtm.btn-success,
.btn-xtm.ui-button.btn-primary,
[class*="button__button"] {
    background: var(--main-color);
    color: #fff !important;
}

i.fa-ellipsis-vertical.fa-xtm:hover {
    color: var(--main-color);
}

#trial-account .form-field.active .fa-icon,
section.subscription-form .form-wrapper .checkboxes-container div input[type=checkbox]:checked + label:before,
section.subscription-form .form-wrapper .checkboxes-container div input[type=checkbox] + label a,
#trial-account .form-field span.select2.select2-container--focus ~ i {
    color: var(--main-color) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--main-color);
}

.btn-xtm.btn-primary:hover,
.btn-xtm.btn-primary:active,
.btn-xtm.ui-button.btn-primary:hover,
.btn-xtm.btn-success:hover,
.btn-xtm.btn-default:hover,
.xtm-bootstrap-temp-container .btn-xtm.btn-primary:hover,
.btn-xtm.ui-button.btn-primary:active,

.btn-xtm.btn-primary.disabled,
.xtm-bootstrap-temp-container .btn-xtm.btn-primary {
    background: var(--main-color);
}

.btn-xtm.btn-primary.btn-xtm-circle {
    background-image: none;
}

 /* ============ */

 /* Secondary buttons */
 .btn.btn-xtm.btn-secondary:hover {
    background: var(--main-color);
    color: #fff !important;
 }
 
 .btn.btn-xtm.btn-secondary,
 .btn-xtm.btn-default {
    border: 1px solid var(--main-color);
    color: var(--main-color);
 }
 
 div.remind-password a,
 div.remind-password-squeezed a,
 div.back-link a,
 div.no-account a,
 div.no-account-squeezed a,
 div.tabbox a {
     color: var(--main-color) !important;
 }  
 
 input[type="checkbox"]:checked {
    accent-color: var(--main-color);
}

.form-group-xtm input[type=checkbox]:checked + label:before,
.xtm-doubleselect-add-button,
.xtm-doubleselect-remove-button,
.addButton:before,
.removeButton:before {
    accent-color: var(--main-color) !important;
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}