@font-face {
    font-family: 'Product Sans';
    src: url('Fonts/Product\ Sans\ Regular.ttf'),
        url('Fonts/Product\ Sans\ Bold.ttf'),
        url('Fonts/Product\ Sans\ Italic.ttf'),
        url('Fonts/Product\ Sans\ Bold\ Italic.ttf')
}
body {
    font-family: 'Roboto', sans-serif;
    /* font-family: 'Product Sans', 'Exo 2', sans-serif !important; */
    /* background-image: url('https://wallup.net/wp-content/uploads/2016/05/25/345866-minimalism-simple_background-feathers-texture-pens-ink-748x421.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%; */
}
.app,
app-dashboard,
app-root {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.align-items-center {
    align-items: center !important;
}

.flex-row {
    flex-direction: row !important;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.justify-content-center {
    justify-content: center !important;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.float-left {
    float: left !important;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 0.2;
    margin-top: 5%;
}

.mr-4,.mx-4 {
    margin-right: 1.5rem !important;
}

.pt-3 .py-3 {
    padding-top: 1rem !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    text-align: left;
}

.h4,
h4 {
    font-size: 1.3125rem;
}

.text-muted {
    color: #73818f !important;
    
    margin-top: -3%;
} 
.footer_part2{ 
    color: #23282c;
    /* background-color:#000;  */
    background: #f0f3f5;
    width:100%; 
    min-height:80px; 
    padding:10px 0; 
    position:absolute; 
    top: calc(100vh - 80px);
}
.footer_part{ 
    color: #23282c;
    /* background-color:#000;  */
    background: #f0f3f5;
    width:100%; 
    min-height:30px; 
    padding:10px 0; 
    position:fixed; 
    top: calc(100vh - 40px);
}
.footer_main{ 
    position:relative;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    font-weight: bold;
}
.copyright{ 
    position: relative; 
    width:100%; 
    text-align:center; 
    padding-top:10px; 
    z-index:1;
}
.footer_main a{
    color: #20A8D8;
}

.btn-draft, .btn-pdf{
    /* position: absolute; */
    right:5px;
    top: 15px;
    /* z-index: 9999; */
    background-color: #1AB394;
    color: white; 
    font-size: 0.85em;
    font-weight: bold;
    line-height: 2em;
    border: none;
    min-width: 100px;
    cursor: pointer;
    padding: 0 2em;
    border-radius: 2px;
}
 .btn-draft:hover, .btn-pdf:hover{
    background-color: #1AB394;
    color: white; 
}

#errorDiv {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;
}

/* loader */

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #222;
    z-index: 9999999;
    opacity: 0.5;
}

.overlay__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.overlay__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; 
    animation: spin 2s linear infinite;
    display: none;
    display: block;
    z-index: 9999;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
/* loader */

/** top lang drop-down */
.form-group.top-select {
    position: absolute;
    top: 15px;
}

.btn-blue-color {
    background-color: #1ecbbd;
    color: white;
}
.border-radius-5 {
    border-radius: 5px !important;
}
.modal-content {
    background-color: #f6f6f6;
    border-color: #dadade;
}
.modal-header {
    border-color: #dadade;
}
.modal-body {
    border-color: #dadade;
}
.modal-footer {
    border-color: #dadade;
}
.adjust-modal {
    margin-top: -200px; /* image height*/
}
.flex-100 {
    flex: 1 1 100%;
    flex: 100%;
    min-width: 100%;
}
.hide-ele {
    /* height: 0;
    padding: 0px !important;
    overflow: hidden; */
    display: none !important;
}
a, a:visited, a:hover {
    color: #f6a72b;
    text-decoration: none !important;
}
.color-blue {
    color: #1ecbbd;
}
/* select box devExtreme */
.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
    padding-left: 7px;
    padding-right: 7px;
}

.custom-item {
    position: relative;
    min-height: 30px;
}

.dx-dropdowneditor-input-wrapper .custom-item > img {
    padding-left: 8px;
}

.custom-item .product-name  {
    display: inline-block;
    padding-left: 30px;
    text-indent: 0;
    line-height: 30px;
    font-size: 15px;
    width: 100%;
}

.custom-item > img {
    left: 1px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.dx-theme-material #custom-templates .dx-texteditor-buttons-container {
    display: none;
}

.current-value {
    padding: 10px 0;
}

.current-value > span {
    font-weight: bold;
}

.dx-theme-material .dx-selectbox-container .product-name {
    padding-left: 58px;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: #1ecbbd;
    color: white;
}

.swal2-container {
    z-index: 100000000 !important;
  }
/* select box devExtreme */
/* new theme */


@font-face {
    font-family: 'LoftyGoals-Regular';
    src: url('./Fonts/LoftyGoals-Regular.woff2') format('woff2'),
        url('./Fonts/LoftyGoals-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}