.formContainer {
    width: 100%;
    display: inline-block;
}

.formRow {
    float: left;
    width: 100%;
}
.formInputContainer
{
    margin:6px 0;
    float: left;
    width: 100%;
}
.formLabel
{
    margin: 0 0 4px 3px;
}
.formInput {
    display: flex;
}
.formInput input {
    border-radius: 3px;
    border: 1px solid #CCCCCC;
}
.formInput select {
    border-radius: 3px;
    max-width: 480px;
    border: 1px solid #CCCCCC;
}
.floatMultipleItemRowItem {
    width: auto;
    margin-left: 20px;
}
.textContentValue {
    min-width:90px;
    white-space: nowrap;
    margin-left: 4px;
    font-size: 12px;
    font-weight: 600;
    max-width: 95%;
}
.textContentLongValue {
    margin-left: 4px;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
}
.inputPercentage::after {
    margin-left: 4px;
    vertical-align: sub;
    content: "%";
}
.formDataFramedInput {

}
.searchFormHeader {
    padding: 8px 8px 8px 8px;
    display: inline-block;
}
.searchFormHeader
.formInput input {
    float: left;
    font-size: 16px;
    padding:4px 6px;
    margin-right:5px;
}
.searchFormHeader
.formInput select {
    float: left;
    font-size: 16px;
    padding:4px 6px;
    margin-right:5px;
}
.headerButton {
    float: left;
    display: inline-block;
    height: 27px;
    padding: 0;
    border-radius: 3px;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    margin-right: 5px;
}
.headerButton:hover {
    background-color: #f9f3ff;
    border: 1px solid #bababa;
}
.headerButton .material-icons  {
    font-size: 32px;
    padding: 0 1px 0 1px;
    margin: 0;
    line-height: 0.9;
}
.quarterCol {
    width:25%;
}
.thirdCol {
    width:33%;
}
.halfCol {
    width:50%;
}
.floatFormItem {
    width:auto;
    margin-right: 30px;
}
.floatCompactFormItem {
    width:auto;
    margin-right: 10px;
}
.material-icons.toggleButton
{
    font-size: 36px;
    cursor: pointer;
    line-height: 0.5;
}
.material-icons.helpButton {
    font-size: 12px;
    margin-left: 4px;
    cursor: pointer;
}
.onToggle
{
    color:green;
}
.offToggle
{
    color: #484848;
}
.radioButtonListContainer {
    margin-bottom: 10px;
    display: inline-block;
}
.radioButton {
    border-radius: 4px;
    margin-right: 10px;
    float:left;
    display: inline-block;
    cursor: pointer;
    border:1px solid #a9a9a9;
    padding:5px;
    background-color: #e9e9e9;
    box-shadow: 2px 2px 3px 0 #5b5b5b57;
}
.selectedRadioButton {
    background-color: darkolivegreen;
    color: white;
}

.yellowBox                  {       color:#000000;
    background-color: #efc32f;
    border: #96790d 1px solid;                                      }
.blueBox                    {       color:white;
    border:1px solid #18464e;
    background-color: #339BB4;                                      }
.greenBox                   {       color:white;
    border:1px solid #0b431e;
    background-color: #2cb262;                                      }
.redBox                     {       color:white;
    border:1px solid #721f17;
    background-color: #e54d42;                                      }

.companySearchResultList {
    list-style: none;
    margin: 5px 10px;
    padding: 0 5px;
}
.companySearchResultList
li {
    margin-left:0;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #dddddd;
    display: inline-block;
    padding:4px 0;
}
.companySearchResultList
li:hover {
    background-color: #fdfdfd;
    color:#000000;
}
.companySearchResultList
li:first-child {
    border-top: none;
}
.searchName {
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float:left;
    width:240px;
}
.searchItem {
    display: inline-block;
    float:left;
    padding:0 6px;
    margin-right: 4px;
}

.contentWrapper {
    padding: 3px 8px 2px 12px;
}
.contentWrapper:hover {
    background-color: #fdfdfd;
}
.searchTextContent {
    float: left;
}
.searchButton {
    float: right;
    padding:0;
    border-radius: 4px;
    margin-right: 10px;
    cursor: pointer;
    border:1px solid #a9a9a9;
}
.searchButton:hover {
    background-color: #dfdfdf;
    border:1px solid #999999;
}
.searchButton
.material-icons{
    padding: 4px 6px;
    margin: 0;
}
.searchCompanyContainer {
    width: 100%;
    margin: 5px 10px 20px 10px;
    display: inline-block;
}
.searchCompanyHeading {
    width:100%;
    font-size: 16px;
    font-weight: bold;
    margin:10px;
}
.searchSelectCompanyHeading {
    font-size: 16px;
    font-weight: bold;
    margin:5px;
}
.searchSelectButtonList {
    list-style: none;
    padding: 0;
}
.searchSelectButtonContainer {
    border-radius: 10px;
    border:1px solid #bbbbbb;
    background-color: #f6f6f6;
    float: left;
    padding: 6px 8px;
    margin:5px 10px 5px 5px;
}
.searchSelectButton {
    font-size: 14px;
    float: left;
    padding: 6px 8px;
    border-radius: 4px;
    margin: 8px 10px 8px 0;
    cursor: pointer;
    border:1px solid #a9a9a9;
}
.searchSelectButton:hover {
    background-color: #dfdfdf;
    border:1px solid #999999;
    color: #0b4b65;
}
.transactionCompanyContainer {
    padding:10px;
}
.itemList {
    list-style: none;
    margin: 0 10px 0 4px;
    padding: 0;
}
.itemList
li:first-child {

    border-top: none;
}
.itemList
li {
    white-space: nowrap;
    font-size: 14px;
    margin-left:0;
    margin-top: -3px;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #dddddd;
    display: inline-block;
    padding:6px 0;
}
.itemList
li
.listTimeLabel
{
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    text-transform: capitalize;
    width: 120px;
}
.itemList
li
.listLabel
{
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    text-transform: capitalize;
    width: 70px;
}
.itemList
li
.listMediumLabel
{
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    text-transform: capitalize;
    width: 90px;
}

.itemList
li
.listEventLabel
{
    font-size:12px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:140px;
}

.itemList
li
.indentedListEventLabel
{
    font-size:12px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:180px;
    margin-left:120px
}

.itemList
li
.mainLabel
{
    font-size:12px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:290px;
    margin-right: 4px;
}


.subLabel
{
    display: inline-block;
    font-weight: 600;
    font-size: 11px;
    text-transform: capitalize;
}

.listHeading            {       font-size: 16px;
    font-weight: 600;                                               }
.dealList
ul                      {       padding: 0;
    width:100%;
    overflow: hidden;
    list-style: none;                                               }
.dealList
li:not(.noHover)        {       cursor: pointer;                                                }
.dealList
li                      {       display: block;
    width:100%;
    font-size: 11px;
    font-weight: lighter;
    color: #6b6b6b;
    margin:0;
    margin-left:-40px;
    padding:3px 0 3px 3px;
    border-top: transparent 1px solid;
    border-bottom: transparent 1px solid;                           }
.dealList
li.noWrap               {       display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;                                        }
.dealList
li:not(.noHover):hover  {       background-color: #424a4d;
    color: #e3e3e3;
    border-top: #485053 1px solid;
    border-bottom: #2d3236 1px solid;                               }
.dealIdListContainer    {       max-height: 280px;
    overflow-y: auto;                                             }
.subWindow              {       float: left;
    padding: 5px;
    border: 1px solid #EFEFEF;
    background-color: #FAFAFA;                                      }
.mediumHeading          {       float: left;
    font-weight: bold;
    font-size: 14px;
    margin: 5px 0 8px 3px;                                          }
.dynamicListContainer   {       margin-top: 15px;
    display: inline-block;
    width: 100%;                                                    }

.dealSummaryList {
    margin:0;
    list-style: none;
    padding:0;
}
.dealSummaryList li {
    float: left;
    width: 94%;
    padding: 5px 10px;
    margin:5px 0;
}
.dealSummaryList li:hover {
    cursor: pointer;
    border:1px solid black;
}
.dealSummaryHeader {
    font-size: 16px;
    margin: 5px 0;
    letter-spacing:1px;
    font-weight: bold;
    display: block;
    text-align: center;
}
.dealSummaryBasicDataContainer {
    float: left;
    width: 100%;
    margin:5px 0;
}
.dealSummaryItem {
    float: left;
    display: inline-block;
    width:49%;
}
.dealSummaryItem
.itemLabel {
    float: left;
    font-style: italic;
    font-size: 11px;
    margin-right: 6px;
}
.dealSummaryItem
.itemValue {
    float: left;
    font-size: 11px;
}
.dealRoleContainer {
    float: left;
    display: inline-block;
    width:49%;
}
.dealRoleTypeLabel {
    font-size: 12px;
    font-style: italic;
    display: block;
    margin: 5px 0 2px 0;
}
.dealCompanyLabel {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    display: block;
    margin:6px 0;
    padding-right: 5px;
}

.valueNotes
.material-icons {
    font-size: 18px;
    margin-left: 10px;
    float: left;
    margin-top: 2px;
}

.importantNotes {
    color: #c3a701;
}

.warningNotes{
    color: #a90000;
}
.valueNotes
.material-icons {
    font-size: 18px;
    margin-left: 10px;
    float: left;
    margin-top: 2px;
}
.valueSetButton {
    border-radius:2px;
    margin-left:15px;
    padding:3px 10px 3px 3px;
    cursor: pointer;
}
.valueSetButton
.material-icons {
    font-size: 14px;
    float: left;
    margin-left: 7px;
}
.valueSetButton:hover {
    border:1px solid #434343;
}
.valueSetButton:hover
.material-icons{
    transition: ease-in 0.1s;
    margin-left: 3px;
    margin-right: 9px;
}

.inputTextWrapper {
    width: 490px;
    position: relative;
    margin-right: 10px;
    padding: 0;
}
.borderLessInput {
    width: 480px;
    font-size: 16px;
    padding: 4px 6px;
    margin-right: 5px;
}
.inputTextClearButton {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 0;
    padding: 5px;
}
.inputTextClearButton
.material-icons {
    font-size: 18px;}

.companySearchResultList
.unLinkedCompany {
    border-left:3px solid #e93214;
}
.companySearchResultList
.linkedCompany {
    border-left:3px solid green;
}
.companySearchResultList
.valu8Company {
    border-left:3px solid #234cca;
}

.formNestedContainer {
    float: left;
    width:400px;
    padding:5px;
    background-color: #EFEFEF;
    border: #DFDFDF 1px solid;
}
.formHeading {
    font-weight: bold;
    font-size: 16px;
}
.fieldURL {
    padding-left:3px;
    color: darkblue;
}
.fieldURL:hover {
    text-decoration: underline;
    color:black;
}
.postValue {
    vertical-align:sub;
    color:#333333;
}
.strong {
    font-weight: bold;
}

.clickableLink {
    text-decoration: underline;
    color: #1a2567;
}

.unauthorizedBox {
    font-size: 16px;
    padding:10px;
}


input.inputTextList[type="text"]{
    margin:2px 0;
}