*{font-family: 'Raleway', sans-serif;}
@font-face {
font-family: 'Raleway';
src: url('../formapp/fonts/Raleway-Bold.woff2') format('woff2'),
url('../formapp/fonts/Raleway-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url('../formapp/fonts/Raleway-ExtraBold.woff2') format('woff2'),
url('../formapp/fonts/Raleway-ExtraBold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url('../formapp/fonts/Raleway-Regular.woff2') format('woff2'),
url('../formapp/fonts/Raleway-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url('../formapp/fonts/Raleway-Light.woff2') format('woff2'),
url('../formapp/fonts/Raleway-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url('../formapp/fonts/Raleway-SemiBold.woff2') format('woff2'),
url('../formapp/fonts/Raleway-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url('../formapp/fonts/Raleway-Medium.woff2') format('woff2'),
url('../formapp/fonts/Raleway-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
body{background:#ccdfff;padding:0 0 50px 0;margin:0px;font-weight:600 !important;}
h1, p{padding:5px;}
p{font-size:18px;}
h3 {text-align:left !important; margin-bottom: 20px !important; padding: 0 15px; }
.navbar { padding-top: 20px !important; padding-bottom: 20px !important; }
.container{position:relative;}
.container { max-width: calc(100% - 10px) !important; }
.topsection, .defaultsection{/*width:70%;border:1px solid #ccc;*/width:100%;margin:0 auto;padding:1%;border-radius:10px;margin-bottom:20px;background:#fff;}
/*.sectionlist{width:70%;margin:0 auto;}*/
.sectionlist{width:100%;margin:0 auto;}
.section{/*border:1px solid #ccc;*/padding:10px;border-radius:10px;margin-bottom:20px;background:#fff;position:relative;}
.shadow {box-shadow: 0 0.15rem 0.5rem rgba(0,0,0,.5)!important;}
[contenteditable]{outline: 0px solid transparent;width:100%;border-bottom:1px solid #fff;margin-bottom:0px;-webkit-user-modify:read-write-plaintext-only;user-modify:read-write-plaintext-only;}
.option{background:#fff;position:relative;}
.option [contenteditable]{width:90%;display:inline-block;}
[contenteditable]:hover{border-bottom:1px dashed #ccc;}
[contenteditable]:focus{border-bottom:2px solid #000;}
.option p[data-lang="cn"]{margin-left:4%;margin-top:0px;}
p[data-lang="cn"], h1[data-lang="cn"]{margin-top:0px;}
.columns .option p[data-lang="cn"]{margin-left:8.5%;}
.option .fa-times{position:absolute;top:10px;}
input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="tel"]{border:0px;border-bottom:1px dashed #ccc;padding:5px;width:90%;}
select{width:90%;}
textarea{width:90%;border-color:#ccc;}
.settingsect select{width:auto;}
input[type="date"],input[type="time"]{border:0px;border-bottom:1px dashed #ccc;padding:5px;width:20%;}
.fa-ellipsis-h{color:#ccc;cursor:all-scroll;width:100%;text-align:center;}
.fa-ellipsis-v{color:#ccc;cursor:all-scroll;padding-right:10px;}
.settingtype{padding:5px;margin:5px;}
.addoption, .addcolumn, .addrow{cursor:pointer;padding:5px;padding-left:40px;}
p.title{font-weight:bold;}
.rows, .columns{display:inline-block;width:50%;vertical-align:top;}
.rows .option [contenteditable], .columns .option [contenteditable]{width:80%;}
.defaultsection{display:none;}
select{/*border:1px solid #ccc;*/border: 1px solid #A8A8A8;height:36px;padding:5px;border-radius:4px;}
.setting{text-align:right;}
.fa-trash-alt, .fa-copy, .fa-eye, .fa-image, .fa-times-circle, .fa-edit{cursor:pointer;}
.fa-trash-alt, .fa-copy, .fa-eye, .fa-image, .fa-edit{border: 1px solid #ccc;padding: 10px;border-radius: 20px;}
.fa-trash-alt { color: #e83939 !important; border-color: transparent !important; background: transparent !important; }
.fa-clipboard-list{color:#0a58ca;}
.optionlistnostyle{list-style-type:none;}
.hidden{display:none;}
.optionlist{padding-left:20px;}
.textinput input[type="text"], .textinput input[type="email"], .textinput input[type="number"]{padding:5px;font-size:20px;}
.fa-circle, .fa-square{color:#ccc;}
/*.maincontroller{position:fixed;top:50%;right:18%;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#fff;}*/
.maincontroller{position: fixed; top: 50%; left: calc(100% - 20px); padding: 10px; border: 1px solid #ccc; border-radius: 5px; background-color: #007bc1; transform: translate(-50%, -50%); color: #fff;}
.maincontroller i{cursor:pointer;font-size:22px;}
.sectionlist.ui-sortable .section {
padding-top: 25px;
}
.sectionlist.ui-sortable .fa-ellipsis-h { position: absolute; width: 100%; background: #ececec; top: 0; left: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.formtooltip {position: relative;display: inline-block;margin-bottom:10px;}
.formtooltip:last-child{margin-bottom:0px;}
.formtooltip .tooltiptext {visibility: hidden;width: 200px;background-color: black;color: #fff;text-align: center;padding: 5px 0;border-radius: 6px;position: absolute;z-index: 1;right:50px;font-size:0.8em;}
.formtooltip:hover .tooltiptext {visibility: visible;}
.switch {position: relative;display: inline-block;width: 40px;height: 24px;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 16px;width: 16px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #2196F3;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(16px);-ms-transform: translateX(16px);transform: translateX(16px);}
/* Rounded sliders */
.slider.round {border-radius: 24px;}
.slider.round:before {border-radius: 50%;}
.admintopborder{position:fixed;background:#fff;color:#1d2b41;margin-bottom:10px;font-size:0.8em;z-index:1;width:100%;top:0px;}
.admintopborder ul{list-style-type:none;margin:0px;}
.admintopborder ul li{display:inline-block;vertical-align:middle;padding:5px;}
.status{font-size:0.8em;margin-left:20px;}
.buttonsection{float:right;margin:10px;padding:10px;}
.btn-primary, .btn-secondary{background-color: #3196D2;color:#FFFFFF;height:36px;padding:7px 25px;border:0px;border-radius:5px;font-size:16px;font-weight:600;cursor: pointer;text-transform:capitalize;}
/*.btn-primary, .btn-secondary{background-color: #3196D2;color: #FFFFFF;padding: 10px 25px;border: 0px;border-radius: 5px;font-size: 16px;cursor: pointer;}*/
.index-container{text-align:center;}
.index-container ul{list-style-type:none;}
.index-container ul li{display:inline-block;height:250px;width:180px;background:#fff;border:1px solid #ccc;border-radius:5px;margin:20px;vertical-align:top;position:relative;}
.index-container .forminfo{position:absolute;bottom:0px;padding:0px;width:100%;font-size:0.7em;text-transform: uppercase;}
.index-container ul li:hover{border-color:#1d2b41;}
.index-container ul li .fa-plus-circle, .index-container ul li .fa-clipboard-list{margin-top:30%;}
.forminfo .actionlist{margin-top:10px;color:#ccc;}
.forminfo .actionlist i{padding:5px;}
.forminfo .actionlist i:hover{color:#000;}
.settingsect i{padding:5px;}
.settingsect{display:inline-block;padding-left:20px;padding-right:20px;}
.settingsect:first-child{border-right:1px solid #ccc;}
.settingsect:last-child{border-left:1px solid #ccc;}
.responserow{/*cursor:pointer;*/border-color:#dee2e6;}
.responsecolumn{cursor:pointer;}
input[type="search"]{border:1px solid #ccc;padding:5px;}
select[name="databaseform_length"]{border:1px solid #ccc;padding:5px;}
.imguploaddiv{display:inline-block;text-align:center;position:relative;}
.imguploaddiv .fa-times-circle{position:absolute;top:10px;right:10px;}
.imguploaddiv img{max-width:500px;}
/*[data-lang="cn"]{background-color:#fffddd;}*/
[data-lang="cn"]{background-color:#e7f6ff; margin-bottom: 10px;}
h3{text-align:center;}
.maintable{margin:0 auto;}
.maintable select{width:50%;}
.maintable input, .maintable textarea{border:1px solid #ccc;}
.buttonlist{text-align:right;padding:10px;}
.headerfield{font-size:.7em;color:#aaa;}
.logoandtitle { display: flex; align-items: center; justify-content: center; flex-direction: row; position: absolute; top: 50%; left: calc(50% - 45px); transform: translate(-50%, -50%); }
.logoandtitle .logotitleimage { border-right: 3px solid #000; /*margin-right: 15px;*/ padding-right: 15px; }
.logoandtitle .logotitleimage img { /*height: 85px;*/ height: 45px; }
.logoandtitle h3 { font-size: 24px; font-weight: 700; max-width: 130px; margin-bottom: 0 !important; white-space: initial; text-align: left; }
#account-text p {
padding-bottom: 0; 
}
#account-text h5 {
padding: 0 5px;
font-weight: 700;
}
#actionMenu {
position: absolute;
background:#ffffff;
top: 100px;
left: 30px;
font-weight: 600;
border-radius: 4px;
min-width: 150px;
border: 1px solid #ddd;
z-index: 10;
}
#actionMenu li {
padding: 0 10px;
border-bottom: 1px solid #ddd;
}
#accountMenu {
position: absolute;
background:#ffffff;
top: 100px;
right: 30px;
font-weight: 600;
border-radius: 4px;
min-width: 150px;
border: 1px solid #ddd;
z-index: 10;
}
#accountMenu li {
width: calc(100% - 5px);
padding: 0 10px;
border-bottom: 1px solid #ddd;
}
.text-left{
text-align: left;
}
.pl-15 {
padding-left: 15px;
}
.text.justify-content-left {
display: flex !important;
justify-content: flex-start;
text-align: left;
}
#action-button {
width: 50px;
height: 50px;
line-height: 1.5em;
}
.mileage_parent table[id="databaseform"] {
margin-left: -10px !important;
margin-right: -10px !important;
width: calc(100% + 20px) !important;
}
.machinespec_parent table[id="databaseform"] {
margin-left: -10px !important;
margin-right: -10px !important;
width: calc(100% + 20px) !important;
}
.manage_user_parent table[id="databaseform"] {
margin-left: -10px !important;
margin-right: -10px !important;
width: calc(100% + 20px) !important;
}
table[id="databaseform"] tr td {
border-bottom: 1px solid #dee2e6;
}
table.dataTable.no-footer {
border-bottom: 0 !important;
}
table.dataTable.no-footer i.fas.fa-edit, table.dataTable.no-footer i.far.fa-eye, table.dataTable.no-footer i.far.fa-copy, table.dataTable.no-footer i.far.fa-trash-alt {
background: #EEF1F6;
color: #428DFF;
width: 40px;
height: 40px;
padding: 12px 10px;
margin-right: 15px;
}
.btn-wip, .btn-workinprogress {
background: rgb(13,228,70);
background: linear-gradient(180deg, rgba(13,228,70,1) 0%, rgba(6,193,56,1) 76%, rgba(0,163,44,1) 99%);
border-width: 0 !important;
color: #ffffff !important;
text-transform: uppercase;
}
.btn-cmpltd, .btn-completed {
background: rgb(255,189,103);
background: linear-gradient(180deg, rgba(255,189,103,1) 0%, rgba(254,168,43,1) 75%, rgba(231,139,0,1) 96%);
border-width: 0 !important;
color: #ffffff !important;
text-transform: uppercase;
}
.technician-form-status {
margin-top: 5rem;
}
.technician-form-status .btn-completed {
height: 36px;
margin: 12px 10px;
}
.technician-form-status .btn-workinprogress {
height: 36px;
margin: 12px 10px;
}
/*.technician-form-status */.dataTables_length label {
display: flex;
align-items: center;
justify-content: flex-start;
}
/*.technician-form-status*/ .dataTables_length label select {
margin: 0 10px;
}
.technician-form-status h3 {
font-size: 36px;
font-weight: 700;
margin-bottom: 0 !important;
}
.technician-form-status #databaseform {
display: inline-table;
margin-top: 20px;
}
@media only screen and (max-width : 1570px) {
.technician-form-status .col-7.d-flex .col.d-flex.text-left {
min-width: 485px;
margin-left: -170px;
}
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
border-radius: 4px;
font-size: 14px;
font-weight: 600;
}
.dataTables_wrapper .dataTables_filter input { border-radius: 4px; }
.btn {
font-size: 14px;
font-weight: 500;
}
form.accounting_search {
margin-bottom: 30px;
}
table#databaseform tr.odd, .accounting_search_invoices_form #databaseform tbody:nth-child(even) {
background-color: #eef1f6;
}
.accounting_search_invoices_form #databaseform tbody tr {
background: transparent;
}
/*tr:nth-child(even) */
.accounting_search_invoices_form .table>:not(:last-child)>:last-child>* {
border-bottom: 1px solid #dee2e6;
}
.accounting_search, .accounting_search .searchCompany, .accounting_search .searchCompany .sCDiv { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; white-space: nowrap; }
.sCDiv input[type="text"], .sCDiv input[type="file"] { margin:0 10px; background: #EEF1F6; border-radius: 4px; border: 1px solid #A8A8A8; }
.searchCompany input[type="submit"] { background: #428DFF; height: 36px; padding: 0 25px; border: 0; border-radius: 4px; color: #ffffff; font-weight: 600; text-transform: capitalize; }
.sort_by_company { margin: 0 20px; }
.sort_by_company select { width: 200px; }
.btn-primary.genNewInvoice { background: #EEF1F6; height: 36px; color: inherit; font-weight: 600; padding: 5px 15px; border: 1px solid #707070; border-radius: 4px; }
/*.accounting_search_invoices_form*/ #databaseform {
display: inline-table;
margin-top: 10px;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
overflow: hidden;
border-radius: 12px;
}
.pgHd, .formlist_parent h3, .account_new_invoice_parent h3 { font-size: 36px; font-weight: 700; padding: 25px 0 15px; }
.manage_user_parent .pgHd { margin-left: 15px; }
.mileage_parent .pgHd { margin-left: 15px; }
.formlist_parent h3 { margin-left: 30px; }
.manage_user_parent .section.shadow, .formlist_parent .section.shadow,.mileage_parent .section.shadow, .machinespec_parent .section.shadow{ border: 0; box-shadow: none !important; }
a[href*="accounting_print_invoice.cfm"] { background: #EEF1F6; padding: 6px 12px; border: 1px solid #707070; border-radius: 8px; text-decoration: none; white-space:nowrap;}
div.update_invoice.overlay {
background: #ffffff;
width: 400px;
height: 250px;
}
div.update_invoice.overlay input[type="submit"], form[name="statsform"] button[type="submit"] {
background: #428DFF;
height: 36px;
margin: 15px 0 10px;
padding: 0 25px;
border: 0;
border-radius: 4px;
color: #ffffff;
}
.dataTables_wrapper .dataTables_paginate {
padding-top: 1em !important;
padding-bottom: 0.5em;
}
.admin_statistics div.section.shadow:first-child {
box-shadow: none !important;
padding-left: 0;
border-radius: 0;
border-bottom: 1px solid #eef1f6;
padding-bottom: 20px;
}
.admin_statistics form[name="statsform"] select {
font-weight: 600;
}
.account_new_invoice_parent table.maintable, .account_new_invoice_parent table.maintable tbody {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.account_new_invoice_parent table.maintable {
border-radius: 12px;
overflow: hidden;
box-shadow: 0 0.15rem 0.5rem rgba(0,0,0,.5)!important; 
}
.account_new_invoice_parent table.maintable table.maintable {
margin-top: -15px;
box-shadow: none !important;
border-radius: 0;
}
.account_new_invoice_parent table.maintable tr {
display: flex;
width: 50%;
}
.account_new_invoice_parent table.maintable tr th {
background: #EEF1F6; 
width: 30%; 
border-width: 0;
padding: 20px 20px;
}
.account_new_invoice_parent table.maintable tr td {
width: 70%; 
border-width: 0;
padding: 20px 20px;
}
.account_new_invoice_parent table.maintable tr td select, .account_new_invoice_parent table.maintable tr td textarea, .account_new_invoice_parent table.maintable tr td input[type="text"] {
width: 100%;
border-radius: 4px;
min-height: 36px;
}
.account_new_invoice_parent table.maintable tr td input[type="number"] {
min-height: 36px;
border-radius: 4px;
}
.account_new_invoice_parent table.maintable tr:nth-child(10), .account_new_invoice_parent table.maintable tr:nth-child(11), .account_new_invoice_parent table.maintable tr:nth-child(12) {
width: 100%;
}
.account_new_invoice_parent table.maintable tr:nth-child(10) td, .account_new_invoice_parent table.maintable tr:nth-child(11) td, .account_new_invoice_parent table.maintable tr:nth-child(12) td {
width: 100%;
padding: 15px 0;
} 
.account_new_invoice_parent table.maintable tr:nth-child(10) td table td, .account_new_invoice_parent table.maintable tr:nth-child(11) td table td, .account_new_invoice_parent table.maintable tr:nth-child(12) td table td {
padding-left: 20px;
}
.account_new_invoice_parent table.maintable tr:nth-child(10) table tr, .account_new_invoice_parent table.maintable tr:nth-child(11) table tr, .account_new_invoice_parent table.maintable tr:nth-child(12) table tr {
width: 100%;
}
.account_new_invoice_parent table.maintable tr:nth-child(12) {
padding: 0 10px;
}
.account_new_invoice_parent table.maintable table.maintable input[type="radio"] {
margin-right: 5px;
height: 18px;
width: 18px;
}
.country-list{float:left;list-style:none;margin-top:0px;padding:0;width:auto;position: absolute;min-width:230px;}
.country-list li{padding: 10px; background: #f0f0f0; border-bottom: #bbb9b9 1px solid;}
.country-list li:hover{background:#EEF1F6;cursor: pointer;}
.search-box{padding: 10px;border: #a8d4b1 1px solid;border-radius:4px;}