:root{
   --menu-width: 250px;
}

::-webkit-scrollbar{ width:3px; }
::-webkit-scrollbar-thumb{ background:#323a45; }
::-webkit-scrollbar-track{ background:#cfcfcf; }

::placeholder{ color:rgba(0,0,0,0.3); }

*{ padding:0; margin:0; box-sizing:border-box; user-select:none; font-family:Arial; }
*:focus{ outline:none; }
body{ overflow:hidden; font-size:14px; font-family:Arial; text-decoration:none; color:#323a45; }
input, select, textarea{ font-size:14px; font-family:Arial; background:#fff; }

a{ text-decoration:none; color:#323a45; }
h3{ margin-top:35px; margin-bottom:25px; text-align:center; font-size:21px; user-select:none; text-transform:uppercase; }

/* MOBILE MENU */
.mobile-menu{ display:none; }

/* MENU */
.menu-backdrop{ display:none; z-index:2997; }
nav.menu{ position:fixed; top:0; left:0; height:100vh; width:var(--menu-width); overflow-x:hidden; background:#ffffff; box-shadow:0 0 7px 0 rgba(0,0,0,.15); z-index:2998; }
nav.menu *{ user-select:none; }
nav.menu ul{ margin:35px 0; width:100%; }
nav.menu ul li{ position:relative; }
nav.menu ul li:empty{ margin-bottom:10px; }
nav.menu ul li.title{ margin:35px 0 12px 0; padding:0 0 8px 10px; color:#309991; font-weight:bold; text-transform:uppercase; border-bottom:solid 1px #f1f1f1; }
nav.menu li a{ display:inline-block; padding:7px 15px; margin-bottom:2px; width:200px; }
nav.menu li .fas{ width:15px; margin:0 5px; display:none; }
nav.menu li.title .fas{ display:inline-block; }
nav.menu li:hover{ background:#fafafa; }
nav.menu li.title:hover{ background:#fff; }
nav.menu a:hover{ color:#000; }
nav.menu a:hover .fas{ display:inline-block; position:absolute; top:12px; right:5px; font-size:10px; }
nav.menu a.active{ font-weight:bold; }
nav.menu a.active .fas{ display:inline-block; position:absolute; top:12px; right:5px; font-size:10px; }

nav.menu .logo img{ width:220px; padding:15px 10px 10px 10px; }

/* TOP MENU */
.top-menu{ height:39px; background:#fff; margin-left:250px; padding:0 25px; text-align:right; border-bottom:solid 1px #dfdfdf; }
.top-menu a{ padding:11px 15px 11px 15px; font-size:16px; text-align:center; margin-left:5px; display:inline-block; }
.top-menu a .fas{ margin:0; }
.top-menu a:hover{ background:#f1f1f1; }
.top-menu a.active{ color:#fff; background:#5bc4bc; }

/* MAIN */
main.main{ position:fixed; top:39px; left:var(--menu-width); height:100vh; width:calc( 100vw - var(--menu-width) ); overflow-x:hidden; }
main.main .content{ position:relative; padding:85px 60px 90px 60px; }
body#dashboard main.main .content{ position:relative; padding:35px 60px 90px 60px; }

/* BADGES */
.badge{ font-size:10px; padding:3px 5px; border-radius:3px; background:#323a45; color:#fff; }
.badge span{ color:#fff; }
.badge-disabled{ color:#fff; background:#bfbfbf; }
.badge-green{ color:#fff; background:#5bc4bc; }
.badge-orange{ color:#fff; background:#faaa1a; }
.badge-red{ color:#fff; background:#cc2525; }

/* BTNS */
.btn{ display:inline-block; border:solid 1px #f1f1f1; padding:5px 10px; background:#fff; border-radius:3px; cursor:pointer; font-size:15px; user-select:none; }
.btn .fas{ font-size:14px; margin-right:5px; }
.btn:hover{ background:#f7f7f7; border-color:#dfdfdf; }

.btn-primary{ background:#5bc4bc; color:#fff; border-color:#5bc4bc; }
.btn-primary span{ color:#fff; }
.btn-primary .fas{ color:#fff; }
.btn-primary:hover{ background:#309991; border-color:#309991; }

.btn-error{ color:#fff; background:#cc2525; }
.btn-error:hover{ color:#fff; background:#cc2525; }

.btn-error.outline{ color:#cc2525; background:#fff; border:none; }
.btn-error.outline:hover{ color:#cc2525; background:#fff; border:none; }

.btn.disabled{ opacity:.35!important; cursor:not-allowed!important; }

/* TOOLBAR */
.toolbar{ position:fixed; top:39px; right:0; width:calc( 100vw - var(--menu-width) ); margin-bottom:35px; background:#fafafa; padding:15px 60px; border-bottom:solid 1px #dfdfdf; z-index:9999; }
.toolbar .btn{ margin-left:15px; }
#dashboard .toolbar{ margin:15px 3%; }
.toolbar input{ padding:4px 8px 3px 8px; background:rgba(120, 222, 214, 0.17); border:none; font-size:18px; }
.toolbar input::placeholder{ color:#309991; }
.toolbar input[type="month"]{ border:none; text-transform:capitalize; cursor:pointer; padding:2px 8px 0 10px;  }
.toolbar .input-row{ position:relative; display:inline-block; }
.toolbar .input-row .btn{ margin-left:0; font-size:11px; background:transparent; }
.toolbar select{ padding:7px 5px 6px 5px; background:#fff; border:none; margin-right:15px; min-width:80px; max-width:110px; }

/* FORMS */
.form{ width:80%; margin:0 auto; }
#login .form{ max-width:400px; }
.form h4{ margin-bottom:20px; margin-top:50px; font-size:16px; user-select:none; text-transform:uppercase; }
.form h4:first-child{ margin-top:0; }
.form form{ padding:15px; background:#fcfcfc; }
.form .form-row{ margin-bottom:20px; }
.form .form-label{ margin-bottom:10px; color:#309991; user-select:none; }
.form .form-label *{ user-select:none; }
.form input, .form select, .form textarea{ padding:5px 5px; border-radius:3px; border:solid 1px #ddd; width:100%; }
.form input{ padding:7px 7px; }
.form select{ padding:7px 5px 6px 5px; border-radius:3px; border:solid 1px #ddd; width:100%; }
.form input[type="checkbox"], .form input[type="radio"]{ width:auto; position:relative; top:2px; }

.form input.input-2x, .form select.input-2x{ padding:5px 5px; border-radius:3px; border:solid 1px #ddd; width:49%; }

.form .form-row-submit{ text-align:right; padding:20px 35px; margin:25px -15px -15px -15px; background:#fff; border-top:solid 1px #ececec; }
.form .form-row-submit .btn-cancel{ float:left; }
.form .form-row-submit .btn{ padding:10px 15px; }

.form .form-message{ font-weight:bold; font-style:italic; font-size:16px; margin:20px 0 35px 0; color:#5bc4bc; text-align:center; }

/* GRID */
.grid .grid-item{ display:inline-block; vertical-align:top; width:150px; padding:35px 15px; margin:15px; background:#fafafa; border-radius:7px; position:relative; }
.grid .grid-item .actions{ padding:5px; }
.grid .grid-item .actions.top-left{ position:absolute; top:0; left:0; }
.grid .grid-item .actions.top-right{ position:absolute; top:0; right:0; }
.grid .grid-item .actions.bottom-left{ position:absolute; bottom:0; left:0; }
.grid .grid-item .actions.bottom-right{ position:absolute; bottom:0; right:0; }
.grid .grid-item .title{ display:flex; justify-content:center; align-items:center; height:60px; font-weight:bold; width:100%; text-align:center; color:#309991; }
.grid .grid-item .subtitle{ text-align:center; height:20px; font-size:12px; }
.grid .grid-item .discount{ font-size:10px; padding:3px; border-radius:3px; }
.grid .grid-item .actions .btn{ display:none; }
.grid .grid-item:hover .actions .btn{ display:inline-block; }
.grid .grid-item .btn{ padding:4px; font-size:10px; }
.grid .grid-item .btn .fas{ margin:0; }
.grid .grid-item .show_products{ font-size:9px; margin-left:5px; }

/* TABLES */
.table{ user-select:none; background:#fff; padding:10px 15px 15px 15px; min-height:320px; }
.table table{ width:100%; border-spacing:0; text-align:left; user-select:none; }
.table table td, .table table th{ padding:10px 10px; vertical-align:middle; }
.table table th{ padding:5px 10px 15px 10px; user-select:none; }
.table table th.tools{ width:92px; }
#bills .table table th.tools, #estimates .table table th.tools, #contracts .table table th.tools{ width:130px; }
.table table tbody tr{ background:#fff; }
.table table tbody tr:hover{ background:rgba(255,220,40,.15); }
.table table tbody tr:nth-child(2n+1){ background:#fafafa; }
.table table tbody tr:nth-child(2n+1):hover{ background:rgba(255,220,40,.15); }

.table table tbody tr.bg-red{ background:rgba(196, 91, 91, 0.17); }
.table table tbody tr.bg-red:hover{ background:rgba(196, 91, 91, 0.24); }

.table table tbody tr.disabled{ opacity:0.15; }

.table .btn{ padding:6px 10px; font-size:12px; position:relative; top:-1px; }
.table .btn .fas{ margin-right:0; font-size:11px; }

/* CALCGRID */
.calcgrid-toolbar{ background:#fff; padding:25px 15px 15px 55px; }
.calcgrid-toolbar .btn{ margin-right:5px; }
.calcgrid-toolbar .btn .fas{ color:#309991; }
.calcgrid{ background:#fff; padding:10px; }
.calcgrid.table textarea{ display:inline-block; min-width:250px; }
.calcgrid.table input, .calcgrid.table select{ display:inline-block; width:50px; text-align:right; }
.calcgrid.table td{ vertical-align:top; }
.calcgrid.table td:first-child{ width:32px; text-align:center; }
.calcgrid.table td:first-child .fas{ color:rgba(91, 196, 188, 0.35); margin-top:5px; }
.calcgrid.table td:nth-child(2) input{ width:100%; text-align:left; }
.calcgrid.table td select{ padding:4px 5px; }
.calcgrid.table .btn{ padding:5px 0 6px 0; font-size:15px; width:24px; display:inline-block; text-align:center; line-height:10px; }
.calcgrid.table .btn .fas{ font-size:10px; margin-right:0; line-height:10px; }
.calcgrid.table tr{ background:#fff!important; }

.calcgrid.table tr[type="heading"] input.details_name{ color:#5bc4bc; text-transform:uppercase; }

.calcgrid .details_subtotal{ display:inline-block; line-height:28px; height:28px; }
.calcgrid .details_discount_amount, .calcgrid .details_vat_amount, .calcgrid .details_subtotal_taxincluded{ color:#309991; text-align:right; padding-right:21px; font-size:10px; margin-top:2px; }
.calcgrid .details_subtotal_taxincluded{ color:#309991; text-align:right; padding-right:0; font-size:10px; }

/* DASHBOARD */
.dashboard-blocks{ padding:0 15px; text-align:center; }
.dashboard-block{ display:inline-block; width:30%; margin:25px 1.5%; height:150px; text-align:center; background:#fafafa; border-radius:15px; vertical-align:top; }
.dashboard-block .fas{ display:block; font-size:35px; opacity:0.75; margin-bottom:25px; margin-top:35px; color:#5bc4bc; }
.dashboard-block span{ font-size:15px; text-transform:uppercase; opacity:0.85; }

.dashboard-block:hover .fas{ opacity:1; }
.dashboard-block:hover span{ opacity:1; }

/* DASHBOARD FINANCIAL */
.dashboard_financial .block{ background:#fff; margin:15px 3% 25px 3%; padding:10px 15px 15px 15px; min-height:140px; width:100%; float:left; }
.dashboard_financial .block h4{ font-size:17px; padding-top:3px; margin-bottom:15px; user-select:none; text-transform:uppercase; color:#309991; padding-bottom:10px; }
.dashboard_financial .block h4 .fas{ margin-right:5px; }
.dashboard_financial .block table tr td:first-child{ padding:3px 15px 3px 0; vertical-align:top; min-width:130px; }
.dashboard_financial .block table tr td:last-child,
.dashboard_financial .block table tr td:last-child b{ color:#309991; }
.dashboard_financial .block.retarded table tr td:last-child{ color:#323a45; }
.dashboard_financial .block ul{ padding-left:0; list-style:none; }
.dashboard_financial .block ul li{ padding-left:0; color:#c45b69; margin-bottom:4px; }
.dashboard_financial .block ul li a{ padding:2px 0; display:inline-block; }
.dashboard_financial .block ul li.orange a{ color:#faaa1a; }
.dashboard_financial .block ul li.orange small{ color:#faaa1a; }
.dashboard_financial .block ul li a:hover, .dashboard_financial .block ul li a:hover small{ color:#323a45; }

.dashboard_financial .block.retarded table.bills{ width:100%; }
.dashboard_financial .block.retarded table.bills thead td{ border-bottom:solid 1px #f2f2f2; }
.dashboard_financial .block.retarded table.bills td{ font-size:12px; }
.dashboard_financial .block.retarded table.bills tbody tr:hover td{ background:rgba(0,0,0,0.025); }
.dashboard_financial .block.retarded table.sumup tr td:first-child{ min-width:90px; width:90px; }
.dashboard_financial .block.retarded table.sumup tr td:nth-child(2){ min-width:110px; width:110px; }
.dashboard_financial .block.retarded table.bills tr td:first-child, .dashboard_financial .block.retarded table.bills tr td:nth-child(4){ min-width:80px; width:80px; }

.dashboard_financial .block.half{ width:calc( 44% - 3px ); }
.dashboard_financial .block.tiers{ width:calc( 27.3% - 3px ); }
.dashboard_financial .tiers-2{ width:calc( 63.6% - 3px ); display:inline-block; vertical-align:top; padding-right:3%; }
.dashboard_financial .block.big{ min-height:310px; }
.dashboard_financial .block.big hr{ margin:15px 0; border:none; border-top:solid 1px #eaecec; }

.dashboard_financial .block .btn{ padding:5px 0 6px 0; font-size:15px; width:24px; display:inline-block; text-align:center; line-height:10px; float:right; }
.dashboard_financial .block .btn .fas{ font-size:10px; margin-right:0; line-height:10px; }

.dashboard_financial .block.yearly-sumup{ background:#fafafa; }

/* MODAL */
.modal{ position:fixed; top:0; left:0; background:rgba(50, 58, 69, .2); width:100vw; height:100vh; z-index:7999; overflow:auto; }
.modal-body{ background:#fff; padding:25px; border-radius:3px; width:540px; margin:100px auto 100px auto; box-shadow:0px 1px 5px 0 rgba(0,0,0,.25); }
.modal-body .form{ width:100%; }
.modal-body .form form{ background:#fff; padding:0 0 15px 0; border:none; box-shadow:none; }
.modal-body.hasIframe{ width:780px; }

/* CONFIRM */
.btns-wrapper{ margin-top:30px; height:20px; }
.icon-wrapper, .content-wrapper{ display:inline-block; vertical-align:top; }
.icon-wrapper{ padding-right:15px; }
.content-wrapper{ width:calc( 340px - 86px ); }
.icon-wrapper .fas{ font-size:20px; color:#5bc4bc; }

/* TICKETS */
.ticket-block-wrapper{ margin-bottom: 50px;}
.ticket-block, .ticket-response-block{ padding:15px; background:#fff; border:solid 1px #ddd; border-radius:5px; margin-bottom:25px; }
.form h4.ticket-subject{ color:#309991; margin:0; font-size:18px; margin:10px 0 25px 0; }
.ticket-date{ color:#5bc4bc; margin-bottom:5px; font-size:11px; }
.ticket-emails{ color:#5bc4bc; margin-bottom:25px; font-size:11px; }
.ticket-description{ border-left:solid 2px #5bc4bc; padding:10px 15px; margin:10px 0 15px 0; background:#f7f7f7; }
.ticket-image{ padding:10px 15px; margin:10px 0 15px 0; }

.ticket-response-block{ width:70%; padding-top:25px; }
.ticket-response-block .ticket-date{ float:right; }
.ticket-response-block.support{ background:#dcebea; }
.ticket-response-block.customer{ margin-left:30%; }

.ticket-close-block{ text-align:center; margin:25px 0; padding:15px 0; }
.ticket-close-block .btn{ margin:10px 20px; padding:15px 25px 15px 15px; }
.ticket-close-block .btn .fas{ padding-right:10px; }

/* CONTRACTS */
.contract-tags{ padding:0 15px; }
.contract-tags .tags-desc{ font-size:10px; margin:10px 0 20px 0; }
.contract-tags .tags-title{ font-weight:bold; margin:20px 0 10px 0; }
.contract-tags ul{ list-style:none; }
.contract-tags ul li{ margin-bottom:3px; }

/* DOCUMENTS */
.document-note *{ user-select:text; }

/* TASKS */
.date-range span, .date-range input{ display:inline-block; }
.date-range span{ margin-right:10px; }
.date-range input{ width:125px; margin-right:15px; }
.date-range select{ width:260px; margin-right:15px; }

/* PLAYBOOKMODEL */
.playbookmodel-container{ padding:0 15px 60px 15px; }
.playbookmodel-container .playbookmodel-toolbar,
.playbookmodel-container .playbookmodel-fields{ margin:15px 0 25px 0; }
.playbookmodel-container .playbookmodel-toolbar{ margin-top:45px; text-align:center; }
.playbookmodel-container .playbookmodel-fields .wrapper{ margin-bottom:15px; }
.playbookmodel-container .playbookmodel-fields .wrapper.wrapper-section{ padding-top:25px; }
.playbookmodel-container .playbookmodel-fields .wrapper.wrapper-field{ padding-left:30px; }
.playbookmodel-container .playbookmodel-fields .wrapper .wrapper-hdl{ color:rgba(0,0,0,0.4); margin-right:15px; }
.playbookmodel-container .playbookmodel-toolbar .btn{ margin-right:10px; }
.playbookmodel-container .playbookmodel-fields input{ width:calc(100% - 100px); margin-right:10px; display:inline-block; }
.playbookmodel-container .playbookmodel-fields .wrapper.wrapper-section input{ font-weight:bold; text-transform:uppercase; }

/* PLAYBOOKRUN */
.empty-msg{ text-align:center; margin:25px 0; }
.playbookrun-wrapper{ padding:0 15px 15px 15px; }
.playbookrun-wrapper .wrapper.wrapper-section{ margin:30px 0 18px 0; font-weight:bold; text-transform:uppercase; }
.playbookrun-wrapper .wrapper.wrapper-field{ margin-bottom:15px; padding-left:15px; }
.playbookrun-wrapper .wrapper.wrapper-field label{ cursor:pointer; padding:3px 10px; }
.playbookrun-wrapper .wrapper.wrapper-field input{ margin-right:10px; }

/* TABS */
.tab-content{ display:none; }
.tab-content.active{ display:block; }

/* LOGIN */
#login nav.menu, #login nav.mobile-menu{ display:none; }
#login main.main{ width:100vw; left:0; }
#login .logo-wrapper{ text-align:center; }
#login .logo-wrapper img{ max-width:250px; }
#login .form form{ width:80%; margin:25px auto 0 auto; }
#login .maintain{ font-size:11px; margin-top:5px; display:inline-block; cursor:pointer; }

/* UTILS */
.hidden{ display:none!important; }
.bold{ font-weight:bold; }
.pointer, .btn.disabled.pointer{ cursor:pointer!important; }
.no-pointer{ cursor:default!important; }
.mr0{ margin-right:0px!important; }
.mr5{ margin-right:5px!important; }
.mr10{ margin-right:10px!important; }
.mr15{ margin-right:15px!important; }
.mr25{ margin-right:25px!important; }
.mb0{ margin-bottom:0px!important; }
.mb5{ margin-bottom:5px!important; }
.mb10{ margin-bottom:10px!important; }
.mb15{ margin-bottom:15px!important; }
.mb25{ margin-bottom:25px!important; }
.mt0{ margin-top:0px!important; }
.mt5{ margin-top:5px!important; }
.mt10{ margin-top:10px!important; }
.mt15{ margin-top:15px!important; }
.mt25{ margin-top:25px!important; }
.ml0{ margin-left:0px!important; }
.ml5{ margin-left:5px!important; }
.ml10{ margin-left:10px!important; }
.ml15{ margin-left:15px!important; }
.ml25{ margin-left:25px!important; }
.pt0{ padding-top:0px!important; }
.center{ text-align:center!important; }
.left{ text-align:left!important; }
.right{ text-align:right!important; }
.float-left{ float:left!important; }
.float-right{ float:right!important; }
.half{ width:calc( 50% - 2px ); display:inline-block; vertical-align:top; }
.tiers{ width:calc( 33.3% - 3px ); display:inline-block; vertical-align:top; }
.tiers-2{ width:calc( 66.6% - 3px ); display:inline-block; vertical-align:top; }
.quarter{ width:calc( 25% - 3px ); display:inline-block; vertical-align:top; }
.quarter-3{ width:calc( 75% - 3px ); display:inline-block; vertical-align:top; }
.bg-grey{ background:rgba(120, 222, 214, 0.17); }
.selectable{ user-select:text!important; }
.italic{ font-style:italic; }
.disabled{ opacity:0.5; pointer-events:none; }

.orange{ color:#faaa1a!important; }
.red{ color:#ff4269!important; }
.green{ color:#309991!important; }
.black{ color:#323a45!important; }

.inline-block{ display:inline-block!important; }
.strike{ text-decoration:line-through!important; }

.row{ display:block; clear:both; margin:0 -15px; }
.col-1{ display:inline-block; width:calc(100% / 4 - 10px); padding:0 15px; vertical-align:top; }
.col-2{ display:inline-block; width:calc(100% / 4 * 2 - 10px); padding:0 15px; vertical-align:top; }
.col-3{ display:inline-block; width:calc(100% / 4 * 3 - 10px); padding:0 15px; vertical-align:top; }
.col-4{ display:inline-block; width:calc(100% - 10px); padding:0 15px; vertical-align:top; }

/* SummerNote */
.note-editor.note-airframe.fullscreen, .note-editor.note-frame.fullscreen{ left:var(--menu-width); height:100vh; width:calc( 100vw - var(--menu-width) ); background:#fff; z-index:9999; }
.note-editor.note-airframe, .note-editor.note-frame{ background:#fff; border:solid 1px #ddd; }
.note-toolbar{ background:#fafafa; }
.note-editor.note-airframe .note-statusbar, .note-editor.note-frame .note-statusbar{ border-top:solid 1px #ddd; background:#fafafa; }

/* Chosen */
.chosen-container-single .chosen-single{ border-radius:3px; border:solid 1px #ddd; background:#fff; box-shadow:none; padding:3px 8px; height:32px; }
.chosen-container-active.chosen-with-drop .chosen-single{ background:#fff; }
.chosen-container .chosen-results li.result-selected{ color:#5bc4bc; }
.chosen-container .chosen-results li.highlighted{ background:#5bc4bc; }
.chosen-container .chosen-results li.result-selected.highlighted{ color:#fff; }
.chosen-container-single .chosen-single span{ font-size:14px; }
.chosen-container-single .chosen-single div{ top:4px; }
.chosen-container-active .chosen-choices, .chosen-container-multi .chosen-choices{ border:solid 1px #ddd; box-shadow:none; background:#fff; padding:4px 5px; border-radius:3px; }
.chosen-container-multi .chosen-choices li.search-choice{ background:#5bc4bc; border-color:#309991; box-shadow:none; }
.chosen-container-multi .chosen-choices li.search-choice span{ color:#fff; }

.modal-body .chosen-container{ width:100%!important; }

/* Tagify */
.tagify{ background:#fff; border-radius:3px; }

/* Upload Image */
.upload-image-container{ padding:15px; width:100%; }
.upload-image-wrapper{ padding:15px; width:100%; text-align:center; border:solid 1px #ddd; background:#fff; border-radius:3px; position:relative; min-height:61px; }
.upload-image-wrapper .btn-delete-image{ margin-left:10px; }
.upload-image-wrapper .btn-delete-image .fas{ margin-right:0; }
.upload-image-wrapper .preview-image{ max-height:26px; }

.upload-image-wrapper .buttons{ position:absolute; width:100%; padding:5px; left:0; bottom:10px; background:#fff; }
.upload-image-container.hasFile .upload-image-wrapper{ background:rgba(120, 222, 214, 0.17); }
.upload-image-container.hasFile .upload-image-wrapper .buttons{ display:none; width:calc(100% + 2px); bottom:auto; top:58px; left:-1px; border:solid 1px rgba(0,0,0,.15); border-radius:0 0 3px 3px; background:#fcfcfc; }
.upload-image-container.hasFile:hover .upload-image-wrapper .buttons{ display:block; }

/* Upload File */
.upload-file-container{ padding:15px; width:100%; }
.upload-file-wrapper{ padding:15px; width:100%; text-align:center; border:solid 1px rgba(0,0,0,.15); background:#fff; border-radius:3px; position:relative; min-height:61px; }
.upload-file-preview-wrapper{ padding:5px 10px; min-width:60px; display:inline-block; }
.upload-file-wrapper .btn-delete-file{ margin-left:10px; }
.upload-file-wrapper .btn-delete-file .fas{ margin-right:0; }

.upload-file-wrapper .buttons{ position:absolute; width:100%; padding:5px; left:0; bottom:10px; background:#fff; }
.upload-file-container.hasFile .upload-file-wrapper{ background:rgba(120, 222, 214, 0.17); }
.upload-file-container.hasFile .upload-file-wrapper .buttons{ display:none; width:calc(100% + 2px); bottom:auto; top:58px; left:-1px; border:solid 1px rgba(0,0,0,.15); border-radius:0 0 3px 3px; background:#fcfcfc; }
.upload-file-container.hasFile:hover .upload-file-wrapper .buttons{ display:block; }


/* Zoomable */
.zoomable{ max-width:250px; cursor:zoom-in; }
.zoomable.zoom{ max-width:inherit; cursor:zoom-out; }

/* jSignture */
#input-signature-reset{ margin-top:-15px; padding:2px 6px 2px 8px; margin-bottom:-18px; }
#input-signature-reset .fas{ margin-right:3px; }
.jSignature{ border:solid 1px #ddd!important; border-radius:3px; margin-top:10px!important; min-height:200px; }
#signature-message{ padding-top:15px; margin-bottom:-20px; font-size:10px; }
#signature-message *{ color:#ff4269; }

/* Tooltip */
.ui-widget-shadow{ box-shadow:0px 2px 2px 0 rgba(0,0,0,.35); }
.ui-tooltip.ui-widget.ui-widget-content{ background:#fff2b4; border:none; border-radius:0; }
.ui-tooltip.ui-widget.ui-widget-content *{ font-size:11px; }

/* FullCalendar */
#tasks-calendar{ margin-top:25px!important; }
.fc .fc-toolbar-title{ color:#309991!important; }
.fc .fc-day-other, .fc .fc-list-empty{ opacity:0.2; background:rgba(0,0,0,0.08)!important; }
.fc .fc-button-primary{ color:#323a45!important; border:solid 1px #ddd!important; background:#fafafa!important; box-shadow:none!important; }
.fc .fc-button-primary:hover, .fc .fc-button-primary.fc-button-active{ background:#5bc4bc!important; color:#fff!important; }
.fc .fc-non-business{ background:rgba(0,0,0,0.015)!important; }
.fc-view-harness{ background:#fff; min-height:338px; }
.fc-view-harness .fc-event-time{ display:none; }
.fc-header-toolbar .fc-toolbar-title{ text-transform:capitalize; }
.fc-footer-toolbar{ display:none!important; }
.fc-theme-standard .fc-scrollgrid, .fc .fc-button-primary{ border:none!important; }
.fc-theme-standard td, .fc-theme-standard th, .fc-theme-standard .fc-list{ border:solid 1px rgba(0,0,0,0.05)!important; }
.fc-theme-standard .fc-list-day-cushion{ background:#fafafa!important; }
.fc-theme-standard .fc-list td{ border:none!important; }
.fc .fc-daygrid-day.fc-day-today{ background:rgba(120, 222, 214, 0.07)!important; }
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number{ color:#309991!important; }