/*--------------------*/
/*--- noselect ... ---*/
/*--------------------*/
.noselect {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}


/*-------------------*/
/*--- mce fix ... ---*/
/*-------------------*/
.mce-tinymce.mce-container.mce-panel {
   z-index : 2;
}

/*-------------------*/
/*--- menu ...    ---*/
/*-------------------*/
   ul.menu {
      list-style-type   :  none;
      margin            :  0;
      padding           :  0;
      overflow          :  hidden;
   }
   
   ul.menu li {
      float :  left;
   }
   
   li a, .dropbtn {
      display           :  inline-block;
      color             :  white;
      text-align        :  center;
      padding           :  3px 5px;
      text-decoration   :  none;
   }
   
   li a:hover, .dropdown:hover .dropbtn {
      background-color  :  #DDDDDD;
   }
   
   li.dropdown {
      display  :  inline-block;
   }
   
   .dropdown-content {
      display           :  none;
      position          :  absolute;
      background-color  :  #f9f9f9;
      min-width         :  160px;
      box-shadow        :  0px 8px 16px 0px rgba(0,0,0,0.2);
      z-inxex           :  3 !important;
   }
   
   .dropdown-content a {
      color             :  black;
      padding           :  12px 16px;
      text-decoration   :  none;
      display           :  block;
      text-align        :  left;
   }
   
   
   .dropdown:hover .dropdown-content {
      display: block;
   }





* {
   font-family    :  verdana;
   font-size      :  12px;
   letter-spacing :  1px;
   cursor         :  default !important;
   
   /*
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
   */
}


h1, .h1 {
   font-size   :  20px !important;
   font-weight :  bold;
   padding     :  0px;
   margin      :  0px;
}

a:link, a:visited, a:active, a:hover {
   text-decoration : none;
   color           : inherit;
}

table.data {
   border-collapse   :  collapse;
   width             :  100%;
}


table.data th, table.data td.header  {
   padding     :  5px;
   text-align  :  left;
   color       :  #FFFFFF;
   background  :  navy;
   white-space :  nowrap;
}

table.data td {
   padding        :  5px;
   color          :  #000000;
   white-space    :  nowrap;
   border-color   :  #555555;
}

table.data tr:hover {
   background  :  #EEEEEE !important;
   color       :  #000000;
   transition  :  1s;
}

table.data tr.current td {
   background  :  #192935 !important;
   color       :  #FFFFFF !important;
}

table.data tr.current td a {
   color       :  #FFFFFF !important;
}

table.data.norow tr:hover {
   background : transparent !important;
}


textarea {
   resize  : none;
   outline : none;
}

th {
   text-align : left;
}

button, input, textarea, .input, select {
   outline  :  none;
   padding  :  5px;
   border   :  1px solid #c5c5c5;
}
button, input, .input, select {
   height : 30px;
}

input.error, select.error {
   border : 1px solid red;
}


.right      {  text-align:right !important;  }
.red        {  color:EE0000     !important;  }
.green      {  color:#00AA00    !important;  }
.blue       {  color:#0000FF    !important;  }
.gray       {  color:gray       !important;  }
.orange     {  color:#f98606    !important;  }
.purple     {  color:#ac45bd    !important;  }
            
.hidden     {  display:none;        }
.italic     {  font-style:italic;   }
.bold       {  font-weight: bold;   }
.underline  {  text-decoration:underline;       }
.strike     {  text-decoration: line-through;   }
.small      {  font-size:   10px    !important; }
.italic     {  font-style: italic   !important; }
.date       {
   width : 110px;
}

.mainpad {
   padding : 10px;
}


table.data tr.current td .blue {
   color : #FFFF00 !important;
}

.button {
   background : #f0f0f0;
}


table.tabs td {
   border      :  1px solid #CCCCCC;
   padding     :  8px;
   transition  :  0.5s;
}
table.tabs td.curtab {
   font-weight :  bold;
   background  :  #EEEEEE;
   transition  :  0.5s;
}

table.tabs {
   border-collapse : collapse;
}




.blink {
  animation: blink-animation 0.2s steps(5, start) infinite           !important;
  -webkit-animation: blink-animation 0.2s steps(5, start) infinite   !important;
}
@keyframes blink-animation {
  to {
    color : red;
  }
}
@-webkit-keyframes blink-animation {
  to {
    color : blue;
  }
}

.pad-2 {    padding :  2px;   }
.pad-3 {    padding :  3px;   }
.pad-5 {    padding :  5px;   }
.pad-10 {   padding : 10px;   }




#tabs>div {
   height : calc( 100% - 150px );
}
#driller {
   height      :  calc(100% - 80px);
   overflow    :  auto;
   overflow-x  :  hidden;
   padding     :  10px;
}

.box {
   border   :  1px solid #CCCCCC;
   padding  :  5px;
}


form {
   padding  :  0px;
   margin   :  0px;
}







/* ----------- */
/* -- RADIO -- */
/* ----------- */
.switch-field {
    overflow   :  hidden;
    display    :  flex;
}

.switch-field input {
  display: none;
}

.switch-field > label {
  float: left;
}

.switch-field > label {
  display            :  inline-block;
  background-color   :  #e4e4e4;
  color              :  rgb(0, 0, 0);
  font-size          :  11px;
  font-weight        :  bold;
  text-align         :  center;
  text-shadow        :  none;
  padding            :  4px 10px;
  border             :  1px solid rgba(0, 0, 0, 0.2);
  -webkit-transition :  all 0.3s ease-in-out;
  -moz-transition    :  all 0.3s ease-in-out;
  -ms-transition     :  all 0.3s ease-in-out;
  -o-transition      :  all 0.3s ease-in-out;
  transition         :  all 0.3s ease-in-out;
}

.switch-field > label:hover {
    cursor: pointer;
}

.switch-field input:checked + label {
  -webkit-box-shadow :  none;
  box-shadow         :  none;
}

.switch-field input                       {                              color:#000000 !important; }

.switch-field label.red                   {                              color:#888888 !important; }
.switch-field label.green                 {                              color:#888888 !important; }
.switch-field label.blue                  {                              color:#888888 !important; }

.switch-field input:checked + label.red   {   background-color: #fee8e9; color:#000000 !important; }
.switch-field input:checked + label.green {   background-color: #e7ffef; color:#000000 !important; }
.switch-field input:checked + label.blue  {   background-color: #a4b0e6; color:#000000 !important; }

.switch-field > label:first-of-type { border-radius: 4px 0 0 4px;   }
.switch-field > label:last-of-type {  border-radius: 0 4px 4px 0;   }

.switch-field        {  height      :  30px; }
.switch-field .label {  padding-top :  7px;  }



.red-border {
   border      :  1px solid red;
   background  :  #FFFFEF;
}
.pickrange {
   padding     :  3px 5px 3px 5px;
   transition  :  0.5s;
   cursor      :  pointer !important;
}
.pickrange:hover {
   background  :  navy;
   color       :  #FFFFEE;
   transition  :  0.5s;
}


.bggray   {  background  :  #EEEEEE; }
.bgblue   {  background  :  #EEEEFF; }
.bggreen  {  background  :  #EEFFEE; }
.bgred    {  background  :  #FFEEEE; }
.bgyellow {  background  :  #FFFFEE; }