/* 
 * Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license.
 * See LICENSE in the project root for license information.
 */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;800&display=swap');

 html,
 body {
     width: 100%;
     height: 100%;
     margin: 0;
     padding: 0;
 }
 
 ul {
     margin: 0;
     padding: 0;
 }
 
 .ms-welcome__header {
    padding: 20px;
    padding-bottom: 30px;
    padding-top: 100px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
 }

 .ms-welcome__main {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex: 1 0 0;
    flex: 1 0 0;
    padding: 10px 20px;
 }
 
 .ms-welcome__main > h2 {
     width: 100%;
     text-align: center;
 }
 
 .ms-welcome__features {
     list-style-type: none;
     margin-top: 20px;
 }
 
 .ms-welcome__features.ms-List .ms-ListItem {
     padding-bottom: 20px;
     display: -webkit-flex;
     display: flex;
 }
 
 .ms-welcome__features.ms-List .ms-ListItem > .ms-Icon {
     margin-right: 10px;
 }
 
 .ms-welcome__action.ms-Button--hero {
     margin-top: 30px;
 }
 
.ms-Button.ms-Button--hero .ms-Button-label {
  color: #0078d7;
}

.ms-Button.ms-Button--hero:hover .ms-Button-label,
.ms-Button.ms-Button--hero:focus .ms-Button-label{
  color: #005a9e;
  cursor: pointer;
}

b {
    font-weight: bold;
}

#custom_field{
    color: #505050;
    font-size: 14px;
    font-family: Assistant;
    line-height: normal;
}

.MuiAutocomplete-paper .MuiAutocomplete-listbox li{
    line-height: 17px;
    height: 24px;
    font-size: 14px;
    font-family: Assistant;
}

.MuiAutocomplete-paper .MuiAutocomplete-listbox li:hover {
    background-color: rgba(18, 116, 228, 0.2);
}

.wrapperAutocompleteOption{
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.MuiAutocomplete-listbox .MuiAutocomplete-option{
    width: 100%;
    display: flex;
}

.MuiAutocomplete-listbox .MuiAutocomplete-option > div{
    width: 100%;
}

.wrapperAutocompleteOption .left-new{
    width:100%;
}

#custom_field-label{
    font-size: 13px;
}

#language, #document-type, #category-type, #sub-category-type, #document-type-tags {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #030229;
    background: rgba(247, 247, 249, 0.5);
    border: 1px solid #F7F7F9;
    border-radius:2px;
}


.MuiAutocomplete-popper li {
    min-height: 30px!important;
    font-family: 'Nunito'!important;
    font-style: normal!important;
    font-weight: 500!important;
    font-size: 12px!important;
    line-height: 15px!important;
    color: #030229!important;
}

.MuiAutocomplete-popper ul li:hover {
    background-color: rgba(18, 116, 228, 1)!important;
    color: #fff!important;
}

.MuiAutocomplete-popper ul li:hover li, .MuiAutocomplete-popper ul li:hover span {
    color: #fff!important;
}

#autocomplete-block div{
    padding: 0;
}

.MuiAutocomplete-popper div.MuiAutocomplete-noOptions{
    min-height: 30px!important;
    font-family: 'Nunito'!important;
    font-style: normal!important;
    font-weight: 500!important;
    font-size: 12px!important;
    line-height: 15px!important;
    color: #030229!important;
}

/*.wrapperAutocompleteOption{*/
/*    position: relative;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    width: 100%;*/
/*}*/

/*.MuiAutocomplete-listbox .MuiAutocomplete-option{*/
/*    width: 100%;*/
/*    display: flex;*/
/*}*/

/*.MuiAutocomplete-listbox .MuiAutocomplete-option > div{*/
/*    width: 100%;*/
/*}*/

.wrapperAutocompleteOption .right-new{
    color: #1274E4;
    width: 100px;
    box-sizing: border-box;
}

.wrapperAutocompleteOption .left-new{
    width:190px;
}

#name-label {
    font-size: 11px;
}