/* D E V */

      .dev { border:1px #c00 !important; }

   /* V A R S */

      :root {

               --ci_orange: #e4570c;

               --ci_orange_light: #f0611a;

               --ci_petrol: #369ca8;

               --ci_petrol_light: #4bacb7;

            }

   /* G E N E R A L */

      body  {

               font-family: 'Open Sans', sans-serif;

               letter-spacing:0.07em;

               overflow-y: scroll;

            }

   /* N O S E L E C T */

      .noselect   {

                     -webkit-touch-callout: none; /* iOS Safari */
                       -webkit-user-select: none; /* Safari */
                        -khtml-user-select: none; /* Konqueror HTML */
                          -moz-user-select: none; /* Firefox */
                           -ms-user-select: none; /* Internet Explorer/Edge */
                               user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */

                  }

   /* C U R S O R | P O I N T E R */

      .cursor-pointer { cursor:pointer !important; }

   /* C O R P O R A T E | D E S I G N */

      .bg-orange       { background-color: var(--ci_orange); }

      .bg-orange-light { background-color: var(--ci_orange_light); }

      .bg-petrol       { background-color: var(--ci_petrol); }

      .bg-petrol-light { background-color: var(--ci_petrol_light); }

   /* - - - */

      .color-orange { color: var(--ci_orange) !important; }

      .color-petrol { color: var(--ci_petrol) !important; }

      .color-red    { color: #c00 !important; }

   /* - - - */

      .border-orange { border:1px solid var(--ci_orange); }

      .border-petrol { border:1px solid var(--ci_petrol); }

      .bg-grey { background-color: #eee; }

   /* - - - */

      .btn-square        { width:35px; height:35px; }

      .btn-square-28     { width:28px !important; height:28px !important; padding:2px 0px 2px 2px !important; }

      .btn-square-30     { width:28px !important; height:30px !important; padding:2px 0px 2px 0px !important; }

   /* - - - */

      .btn-petrol        { cursor:pointer; padding:7px 10px 7px 10px !important; background-color: var(--ci_petrol); color:#fff; }

      .btn-petrol:hover  { background-color: var(--ci_petrol_light); color:#fff; }

      .btn-petrol.active { background-color: var(--ci_orange) !important; color:#fff; z-index:0 !important; }

   /* - - -  */

      .btn-orange        { cursor:pointer; padding:7px 10px 7px 10px !important; background-color: var(--ci_orange); color:#fff; }

      .btn-orange:hover  { background-color: var(--ci_orange_light); color:#fff; }

      .btn-orange.active { background-color: var(--ci_petrol) !important; color:#fff; z-index:0 !important; }

   /* - - -  */

      .warning { border:1px solid #c00 !important; }

   /* - - - */

      .datepicker td.active,
      .datepicker td.active:hover
      {
      color: #ffffff;
      background-color: var(--ci_petrol) !important;
      background-image:  linear-gradient(to bottom, var(--ci_petrol), var(--ci_petrol)) !important;
      }

   /* - - - */

      .th-sticky-top {

                     position: sticky;

                     top: 0px;

                     z-index:1000;

                  }