@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allison&display=swap');

:root{
   --top-menu-height: 39px;
   --menu-width: 265px;

   --main-color: #293d62;
   --main-dark-color: #323a45;
   --main-medium-color: #405783;
   --main-normal-color: #7a88a2;
   --main-light-color: #e1e4e9;
   --main-ultralight-color: #f4f6f7;

   --gray-color: #999999;
   --gray-dark-color: #545454;
   --gray-light-color: #dfdfdf;
   --gray-ultralight-color: #fafbff;

   --border-color: #dddddd;

   --blue-color: #1474c7;
   --blue-light-color: #d9e0e6;
   --blue-dark-color: #145287;

   --green-color: #40c714;
   --green-light-color: #d9f1d2;
   --green-dark-color: #2a9308;

   --red-color: #cc2525;
   --red-light-color: #f5d2d2;
   --red-dark-color: #9b0c0c;

   --yellow-color: #ebed1b;
   --yellow-light-color: #f6f6c5;
   --yellow-dark-color: #dddd1a;

   --orange-color: #f2a212;
   --orange-light-color: #ffe79f;
   --orange-dark-color: #d78f0d;
}

::-webkit-scrollbar{ width:7px; height:7px; }
::-webkit-scrollbar-thumb{ background:var(--main-dark-color); }
::-webkit-scrollbar-track{ background:var(--gray-light-color); }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
   -webkit-text-fill-color: var(--main-color) !important;
   -webkit-box-shadow: 0 0 0 30px var(--main-ultralight-color) inset !important;
}

::placeholder{ color:var(--gray-color)!important; font-family:'Poppins',sans-serif!important; font-weight:300; font-style:italic; }

*{ padding:0; margin:0; outline:none; box-sizing:border-box; -webkit-font-smoothing:antialiased; }
*:focus{ outline:none; }
html{ -webkit-tap-highlight-color:transparent; overflow-x:hidden; }
body{ background-color:var(--gray-ultralight-color); font-family:'Poppins',sans-serif!important; font-weight:300; font-size:14px; color:var(--main-color); margin:0; padding-top:calc(35px + var(--menu-height)); }
.allison{ font-family:'Allison',cursive!important; }

ul{ list-style:none; }
em{ font-weight:700; font-style:normal; }
pre{ font-family:'Poppins',sans-serif!important; white-space:pre-wrap; }
a{ text-decoration:none; color:var(--main-color); cursor:pointer; }
b{ font-weight:500; }
textarea, input, select{ font-family:'Poppins',sans-serif!important; color:var(--input-color); background:var(--main-ultralight-color); font-weight:400; font-size:13px; transition:background 0.3s, border 0.3s; }
select{ cursor:pointer; }
textarea:focus, input:focus, select:focus{ border:solid 1px var(--main-normal-color)!important; }
h1{ margin-top:35px; margin-bottom:25px; text-align:center; font-size:23px; user-select:none; text-transform:uppercase; }
h2{ margin-top:35px; margin-bottom:25px; text-align:center; font-size:21px; user-select:none; text-transform:uppercase; font-weight:500; }
h3{ margin-top:35px; margin-bottom:25px; text-align:center; font-size:19px; user-select:none; text-transform:uppercase; font-weight:500; }
img{ user-select:none; max-width:100%; }
button{ font-family:'Poppins',sans-serif!important; font-weight:300; font-size:14px; }


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


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

/* MENU */
.menu-backdrop{ display:none; z-index:2997; }
.mobile-menu-handler, .mobile-logo{ display:none; }
nav.menu{ position:fixed; top:0; left:0; height:100vh; background:#ffffff; width:var(--menu-width); overflow-x:hidden; box-shadow:0 0 5px 0 rgba(0,0,0,.25); z-index:2998; }
nav.menu *{ user-select:none; }
nav.menu ul{ margin:35px 0; width:100%; }
nav.menu ul li{ position:relative; transition:background 0.3s; }
nav.menu ul li:empty{ margin-bottom:10px; }
nav.menu ul li.title{ background:none!important; cursor:pointer; margin:17px 0 0 0; padding:8px 0 8px 10px; color:var(--main-color); font-weight:bold; text-transform:uppercase; border-bottom:solid 1px var(--gray-ultralight-color); }
nav.menu ul li a{ display:inline-block; padding:7px 15px; margin-bottom:2px; width:100%; color:var(--main-color); }
nav.menu ul li .fas{ width:15px; margin:0 5px; opacity:0; position:absolute; top:12px; right:5px; font-size:10px; transition:color 0.3s; }
nav.menu ul li.title .fas{ display:inline-block; color:var(--main-color); position:initial; opacity:1; width:auto; font-size:14px; }
nav.menu ul li.title .fa-caret-right,
nav.menu ul li.title .fa-caret-down{ float:right; margin-right:20px; color:var(--main-normal-color); position:relative; top:4px; }
nav.menu ul li.title .fa-caret-down{ top:3px; }
nav.menu ul li.title.open .fa-caret-right,
nav.menu ul li.title:hover .fa-caret-right,
nav.menu ul li.title.open .fa-caret-down,
nav.menu ul li.title:hover .fa-caret-down{ color:var(--main-color); }
nav.menu ul li:hover{ background:var(--main-ultralight-color); }
nav.menu a:hover{ color:var(--main-color); }
nav.menu a:hover .fas{ opacity:1; }
nav.menu a.active{ color:#40c714; }
nav.menu a.active .fas{ opacity:1; }
nav.menu .submenu{ display:none; margin:0px 0 27px 0; padding-top:7px; }
nav.menu .submenu.open{ display:block; background:var(--gray-ultralight-color); }
nav.menu .logo{ background:var(--main-color); min-height:98px; color:#ffffff; vertical-align:middle; position:relative; }
nav.menu .logo a{ color:#ffffff!important; font-size:23px; vertical-align:middle; position:absolute; left:0; padding:15px; top:50%; transform:translateY(-50%); text-align:center; width:100%; }


/* TOP MENU */
.top-menu{ height:var(--top-menu-height); background:#ffffff; margin-left:250px; padding:0 25px; text-align:right; border-bottom:solid 1px var(--gray-light-color); z-index:7901; width:calc(100vw - var(--menu-width)); position:fixed; top:0; right:0; }
.top-menu a{ padding:7px 15px 7px 15px; font-size:16px; text-align:center; margin-left:5px; display:inline-block; transition:color 0.3s, background 0.3s; }
.top-menu a .fas{ margin:0; }
.top-menu a:hover{ background:var(--gray-light-color); }
.top-menu a.active{ color:#ffffff; background:var(--main-medium-color); }


/* TABLES */
.table{ background:#ffffff; padding:10px 15px 15px 15px; min-height:320px; margin-bottom:25px; overflow-x:auto; }
.table.no-minheight{ min-height:0; }
.table table{ width:100%; border-spacing:0; text-align:left; font-weight:300; }
.table table td, .table table th{ padding:7px 10px; vertical-align:middle; font-size:13px; }
.table table th{ padding:10px; user-select:none; border-bottom:solid 1px var(--main-color); }
.table table th.tools{ width:140px; }
.table table tbody tr{ background:#ffffff; transition:background 0.3s; }
.table table tbody tr:hover{ background:var(--main-light-color); }
.table.no-alternate table tbody tr, .table.no-alternate table tbody tr:nth-child(2n){ background:#ffffff; }
.table.no-hover table tbody tr:hover{ background:#ffffff; }
.table table tbody tr:nth-child(2n){ background:var(--main-ultralight-color); }
.table table tbody tr:nth-child(2n):hover{ background:var(--main-light-color); }
.table.no-hover table tbody tr:nth-child(2n):hover{ background:var(--main-ultralight-color); }

.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.no-hover table tbody tr.bg-red:hover{ background:rgba(196, 91, 91, 0.17); }

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

.table .btn{ padding:6px 6px; min-height:31px; min-width:32px; font-size:11px; position:relative; top:-1px; min-width:32px; text-align:center; margin-left:3px; }
.table .btn .fas{ margin-right:0; font-size:11px; }

.table table th.actions{ width:135px; text-align:right; }
.table table th.actions.x4{ width:160px; }

.table table td.thumbnail{ width:45px; text-align:center; }
.table table td img{ max-height:31px; }
.table table td h4{ font-size:15px; font-weight:500; margin:0 0 -4px 0; }

.table .table-sort{ float:left; margin-right:7px; width:15px; text-align:center; position:relative; top:2px; }
.table .table-sort a{ display:block; line-height:7px; opacity:0.5; transition:opacity 0.3s; }
.table .table-sort a:hover{ opacity:0.75; }
.table .table-sort a.active{ opacity:1; }
.table .table-sort a .fas{ line-height:7px; }

.table .table-form th{ padding:10px 10px 25px 10px; background:var(--gray-ultralight-color); border:none; }
.table .table-search input, .table .table-search select{ padding:5px 8px; border-radius:3px; color:var(--main-normal-color); background:#ffffff; border:solid 1px var(--border-color); width:100%; }
.table .table-search .chosen-container-single .chosen-single{ color:var(--main-normal-color); background:#ffffff!important; font-size:13px; font-weight:300; height:31px!important; padding:3px 8px!important; }
.table .table-search .chosen-container-single .chosen-single span{ color:var(--main-normal-color); background:#ffffff; font-size:13px; font-weight:300; }

.table .table-buttons{ }
.table .table-buttons .btn-reset{ margin-left:0; background:none; border:none; }
.table .table-buttons .btn-search{ margin-left:0; padding:5px 7px; min-height:29px; }

.table.frozen-col::-webkit-scrollbar{ height:10px; }
.table.frozen-col{ padding-left:220px; overflow-y:visible; width:calc(100vw - var(--menu-width) - 120px); }
.table.frozen-col th{ min-width:150px; }
.table.frozen-col th .frozen-col-hide, .table.frozen-col th .frozen-col-show{ position:absolute; color:var(--main-normal-color); top:-2px; right:7px; font-size:9px; cursor:pointer; opacity:0.5; transition:opacity 0.3s; }
.table.frozen-col th .frozen-col-show{ color:var(--green-color); opacity:0.75; font-weight:300; }
.table.frozen-col th .frozen-col-hide:hover, .table.frozen-col th .frozen-col-show:hover{ opacity:1; }
.table.frozen-col th, .table.frozen-col td{ border-right:solid 1px var(--border-color); position:relative; }
.table.frozen-col th.frozen-col, .table.frozen-col td.frozen-col{ border-right:solid 1px var(--main-color); z-index:1; }
.table th.frozen-col, .table td.frozen-col{ position:absolute; width:220px; left:60px; top:auto; background:#ffffff; transition:background 0.3s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.table tr:nth-child(2n) td.frozen-col{ background:var(--main-ultralight-color); }
.table tr:hover td.frozen-col{ background:var(--main-light-color); }

.table-form-search{ padding:15px; background:var(--main-ultralight-color); margin-bottom:25px; }
.table-form-search label{ display:inline-block; margin-right:10px; font-weight:400; }
.table-form-search .inputs{ display:inline-block; }
.table-form-search input, .table-form-search select{ padding:5px 8px; border-radius:3px; color:var(--main-normal-color); background:#ffffff; border:solid 1px var(--border-color); margin-right:20px; }
.table-form-search .chosen-container{ width:250px!important; background:#ffffff; }
.table-form-search .chosen-container-single .chosen-single,
.table-form-search .chosen-container-active .chosen-choices, .chosen-container-multi .chosen-choices{ width:250px!important; color:var(--main-normal-color); background:#ffffff!important; line-height:20px; height:30px!important; font-weight:300; font-size:13px; }
.table-form-search .chosen-container-multi .chosen-choices li.search-choice{ margin:1px 2px; }
.table-form-search .actions{ float:right; display:inline-block; margin-top:2px; }
.table-form-search .actions .btn{ padding:3px 8px; font-size:14px; }
.table-form-search .actions .btn .fas{ margin-right:0; }

/* INFOS BOX */
.infos-box{ background:var(--main-ultralight-color); border-radius:5px; padding:15px 20px; margin-bottom:25px; }
.infos-box h3{ text-align:left; margin:0 0 20px 0; line-height:23px; }
.infos-box h3 .fas{ font-size:16px; opacity:0.55; margin-right:10px; position:relative; top:-1px; transition: }
.infos-box .info{ margin-bottom:5px; }
.infos-box .info .label{ display:inline-block; min-width:100px; margin-right:5px; font-weight:400; }


/* PANEL ACIONS */
.panel-actions{ position:fixed; top:0; right:-102vw; height:100vh; width:380px; max-width:100vw; overflow-x:hidden; box-shadow:0 0 5px 0 rgba(0,0,0,.25); z-index:7902; background:#ffffff; padding:25px; transition:right .3s; cursor:default; text-align:left; clear:both; }
.panel-backdrop{ position:fixed; top:0; right:-100vw; height:100vh; width:100vw; background:rgba(0,0,0,.15); z-index:7901; }
.panel-actions.open{ right:0; }
.panel-backdrop.open{ right:0; }
.panel-actions .btn-close{ display:inline-block; font-size:14px; margin-bottom:30px; padding:5px 0; color:var(--red-color); cursor:pointer; }
.panel-actions .btn-close i{ margin-right:7px; }
.panel-actions h2{ font-size:17px; margin-bottom:25px; }
.panel-actions .infos{ margin-bottom:50px; }
.panel-actions .infos div{ margin-bottom:10px; }
.panel-actions .infos label{ display:inline-block; width:80px; vertical-align:top; }
.panel-actions .infos span{ display:inline-block; width:calc(100% - 80px); color:var(--main-medium-color); vertical-align:top; }
.panel-actions .infos span small{ font-size:65%; }
.panel-actions .separator{ height:20px; }
.panel-actions .actions .btn{ display:block; font-size:14px; margin-bottom:8px; text-align:left; padding:8px 10px; }
.panel-actions .actions .btn i{ display:inline-block; width:20px; text-align:center; margin-right:5px; }


/* PAGINATION */
.pagination{ margin-bottom:25px; text-align:center; position:relative; padding:5px 15px; }
.pagination .nb-items{ position:absolute; right:15px; color:var(--main-normal-color); font-style:italic; }
.pagination a{ padding:5px 15px; vertical-align:middle; }
.pagination .input{ margin:0 15px; }
.pagination .input input{ width:50px; text-align:right; border:solid 1px transparent; padding:3px 5px; background:var(--main-ultralight-color); }

.pagination #pagination-nbItems{ position:absolute; left:15px; display:inline-block; color:var(--main-normal-color); font-style:italic; }
.pagination #pagination-nbItems label{ margin-right:5px; }
.pagination #pagination-nbItems select{ border:solid 1px transparent; border-radius:5px; text-align:center; padding:3px 5px; }

.pagination .pagination-navigation{ display:inline-block; }

/* FORM */
.form-wrapper{ width:90%; margin:0 auto; }
.form-wrapper h4{ margin-bottom:20px; margin-top:50px; font-size:16px; user-select:none; text-transform:uppercase; }
.form-wrapper h4:first-child{ margin-top:0; }
.form-wrapper .form-group{ background:#ffffff; padding:15px; }
.form-wrapper .form-group:last-child{ margin-bottom:25px; }
.form-wrapper .form-row{ margin-bottom:20px; }
.form-wrapper .form-label{ margin-bottom:10px; color:var(--main-dark-color); user-select:none; font-weight:300; line-height:15px; }
.form-wrapper .form-row.inline .form-label{ display:inline-block; width:200px; vertical-align:top; margin-bottom:0; position:relative; top:10px; text-align:right; padding-right:15px; }
.form-wrapper .form-row.inline .form-label.required{ top:5px; }
.form-wrapper .form-label sup{ color:var(--red-color); position:relative; top:1px; margin-left:1px; }
.form-wrapper .form-label *{ user-select:none; }
.form-wrapper .form-input{ position:relative; }
.form-wrapper .form-row.inline .form-input{ display:inline-block; width:calc(100% - 210px); vertical-align:top; }
.form-wrapper .form-input .description{ display:block; padding:5px 7px 0 7px; font-size:12px; color:var(--gray-color); font-style:italic; }
.form-wrapper .form-input .length-description{ display:block; padding:5px 7px 0 7px; font-size:12px; color:var(--gray-color); font-style:italic; }
.form-wrapper input, .form-wrapper select, .form-wrapper textarea{ padding:5px 5px; border-radius:3px; border:solid 1px var(--border-color); width:100%; }
.form-wrapper input{ padding:7px 7px; }
.form-wrapper select{ padding:7px 5px 6px 5px; border-radius:3px; border:solid 1px var(--border-color); width:100%; }
.form-wrapper input[type="checkbox"], .form-wrapper input[type="radio"]{ width:auto; position:relative; top:2px; }
.form-wrapper .form-row-submit{ position:fixed; margin:0; text-align:right; background:var(--gray-ultralight-color); left:var(--menu-width); bottom:0; width:calc(100vw - var(--menu-width)); padding:15px 60px; border-top:solid 1px var(--gray-light-color); overflow:auto; }
.form-wrapper .form-row-submit .btn-cancel{ float:left; }
.form-wrapper .form-row-submit .btn-primary{ padding:8px 15px; }
.form-wrapper .form-message{ font-weight:bold; font-style:italic; font-size:16px; margin:20px 0 35px 0; color:var(--main-medium-color); text-align:center; }
.form-wrapper .form-input label.error{ color:var(--red-color); font-size:12px; display:block; padding:5px 7px 0 7px; }
.form-wrapper .form-input label.error.checkable{ padding:5px 7px 15px 20px; }
.form-wrapper .form-input label.error .fas{ margin-right:5px; }

.form-wrapper .form-input .preview-icon{ position:absolute; left:8px; width:25px; text-align:center; top:8px; cursor:pointer; }
.form-wrapper .form-input input.icons{ padding-left:35px; }
.form-wrapper .form-input .reveal-btn{ position:absolute; right:15px; top:8px; cursor:pointer; }

.form-wrapper .form-input .multilang-flag-selector{ position:absolute; right:5px; top:5px; }
.form-wrapper .form-input .multilang-flag-selector .flag-selector-backdrop{ display:none; position:fixed; top:0; left:0; height:100vh; width:100vw; background:rgba(0,0,0,0.05); }
.form-wrapper .form-input .multilang-flag-selector.open .flag-selector-backdrop{ display:block; z-index:7798; }
.form-wrapper .form-input .multilang-flag-selector .flag-selector-wrapper{ padding:5px; overflow:auto; cursor:pointer; background:#ffffff; border-radius:3px; border:solid 1px var(--border-color); }
.form-wrapper .form-input .multilang-flag-selector .flag-selector-wrapper{ z-index:7799; position:relative; }
.form-wrapper .form-input .multilang-flag-selector img{ height:14px; float:left; }
.form-wrapper .form-input .multilang-flag-selector .fas{ float:left; margin:0 3px 0 8px; font-size:12px; line-height:14px; }
.form-wrapper .form-input .multilang-flag-selector .flag-selector{ display:none; position:absolute; top:25px; background:#ffffff; padding:0 5px 5px 5px; border:solid 1px var(--border-color); left:0; z-index:99; }
.form-wrapper .form-input .multilang-flag-selector.open .flag-selector{  display:block; max-height:125px; overflow:auto; z-index:7799; }
.form-wrapper .form-input .multilang-flag-selector .flag-selector img{ display:block; margin:7px 0 0 0; float:none; cursor:pointer; }

.form-wrapper .form-input .phone-flag-selector{ position:absolute; left:5px; top:5px; }
.form-wrapper .form-input .phone-flag-selector .flag-selector-backdrop{ display:none; position:fixed; top:0; left:0; height:100vh; width:100vw; background:rgba(0,0,0,0.05); }
.form-wrapper .form-input .phone-flag-selector.open .flag-selector-backdrop{ display:block; z-index:7798; }
.form-wrapper .form-input .phone-flag-selector .flag-selector-wrapper{ padding:5px; overflow:auto; cursor:pointer; background:#ffffff; border-radius:3px; border:solid 1px var(--border-color); }
.form-wrapper .form-input .phone-flag-selector.open .flag-selector-wrapper{ z-index:7799; position:relative; }
.form-wrapper .form-input .phone-flag-selector img{ height:14px; float:left; }
.form-wrapper .form-input .phone-flag-selector .fas{ float:left; margin:0 3px 0 8px; font-size:12px; line-height:14px; }
.form-wrapper .form-input .phone-flag-selector .flag-selector{ display:none; position:absolute; top:25px; background:#ffffff; padding:0 5px 5px 5px; border:solid 1px var(--border-color); border-top:none; left:0; z-index:99; }
.form-wrapper .form-input .phone-flag-selector.open .flag-selector{ display:block; max-height:125px; overflow:auto; z-index:7799; }
.form-wrapper .form-input .phone-flag-selector .flag-selector img{ display:block; margin:7px 0 0 0; float:none; }
.form-wrapper .form-input input.check-phone{ text-indent:55px; }

.modal .form-wrapper .form-row.inline .form-label{ width:90px; text-align:left; }
.modal .form-wrapper .form-row.inline .form-input{ width:calc(100% - 90px); }

.form-wrapper .form-input label.radio{ padding:7px 15px; border:solid 1px var(--border-color); margin-right:15px; min-width:90px; text-align:center; border-radius:5px; cursor:pointer; transition:border 0.3s, background 0.3s, color 0.3s; display:inline-block; color:var(--main-normal-color); user-select:none; }
.form-wrapper .form-input label.radio input[type="radio"]{ display:none; }
.form-wrapper .form-input label.radio:hover{ border-color:var(--main-normal-color); color:var(--main-color); }
.form-wrapper .form-input label.radio.selected{ background:var(--main-ultralight-color); border-color:var(--main-color); color:var(--main-color); }

.form-wrapper .form-input label.checkbox{ display:block; margin-bottom:13px; overflow:auto; }
.form-wrapper .form-input label.checkbox input{ float:left; margin-right:8px; }
.form-wrapper .form-input label.checkbox span{ float:left; display:inline-block; width:calc(100% - 28px); font-size:13px; line-height:17px; overflow:hidden; cursor:pointer; }

.form-wrapper .form-input input.validation-code{ display:none; }
.form-wrapper .form-input .validation-code-wrapper{ text-align:center; }
.form-wrapper .form-input input.validation-code-digit{ border:none; border-bottom:solid 1px var(--main-normal-color); text-align:center; font-size:25px; width:38px; border-radius:0; margin:0 10px; }
.form-wrapper .form-input input.validation-code-digit:focus{ border:none!important; border-bottom:solid 1px var(--main-color)!important; }


/* TOOLBAR */
.toolbar{ position:fixed; top:var(--top-menu-height); right:0; width:calc( 100vw - var(--menu-width) ); margin-bottom:35px; background:var(--gray-ultralight-color); padding:15px 60px; border-bottom:solid 1px var(--gray-light-color); z-index:2900; }
.toolbar .title{ font-size:15px; font-weight:500; padding:6px; display:inline-block; }
.toolbar .btn{ margin-left:15px; }
.toolbar .btn.green{ background:var(--green-color); color:#ffffff; border-color:var(--green-color); }
.toolbar .btn.green span{ color:#ffffff; }
.toolbar .btn.green .fas{ color:#ffffff; }
.toolbar .btn.green:hover{ background:var(--green-dark-color); }
.toolbar input{ padding:7px 8px 5px 8px; background:var(--main-light-color); border:none; font-size:14px; }
.toolbar input::placeholder{ color:var(--main-color); }
.toolbar input[type="month"]{ border:none; text-transform:capitalize; cursor:pointer; padding:4px 8px 4px 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:var(--main-light-color); border:none; margin-right:15px; min-width:80px; max-width:110px; }

.toolbar #search input{ margin:0; min-height:35px; float:left; clear:none; }
.toolbar #search .btn{ margin:0; min-height:35px; min-width:36px; float:left; clear:none; border-radius:0; border-left:none; text-align:center; }
.toolbar #search .btn:last-child{ border-radius:0 3px 3px 0; }
.toolbar #search .btn.btn-reset{ color:var(--red-color); }

/* TOGGLER */
.toggler{ margin-bottom:15px; background:var(--main-ultralight-color); border-radius:5px; }
.toggler .title{ text-transform:none; cursor:pointer; margin:0; padding:7px 5px; font-size:15px; font-weight:500; }
.toggler .title .fas{ width:30px; text-align:center; margin-right:10px; font-size:12px; position:relative; top:-1px; color:var(--main-medium-color); }
.toggler .title small{ position:relative; top:2px; float:right; margin-right:10px; font-style:italic; }
.toggler .content{ display:none; padding:15px 15px 10px; border-top:solid 1px var(--main-light-color); }
.toggler.open .content{ display:block; }
.toggler .content input{ background:#ffffff; }
.toggler .content .form-row:last-child{ margin-bottom:0; }

.form-wrapper .toggler{ background:var(--main-color); }
.form-wrapper .form-group .toggler{ margin-bottom:0; }
.form-wrapper .toggler .title{ color:#ffffff; }
.form-wrapper .toggler .title .fas{ color:#ffffff; opacity:0.65; }
.form-wrapper .toggler .content{ background:var(--main-ultralight-color); }

.toggler textarea, .toggler input, .toggler select{ background:#ffffff; }


/* MSG */
.msg{ margin:0 0 25px 0; border-radius:5px; padding:15px; background:#ffffff; border-left:solid 1px rgba(0,0,0,0.15); background:#ffffff; box-shadow:0px 2px 7px 0 rgb(0,0,0,.15); font-size:12px; }
.msg.has-icon{ position:relative; padding:15px 15px 15px 45px; }
.msg>i{ margin-right:10px; }
.msg.has-icon>i{ margin-right:10px; position:absolute; left:13px; top:14px; font-size:20px; opacity:0.45; }
.msg.success{ background:var(--green-light-color); color:var(--green-dark-color); }
.msg.error{ background:var(--red-light-color); color:var(--red-dark-color); }
.msg.warning{ background:var(--orange-light-color); color:var(--orange-dark-color); }
.msg.info{ background:var(--blue-light-color); color:var(--blue-dark-color); }


/* BTNS */
form.btn-form{ display:inline-block; }
.btn{ display:inline-block; border:solid 1px var(--gray-light-color); padding:5px 15px; background:#ffffff; border-radius:5px; cursor:pointer; font-size:15px; user-select:none; transition:background 0.3s, border 0.3s; }
.btn .fas, .btn .fa{ font-size:14px; margin-right:5px; min-width:18px; display:inline-block; text-align:center; }
.btn:hover{ background:var(--main-ultralight-color); border-color:var(--gray-light-color); }

.btn-primary{ background:var(--main-medium-color); color:#ffffff; border-color:var(--main-medium-color); }
.btn-primary span{ color:#ffffff; }
.btn-primary .fas{ color:#ffffff; }
.btn-primary:hover{ background:var(--main-color); border-color:var(--main-color); }

.btn-success{ background:var(--green-color); color:#ffffff; border-color:var(--green-color); }
.btn-success span{ color:#ffffff; }
.btn-success .fas{ color:#ffffff; }
.btn-success:hover{ background:var(--green-dark-color); }

.btn-warning{ background:var(--orange-color); color:#ffffff; border-color:var(--orange-dark-color); }
.btn-warning span{ color:#ffffff; }
.btn-warning .fas{ color:#ffffff; }
.btn-warning:hover{ background:var(--orange-dark-color); }

.btn-error{ color:#ffffff; background:var(--red-color); }
.btn-error:hover{ color:#ffffff; background:var(--red-color); }

.btn-error.outline{ color:var(--red-color); background:#ffffff; border:none; }
.btn-error.outline:hover{ color:var(--red-color); background:#ffffff; border:none; }

.btn-warning.outline{ color:var(--orange-color); background:#ffffff; border-color:var(--orange-dark-color);}
.btn-warning.outline span{ color:var(--orange-color); }
.btn-warning.outline .fas{ color:var(--orange-color); }
.btn-warning.outline:hover{ color:var(--orange-dark-color); background:#ffffff; }

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

.btn.md{ padding:5px 10px; font-size:14px; }
.btn.sm{ padding:3px 7px; font-size:13px; }
.btn.xs{ padding:2px 5px; font-size:12px; }

.btn.md .fas{ font-size:14px; }
.btn.sm .fas{ font-size:13px; }
.btn.xs .fas{ font-size:12px; }


/* BADGES */
.badge{ font-size:10px; padding:3px 5px; border-radius:3px; background:var(--main-dark-color); color:#ffffff; user-select:none; }
.badge span{ color:#ffffff; }
.badge-disabled{ color:#ffffff!important; background:var(--gray-light-color); }
.badge-canceled{ color:#ffffff!important; background:var(--gray-light-color); }
.badge-green{ color:#ffffff!important; background:var(--green-color); }
.badge-orange{ color:#ffffff!important; background:var(--orange-color); }
.badge-red{ color:#ffffff!important; background:var(--red-color); }


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


/* Slick */
/* .slick-slide{ height:auto; }
.slick-arrow{ background:none; border:none; color:#ffffff; font-size:35px; float:left; display:block; height:55px; width:35px; cursor:pointer; position:relative; top:50px; }
.slick-arrow:hover{ background:rgba(0,0,0,.15); }
.slick-arrow.slick-next{ float:right; } */


/* Chosen */
.chosen-container-single .chosen-single{ border-radius:3px; border:solid 1px var(--border-color)!important; background:#ffffff; box-shadow:none; padding:3px 8px; height:32px; }
.chosen-container-active.chosen-with-drop .chosen-single{ background:#ffffff; }
.form-wrapper .toggler .chosen-container-single .chosen-single{ background:#ffffff!important; }
.chosen-container .chosen-results li.result-selected{ color:var(--main-medium-color); }
.chosen-container .chosen-results li.highlighted{ background:var(--main-medium-color); }
.chosen-container .chosen-results li.result-selected.highlighted{ color:#ffffff; }
.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 var(--border-color); box-shadow:none; background:#ffffff; padding:4px 5px; border-radius:3px; }
.chosen-container-multi .chosen-choices li.search-choice{ background:var(--main-medium-color); border-color:var(--main-color); box-shadow:none; }
.chosen-container-multi .chosen-choices li.search-choice span{ color:#ffffff; }

.chosen-container a .fas{ margin-right:5px; width:20px; text-align:center; }
.chosen-container .chosen-results li .fas{ margin-right:5px; width:20px; text-align:center; }

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


/* MultiSelect */
select.multiselect{ display:none; }
.multi-select-container{ vertical-align:middle; }
.multi-select-container .multi-select-button{ border:solid 1px var(--border-color); padding:5px 7px; color:var(--orange-color); box-shadow:none; cursor:pointer; }
.multi-select-container .multi-select-button:after{ margin-left:8px; }
.multi-select-container .multi-select-menuitem{ display:block!important; cursor:pointer; transition:background 0.3s; }
.multi-select-container .multi-select-menuitem:hover{ background:var(--main-ultralight-color); }

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


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


/* MODAL */
.modal{ position:fixed; top:0; left:0; background:rgba(50, 58, 69, .2); width:100vw; height:100vh; z-index:7999; overflow:auto; overflow-x:hidden; }
.modal-body{ background:#ffffff; 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:#ffffff; padding:0 0 15px 0; border:none; box-shadow:none; }
.modal-body.hasIframe{ width:calc(100vw - (var(--menu-width) *2)); margin: 50px calc(var(--menu-width) * 0.5) 50px calc(var(--menu-width) * 1.5); height:calc(100vh - 100px); }
.modal-body.hasIframe .btns-wrapper{ margin-top:-10px; margin-bottom:25px; }
.modal-loading img, .modal-wip img{ height:50px; width:auto; }


/* CONFIRM */
.btns-wrapper{ margin-top:20px; 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:var(--main-medium-color); }

/* TINYMCE */
.form-input .mce-tinymce{ border:solid 1px var(--border-color)!important; }
.form-input .mce-container iframe{ min-height:225px; }
.mce-window{ border-radius:0; }
.mce-ico{ font-size:13px; }


/* UTILS */
.hidden{ display:none!important; }
.bold{ font-weight:500; }
.medium{ font-weight:400; }
.light{ font-weight:300; }
.pointer, .btn.disabled.pointer{ cursor:pointer!important; }
.move{ cursor:move!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; }
.mb35{ margin-bottom:35px!important; }
.mb40{ margin-bottom:40px!important; }
.mb45{ margin-bottom:45px!important; }
.mb50{ margin-bottom:50px!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; }
.mt35{ margin-top:35px!important; }
.mt40{ margin-top:40px!important; }
.mt45{ margin-top:45px!important; }
.mt50{ margin-top:50px!important; }
.ml0{ margin-left:0px!important; }
.ml5{ margin-left:5px!important; }
.ml10{ margin-left:10px!important; }
.ml15{ margin-left:15px!important; }
.ml20{ margin-left:20px!important; }
.ml25{ margin-left:25px!important; }
.pt0{ padding-top:0px!important; }
.p0{ padding:0!important; }
.p5{ padding:5px!important; }
.p5-10{ padding:5px 10px!important; }
.p10{ padding:10px!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; }
.selectable{ user-select:text!important; }
.italic{ font-style:italic; }
.underline{ text-decoration:underline; }
.disabled{ opacity:0.5; pointer-events:none; }
div.disabled{ pointer-events:all; }
.noborder{ border:none!important; }
.stretch{ width:100%; }

.o25{ opacity:0.25; }
.o50, .o5{ opacity:0.50; }
.o75{ opacity:0.75; }

.text-lg{ font-size:19px; }
.text-md{ font-size:17px; }
.text-normal{ font-size:15px; }
.text-sm{ font-size:13px; }
.text-xs{ font-size:11px; }

.main{ color:var(--main-color)!important; }
.blue{ color:var(--blue-color)!important; }
.yellow{ color:var(--yellow-color)!important; }
.orange{ color:var(--orange-color)!important; }
.red{ color:var(--red-color)!important; }
.green{ color:var(--green-color)!important; }
.black{ color:var(--main-dark-color)!important; }
.gray-light{ color:var(--gray-light-color)!important; }

.bg-blue{ background:var(--blue-light-color)!important; }
.bg-yellow{ background:var(--yellow-light-color)!important; }
.bg-orange{ background:var(--orange-light-color)!important; }
.bg-red{ background:var(--red-light-color)!important; }
.bg-green{ background:var(--green-light-color)!important; }
.bg-gray{ background:var(--gray-light-color); }
.bg-gray-light{ background:var(--gray-ultralight-color)!important; }

.border-blue{ border:solid 1px var(--blue-dark-color)!important; }
.border-yellow{ border:solid 1px var(--yellow-dark-color)!important; }
.border-orange{ border:solid 1px var(--orange-dark-color)!important; }
.border-red{ border:solid 1px var(--red-dark-color)!important; }
.border-green{ border:solid 1px var(--green-dark-color)!important; }
.border-gray-light{ border:solid 1px var(--border-color)!important; }
.no-border{ border:none!important; }

.inline-block{ display:inline-block!important; }
.strike{ text-decoration:line-through!important; }
.uppercase{ text-transform:uppercase!important; }
.capitalize{ text-transform:capitalize!important; }
.initialText{ text-transform:none!important; }

.overflow-auto{ overflow:auto; }
.overflow-hidden{ overflow:hidden; }

.vtop{ vertical-align:top; }
.vmiddle{ vertical-align:middle; }
.vbottom{ vertical-align:bottom; }

/* RESPONSIVE GRID SYSTEM */
.row{ display:block; clear:both; margin:0 -15px; }
.row:before{ content:" "; display:table; }
.row:after{ content:" "; display:table; clear:both; }
.row:last-child{ margin-bottom:0; }

.col-1, .col-lg-1, .col-lg-1, .col-xs-1,
.col-2, .col-lg-2, .col-md-2, .col-xs-2,
.col-3, .col-lg-3, .col-md-3, .col-xs-3,
.col-4, .col-lg-4, .col-md-4, .col-xs-4,
.col-5, .col-lg-5, .col-md-5, .col-xs-5,
.col-6, .col-lg-6, .col-md-6, .col-xs-6,
.col-7, .col-lg-7, .col-md-7, .col-xs-7,
.col-8, .col-lg-8, .col-md-8, .col-xs-8,
.col-9, .col-lg-9, .col-md-9, .col-xs-9,
.col-10, .col-lg-10, .col-md-10, .col-xs-10,
.col-11, .col-lg-11, .col-md-11, .col-xs-11,
.col-12, .col-lg-12, .col-md-12, .col-xs-12{ display:block; width:100%; padding:0 15px; vertical-align:top; float:left; min-height:1px; }

@media (min-width:1241px){
   .col-1, .col-lg-1{ width:calc(100% / 12); }
   .col-2, .col-lg-2{ width:calc(100% / 12 * 2); }
   .col-3, .col-lg-3{ width:calc(100% / 12 * 3); }
   .col-4, .col-lg-4{ width:calc(100% / 12 * 4); }
   .col-5, .col-lg-5{ width:calc(100% / 12 * 5); }
   .col-6, .col-lg-6{ width:calc(100% / 12 * 6); }
   .col-7, .col-lg-7{ width:calc(100% / 12 * 7); }
   .col-8, .col-lg-8{ width:calc(100% / 12 * 8); }
   .col-9, .col-lg-9{ width:calc(100% / 12 * 9); }
   .col-10, .col-lg-10{ width:calc(100% / 12 * 10); }
   .col-11, .col-lg-11{ width:calc(100% / 12 * 11); }
   .col-12, .col-lg-12{ width:100%; }
   .hidden-lg{ display:none!important; }
   .visible-lg{ display:block!important; }
}

@media (max-width:1240px) AND (min-width:769px){
   body{ font-size:13px; }
   textarea, input, select{ font-size:12px; }


   /* MAIN */
   main.main{ top:var(--top-menu-height); left:0; height:calc(100vh - var(--top-menu-height)); width:100vw; }
   main.main .content{ padding:35px 15px 65px 15px; }


   /* MENU */
   .menu-backdrop{ display:block; position:fixed; z-index:2997; left:-100vw; top:var(--top-menu-height); width:100vw; height:calc(100vh - var(--top-menu-height)); background:rgba(0,0,0,0.15); transition:left 0.3s; }
   nav.menu{ top:var(--top-menu-height); left:-100vw; height:calc(100vh - var(--top-menu-height)); width:90vw; max-width:420px; transition:left 0.3s; }
   nav.menu .logo{ display:none; }
   body.mobile-menu-open .menu-backdrop{ left:0; }
   body.mobile-menu-open nav.menu{ left:0; }


   /* TOP MENU */
   .top-menu{ margin-left:0; padding:0 15px 0 calc((var(--top-menu-height) - 27px) / 2); width:100vw; background:var(--main-ultralight-color); }
   .mobile-logo{ display:block; float:left; }
   .mobile-logo a:hover{ background:none; }
   .mobile-menu-handler{ display:block; float:left; background:#ffffff; color:var(--main-color); border:solid 1px var(--main-light-color); border-radius:3px; height:27px; width:27px; line-height:27px; margin:calc((var(--top-menu-height) - 27px) / 2) 0; text-align:center; cursor:pointer; transition:border 0.3s, color:var(--border-color), background 0.3s; }
   .mobile-menu-handler:hover{ border:solid 1px var(--main-color); }
   body.mobile-menu-open .mobile-menu-handler{ background:var(--main-color); color:#ffffff; }


   /* TOOLBAR */
   .toolbar{ width:100vw; padding:10px 15px; }
   .toolbar input{ font-size:13px; padding:3px 7px; }
   .toolbar #search input{ height:27px; min-height:27px; }
   .toolbar #search .btn{ height:26px; width:26px; min-height:27px; min-width:27px; line-height:21px; }


   /* MODAL */
   .modal-body{ max-width:90vw; }

   /* BTNS */
   .btn{ padding:6px 9px!important; font-size:13px; }
   .btn span, .btn .fas{ font-size:13px; }

   /* FORM */
   .form-wrapper .form-row.inline .form-label{ display:block; width:100%; top:0; text-align:left; padding-right:0; margin-bottom:5px; }
   .form-wrapper .form-row.inline .form-label.required{ top:0; }
   .form-wrapper .form-row.inline .form-input{ display:block; width:100%; }

   /* RESPONSIVE GRID SYSTEM */
   .col-md-1{ width:calc(100% / 12); }
   .col-md-2{ width:calc(100% / 12 * 2); }
   .col-md-3{ width:calc(100% / 12 * 3); }
   .col-md-4{ width:calc(100% / 12 * 4); }
   .col-md-5{ width:calc(100% / 12 * 5); }
   .col-md-6{ width:calc(100% / 12 * 6); }
   .col-md-7{ width:calc(100% / 12 * 7); }
   .col-md-8{ width:calc(100% / 12 * 8); }
   .col-md-9{ width:calc(100% / 12 * 9); }
   .col-md-10{ width:calc(100% / 12 * 10); }
   .col-md-11{ width:calc(100% / 12 * 11); }
   .col-md-12{ width:100%; }
   .hidden-md{ display:none!important; }
   .visible-md{ display:block!important; }
}

@media (max-width:768px){
   main.main>.content{ padding:35px 10px 65px 10px; }

   /* TABLE */
   .table table th{ min-width:120px; }
   .table table th:first-child{ min-width:30px; }
   .table.frozen-col{ width:auto; padding-left:0; }
   .table th.frozen-col, .table td.frozen-col{ position:initial; left:0; width:auto; }

   .table-form-search{ overflow:auto; }
   .table-form-search label{ width:90px; float:left; }
   .table-form-search input, .table-form-search select{ width:calc(100% - 100px); margin-bottom:5px; float:left; margin-right:0; }
   .table-form-search .actions{ float:none; }

   /* PAGINATION */
   .pagination .nb-items{ display:none; }
   .pagination #pagination-nbItems{ display:none; }

   /* FORM */
   .form-wrapper .form-group{ padding:15px 0; }
   .form-wrapper .form-row.inline .form-label{ display:block; width:100%; top:0; text-align:left; padding-right:0; margin-bottom:5px; }
   .form-wrapper .form-row.inline .form-label.required{ top:0; }
   .form-wrapper .form-row.inline .form-input{ display:block; width:100%; }

   .form-wrapper .form-row-submit{ left:0; width:100vw; }

   /* RESPONSIVE GRID SYSTEM */
   .col-xs-1{ width:calc(100% / 12); }
   .col-xs-2{ width:calc(100% / 12 * 2); }
   .col-xs-3{ width:calc(100% / 12 * 3); }
   .col-xs-4{ width:calc(100% / 12 * 4); }
   .col-xs-5{ width:calc(100% / 12 * 5); }
   .col-xs-6{ width:calc(100% / 12 * 6); }
   .col-xs-7{ width:calc(100% / 12 * 7); }
   .col-xs-8{ width:calc(100% / 12 * 8); }
   .col-xs-9{ width:calc(100% / 12 * 9); }
   .col-xs-10{ width:calc(100% / 12 * 10); }
   .col-xs-11{ width:calc(100% / 12 * 11); }
   .col-xs-12{ width:100%; }
   .hidden-xs{ display:none!important; }
   .visible-xs{ display:block!important; }
}