/*  ----------------------------------  FONTS ---------------------------------- */

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../../fonts/HelveticaNeueLTW1G-Lt.eot');
    src: url('../../fonts/HelveticaNeueLTW1G-Lt.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/HelveticaNeueLTW1G-Lt.woff2') format('woff2'),
        url('../../fonts/HelveticaNeueLTW1G-Lt.woff') format('woff'),
        url('../../fonts/HelveticaNeueLTW1G-Lt.svg#HelveticaNeueLTW1G-Lt') format('svg');
    font-weight: 300;
    font-style: normal;
}

/*  ----------------------------------  FRONTEND ---------------------------------- */

/* HEADER */
.header {background-color: #2F0037!important; border-bottom:1px solid #E0E3D9!important;padding: 0!important;}
.logo img {margin:10px 0 5px 0;}

/* FOOTER */
#copyright-footer {background: #ebe6eb;}
.subfooter {color: #2F0037;}
.subfooter a {color: #2F0037!important;}
a.footer__link.contact-us.active {color:#FF7D00!important;text-decoration: none;}
.subfooter {font-size: 16px!important;}

/* LINKS */
a {color:#2F0037!important;}
a:hover {color:#FF7D00!important;}

/* COOKIES */
#cookies-banner {background-color: #2F0037!important; color:#fff!important;bottom:10px!important;}
#cookies-accept, #cookies-more, #cookies-reject {color:#FFF!important; background: #FF7D00!important;font-size: 12px!important;font-weight: 200!important;text-transform: uppercase!important;border:0!important;border-radius:3px!important;margin: 2px 5px!important;}
#cookies-accept:hover, #cookies-more:hover, #cookies-reject:hover {background-color:#fff!important; color:#2F0037!important;}

/* BODY */
body {font-family: Helvetica Neue,sans-serif!important; color: #242424!important;font-size:14px!important;}

/* HEADINGS */
h1 {font-family: Helvetica Neue,sans-serif!important; font-size: 30px!important;color: #2F0037!important;margin-top: 35px!important;} /* main */
h2 {font-family: Helvetica Neue,sans-serif!important; font-size: 22px!important;color: #2F0037!important;} /* subtitle/login title */
h3 {font-family: Helvetica Neue,sans-serif!important; font-size: 18px!important;color: #2F0037!important;} /* menu title */
h4 {font-family: Helvetica Neue,sans-serif!important; font-size: 18px!important;color: #2F0037!important;} /* sub-subtitle */
.sandbox-h2 {float: left!important; margin-left: 15px!important;margin-top: 40px!important;} /* sandbox>applications>app title */
.movements-h2 {float: left!important;margin: 40px 0 0 10px!important;} /* sandbox>applications>transactions>title */
.right-border {border-right: 2px solid #E0E3D9!important;} /* sandbox>applications>title */

/* SCROLL TO TOP */
.scrollToTop {background-color: #2F0037!important; border-radius: 100%;bottom: 20px!important; right: 20px!important;color:#FFF!important;}
.scrollToTop:hover {background-color: #FF7D00!important;color:#2F0037!important;}
.scrollToTop i {line-height: 45px!important;font-size: 25px!important;}

/* MAIN CONTENT */
.main-container {padding: 25px 0!important;}

/* TOP RIGHT MENU */
.apis-products__links {margin-right: 0px!important;}
.top-menu__container {margin-top: 20px!important;}
.top-menu-buttons {padding-right: 10px!important; color:#fff; text-align: center!important;}
.top-menu-buttons:hover {padding-right: 10px!important; color:#FF7D00;font-weight: 700!important;}
.type--selected .top-menu-buttons {color: #FF7D00 !important;}
.tr-menu i {color:#fff!important;}
.tr-menu i:hover {color:#FF7D00!important;}
.top-menu-buttons {font-size: 16px;}

/* LEFT MENU */
.block {padding-top: 40px!important; padding-bottom: 0px!important;}
.nav-pills>li>a {font-size: 16px!important; font-weight: 500!important; text-transform: capitalize!important; color: #242424!important; border-radius: 0!important;line-height:1.2;}
.nav-pills>li>a:hover {background-color: #F2F2F1!important; color:#FF7D00!important;border-radius: 0!important;}
.active-nav {background-color: #F2F2F1!important;} /* active menu item */
.nav {border: 2px solid #F2F2F1;padding: 0 0 0 15px;background-color: #F8F8F8;margin-top: 25px;margin-right: 20px!important;}

/* Added to remove redundant line in login from side menu */
.desktop-menu > nav > ul {
    border-color: transparent !important;
    background-color: transparent !important;
}

.desktop-menu > nav > h3 + div + ul {
    border-color: #eaeaea !important;
    background-color: #F8F8F8 !important;
}

.separator.active {background-color: #2F0037!important; border: none!important;} /* menu title line */
.sidebar {padding-bottom: 0!important;}
.nav-pills.nav-stacked>li>a>i{color:#242424!important;} /* menu item right arrows */

/* TABLES */
.table {margin-bottom: 0!important;}
.table>thead>tr>th {color: #FFF!important; background-color: #2F0037!important; border-right: 1px solid #FFF!important; border-bottom:0!important; font-size: 13px!important; vertical-align: middle!important;}
.table>tbody>tr>td {background-color: #F8F8F8!important; border-color: #E0E3D9!important; border-right: 1px solid #FFF!important; border-top:0!important; font-weight: 300; color: #242424!important; font-size: 12px!important;}
.table>tbody>tr:nth-child(odd)>td {background-color: #F2F2F1!important;}
.table-bordered {border:none!important; margin-bottom: 15px!important;} /* outer border */
ul.pagination li.active a { color: #FFF!important; background-color: #2F0037!important; border:0!important;}
ul.pagination li>a:hover { color: #FFF!important; background-color: #FF7D00!important;}
.text-primary {color: #2F0037!important;}
.table>tbody>tr>td:not(.field-required){ font-weight: 400;}
table>tbody>tr>td.field-required {font-weight:bold!important;}

/* CODE SNIPPETS */
pre {margin: 10px 0 10px!important;}
pre.prettyprint {padding: 15px!important;}
.nav-tabs>li.active>a {border-top: 3px solid #2F0037!important;}
.nav-tabs>li.active>a:after {width: 0!important; border-top: 3px solid #2F0037!important;} /* left border tabs*/
.tab-content {margin-top: 0;}
.tab-content:after {width: 0!important; border-top: 3px solid #2F0037!important;} /* left border content */
.nav-tabs {background-color: transparent!important; box-shadow: none!important;border: 0!important;margin-top: 0!important;}
.nav {margin-right: 0;}

/* LOGIN FORM */
.form-block {background-color: #F8F8F8!important; border-radius: 10px!important;margin-top: 50px;}
.form-horizontal .has-feedback .form-control-feedback {right: 15px;color: #242424;}

/*  ----------------------------------  BACKEND ---------------------------------- */

/* BUTTONS */
.custom-btn {background-color: #2F0037!important; color: #FFF!important; padding: 10px 10px 10px 10px; font-size: 13px!important; font-weight: 400!important; text-transform: uppercase!important; border-radius:3px!important;}
.custom-btn:hover {background-color: #FF7D00!important; color: #fff!important;}
.set-red.custom-btn {background-color: #D30000!important;} /* negative/backwards */
.set-yellow.custom-btn {background-color: #D30000!important;} /* regenerate/clear transactions */
.regenerate-word {color: #2F0037!important; font-weight:600;}
.regenerate__field--btn {color: #2F0037!important;}
.custom-btn.ico:after {display:none!important;}
.custom-btn.ico {padding-right:20px!important;}

/* BILLING */
.month-hdr {color: #FFF!important;background-color: #2F0037!important; border: 0!important;font-size: 16px!important;font-weight: 700!important;}
.morris-hover-point {color: #2F0037!important;}
.billing-container .col-md-8 {margin-bottom: 25px;}

/* LINKS IN TABLES */
.client-link {color: #2F0037!important;}
.client-link:hover {color: #FF7D00!important;}

/* TOGGLES */
.panel-transparent .panel-heading a {background-color: #FF7D00!important;border:0!important; border-top: 1px solid #F8F8F8!important;}
.panel {box-shadow: none!important;}
.panel-heading a:after {color: #FFF;} /* expand/collapse icon */
.panel-heading a.collapsed {color: #FFF!important; background-color: #2F0037!important;}
.panel-heading a,.panel-heading a:hover {color: #FFF!important; background-color: #FF7D00!important;}

/* FORMS */
.form-horizontal .control-label {color: #2F0037; font-weight: 300;font-size:14px} /* field labels */

/* APPLICATIONS REDIRECT URL TAGS */
.react-tags__container .ReactTags__tag {background-color: #E0E3D9!important; border-radius: 5px!important; border: 0!important; color: #2F0037!important;}
.react-tags__container .ReactTags__remove {color: #D30000!important;font-size: 14px!important;}
.react-tags__container .ReactTags__remove:hover{text-decoration: none!important;color: #FF7D00 !important;}


/* COPY SECRET */
.copy-secret{color:#FF7D00!important;}
.copy-to-clipboard-target-btn{background-color:#FF7D00!important;border-color:#FF7D00!important;}
.copy-to-clipboard-target-btn:hover{background-color:#2F0037!important;border-color:#2F0037!important;}
.copy-to-clipboard-target-text-first{border-color:#FF7D00!important;}

/* PROFILE CERTIFICATES */

.profile__content.nav-tabs > li > button{color:#2F0037!important;}
.profile__content.nav-tabs > li > button:hover{color:#FF7D00!important;}
.profile__content.nav-tabs > li > button.active:after{color:#2F0037!important;}


/* LOGOUT MODAL */
.modal-content .modal-header {background-color: #2F0037!important;}
.modal-content .modal-title {font-size: 24px!important; color: #FFF!important;}

/* APPLICATIONS - TOGGLES */
/* Panel expanded (not selected) */
.product-view-container > .panel-group > div > .panel-heading > .panel-title > a:not(.collapsed) {color: #FFF!important; background-color: #2F0037!important;}
/* Panel collapsed (not selected) */
.product-view-container > .panel-group > div > .panel-heading > .panel-title > a.collapsed {color: #FFF!important; background-color: #FF7D00!important;}
/* Panel selected (expanded or collapsed) */
.product-view-container > .panel-group > div[componentclass='h3'] > .panel-heading > .panel-title > a {color: #FFF!important; background-color: #2F0037!important;}

/* LOADER */
.lds-spinner > div {display: none !important;}
.lds-spinner {animation: none !important;font-size: 0 !important;background-image: url("../images/loader.gif");background-size: 40px 40px;width: 25px;height: 25px;background-position: center center;vertical-align: sub;margin: 0 !important;margin-top:20px!important;}


/* MY APPLICATIONS MENU */

/* Default Text */
.top-menu__container > .dropdown > .env__dropdown--btn {color: #fff!important;font-size:16px!important;}

/* Default Arrow */
.top-menu__container > .dropdown > .env__dropdown--btn .caret {color: #fff;}

/* Hover Text */
.top-menu__container > .dropdown > .env__dropdown--btn:hover {color: #FF7D00!important; font-weight: 700;}

/* Hover Arrow */
.top-menu__container > .dropdown > .env__dropdown--btn:hover .caret {color: #FF7D00;}

/* Dropdown Open Text */
.top-menu__container > .dropdown.open > .env__dropdown--btn {color: #2F0037!important; font-weight: 700;}

/* Dropdown Open Arrow */
.top-menu__container > .dropdown.open > .env__dropdown--btn .caret {color: #FF7D00!important;}

/* Override button's focus state Text */
.top-menu__container > .dropdown > .env__dropdown--btn:focus,
.top-menu__container > .dropdown.open > .env__dropdown--btn:focus {color: #FF7D00!important;}
.top-menu__container .env__dropdown--btn.select-yellow {color: #FF7D00!important;}
.top-menu__container .env__dropdown--btn.select-yellow .caret {color: #FF7D00!important;}
.top-menu__container .env__dropdown--btn.select-blue {color: #FF7D00!important;}
.top-menu__container .env__dropdown--btn.select-blue .caret {color: #FF7D00!important;}

/* Dropdown links */
.dropdown-menu>li>a {font-size:16px!important;}


/*  ----------------------------------  RESPONSIVE  ---------------------------------- */

@media (max-width: 991px) {
    .top-menu-buttons {padding-right: 10px!important;}
    .scrollToTop i {line-height: 35px!important;font-size: 25px!important;}
    .power-off-button {color: #2F0037!important;font-size: 25px; top: 23px;right: 15px;}
    #main-app .page-wrapper .custom-header {background-color:#2F0037!important;}
}

.welcome-modal > .welcome-modal__content > h3 {
    color: #eeeaee !important;
}
/* Required for new Bootstrap */
.generic-accordion .card-header:not(.show):not(:hover) {
    background-color: #2F0037 !important;
}

.generic-accordion .card-header:hover{
    background-color: #FF7D00 !important;
}

.generic-accordion .card-header.show {
    background-color: #FF7D00 !important;
}

.excel-tltp > .tooltip-inner {
    background-color: #2F0037 !important;
}

.excel-tltp > .tooltip-arrow {
    border-bottom-color: #2F0037 !important;
}