/*
 * Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license.
 * See LICENSE in the project root for license information.
 */
 :root {
  --CVbackground: #2d3041;
  --tableBackground: #222836;
  --darkBackground: #1b1f2b;
  --darkTitlesBackground: #131720;
  --lightTitlesBackground: #3A3E56;
  --darkHoverBackground: #232d3e;
  --darkBackgroundBox: #36404f;
  --modalBackground:#262937;
  --modalDarkBackground:#161720;
  --CVcolor: #a9c8d8;
  --CVADcolor: #E84315;
  --CVhighlight: #FD7B57;
  --LighterHighlight: #FF9466;
  --heatmapRed: #933e3e;
  --tableHoverColor: #2E4251;
  --textColor: #cdcfd2;
  --textLight: #f7f7f7;
  --textDark: #a2a2a2;
  --textBlue: #84bcd7;
  --LightTitle: #648ea3;
  --blueAux: #4D79A2;
  --mainFilterBtn: #4B768C;
  --textBtn: #2E4251; 
  --green: #59e9cc;
  --red: #E84315;
  --buttonRadius: 3px;
  --buttonFieldRadius: 2px;
  --select-border: var(--mainFilterBtn);
  --select-focus: var(--mainFilterBtn);
  --select-arrow: var(--textColor);
}


body{
  font-family: 'Open Sans', sans-serif;
  font-size:13px;
} 

.ms-Grid {
  margin: 0px;
  padding: 0px;
  background-color: #243248;
}

.navbar-header img {
  height: 30px;
  margin-top: 15px;
  margin-left: 5px;
}

.ms-Grid-col {
  margin-top: 100px;
  margin-left: 30%;
}

.ms-Button {
  background-color: #4e6574;
  padding: 10px 20px;
  height: auto;
  border-color: #73838d;
  margin: 10% 0 40% 42%;
}

.ms-Button:hover {
  background-color: #687d8c;
  border-color: #73838d;
}

.ms-Button span {
  color: #ccc !important;
}

.ms-NavBar {
  height: 60px;
  background-color: #4e6574;
}

.navbar-header {
  box-sizing: border-box;
  display: block;
  height: 40px;
  line-height: 40px;
  font-family: 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe WP Semilight', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
  font-size: 17px;
  padding-left: 20px;
  position: relative;
  font-weight: bold;
}

.testingClassOne {
  color: red !important;
}


@media (min-width: 480px) {
  .navbar-header {
    float: left;
    margin-right: 20px;
    font-size: 20px;
    padding: 0;
  }
}

.ms-TextField {
  width: 300px;
  display: inline-block;
}

.icon-holder {
  display: inline-block;
  width: 30px;
}

.big-icon {
  font-size: 30px;
  top: 5px;
  position: relative;
}


.skin-purple .main-header .navbar {
  background-color: #4e6574;
}

.skin-purple .main-header .logo {
  background-color: #4e6574;
}

.skin-purple .main-header .logo:hover {
  background-color: #4e6574;
}

.logo-lg img {
  width: 190px;
  margin-bottom: 5px;
}

.logo-mini img {
  width: 30px;
}

.breadcrumb > .active {
  color: #efeff0;
}

.content-wrapper, .right-side {
  min-height: 100%;
  background-color: #303e4e;
  z-index: 800;
  color: #ccc;
}

.searchCompany {
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  display: inline-flex;
  background-color: #4e6574;
}

.searchCompany p {
  color: #ccc;
  font-size: 1.2em;
}

.searchCompany input {
  width: 70%;
  margin-left: 30%;
  text-align: right;
  background-color: #ccc;
}

.searchButton {
  border: 0px;
  color: #ccc;
}

.searchButton i {
  padding-bottom: 5px;
}

.companyActions {
  background-color: #202633;
  padding: 10px 30px;
  margin-top: 20px;
  margin-bottom: 10px;
  display: grid;
}

.companyTitle {
  text-align: left;
}

.companyActions h2 {
  font-size: 1.4em;
  text-align: left;
  margin: 7px 0 2px 0;
}

.companyActions h5 {
  font-size: 0.9em;
  text-transform: uppercase;
  text-align: left;
  margin-left: 1px;
  margin-bottom: 30px;
}

.companyActions p {
  text-align: left;
  font-size: 0.7em;
  line-height: 1;
  margin: 5px 0 0 5px;
  padding-bottom: 5px;
}

.actionsSplit {
  width: 98%;
  margin: 15px auto;
  height: 0.2px;
}
hr.actionsSplit {border-top: 1px solid #687d8c;}

.availableActions {
  padding: 10px;
}

.availableActions button {
  background-color: #3e454c;
  border: none;
  margin: 0 10px;
  padding: 10px 20px;
  font-size: 0.9em;
}

.availableActions h3 {
  font-size: 1.4em;
  margin: 0 10px;
  color: #7e97ab;
}

.availableActions a {
  color: #ccc;
}

.availableActions a:hover,
.availableActions a:active,
.availableActions a:focus {
  color: #fff;
}

.elfinder :not(input):not(textarea):not(select):not([contenteditable="true"]), .elfinder-contextmenu :not(input):not(textarea):not(select):not([contenteditable="true"]) {
  background-color: #4e6574;
  color: #ccc;
}

.elfinder .elfinder-button.ui-state-disabled {
  background-color: #fff;
  border-radius: 0px;
}

.elfinder .elfinder-button.ui-state-disabled .elfinder-button-icon, .elfinder .elfinder-button.ui-state-disabled .elfinder-button-text {
  background-color: #fff;
  border-radius: 0px;
}

.elfinder-navbar .ui-state-active {
  background: #434d5c;
  background-color: rgb(67, 77, 92);
  border-color: #909cb0;
  color: #fff;
}

.elfinder-navbar .ui-state-active {
  background: #2c333f;
  background-color: rgb(44, 51, 63);
  border-color: #ebeff5;
}

.elfinder-ltr .elfinder-button-search .ui-icon-search {
  left: 0;
  background-color: #fff;
  margin: -11px 0 10px 5px;
}

.elfinder-navbar .ui-state-active {
  background: #3f4753 !important;
  background-color: rgb(63, 71, 83);
  border-color: #ccc;
}

.elfinder-navbar-root.ui-state-active.ui-state-hover {
  color: white;
  background-color: darkgray !important;
}

.box {
  border-radius: 0;
  border-top: 1px solid #75767a;
  background-color: #4e6574;
}

body[class^="skin-purple"] .btn-primary:hover {
  color: #fff;
  background-color: #424344;
  border-color: #424344;
}

body[class^="skin-purple"] .btn-primary {
  color: #ccc;
  background-color: #303E4E;
  border-color: #303E4E;
}

a {
  color: #ccc;
  outline: none;
}

a:hover, a:active, a:focus {
  outline: none;
  text-decoration: none;
  color: #3f3838;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #6a8295;
}

.table-hover > tbody > tr:hover {
  background-color: #6a8295;
}

.btn-default:hover, .btn-default:active, .btn-default.hover {
  background-color: #2c3b41;
}

table td .btn {
  background-color: #303e4e !important;
  color: #fff;
  padding: 5px 10px;
  border-color: #303e4e;
  font-size: 0.8em;
}

body[class^="skin-purple"] .pagination > .active > a, body[class^="skin-purple"] .pagination > .active > a:focus, body[class^="skin-purple"] .pagination > .active > a:hover, body[class^="skin-purple"] .pagination > .active > span, body[class^="skin-purple"] .pagination > .active > span:focus, body[class^="skin-purple"] .pagination > .active > span:hover {
  background-color: #6a8295;
  border-color: #6a8295;
}

.well {
  background-color: #4e6574;
  border: 1px solid #4e6574;
  border-radius: 0px;
}

.col-md-5 {
  width: 43%;
  margin-left: 20px;
}

.input-group {
  width: 90%;
}

.filtered {
  display: inline-flex;
  margin-bottom: 10px;
}

.left .filtered {
  padding-left: 0px;
  width: 150px;
  height: 35px;
}


.left>.row>.filtered div {
  border-radius: 0px;
}

.left>.row>.filtered div a {
  margin-left: 7px;
}

.list-group-item {
  background-color: #fff;
  color: #222d32;
}

.dualListFileOptions {
  display: inline-flex;
}

.dualListFileOptions a {
  margin: 0 40px;
}

.input-group .form-control {
  width: 160px;
}

.btn-ocr {
  background-color: #4e6574 !important;
  color: #e4e3e3 !important;
  border-radius: 0px !important;
  border-color: #4e6574;
}

.btn-ocr:hover {
  background-color: #4e6574 !important;
  color: #ccc !important;
  border-color: #4e6574 !important;
}

.inputConvert input {
  width: 140px;
  margin: 0 20px;
}

/*#financingTab li a {
  background-color: #4e6574;
  border: 1px solid #4e6574 !important;
}

#financingTab li a:active,
#financingTab li a:focus,
#financingTab li a:hover {
  background-color: #4e6574;
  border: 1px solid #ddd !important;
}*/

#financingTab li a {
  background-color: #4e6574;
  border: 1px solid #4e6574 !important;
}

#financingTab li a:active,
#financingTab li a:focus,
#financingTab li a:hover {
  background-color: #383f51;
  border: 1px solid #ccc !important;
  border-radius: 0 !important;
}

.addComment {
        width: 0; 
        height: 0; 
        border-top: 12px solid  #e6912299; 
        border-right: 12px solid transparent;
        margin: -10px 0 0 -7px !important;
    }

.clickToEdit p {
        color: #d4d6d6 !important;
        font-size: .8em;
        font-style: italic;
        text-decoration: underline;
    }

    .showEditArea {
        background-color: #4e6574 !important;
    }

    .originalBackground {
        background-color: red;
    }

    .editClass {
        font-size: .9em !important;
        background-color: #4e6574;
        border-color: transparent !important;
    }

    #editBtn {
        background-color: rgb(78, 101, 116);
        padding: 0 10px 0 5px !important;
        color: #ddd;
        border-color: transparent;
        line-height: 1.6;
        font-size: 1em;
    }

    .penIcon {
        padding: 0 7px 0 0;
    }

.data-view {
  display: inline-flex !important;
  font-size: 1.1em !important;
  line-height: 6;
  vertical-align: bottom !important;
}

.data-view p {
  line-height: 1.5 !important;
  margin-top: 50px;
}

.data-view a {
  margin-left: 20px !important;
  color: #ddd;
  font-size: 1.1em;
}

/* New app.css based on redesign */

/* Modals */

.modal-content {
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
border-radius: 6px;
border: none;
background-color: var(--modalDarkBackground) !important;
}
.snapshot {
padding: 16px !important;
}
.modal-content {
color: var(--textColor) !important;
}
.modal-header > h4.panel-title {
color: var(--CVcolor);
font-size: 1.5em;
font-weight: 400;
text-align: center;
}
.modal-content .modal-header {
border-bottom: none;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 0;
padding-left: 15px;
}
.commentary-body {
margin: 2em;
}
.closeMe button.close {
font-size: 2.5em;
margin: -25px 0 0 0 !important;
color: var(--textColor) !important;
text-shadow: none;
}
.table-snap {
width: 100% !important;
border: 2px solid var(--mainFilterBtn);
border-radius: 3px;
}
.table-snap > .table {
margin-bottom: 0;
font-size: 14px;
background-color: var(--modalBackground) !important;
}
.light-table > p { color: var(--textLight); }
.logo-other img {
max-width: 120px;
}
.titles-left {
padding-left: 30px;
width: 180px;
}
.pull-right {
padding: 0 !important;
margin: 0 !important;
}
.info-right {
width: 150px;
text-align: center !important;
}
.mainRowTitles {
background-color: var(--darkHoverBackground);
color: var(--CVcolor);
border: none;
line-height: 1 !important;
}
.theFirstTitle {
width: 300px;
}
.dataTitles {
width: 120px !important;
}
.margins {
font-style: italic;
color: var(--textLight);
}
.green {
color: var(--green);
}
.red {
color: var(--red);
}

/* Panels - Accordions */
.panel-default {
border-color: var(--CVbackground);
background-color: var(--CVbackground);
color: var(--textColor);
}

.panel-default > .panel-heading {
color: var(--CVcolor);
background-color: var(--darkBackground);
border-color: var(--CVhighlight);
}
.panel-title > a:hover, .panel-title > a:focus {
color: var(--LightTitle);
text-decoration: none;
}
.panel-default > .panel-heading:hover, .panel-default > .panel-heading:focus {
background-color: var(--textBtn);
}

.headline {
line-height: 2;
display: inline-block;
border-bottom: 1px solid var(--CVcolor);
width: 100%;
background-color: var(--darkBackground);
margin-bottom: 10px;
margin-top: 5px;
}
.headline:hover, .headline:focus {
border-bottom: 1px solid var(--CVcolor);
background-color: var(--modalDarkBackground);
}
.headline h4 {
font-size: 1.2em;
color: var(--CVcolor);
vertical-align: middle;
padding: 0 0 0 10px;
}

.headline button i {
font-size: 2.2em;
vertical-align: middle;
font-weight: 600;
color: var(--CVcolor);
line-height: 1.5;
margin: 5px 10px 0 0 !important;
}

.commentary-body > .panel-group > .panel-default {
border-color: transparent;
  background-color: var(--modalBackground);
}

.bg-transparent {
background-color: transparent !important;
}

.w-100 {
width: 100%;
}

textarea {
resize: none;
border: none !important;
}