/* SPLOŠNE NASTAVITVE */
   :root {     
     --small: 576px;    /* phones */
     --medium: 768px;     /* tablets */
     --large: 992px; /* small laptops */
     --extra-large: 1200px; /* larger laptops and desktop monitors */
     
     /* Brand barve */
     --ms-green: #9ACB44;      /* viewer, akcent, sidebar */
     --ms-blue: #00AFEF;       /* editor, linki */
     --ms-yellow: #FFD601;     /* site admin */
     --ms-pink: #D84371;       /* group admin */
     --ms-dark: #343a40;       /* super admin, dark */
     --ms-danger: #dc3545;     /* napake, brisanje */
     --ms-text-muted: #6c757d; /* tihi tekst - WCAG AA compliant */
   }
   
   .size-small, .card-block.size-small {
      max-width: var(--small);
      overflow: auto;
   }
   .size-medium, .card-block.size-medium { 
      max-width: var(--medium);
      overflow: auto;
   }
   .size-large, .card-block.size-large { 
      max-width: var(--large);
      overflow: auto;
   }
   .size-extra-large, .card-block.size-extra-large { 
      max-width: var(--extra-large);
      overflow: auto;
   }
   
   * {word-wrap: break-word;}
   @font-face {
     font-family: 'Glyphicons Halflings';
     src: url('../fonts/glyphicons-halflings-regular.eot');
     src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
   }
   h1 {font-size: 1.9rem;}
   a{color: #000;}
   .bold-font {font-weight: bold;}
   
   .page-body a  :not(.btn) :not(.dt-button){
      color: #00afef;
   }
  
   /*.page-body a:hover svg path, */
   .card .card-header a.btn:hover{
      color: #ffd601 !important;
   }
   .page-body a svg path{
      color: black!important;
   }
   .card .card-header a.btn{
      color: white!important;
   }

   /* CHARACTER COUNTERS */
   .manual-maxlength {
      font-size: 11px !important;
      padding: 2px 6px !important;
      border-radius: 3px;
      white-space: nowrap;
      width: fit-content;
      display: flex;
      justify-content: flex-end;
      position: relative;
      align-self: flex-end;
   }

   /* Fix positioning for form groups */
   [controlholder] .manual-maxlength {
      margin-top: 3px;
      margin-left: 8px;
      float: right;
      clear: both;
   }
  
   .page-body a:hover :not(.btn) :not(.dt-button){
      color: var(--ms-green);
   }     
   .page-body .page-link {
      color: #222;
   }
   .page-body ul {
      padding-left: 20px;
      list-style-type: disc;
   }
   ul.normalList{
      padding-left: 1.25rem;
      list-style-type: disc;
      display: flex !important;
      flex-direction: column;
      align-items: center;
   }
   .center{margin-left:auto;margin-right:auto;}
   .flex-center {
      display: flex;
      justify-content: center;      
   }

   .display-1{ font-size: 11vmin;    padding-top: 4vmin;}
   .display-block-important {display: block!important;}
   .lead{font-size: 6vmin;}
   .primary-bg{/*background: none repeat scroll 0 0 #BCCF00;*/}
   .displayNone {display: none;}
   .clear{clear:both;}
   .overflowScroll {overflow: scroll;}
   .overflowAuto {overflow: auto;}   
   .pointer {cursor: pointer;}
   
   .page-header .page-navigation .btn{
          overflow-wrap: anywhere;
   }
   
   @media (max-width: 768px) {
      .page-header .page-navigation .btn {
         padding-left: 8px !important;
         padding-right: 8px !important;
         font-size: 13px !important;
         height: 100%;
      }
      .card-block{
         padding: 10px;
      }
   }
   
   .page-header .page-navigation ul li:first-child {
      margin-left:0px!important;
   }
   
   /*duallistbox*/
   .bootstrap-duallistbox-container{ 
      align-items: flex-end;
   }


   /* User role badge tags - colored circles for role identification */
   .viewer-tag,
   .editor-tag,
   .group-admin-tag,
   .site-admin-tag,
   .super-admin-tag {
      display: inline-block;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      margin-right: 8px;
      vertical-align: middle;
   }

   .viewer-tag {
      background-color: var(--ms-green);
   }

   .editor-tag {
      background-color: var(--ms-blue);
   }

   .group-admin-tag {
      background-color: var(--ms-pink);
   }

   .site-admin-tag {
      background-color: var(--ms-yellow);
   }

   .super-admin-tag {
      background-color: var(--ms-dark);
      border: 2px solid #ffffff;
      box-sizing: border-box;
   }

/* POPRAVKI ZA IE*/
   .login .container-fluid {width: 100%;max-width: 550px;}

/* WORKARONDS */
   /* workaround bs 4 horizontal scrollbar */
   .container-fluid >.row {margin-left: -15px;margin-right: -10px;}
   .select2-container {padding: 0px;border: none;}

 /* POPRAVEK ZA KONFLIKT Z DATETIME */
    .ui-datepicker-calendar a{ 
       font-size: 13px!important;        
       width: 28px!important; 
   }
   .ui-datepicker-calendar span {
      width: 22px!important; 
   }
   .ui-slider-horizontal {
      height: 10px!important;
   }  
   
/* CARD */
   .card {overflow:hidden;}
   .card iframe,.card img,.card video{ 	    
      max-width: 100%;    
   }
   .card-with-border {border: 1px solid #cccccc!important;}
   .card-block {   
      margin-left: auto;
      margin-right: auto;
      max-width: 100%;
      width: 100%; /* rabimo pri strani /results */
   }
   .card-block .rotate {z-index: 8;float: right;height: 100%;}
   .card-block .rotate i {
       color: rgba(20, 20, 20, 0.15);
       position: absolute;
       left: 0;
       left: auto;
       right: -10px;
       bottom: 0;
       display: block;
       -webkit-transform: rotate(-44deg);
       -moz-transform: rotate(-44deg);
       -o-transform: rotate(-44deg);
       -ms-transform: rotate(-44deg);
       transform: rotate(-44deg);       
   }   
   .card .filterLabel{display: contents!important;}
   
/* RAZNI ELEMENTI PO ID-JIH*/   
   #odgovorAkcij{position: fixed; line-height: 40px;color: white;width: 100%;margin: 1px 0px 0px 0px;padding: 0px;left: 0px;z-index:10000;top:0px;}
   #forma_za_prijavo{clear:both;margin:0px auto;width:400px;}
   #sidebar {padding-left:0;}
   #odjava{margin-left:0px; margin-top: .425rem;}
   #ajaxHolder{/*padding-top:10px;*/}
   

/* RAZNI ELEMENTI PO RAZREDIH*/
   .separator-dashed {
      border-top: 1px dashed rgba(0, 0, 0, 0.15);
      margin-top: 15px;
      padding-top: 15px;
   }
   .DK_paper {background-repeat: no-repeat;background: url(../images/background.jpg) 0 0;background-size: 100%  100%;width: 100%;padding: 10px;}
   .block {display:block!important;}
   .skatlaPolneVisine {margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: inline-table;width:100%;}
   .nalagalnik {position: fixed;z-index:1000;top:0;left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .8 ) url('./images/ikone/refresh.gif') 50% 50% no-repeat;}   
   div.mce-fullscreen{z-index:20000;}
   .toggle-handle {background-color:white!important;}
   
   .tgl-btn {margin-bottom: 0px;}   
   .page-description{display:none;}   
   .link {color:#6d9032;}
   
/* Ikoni pri input poljih za validacijo */
  input:required:invalid, input:focus:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
  }
  input:required:valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right top;
    background-repeat: no-repeat;
  }
   
/* Responsive iframes za Google docs */   
   .iframe-container {
     overflow: hidden;
     padding-top: 56.25%;
     position: relative;
   }

   .iframe-container iframe {
      border: 0;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
   }
   
/* Popravek za odmik ikone */
   .fa-cog, .services-list i {margin-right: 0px; }
    

/* MODALNO OKNO */
   .modal-md  {max-width: var(--medium);}
   .modal-lg  {max-width: var(--large);}
   .modal-xxl {max-width: var(--extra-large);}
   
   .modal-open{overflow:auto;}     
   .modal {overflow-y:auto;} /* workaround za to, da prvo modalno okno ohrani scrooling, ko v njem odpreš in zapreš še eno modalno okno */
   
   .modal .alert ul {
      display: inline-block;
   }

   /* workaround modal-open padding issue */
   body.modal-open {padding-right:0 !important;}
   #select_modal{z-index:100000000000;}

   
/* BARVE */
   .redBg{background-color:red!important;}
   .greenBg{background-color:green!important;}
   .blueBg{background-color:brue!important;}

/* VIŠINE IN ŠIRINE */
   .pd5{padding:5px;}
   .mrgbtm0{margin-bottom:0px;}
   .m-b-0-important{margin-bottom:0px!important;}
   .mrgbtm5{margin-bottom:5px;}
   .mrgtop5{margin-top:5px;}
   .mrgtop10{margin-top:10px;}
   .mrgtop15{margin-top:15px;}
   .mrgbtm110{margin-bottom:10px;}
   .mrgbtm15{margin-bottom:15px;}
   .mrgtop60{margin-top:60px;}
   .mrgrght15{margin-right:15px;}
   .width100Percent{width:100%;}
   .widthMinContent{width: min-content;}
   .widthMaxContent{width: max-content;}
   
   /* widths must also be set in datatables.css */
   .widthAutoImportant{width: auto!important;}
   .width30{width:30px;}
   .width40{width:40px;}
   .width50{width:50px;}
   .width60{width:60px;}
   .width70{width:70px;}
   .width80{width:80px;}
   .width90{width:90px;}
   .width100{width:100px;}
   .width110{width:110px;}
   .width120{width:120px;}
   .width130{width:130px;}
   .width140{width:140px;}
   .width150{width:150px;}
   .width160{width:160px;}
   .width170{width:170px;}
   .width180{width:180px;}
   .width190{width:190px;}
   .width200{width:200px;}
   .width220{width:220px;}
   .width230{width:230px;}
   .width250{width:250px;}
   .width300{width:300px;}
   
   .minWidth30{min-width:30px;}
   .minWidth40{min-width:40px;}
   .minWidth50{min-width:50px;}
   .minWidth60{min-width:60px;}
   .minWidth70{min-width:70px;}
   .minWidth80{min-width:80px;}
   .minWidth90{min-width:90px;}
   .minWidth100{min-width:100px;}
   .minWidth110 {min-width:110px}
   .minWidth120 {min-width:120px}
   .minWidth130 {min-width:130px}
   .minWidth140 {min-width:140px}
   .minWidth150{min-width:150px;}
   .minWidth160{min-width:160px;}
   .minWidth170{min-width:170px;}
   .minWidth180{min-width:180px;}
   .minWidth190{min-width:190px;}
   .minWidth200{min-width:200px;}
   .minWidth220{min-width:220px;}
   .minWidth230{min-width:230px;}
   .minWidth250{min-width:250px;}
   .minWidth300{min-width:300px;}
   .height150{height:150px;}
   .height100{height:100%;}
   .visina_5{min-height:5px;height:5%;}
   .visina_10{min-height:10px;height:10%;}
   .visina_15{min-height:15px;height:15%;}
   .visina_20{min-height:20px;height:20%;}
   .visina_25{min-height:25px;height:25%;}
   .visina_30{min-height:30px;height:30%;}
   .visina_35{min-height:35px;height:35%;}
   .visina_40{min-height:40px;height:40%;}
   .visina_45{min-height:45px;height:45%;}
   .visina_50{min-height:50px;height:50%;}
   .visina_55{min-height:55px;height:55%;}
   .visina_60{min-height:60px;height:60%;}
   .visina_65{min-height:65px;height:65%;}
   .visina_70{min-height:70px;height:70%;}
   .visina_75{min-height:75px;height:75%;}
   .visina_80{min-height:80px;height:80%;}
   .visina_85{min-height:85px;height:85%;}
   .visina_90{min-height:90px;height:90%;}
   .visina_95{min-height:95px;height:95%;}
   .visina_100{min-height:100px;height:100%;}
   
   .maxWidth50Percent{max-width:50vw;}
   .maxWidth33Percent{max-width:33vw;}
   .maxWidth25Percent{max-width:25vw;}

/* PORAVNAVE */
   .align-center{display: flex;justify-content: center;align-items:center;text-align:center;}
   .fiksiranElementNaSredini{
       position: fixed;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
       z-index: 1050;
       margin: 0 auto;
   }
   .align-left{text-align:left;float:left;}
   .left {float:left;}
   .right {float:right;}
   .pd0-important {padding:0px!important;}
   .pdlft0 {padding-left:0px;}
   .pdrht0 {padding-right:0px;}
   .pdtop15{padding-top:15px;}
   .pdtop15I{padding-top:15px!important;}
   .pdbottom5I{padding-bottom:15px!important;}
   .pdbottom15{padding-bottom:15px;}
   .div-ellipsis {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
   }

/* INPUT */
   .div-scelet{ display: block; background: none;  margin: 0;  padding: 0px;  border: 0px; outline:none;}


/* GUMBI */
   .btn {line-height: 1.2;}
   .btn svg {margin-right: 5px;}
   .btn svg, .btn svg path {cursor: pointer !important;}
   .btn-scelet{ background: none;  margin: 0;  padding: 0;  border: 0px; outline:none;}
   .btn-default{background-color:lightgray;}
   .btn:disabled {cursor: not-allowed;}
   .btn-custom {
     background-color: hsl(47, 100%, 13%) !important;
     background-repeat: repeat-x;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a88300", endColorstr="#423300");
     background-image: -khtml-gradient(linear, left top, left bottom, from(#a88300), to(#423300));
     background-image: -moz-linear-gradient(top, #a88300, #423300);
     background-image: -ms-linear-gradient(top, #a88300, #423300);
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a88300), color-stop(100%, #423300));
     background-image: -webkit-linear-gradient(top, #a88300, #423300);
     background-image: -o-linear-gradient(top, #a88300, #423300);
     background-image: linear-gradient(#a88300, #423300);
     border-color: #423300 #423300 hsl(47, 100%, 8%);
     color: #fff !important;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
     -webkit-font-smoothing: antialiased;
   }
   form button { white-space: initial!important;} /*Če hočemo prelom vrstic ob predolgem tekstu */      
   .btn.focus, .btn:focus {
      /*outline: 0;*/
      box-shadow: none;
   }
   .card-header .icofont-rounded-down:before {
      content: "\2212";
      font-size:20px;
   }
   .card-header .icon-up:before {
      content: "\002B";
      font-size:20px;
   }
   .checkbox-special {display:flex; width:100%;}


      
/* SELECT2 */
   /*popravek, da se prikaže izbor v modalnem oknu in da se ne pojavi horizontalni scroolbar */
      .modal {z-index: 9999 !important; } /*nastavim osnovni 9999 kot important, ker ga sicer bootstrap4-dialog povozi*/
      .js-float-label-wrapper.focused label.float-label, .js-float-label-wrapper.populated label.float-label {z-index:1026;} /* 2 manj, kot ima levi sidebar, 1 manj, kot ima navigacija .pcoded-header in vsaj 1 manj, kot ima .modal*/
      .modal .js-float-label-wrapper.focused label.float-label, .modal .js-float-label-wrapper.populated label.float-label {z-index:10000;} /* 1 več, kot ima .modal*/      
      .modal .select2-container {z-index:9999;width:50px; } 
   
   /* Popravek, da filter select2 ne prekriva menija iz datatables */   
      .modal .dataTables_scrollHead .select2-container {z-index:1; } 

   /* Popravek, da se horizontalni scroolbar ne pokaže, ko odpremo select2 v modalnem oknu */      
      .select2-container.select2-container--bootstrap.select2-container--open:has(.select2-dropdown),
      .select2-container.select2-container--default.select2-container--open:has(.select2-dropdown)
      {
         width: auto !important; /* Prepreči širjenje zunaj modala */
      }            
      
   .select2-container--bootstrap .select2-results__option[aria-selected=true] {background-color: #99ca46!important;}
   .select2-container .select2-choice{height:100%  !important; line-height: 34px !important;}
   .select2  > .selection  > span.select2-selection, .select2-selection >span{min-height:35px!important; font-size: 14px!important;}
   .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 38px!important;}
   .select2-container .select2-selection--multiple .select2-selection__rendered{line-height: 22px!important;}   
   .select2-container--bootstrap .select2-results__group {
       color: #99ca46 !important;    
       font-size: 20px !important;    
       line-height: 22px !important;    
       text-decoration: underline;
   }  
   .select2-container .select2-search--inline{
      width:100%;
   }
   
   .select2-dropdown{
      z-index:100000;
   }
   .select2-container--bootstrap .select2-selection {
      border-radius: 2px;
   }

.js-float-label-wrapper [editorcontrol='text']{display:flex; flex-direction: column;}
.js-float-label-wrapper [editorcontrol='text'] iframe {max-width:100%;}
.modal [controltype='text']{border-bottom:1px solid  rgba(0, 0, 0, 0.15); margin-top:5px;margin-bottom:5px;}
.modal [controltype='text'] .top-label  {font-weight:bold;margin-bottom:3px;}
   
table [controltype='buttonWithModal'] button {cursor:pointer;}

.card-block-content-small{max-width: var(--small)!important; margin:auto;}
.card-block-content-medium{max-width: var(--medium)!important; margin:auto;}
.card-block-content-large{max-width: var(--large)!important; margin:auto;}

/* FORME */   

.m-form-container {margin:auto;width: 100%;}
.m-form-container-small{max-width: var(--small)!important;}
.m-form-container-medium{max-width: var(--medium)!important;}
.m-form-container-large{max-width: var(--large)!important;}
.m-form-content > *:last-child{margin-bottom:0px;}
.m-form-container [controlholder],[controlholder] {margin-bottom:15px;}
[controlholder] .input-group{margin-bottom:0px;}
.m-form-footer{border-top:1px dashed rgba(0, 0, 0, 0.15); margin-top:15px;padding-top:15px;}
.m-form .js-float-label-wrapper label {font-size:12px; margin-bottom:0px!important;}
.m-form [controltype='checkbox-primary']  .js-float-label-wrapper label,
.m-form-container [controltype='checkbox-primary']  .js-float-label-wrapper label{
   font-size:15px;color:#212529; 
   /*display:flex;*/
}
/* Apply a different color when the checkbox is disabled */
.m-form-container .tgl:disabled + .cr {background: #e9ecef;}

.m-form .j-error-message,
.m-form .j-success-message,
.m-form .j-info-message,
.m-form .j-warning-message {
	border:2px solid;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	display:block;
	font:16px/24px 'Open Sans',Helvetica,Arial,sans-serif;
	padding:15px;
}
.m-form .j-error-view input,
.m-form .j-error-view select,
.m-form .j-error-view .select2-container--bootstrap .select2-selection,
.m-form .j-error-view textarea,
.m-form .j-error-view .checkbox-fade.fade-in-primary .cr
{ border-color:#D74570 !important; }
.m-form .form-group,.m-form .input-group {margin-bottom:0px;}

.input-group-base {
   padding: 0px;
   display: flex;
   font-weight: 400;
   flex: 1 1 auto;
   width: 1%;
}
.input-group-text {
   border-radius: 2px;;
}


/* tinymce editor */
.mce-btn button {
   padding: 4px 5px!important;
}

/* tristate-checkbox */
.tristate {
   font-weight: 400;
   line-height: 1;
   color: #495057;
   display: flex;   
   width: fit-content;
   align-items: center;
}
.tristate_option {
   height: calc(1.5em + 0.75rem + 2px);
   padding: 0.6rem 0.5rem;
   margin: 0px auto;
   float: none;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: 0.25rem;
   display: inline-flex;
}
.tristate_option input {
   width: 20px;
   height: calc(1.5em + 0.75rem - 18px);
}
.tristate_option + .tristate_option input:checked {
  background-color: #99ca46;
}

/* list */
.list .row-wrapper {
   margin-bottom: 5px;   
}
.list .list-row {
   display:table-row;
   line-height: 16px;    
}
.list .list-option {
   display:table-cell;   
   width: 100%;
}
.list .list-option label {
   margin-bottom: 0px;
}
.list .option-value, .list .option-date {
   padding-right: 15px; 
   text-align:right;
   min-width:100px;
   width:100px;      
}
.list option-value:last-child {
   padding-right: 0px;
}
.hidden{
   display:none!important;
}
.myMenu .hidden {
   display:inline!important;
}

/* datepicker */
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {    
    background: var(--ms-green);
}

/* sidebar */
.main-menu li span hr {
   border-color: var(--ms-green);
   margin-right: 0px;
   margin-left: 0px;
   margin-bottom: 1px;
   margin-top: 15px;
}
.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style6"] .pcoded-submenu li > a .pcoded-mtext:before{
   padding-right:0px!important;
}

/* EXTEND BOOTSTRAP GRID */
/* BS4 Grid XXL breakpoint */

/* adding col-xxl */
.col-xxl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-auto {position: relative; width: 100%; padding-right: 15px; padding-left: 15px;}

@media (min-width: 1570px){
  /* expanding BS4 max-width */
  .container {max-width: 1540px;}

  /* grid columns xxl */
  .col-xxl {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
  .col-xxl-auto {-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none;}  
  .col-xxl-1 {-webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
  .col-xxl-2 {-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
  .col-xxl-3 {-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
  .col-xxl-4 {-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
  .col-xxl-5 {-webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
  .col-xxl-6 {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
  .col-xxl-7 {-webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
  .col-xxl-8 {-webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
  .col-xxl-9 {-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
  .col-xxl-10 {-webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
  .col-xxl-11 {-webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
  .col-xxl-12 {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

  /* order xxl */
  .order-xxl-0 {-webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0;}
  .order-xxl-1 {-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;}
  .order-xxl-2 {-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;}
  .order-xxl-3 {-webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3;}
  .order-xxl-4 {-webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4;}
  .order-xxl-5 {-webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5;}
  .order-xxl-6 {-webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6;}
  .order-xxl-7 {-webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7;}
  .order-xxl-8 {-webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8;}
  .order-xxl-9 {-webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9;}
  .order-xxl-10 {-webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10;}
  .order-xxl-11 {-webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11;}
  .order-xxl-12 {-webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12;}

  /* text-align xxl */
  .text-xxl-center {text-align: center!important;}
  .text-xxl-left {text-align: left!important;}
  .text-xxl-right {text-align: right!important;}  

  /* float xxl */
  .float-xxl-left {float: left!important;}
  .float-xxl-right {float: right!important;}
  .float-xxl-none {float: none!important;}

  /* display xxl */
  .d-xxl-none {display: none!important;}
  .d-xxl-inline {display: inline!important;}
  .d-xxl-inline-block {display: inline-block!important;}
  .d-xxl-block {display: block!important;}
  .d-xxl-table {display: table!important;}
  .d-xxl-table-cell {display: table-cell!important;}
  .d-xxl-table-row {display: table-row!important;}
  .d-xxl-flex {display: flex!important;}
  .d-xxl-inline-flex {display: inline-flex!important;}

  /* offsets xxl */
  .offset-xxl-1 {margin-left: 8.333333%;}
  .offset-xxl-2 {margin-left: 16.666667%;}
  .offset-xxl-3 {margin-left: 25%;}
  .offset-xxl-4 {margin-left: 33.333333%;}
  .offset-xxl-5 {margin-left: 41.666667%;}
  .offset-xxl-6 {margin-left: 50%;}
  .offset-xxl-7 {margin-left: 58.333333%;}
  .offset-xxl-8 {margin-left: 66.666667%;}
  .offset-xxl-9 {margin-left: 75%;}
  .offset-xxl-10 {margin-left: 83.333333%;}
  .offset-xxl-11 {margin-left: 91.666667%;}

  /* spacing xxl */
  .m-xxl-0{margin:0!important}.mt-xxl-0,.my-xxl-0{margin-top:0!important}.mr-xxl-0,.mx-xxl-0{margin-right:0!important}.mb-xxl-0,.my-xxl-0{margin-bottom:0!important}.ml-xxl-0,.mx-xxl-0{margin-left:0!important}.m-xxl-1{margin:.25rem!important}.mt-xxl-1,.my-xxl-1{margin-top:.25rem!important}.mr-xxl-1,.mx-xxl-1{margin-right:.25rem!important}.mb-xxl-1,.my-xxl-1{margin-bottom:.25rem!important}.ml-xxl-1,.mx-xxl-1{margin-left:.25rem!important}.m-xxl-2{margin:.5rem!important}.mt-xxl-2,.my-xxl-2{margin-top:.5rem!important}.mr-xxl-2,.mx-xxl-2{margin-right:.5rem!important}.mb-xxl-2,.my-xxl-2{margin-bottom:.5rem!important}.ml-xxl-2,.mx-xxl-2{margin-left:.5rem!important}.m-xxl-3{margin:1rem!important}.mt-xxl-3,.my-xxl-3{margin-top:1rem!important}.mr-xxl-3,.mx-xxl-3{margin-right:1rem!important}.mb-xxl-3,.my-xxl-3{margin-bottom:1rem!important}.ml-xxl-3,.mx-xxl-3{margin-left:1rem!important}.m-xxl-4{margin:1.5rem!important}.mt-xxl-4,.my-xxl-4{margin-top:1.5rem!important}.mr-xxl-4,.mx-xxl-4{margin-right:1.5rem!important}.mb-xxl-4,.my-xxl-4{margin-bottom:1.5rem!important}.ml-xxl-4,.mx-xxl-4{margin-left:1.5rem!important}.m-xxl-5{margin:3rem!important}.mt-xxl-5,.my-xxl-5{margin-top:3rem!important}.mr-xxl-5,.mx-xxl-5{margin-right:3rem!important}.mb-xxl-5,.my-xxl-5{margin-bottom:3rem!important}.ml-xxl-5,.mx-xxl-5{margin-left:3rem!important}
  .p-xxl-0{padding:0!important}.pt-xxl-0,.py-xxl-0{padding-top:0!important}.pr-xxl-0,.px-xxl-0{padding-right:0!important}.pb-xxl-0,.py-xxl-0{padding-bottom:0!important}.pl-xxl-0,.px-xxl-0{padding-left:0!important}.p-xxl-1{padding:.25rem!important}.pt-xxl-1,.py-xxl-1{padding-top:.25rem!important}.pr-xxl-1,.px-xxl-1{padding-right:.25rem!important}.pb-xxl-1,.py-xxl-1{padding-bottom:.25rem!important}.pl-xxl-1,.px-xxl-1{padding-left:.25rem!important}.p-xxl-2{padding:.5rem!important}.pt-xxl-2,.py-xxl-2{padding-top:.5rem!important}.pr-xxl-2,.px-xxl-2{padding-right:.5rem!important}.pb-xxl-2,.py-xxl-2{padding-bottom:.5rem!important}.pl-xxl-2,.px-xxl-2{padding-left:.5rem!important}.p-xxl-3{padding:1rem!important}.pt-xxl-3,.py-xxl-3{padding-top:1rem!important}.pr-xxl-3,.px-xxl-3{padding-right:1rem!important}.pb-xxl-3,.py-xxl-3{padding-bottom:1rem!important}.pl-xxl-3,.px-xxl-3{padding-left:1rem!important}.p-xxl-4{padding:1.5rem!important}.pt-xxl-4,.py-xxl-4{padding-top:1.5rem!important}.pr-xxl-4,.px-xxl-4{padding-right:1.5rem!important}.pb-xxl-4,.py-xxl-4{padding-bottom:1.5rem!important}.pl-xxl-4,.px-xxl-4{padding-left:1.5rem!important}.p-xxl-5{padding:3rem!important}.pt-xxl-5,.py-xxl-5{padding-top:3rem!important}.pr-xxl-5,.px-xxl-5{padding-right:3rem!important}.pb-xxl-5,.py-xxl-5{padding-bottom:3rem!important}.pl-xxl-5,.px-xxl-5{padding-left:3rem!important}
  .m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}

}

/* ================================================
   Navbar profile-notification dropdown styles
   (replaces inline styles from navbar-top.php)
   Theme CSS uses highly specific selectors like:
   .header-navbar .navbar-wrapper .navbar-container
   .header-notification .profile-notification a
   so we need !important to override them.
   ================================================ */

/* Dropdown link items (was: style="font-size:15px; color:black; display:block; padding:15px 20px;") */
.profile-notification .nav-dropdown-link {
   font-size: 15px !important;
   color: black !important;
   display: block !important;
   padding: 15px 20px !important;
   text-decoration: none !important;
}
.profile-notification li:hover .nav-dropdown-link {
   color: black !important;
   text-decoration: none !important;
   margin-left: 0 !important;
}

/* Dropdown icon (was: style="font-size:25px;") */
.profile-notification .nav-dropdown-icon {
   font-size: 25px !important;
   margin-right: 5px !important;
   vertical-align: middle;
}

/* Dropdown button - for form submit buttons inside dropdown */
.profile-notification .nav-dropdown-btn {
   font-size: 15px !important;
   color: black !important;
   display: block !important;
   width: 100%;
   padding: 15px 20px !important;
   background: none !important;
   border: none !important;
   text-align: left !important;
   cursor: pointer;
}
.profile-notification li:hover .nav-dropdown-btn {
   color: black !important;
}
.profile-notification .nav-dropdown-btn.indent {
   padding-left: 40px !important;
}

/* Role simulation alert banner (was: yellow warning-style inline) */
.profile-notification .nav-dropdown-alert {
   background-color: #fff3cd !important;
   border-color: #ffc107 !important;
   color: #856404 !important;
   padding: 10px 20px !important;
   font-size: 14px;
}

/* Separator with toggle arrow (was: style="font-size:15px; color:black; ...") */
.profile-notification .nav-dropdown-separator {
   font-size: 15px !important;
   color: black !important;
   display: block !important;
   padding: 12px 20px !important;
   border-top: 1px solid #e0e0e0 !important;
   cursor: pointer;
}