.hide-while-loading{visibility:hidden !important;}

body{ margin: 0 8px; padding: 0; font-family: Verdana, 'Dosis', sans-serif; font-size: 0.82em; }
body.loading{ pointer-events: none; }
body.loading:after {
    content: 'Loading...';
    position: fixed;
    top: 0;
    left: 0;
    background-color: #aaa;
    opacity: 0.4;
    right: 0;
    bottom: 0;
    color: white;
    font-size: 1em;
    padding: 4px 10px;
    text-shadow: 1px 1px 1px #000000;
    font-family: Verdana;
    text-align: right;
}


body.sandbox{ margin-top: 64px; }
body>.sandbox-alert {display:none;}
body.sandbox>.sandbox-alert{ display: block;position: fixed;top: 0;right: 0;left: 0;background-color: #c00000d6;color: white;padding: 8px;text-align: center;z-index: 2147483647;text-shadow: 1px 1px 2px #3e3e3e; }


form.loadingLock{ position:relative; pointer-events:none; }
form.loadingLock:after {
    background-color: #000000;
    position: absolute;
    z-index: 999999;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    /* tmp: */
    top: -26px;
    bottom: -21px;

    opacity: 0.2;
}

.notransition{ -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }

.fd-root input{padding: 4px; margin: 4px; }
.fd-root table tr th{text-align: left;}

.fd-root>.header{ }
.fd-root>.footer{ }
.fd-root>.header img{margin: 14px 0 0 14px; transition: all linear 0.4s;}
.fd-root>.header img:hover{filter: brightness(111%);}
.fd-root>.header .img-wrap{float:left;}
.fd-root>.header .menu-wrap{float: left; border-left: 1px solid #f0bea7; padding-left: 16px; margin: 16px 0 0 8px;}
.fd-root>.header .menu-wrap{font-size: 1.2em;
    margin-top: 112px;
    margin-left: 28px;
    font-family: Verdana;
    opacity: 0.75;
}
.fd-root>.header .menu-wrap span{background-color: rgba(255, 238, 202, 0.2);border-radius:4px; padding: 0 6px; text-shadow: 1px 1px 4px white;}
.fd-root .txtwrapright{ text-align:center; padding: 48px 32px 12px 32px; }


.fd-root .goback-button{position: absolute; background-color: white; top: 0; right: 0; margin-top: -43px;  padding: 4px 8px; border: 1px solid #cecece; box-shadow: 1px 1px 10px #b9b9b9; border-radius: 7px 0 0 7px;}
.fd-root .goback-button a{text-decoration: none; color: #666666;}

.fd-root input[type="submit"].ui-button {padding: 7px;}
.fd-root input[name="gps"].gps{ padding-left: 24px !important; background: #ffffff url(assets/img/icons/gps.png) no-repeat 4px 3px; }
.fd-root input.ui-phone{ padding-left: 24px !important; background: #ffffff url(assets/img/icons/phone.png) no-repeat 4px 3px; cursor: pointer; }
.fd-root input[name="files"].files,
.fd-root input[name="jFiles"].files{ padding-left: 24px !important; background: #ffffff url(assets/img/icons/files.png) no-repeat 4px 3px; }
.fd-root a{ color: red;}

.red-table {width: 100%;}
.red-table  tr td{ padding: 4px; cursor: pointer;}
.red-table  tr:hover{background-color:#e8e8e8;}
.red-table  tr:hover td{text-shadow: 1px 1px 3px #ffffff;}
.red-table  tr:first-child{font-weight:bold;}
.red-table  tr:first-child td{background-color:#df252b; padding: 6px; margin: 4px; color: #ffffff; border-radius: 3px; text-shadow: 1px 1px 1px #5a1e1e;}
.red-table .italicLighter{color: #d8d8d8; font-style: italic;}


.fd-root .body div.breadcrumb { position: absolute; right: 2px; top: 0; margin-top: -42px; }
.fd-root .body div.breadcrumb a+a:before{ padding: 0px; color: black; content: "/\00a0"; }
.fd-root .body div.breadcrumb a{text-decoration: none; color: #c4202d; font-size: 1em;}
.fd-root .body div.breadcrumb a:last-child{color:gray; pointer-events: none; cursor: default; font-size: 0.9em;}

.fd-root .body h1.window-title{ border-right: 1px solid #dadada; border-left: 1px solid #dadada; border-radius: 3px 3px 0 0; color: #4a4a4a; font-size: 0.9em; background-color: #E6E6E6; margin: 0; padding: 4px 8px; font-weight: normal; position: relative; font-family: Verdana; border-bottom: 1px solid #cacaca; }
.fd-root .body h1.window-title.red{ background-color: #C40000; color: white; border: none; }
.fd-root .body h1.window-title +.window{ margin-top: 8px; border: 1px solid #CECECE; padding-top: 8px; }


.fd-root .body h1.window-title > i:first-child { margin-right: 8px; border-right: 1px solid #0000002e; padding: 2px 9px 2px 0; }


/* extra inputs */
input.gps{cursor: pointer;}
input.files{cursor: pointer;}

/* Suggestion plugin: */
div.suggestionWrapper{position:relative; display:inline-block; }
div.suggestionWrapper input{transition: background-color 0.4s linear;}
div.suggestionWrapper img.suggestionBtn{ transition: all 0.2s linear; display: none; position: absolute;right: 0;top: 0;width: 20px;margin: 4px;cursor: pointer;border-radius: 4px; }
div.suggestionWrapper img.suggestionBtn:hover{ filter:brightness(110%); }
div.suggestionWrapper input.hasSuggestion{ border: 1px solid #ecba16 !important; background-color: #fff4cf !important; }
div.suggestionWrapper input.hasSuggestion+img.suggestionBtn{display:block;user-drag: none;user-select: none;-moz-user-select: none;-webkit-user-drag: none;-webkit-user-select: none;-ms-user-select: none;}
table.highlight-all-suggestions div.suggestionWrapper input.hasSuggestion{ outline: 2px dotted #000; }

div.suggestionWrapper.in-selection-range input{background-color: #cfe7ff !important; outline: 2px dashed red;}

/* Urgent suggestions animation: */
@keyframes blink-animation { 50% { opacity:0; } }
@keyframes blink-animation-input { 50% { background-color:#fffae9; border-bottom: 1px solid #ffdf75 !important; } }
.suggestionWrapper.suggestion-is-important>input.hasSuggestion{  animation: blink-animation-input  0.8s linear 0s infinite; transition: all 0.3s linear;  }
.suggestionWrapper.suggestion-is-important>input.hasSuggestion+img{ animation: blink-animation  0.5s linear 0s infinite; }


/*
	Dark Theme:
*/

.fd-root h1{text-shadow: 1px 1px 4px white;}
.fd-root>.header { border-bottom: 1px solid #c4202d; margin-bottom: 16px; }
.fd-root>.footer { }
/*
.fd-root>.header hr{ box-shadow: 1px 1px 27px #3e3013; border: 1px solid white; }
.fd-root>.header hr{ box-shadow: 0px 2px 42px 1px #3e3013; }
*/
.fd-root>.footer hr{ border: 1px solid #d5232c; margin-top: 16px; }
.fd-root .cool-grid-effect{ background-image: url(assets/img/grid.png), linear-gradient(#ffe9b9, rgba(255, 208, 185, 0.49));}


/* Tabs System */

.bottom-right-tabs { position: relative; padding-bottom: 3em; } 
.bottom-right-tabs .ui-tabs-nav { position: absolute; left: 0.25em; right: 0.25em; bottom: 0.25em; padding: 0em 0.2em 0.2em; } 
.bottom-right-tabs .ui-tabs-nav li { border-top: none;border-bottom: 1px solid #ccc;-moz-border-radius: 0px 0px 4px 4px;-webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; float: right;} 
.bottom-right-tabs .ui-tabs-nav li.ui-tabs-selected, 
.bottom-right-tabs .ui-tabs-nav li.ui-state-active { top: -1px; }



.fd-root .visible-if-change{z-index:99;}
.ui-widget-overlay{ opacity: .4 !important; filter: Alpha(Opacity=.4); }

/* jQueryUI Overrides */
.ui-draggable .ui-dialog-titlebar{ background-color: #df252b; color: #ffffff; /* text-shadow: 1px 1px 2px #232323; */  /* box-shadow: 0px 5px 7px rgba(214, 166, 15, 0.23); */}
.ui-draggable .ui-dialog-titlebar .ui-dialog-title:first-letter { text-transform:capitalize; }
.ui-dialog .ui-dialog-buttonpane { background-color: #e0e0e0; }
.ui-draggable .ui-dialog-titlebar{ background-color: #ab000d; color: #ffffff; border:none; border-radius: 4px 4px 0 0; /* border-bottom: 2px solid #9c3039; */ padding-left: 36px; background: #ab000d url(assets/img/logo-white-icon24.png) no-repeat 5px 5px;   }
.ui-dialog{ padding: 0; box-shadow: rgba(47, 47, 47, 0.32) 1px 1px 32px; border: 1px solid rgba(88, 88, 88, 0.733); border-radius: 5px; }
.ui-widget.ui-widget-content{ border: 1px solid #b1b1b1; }

/* some arbitrary jQueryUI bug fixes: */
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {bottom: 0;position: relative;left: 0;right: 0;z-index: 2; margin-top:0;}
.ui-dialog, .ui-dialog-content {box-sizing: content-box; }
.ui-dialog{ overflow:hidden; }
.ui-dialog .ui-dialog-content.ui-widget-content{ overflow:auto; /* height: calc(100% - 96px) !important; */ }

/* Forms plugin patch: */
.fd-root table tr.total-below td {background-color: #e6e6e6 !important;padding: 2px 2px !important; font-size: 0.9em;}
.fd-root table tr.total-below td:first-child::after{display:block; content:'Total';font-size: 0.8em;}

/* Fix submit button IE issues */
form .hidden-submit-btn{position: absolute; left: -9999px; width: 1px; height: 1px;}

form.changed{ outline: 1px dotted #a7a7a7; background-color: #ffe9c3; background: linear-gradient(150deg, #ffe0aa, #fff9ef); }

form.liveEdit{
    outline: 1px dotted #a7a7a7;
    background-color: #ffe9c3;
    background: linear-gradient(150deg, #aac8ff, #eff8ff);
	cursor: not-allowed;
}
form.liveEdit > *{ pointer-events: none; }

form.liveEdit::after {
    content: '@' attr(data-live-editor) ' currently editing this !';
    display: block;
    background-color: #f5f9ff;
    top: 0;
    position: absolute;
    margin: 10px 8px 0 0;
    padding: 5px;
    font-weight: bold;
    border-radius: 2px;
    box-shadow: 1px 1px 14px black;
    opacity: 0.9;
    right: 0;
    font-size: 0.8em;
    pointer-events: none;
}
.forms-section .window-title .eye{position: absolute; z-index: 99; width: 32px; margin-top: -8px; right: 0; margin-right: 56px;}
.forms-section .section-title .eye{position: absolute; z-index: 99; width: 32px; margin-top: -12px; right: 0; margin-right: 56px;}
form.error{ background-color:#ffd2d3 !important; background: linear-gradient(150deg, #ffd2d3 , #fff9ef) !important; }
form.error .save-changes-btn{background: linear-gradient(150deg, #ffffff , #ffd2d3 ) !important;}



/* Bootstrap Pagination: */
.pagination { display: inline-block; padding-left: 0; margin: 6px; border-radius: 4px; }
.pagination > li { display: inline; }
.pagination > li > a,
.pagination > li > span { position: relative; float: left; padding: 2px 8px; margin-left: -1px; line-height: 1.42857143; color: #989898; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination > li:first-child > a,
.pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #000000;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #c40000;
  border-color: #c40000;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #f3f3f3;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; }
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}


.fd-root .body> a.preview-mode-btn{ right: 2px; top: 0px; margin-top: -65px; text-decoration: none; color: rebeccapurple; position: absolute; }
.fd-root .body> a.preview-mode-btn{ display:none; }
.fd-root .body > div.bottom-quick-btn{ right: 2px; text-decoration: none;color: #339953;position: absolute;margin: 0 15px 0 0; text-align: right; }
.fd-root .body > div.bottom-quick-btn a{ text-decoration: none;color: #339953; }
.fd-root .body > div.bottom-quick-btn a.next-btn{}
.fd-root .body > div.bottom-quick-btn a.create-btn{color:#ff8f00;}

.fd-root a.logout{transition: all 0.2s linear; text-decoration: none; color:gray; /* position:absolute;*/ right: 0; top: 0; font-family: Verdana;}
.fd-root a.logout img{ width: 22px; height: 22px; vertical-align: middle; margin-top: -3px;}
.fd-root a.logout:hover{filter:brightness(128%); opacity: 0.8;}

/* Preview system */
body.preview-mode input{border:none !important; /* background-color: initial !important; */  background-image: none !important; }
body.preview-mode .select2-selection{border: none;}
body.preview-mode .select2-selection__arrow{display:none;}
body.preview-mode ::-webkit-input-placeholder {color: transparent !important;}
body.preview-mode :-moz-placeholder {color: transparent !important;}
body.preview-mode ::-moz-placeholder {color: transparent !important;}
body.preview-mode :-ms-input-placeholder {color: transparent !important;}


/* Crud system */
table.crud tr.template{display:none !important;}
table.crud tr td.del-column{ width: 16px; text-align: center; }
table.crud tr td.add-column{ width: 16px; text-align: center; }
table.crud tr td.del-column a{ color:#f94242; }
table.crud tr td.add-column a{ color:green; }
table.crud tbody:first-child tr:first-child td.del-column a{display:none !important;} /* Can not delete column names */
table.crud tr:first-child td.add-column a{display:none !important;} /* Can not delete column names */


table.crud tr:not(:first-child):hover{background-color: #00000016;}

.ui-dialog .ui-dialog-content{overflow: initial;}


/* Spreadsheet plugin: */
form.quotation-form{position:relative;}
form.quotation-form>img.spreadsheet-btn{width: 16px;position: absolute;top: -28px;right: 0;margin: 2px 24px 0 0;cursor: pointer;}

    /* Expand Collapse system */
.forms-section .summary{position:relative;}
.forms-section .summary h1.section-title{cursor:pointer;}
.forms-section .summary h1.section-title+a.expand-collapse-btn{top: 0;position: absolute;right: 0px;margin: 1px 5px;font-size: 1.1em;color: black;cursor: pointer;}

/* jQuery ContextMenu patch: */
.context-menu-icon.context-menu-icon--fa{ z-index: -1; }
.context-menu-input>label>*{margin:0;}
.context-menu-item.context-menu-hover{color:white;}


/* jQuery Select2 fd-patch: */
select.text-free-mode+span .select2-selection{ cursor: text; }
select.text-free-mode+span .select2-selection__rendered{cursor: text;}
select.text-free-mode+span:hover .select2-selection__rendered{display: inline;  background-color: #338FFF;  padding: 0;  color: white;}

/* dosis-regular - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/dosis-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Dosis Regular'), local('Dosis-Regular'),
       url('assets/fonts/dosis-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/dosis-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/dosis-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/dosis-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/dosis-v6-latin-regular.svg#Dosis') format('svg'); /* Legacy iOS */
}