body {
  background-color: #63ace5;
  font-family: 'Segoe UI';
  color:#283655;
}

/* #2a4d69 • #4b86b4 • #adcbe3 • #e7eff6 • #63ace5 */
/* #ffffff • #d0e1f9 • #4d648d • #283655 • #1e1f26 */

.table {
  margin-bottom:0;
}

textarea {
  resize: none;
}

.modal-content {
 border:1px solid #4b86b4;
 border-radius:10px;
}

.modal-header {
  background-color: #4b86b4;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border:1px solid #4b86b4;
  padding:8px;
}

.nopadr {padding-right:0;}
.nopadl {padding-left:0;}
.nopadt {padding-top:0;}
.nopadb {padding-bottom:0;}

.nobdr {border-right:none;}
.nobdl {border-left:none;}
.nobdt {border-top:none;}
.nobdb {border-bottom:none;}

/* SOME STANDARD STUFF */

.w100p { width: 100%; }
.w80p { width: 80%; }
.w50p { width: 50%; }
.w30 { width: 30px; }
.w70 { width: 70px; }

.yover { overflow-y:auto !important; overflow-x:hidden !important; }
.br4 { border-radius:4px; }
.br8 { border-radius:8px; }

.m0 { margin: 0; }
.mt3 { margin-top: 3px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt80 { margin-top:80px; }

.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }

.p0 { padding:0; }
.p40 { padding:40px; }
.pt60 { padding-top:60px; }
.pr0 { padding-right:0; }
.pr2 { padding-right:2px; }
.pl3 { padding-left:3px; }
.pl5 { padding-left:5px; }

.bgwhite { background-color:white;}

.bnone { border:none; }

.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; line-height:17px; }
.fs15 { font-size:15px; }

.vam { vertical-align:middle; }

/* LOGIN and SIGNIN FORM */

.form-signin-container {
  z-index:1000;
  overflow: hidden;
  position: absolute;
  width:100%;
}

.form-signin {
  max-width: 580px;
  margin: 0 auto;
  background-color:white;
  margin-top:4vh;
  padding:0;
  border-radius:8px;
  text-align:center;
}

.form-signin-titlebar {
  width:100%;
}

.form-signin-titlebar > img {
  width:100%;
}

.form-signin-inner {
  padding:20px 20px 40px 20px;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}

.form-signin-heading {
  color:#4b86b4;
  text-align:center;
}

.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
  padding: 10px;
  font-size: 16px;
  max-width:420px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
}
.form-signin button {
  max-width:420px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
}

.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* PARTICLES */

canvas{
  display:block;
  vertical-align:bottom;
  position: fixed;
  z-index: -1;
}
        
#particles-js{
  position:absolute;
  z-index:1;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: url('img/spring_illustration-02.png');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
        
      
/* NAVBAR */

.navbar-inverse {
  background-color: #4b86b4;
  border-color:#4b86b4;
  border:none;
}

#navbar-logo {
  margin-right:5px;
  height:33px;
  margin-top:10px;
}

.navbar-nav > li > a {
  min-width:80px;
  height:41px;
  text-align:center;
  padding-top:6px;
  border-top-left-radius:8px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  border-top-right-radius:8px; 
  margin-top:9px;  
  margin-right:2px;
}

.navbar-nav > li > a > .fa {
  font-size:18px;
  display:block;
  line-height:18px;
  color: white !important;
}

.navbar-nav > li > a > span {
  display:block;
  text-transform:uppercase;
  font-size:10px;
  line-height:14px;
  color: white;
}

.navbar-nav >  li.active > a > .fa {
  color:white !important;
}

.navbar-nav > li.active > a > span {
  color:white;
}

.navbar-nav > li > a > img {
  font-size:24px;
  display:block;
  line-height:24px;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a {
  background-color: #63ace5 !important;
  color:white;
}

.navbar-inverse .navbar-nav>a, .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>a {
  background-color: #63ace5 !important;
  color:white;
}

#totaltime {
  color:white;
  border:none;
  background-color:transparent;
  height:27px;
  line-height:28px;
  margin:4px 20px 0 0;
  border-image-width:0;
  box-shadow:none;
  padding:0;
  font-weight:bold;
}

#el_search {
  border-radius:8px;
  border:none;
  background-color:#fff;
  height:27px;
  margin:4px 40px 0 0;
  border-image-width:0;
  box-shadow:none;
}

/* MAINVIEW */


#mainListView {
  display: flex;
  gap:15px;
}

#daytimer {
  position:absolute;
  bottom: 25px;
  width: 100%;
  height: 10px;
  background-color:#63ace5;
  z-index:90;
}

#daytimer_inner {
  position:relative;
  width:0%;
  height: 10px;  
  background-color:#adcbe3;
  z-index:92;
}

#daytimer_scale {
  z-index:100;
  position:absolute;
  top:0;
  width:100%;
  border-top:1px solid rgba(40, 54, 85, 0.3);
}

.daytimer_tick {
  width:4.1666666666666667%;
  border-left:1px solid rgba(40, 54, 85, 0.3);
  padding:0 0 0 2px;
  font-size:8px;
  line-height:10px;
  color:#283655;
}

#page_status {
  position:absolute;
  bottom: 0;
  width: 100%;
  background-color:#283655;
  padding:10px 15px;  
}

#page_status_text {
  font-size:11px;
  line-height:11px;
  color:white; 
}

#panel-table {
  border:none;
  display: flex;
  width:100%;
  gap:5px;
  background-color:#63ace5;
}

.btn-newproject {
  border-radius:3px;
  background-color:#adcbe3;
  color:#283655;
  opacity:0;
}

.btn-newchannel {
  border-radius:8px;
  background-color:#adcbe3;
  color:#283655;
  font-size:14px;
  font-weight:800;
  height:27px;
  padding-left:15px;
  padding-right:15px;
  margin-top:4px;
}

.btn-newproject:hover, .btn-newchannel:hover {
  color:white;
  background-color:#e7eff6;
}

.pc0 {width:100%;}
.pc1 {width:100%;}
.pc2 {width:50%;}
.pc3 {width:33.333333333333%;}
.pc4 {width:25%;}
.pc5 {width:20%;}
.pc6 {width:16.666666666666%;}
.pc7 {width:14.285714285714%;}
.pc8 {width:12.5%;}

.panel-table-head {
  text-align:center;
  height:36px;
  border-top:none  !important;
  background-color:#adcbe3;
  padding:7px 8px !important;
  line-height:22px;
}

.panel-table-head:hover > .btn-newproject,.panel-table-head:hover > .chandle {
  opacity:1;
}

.panel-table-head:last-of-type{
  border-right:none;
}

.panel-table-column, .panel-table-sccolumn {
  padding:0 !important;
  border-top:none  !important;
  flex: 1;
  height:100%;
  background-color:white;
  min-width:200px;
}

.panel-table-sccolumn {
  /*width:100%;*/
  min-width:200px;
}

.panel-table-column:last-of-type{
  border-right:none !important;
} 

.channel-name {
  font-weight:800;
  cursor:pointer;
}

.channel-name:hover {
  color:#e7eff6;
}

.proj {
  border-bottom:1px solid #adcbe3;
  background-color:white;
}

.proj_title {
  padding:5px 3px;
  background-color:#e7eff6;
  font-size:11px;
  font-weight:bold;
  cursor:pointer;
}

.handle_proj {
  cursor:pointer;
}

.proj_handle {
  cursor:move;
}

.proj_title:hover {
  background-color:#2a4d69;
  color:white;
}

.proj_add {
  padding-top:0;
  padding-left:5px;
  padding-right:5px;
}

.proj_add.psingle {
  padding-top:4px;
}

.proj_highlight {
  border:2px dashed #adcbe3;
  border-radius:5px;
  margin:3px;
}

.proj_drag_highlight {
  border:1px solid #2a4d69;
  -webkit-box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.33);
  -moz-box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.33);
  box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.33);
  border-radius:5px;
  z-index:2000;
}

.col_highlight {
  border:2px dashed #adcbe3;
  border-radius:5px;
  margin:0;
  background-color:white;
  flex:1;
  height:99%;
}

.col_drag_highlight {
  border:1px solid #2a4d69;
  -webkit-box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.33);
  -moz-box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.33);
  box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.33);
  border-radius:5px;
  background-color:white;
  flex:1;
}

.task_input_new {
  border:1px solid #fff;
  width:100%;
  background-color:transparent;
  font-size:11px;
  padding-left:8px;
  border-radius:3px;
}

.task_input_new:hover {
  background-color:#fefefe;
  border:1px solid #ddd;
}

.task_input_new:focus {
  border:1px solid #2a4d69;
  background-color:#e7eff6;
  outline:none;
}

.task_highlight {
  background-color:#f9f9f9;
  border:1px dotted #adcbe3;
  border-radius:5px;
  margin:3px;
}

.task_drag_highlight {
  border:1px solid #2a4d69;
  -webkit-box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.33);
  -moz-box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.33);
  box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.33);
  z-index:9999;
  border-radius:5px;
  max-width:600px;
}

.task_input {
  font-size:11px;
  padding:2px 5px;
  cursor:pointer;
  color:#4b86b4;
  font-weight:400;
}

.task_input:focus {
  border:none;
  outline:none;
}

.tibold {
  font-weight:600;
  color:#2a4d69;
}

.task_icons {
  color:#4b86b4;
  text-align:right;
  padding-right:3px;
  font-size:10px;
  width:48px;
}

.task_icons i {
  margin-left:2px;
  width:10px;
  
}

.handle {
  font-size:10px;
  cursor:move;
  padding-left:5px;
  width:1px;
  color:white;
}

.chandle {
  font-size:14px;
  font-weight:800;
  cursor:move;
  padding-left:5px;
  opacity:0;
}

.chandle:hover {
  color:#e7eff6;
}

.mlt {}
.mlt.highlight { background-color:#2a4d69;color:white; }

.tsk {cursor:pointer;}
.tsk.highlight { background-color:#2a4d69;color:white; }

.mlt.highlight .mlist_group, 
.mlt.highlight .mlist_project, 
.mlt.highlight .mlist_task,
.mlt.highlight .task_icons,
.mlt.highlight .chunklabel,
.mlt.highlight .fa { color:white; }

.tsk.highlight .task_input,.tsk.highlight .task_icons, .tsk.highlight .fa { color:white; }

.oltsk { height:1px;background-color:white; }

.task_input.danger { color:red; }
.task_input.warning { color:#FF8C00; }
.task_input.onhold { color:#4cae4c; }

.mlist_task.danger { color:red; }
.mlist_task.warning { color:#FF8C00; }
.mlist_task.onhold { color:#4cae4c; }

.mlist_label,.mlist_label_top {
  padding:8px;
  background-color:#e7eff6;
  font-size:14px;
  font-weight:800;
  border-top:1px solid #adcbe3;
}

.mlist_label_top {
  border-top:1px solid #e7eff6;
}

.mlist_label.drophover {
  background-color:#2a4d69;
  color:white;
}

.mlist_task {
  font-size:13px;
  padding:3px 2px 3px 5px;
  cursor:pointer;
  color:#2a4d69;
  font-weight:600;
  line-height:17px;
}
.mlist_group {
  color:#adcbe3;
  text-transform:uppercase;
  font-weight:700;
  font-size:10px;
}
.mlist_project {
  color:#adcbe3;
  font-size:10px; 
}

.tbar_outer { 
  height:3px;
  background-color:#e7eff6;  
  width:100%;
}
.tbar_inner {
  height:3px;
  background-color:#63ace5;
}
.pname {
  line-height:10px;
  /*display:none;*/
}

.chunklabel {
  color:#4b86b4;
  font-size:10px;
}

.delcheckbox {
  margin:6px 10px;
}

#page_list {
   min-width:360px;
}

#page_list_inner {
 background-color:white;

}

#mlist_0 {
  border-radius:4px 4px 0 0;
  font-size:14px;
  text-align:center;
  background-color:#adcbe3;
  border:none;
}

#mlist_-1 {
  border-radius:0 0 4px 4px;
  font-size:14px;
  text-align:center;
  margin-bottom:0px;
  background-color:#adcbe3;
  border:none;
  cursor:pointer;
}

/* MINI-DIALOG (myXsModal) */

.modal-dialog {
  width:480px;
}

#myXsModalBody {
  padding:20px 40px;
  height:200px;
  max-height:320px;
  overflow-y:hidden;
  text-align:center;
}

#myXsModalBackground {
 position:absolute;
 bottom:0;
 left:0;
 z-index:0;
 opacity:0.5; 
}

#myXsModalHeaderText {
  
}

#myXsModalInput {
  text-align:center;
  position:relative;
  background-color:white;
  width:300px;
  margin-left:auto;
  margin-right:auto;
  z-index:1000;
}

#myXsModalError {
  color:red;
}

#myXsModalFooter {
  margin:0px;
  padding:4px;
  border-top:none;
  background-color:#4b86b4;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
}

/* OTHER MODALS */


/* TRASHCAN */

.tra {
  cursor:pointer;
}

.tra:hover {
  background-color:#2a4d69;color:white;
}

.tra_info {
  border:1px solid #ddd;  
  padding:10px;
  margin-top:10px;
  margin-bottom:10px;
}

.tra_info > table > tbody > tr > td { font-size:11px; }


/* BUTTONS */

.button_delete, .button_save { 
  display:none; 
}

#maintitle {
  font-weight:300;
  font-size:22px;
  line-height:30px;
  text-transform: uppercase;
  /*color: #2a4d69;*/
  color: #ddd;
}

/* EDIT TASK */

.add_label {
  background-color:#ddd;
  text-transform:uppercase;
  border-radius:4px 4px 0 0;
  font-size:10px;
  padding:3px 8px 2px 8px;
  font-weight:700;
}

.add_label_l {
  background-color:#ddd;
  text-transform:uppercase;
  border-radius:4px 4px 0 0;
  font-size:10px;
  padding:3px 8px;
  font-weight:700;
}

.add_button {
  background-color:#eee;
  text-transform:uppercase;
  border-radius:4px;
  font-size:9px;
  padding:3px 8px;
  vertical-align:1px;
  font-weight:700;
  cursor:pointer;
}

.add_button:hover {
  background-color:#adcbe3;
  color:white;
}

.sleft {
  border-top-left-radius:0 !important;
}

#task_header {
  width:100%;
  background-color:#adcbe3;
  padding:7px 8px;
  border:none;
  line-height:22px;
}

#task_header > table {
 width:100%;
 margin:0;
 border:none; 
}

#task_header > table > tbody > tr > td {
  padding:0px;
  border:none;
  text-align:left;
}

#pp_task_title {
  font-weight:600;
}

#pp_task_name, #pp_project_name {
  font-weight:700;
  font-size:18px;
  height:42px;  
}

#pp_task_desc, #pp_project_desc {
  border-radius:0;
  overflow-y: auto;
  overflow-x:hidden;
  border: 1px solid #ddd;
  /*height: 292px;*/
  height: 28vh;
  box-shadow: none;
  font-family: 'Ubuntu Mono', monospace;
  font-weight:400;
  color:#333;
}

.empty_list {
  height:28vh;
  line-height:28vh;
  color:#aaa;
  font-size:14px;
  text-align:center;
  text-transform:uppercase;
  font-weight: bold;
}

#subtasklist {
  /*height:208px;*/
  height:calc( 28vh - 84px );
  overflow-y:auto;
  overflow-x:hidden;
  border:1px solid #ddd;
}

#convertToProject {
  display:none;
}

.empty_stlist {
  height:calc( 28vh - 86px );
  line-height:calc( 28vh - 86px );
  color:#aaa;
  font-size:14px;
  text-align:center;
  text-transform:uppercase;
  font-weight: bold;
}

#pp_task_desc {
  resize: none;
}

.chunk_t {
  padding-top:6px;
  margin:0;
  height:42px;
  background-color:#f8f8f8;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
}
.chunk_b {
  padding-top:6px;
  margin:0;
  height:42px;
  background-color:#f8f8f8;
  border-bottom:1px solid #ddd;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
}

#notifytable {
  height:23px;
  font-weight:700;
  font-size:11.2px;
  line-height:23px;
  margin-bottom:3px;
  text-align:center;
}

.notificationbox {
  height:28vh;  /* 290 */  
  border-top:1px solid #ddd;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
  min-height:300px;  
}

.notificationbuttonbox {
  height:28vh;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  border-bottom:1px solid #ddd;
  min-height:300px;
}

.nbb {
  border-bottom:1px solid #ddd;
}

.notificationbutton {
  height:33.333333333333%;
  cursor:pointer;
  color:#adcbe3;
  text-align:center;
  padding-top:32px;
  border-right:1px solid #ddd;
  background-color:#e7eff6;
}

.notificationbutton > .fa {
  font-size: 18px;
  display:block;
}

.notificationbutton > span {
  font-size: 10px;
  text-transform:uppercase;
  font-weight: 700;
}

.notificationbutton:hover {
  background-color:#283655;
  color:white;
}

.notificationbutton.selected {
  background-color:white;
  color:#283655;
  border-right:none;
}

/*------*/

.repeatablebox {
  position:relative;
  width:90%;  /* 290 */  
  margin-left:5%;
  border-right:1px solid #ddd;
  border-left:1px solid #ddd;
  border-bottom:1px solid #ddd;
  height:15vh;
}

.rp_box > table {
  height:15vh;
}

.repeatablebuttonbox {
  width:90%;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  display: flex;
  margin-top:20px;
  margin-left:5%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.repeatablebutton {
  cursor:pointer;
  color:#adcbe3;
  text-align:center;
  height:24px;
  line-height:24px;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
  background-color:#e7eff6;
  flex: 1;
  box-sizing: border-box;
}

.repeatablebutton:first-of-type {
  border-top-left-radius: 5px;
}

.repeatablebutton:last-of-type { 
  border-top-right-radius: 5px;
}

.repeatablebutton > span {
  font-size: 10px;
  text-transform:uppercase;
  font-weight: 700;
}

.repeatablebutton:hover {
  background-color:#283655;
  color:white;
}

.repeatablebutton.selected {
  background-color:white;
  color:#283655;
  border-bottom:none;
}

#nfdl_label {
  padding:8px;
  text-align:center;
  font-weight:700;
  color:#63ace5;
}

#nfdl_label.passed {
  color:#ccc;
}

.nf_notify {
  width:100%;
  border-collapse: collapse;
  border:1px solid #ddd;
  margin-bottom:10px;
}

.nf_repeatable {
  position:relative;
  width:96%;
  border-collapse: collapse;
  border:1px solid #ddd;
  border-radius: 5px;
}

.nf_adv { 
  padding:0px;
  border:1px solid #ddd;
  height:1px;
  width:33.333%;
}

.nf_repd, .nf_repw  { 
  padding:0px;
  border:1px solid #ddd;
  height:50px;
  width:14.285%;
  
}

.nf_adv input[type=checkbox]{
  display: none;
  margin: 0;
}

.nf_repd input[type=checkbox]{
  display: none;
  margin: 0;
}

.nf_repw input[type=radio]{
  display: none;
  margin: 0;
}

.nf_adv_label {
  font-weight:normal;
  text-align:center;
  font-size:10px;
  line-height:20px;
  width:100%;
  margin: 0;
  cursor:pointer; 
  display: block;
  height:20px;  
}

.nf_adv_label:hover {
  background-color:#e7eff6;
}

.nf_adv_label.checked {
  background-color:#283655;
  color:white;
}

.nf_adv_label.disabled {
  color:#ccc; 
  cursor:not-allowed;  
}

.nf_adv_label.disabled:hover {
  background-color:#fff;  
}


.nf_repd_label, .nf_repw_label {
  font-weight:normal;
  text-align:center;
  font-size:10px;
  line-height:50px;
  width:100%;
  margin: 0; 
  cursor:pointer; 
  display: block;
  height:50px;  
}

.nf_repd_label:hover, .nf_repw_label:hover {
  background-color:#e7eff6;
}

.nf_repd_label.checked, .nf_repw_label.checked {
  background-color:#283655;
  color:white;
}

.nf_repd_label.disabled, .nf_repw_label.disabled {
  color:#ccc; 
  cursor:not-allowed;  
}

.nf_repd_label.disabled:hover, .nf_repw_label.disabled:hover {
  background-color:#fff;  
}

#task_rp_month {
  width:96%;
}

.infobox {
  height:28vh;  /* 290 */  
  border:1px solid #adcbe3;
  min-height:300px; 
  background-color:#e7eff6; 
  border-radius:0 5px 5px 5px; 
}

.infobox_table {
  height:28vh;  /* 290 */  
  min-height:300px;
  width:100%;
}

.infobox_itext {
  color:#adcbe3;
  font-size:14px;
  text-align:center;
  font-weight: bold;
  width:100%;
}

.infobox_btext {
  color:#4b86b4;
  font-size:16px;
  text-transform:uppercase;
  text-align:center;
  font-weight: bold;
  width:100%;
}

.infobox_stext {
  color:#4b86b4;
  font-size:12px;
  font-weight: bold;
  text-align:center;
  width:100%;
}

.add_label_info {
  background-color:#adcbe3;
  text-transform:uppercase;
  border-radius:4px 4px 0 0;
  font-size:10px;
  padding:3px 8px 2px 8px;
  font-weight:700;
}

#task_footer {
  position:absolute;
  bottom:	0px;
  width: 100%;
  background-color:#e7eff6;
  padding:10px 0;
  border-top:1px solid #adcbe3;
  border-radius:0 0 4px 4px;
}

.mlist_subtask {
  font-size:11px;
  padding:2px 2px 2px 5px;
  cursor:pointer;
}

.mlist_subtask_fl {
  font-size:11px;
  padding:2px 2px 2px 0;
  font-weight:normal;
}

.closer{
  font-size:10px;
  cursor:pointer;
  padding-right:5px;
  text-align:right;
  width:16px;
}

.mlist_slider, .mlist_slider_fl {
  width:100px;
  text-align:right;
  padding-right:5px;
}
.stslid, .stslid_fl {
  background-color:transparent;
}

.mlist_totask {
  text-align:center;
  font-size:10px;
  cursor:pointer;
  width:1px;
  padding:0 3px;
  color:white;
}

.mlist_totask:hover {
  background-color:#ddd;
  color:white !important;
}

.mlist_value, .mlist_value_fl {
  width:30px;
  text-align:center;
  font-size:10px;
}

.stt_input {
  width:100%;
  min-width:350px;
  border:1px solid white;
  background-color:transparent;
}

.stt_input:hover {
  background-color:#fefefe;
  border:1px solid #ddd;
}

.stt_input:focus {
  border:1px solid #2a4d69;
  background-color:#e7eff6;
  outline:none;
}

.stlt { 
  width:100%;
  background-color:white;
}

.stlt:hover .handle,.stlt:hover .mlist_totask {
  color:#283655;
}

.stlt_fl { 
  width:100%;
}

/* MOOD ICONS */

.fa-smile {
  color:#ffc529;
}

.fa-skull {
  color:#660000;
}

.fa-robot {
  color:#999999;
}

.fa-clock.passed {
  color:red;
}

/* SLIDER */

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 4px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #aaaaaa;
  border-radius: 0px;
  border: 0px solid #aaaaaa;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #555555, 0px 0px 0px #626262;
  border: 0px solid #63ace5;
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background: #63ace5;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -4px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #aaaaaa;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #aaaaaa;
  border-radius: 0px;
  border: 0px solid #aaaaaa;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #555555, 0px 0px 0px #626262;
  border: 0px solid #63ace5;
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background: #63ace5;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #aaaaaa;
  border: 0px solid #aaaaaa;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #aaaaaa;
  border: 0px solid #aaaaaa;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #555555, 0px 0px 0px #626262;
  border: 0px solid #63ace5;
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background: #63ace5;
  cursor: pointer;
  height: 2px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #aaaaaa;
}
input[type=range]:focus::-ms-fill-upper {
  background: #aaaaaa;
}

/* CUSTOM MENU */

.custom-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #adcbe3;
    white-space: nowrap;
    background: #FFF;
    color: #333;
    border-radius: 4px;
    padding: 0;
    font-size:13px;
    -webkit-box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.33);
    box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.33);  
    font-family: 'Segoe UI';
    color: #283655; 
    text-transform:uppercase; 
    font-weight:700;    
}

/* Each of the items in the list  #adcbe3; */

.custom-menu li {
    padding: 4px 8px;
    cursor: pointer;
    list-style-type: none;
    transition: all .1s ease;
    user-select: none;
    background-color: #e7eff6;
    border-bottom: 1px solid #adcbe3;    
}

.custom-menu li.cmhead {
  font-weight:800;   
  text-align:center;
  background-color: #adcbe3;
}

.custom-menu li.cmtrash {
  font-weight:800;   
  text-align:center;
  background-color: #adcbe3;
  border-bottom:none;
}

.custom-menu li:hover {
    background-color: #283655;
    color:white;
}

/* SETTINGS */

.se_row {
  margin:15px 0;
}

.se_icon {
  font-size:53px;
  color:#ddd;
}

.se_label {
  line-height: 53px !important;
  font-weight: 700;
  font-size: 14px;
}

#se_grlist {
  margin-left:-3px; 
}

#btn_se_group_add {
  color:#283655;
  font-weight:700;
  height:27px;
  width:27px;
  margin-top:13px;
  font-size:12px;
  background-color:#adcbe3;
  text-align:center;
  float:right;
  line-height:27px;
  padding:0;
}

.gr_settings {
  display:inline-table;
  float: left;
  border-radius:5px;
  cursor:move;
  background-color:white;
  padding:5px 15px;
  margin:13px 3px;
  font-size:12px;
  background-color:#adcbe3;
  text-transform:uppercase;
  color:#283655;
  font-weight:700;
}

.style-4::-webkit-scrollbar-track
{
   /* -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); */
    background-color: #e7eff6;
}

.style-4::-webkit-scrollbar
{
    width: 8px;
    background-color: #e7eff6;
}

.style-4::-webkit-scrollbar-thumb
{
    background-color: #adcbe3;
    border: 1px solid #e7eff6;
}




.style-5::-webkit-scrollbar-track
{
    background-color: #e7eff6;
}

.style-5::-webkit-scrollbar
{
    width: 8px;
    background-color: #e7eff6;
}

.style-5::-webkit-scrollbar-thumb
{
    background-color: #adcbe3;
    border: 1px solid #adcbe3;
}

.style-5::-webkit-scrollbar-track:last-of-type
{
    background-color: #e7eff6;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}

.style-5::-webkit-scrollbar:last-of-type
{
    width: 8px;
    background-color: #e7eff6;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}

.style-5::-webkit-scrollbar-thumb:last-of-type
{
    background-color: #adcbe3;
    border: 1px solid #adcbe3;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}

@keyframes innerPulse {
  0% {
    box-shadow: inset 0 0 0 rgba(255,255,255,0), inset 0 0 0 rgba(99,172,229,0);
  }
  50% {
    box-shadow: inset 0 0 10px rgba(255,255,255,0.6), inset 0 0 20px rgba(99,172,229,0.6);
  }
  100% {
    box-shadow: inset 0 0 0 rgba(255,255,255,0), inset 0 0 0 rgba(99,172,229,0);
  }
}

.glow-pulse {
  animation: innerPulse 0.8s ease-in-out;
}