@media screen and (min-width: 800px) {
  body {
    font-family: Calibri, Arial, verdana;
    max-width: 100vw !important;
    max-height: 100vh !important;
    overflow-y: hidden;
    background: white !important;
  }

  .rht_logo {
    height: 50px;
    margin: 5px 5px 5px 5px;
  }

  .ui-state-default,
  .ui-widget-content .ui-state-default,
  .ui-widget-header .ui-state-default,
  .ui-button,
  html .ui-button.ui-state-disabled:hover,
  html .ui-button.ui-state-disabled:active {
    border-style: none !important;
    background-color: white;
  }

  .ui-tabs .ui-tabs-panel {
    background-color: white;
  }

  .sidebar-logo-text {
    margin-left: 10px;
  }

  .content-body {
    padding: 0px !important;
  }

  #tabs {
    height: 100%;
    overflow: none;
    background: white !important;
  }

  .ui-tabs .ui-tabs-nav {
    background: white;
    border: none;
    border-bottom: solid 10px #ebf1fb;
  }
  .ui-tabs-anchor:active {
    background-color: #ebf1fb;
    border-style: none;
    color: #2c2c2c;
  }

  .ui-widget.ui-widget-content {
    border: 10px solid xebf1fb;
  }
  iframe {
    height: 93%;
    width: 99.3%;
    overflow: none;
    border-left: solid 10px #ebf1fb;
    border-top: solid 10px #ebf1fb;
  }
  .ui-tabs .ui-tabs-panel {
    padding: 0;
  }

  #col-left {
    float: left;
    width: 10vw;
    height: 95vh;
  }

  #col-right {
    float: right;
    width: 88vw;
    height: 95vh;
  }

  #add-tab:hover {
    cursor: pointer;
  }

  #menu {
    border: 1px solid;
    height: 100%;
  }
  #sidebar {
    height: 100%;
  }

  #need-help {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
  }
  /*.sidebar-footer{
		background: #0069AA; !important;
		font-size: 1.2em;
		height: 60px!important;
		cursor: pointer; */
}

#it-help {
  width: 100% !important;
  padding-top: 40px;
}

.sidebar.minimized .nav-sidebar .nav-link i {
  visibility: visible !important;
}



.it_help_item {
  transform: scale(0.95);
  border: solid 1px;
  width: 100% !important;
  list-style: none !important;
}
.it_help_item .nav-sidebar {
  padding: 0px;
}
.it_help_item .nav-sidebar .nav-item {
  padding: 5px 10px 0px 10px !important;
}
.it_help_item .nav-item a {
  padding: 0px !important;
}

.it_help_item span {
  padding-left: 10px !important;
}

#dialog label,
#dialog input,
#dialog2 label,
#dialog2 input,
#dialog3 label,
#dialog3 input {
  display: block;
}
#dialog label,
#dialog2 label,
#dialog3 label {
  margin-top: 0.5em;
}
#dialog input,
#dialog textarea,
#dialog2 input,
#dialog2 textarea,
#dialog3 input,
#dialog3 textarea {
  width: 95%;
}

#tabs li .ui-icon-close {
  float: left;
  margin: 0.4em 0.2em 0 0;
  cursor: pointer;
}
#add_tab {
  cursor: pointer;
}

.dash_dropdown {
  min-width: 200px;
  height: 30px;
}

#dash_remove {
}

#btn_dash_remove {
  float: right;
  height: 30px;
}

#select_dashboard_outer {
  display: inline-block;
  float: left;
  margin: 5px;
}

#user_dashboard_outer {
  display: inline-block;
  float: right;
  margin: 5px;
}

#remove_dashboard_outer {
  display: inline-block;
  position: relative;
  left: 45%;
  margin: 5px;
}

#add_dashboard_outer {
  display: inline-block;
  float: left;
  border-right: 1px solid;
  width: 50%;
}

#manage_dashboard_outer {
  display: inline-block;
  float: right;
  width: 48%;
}

.d_row,
.e_row {
  clear: both;
}

.d_row div,
.d_row span,
.e_row div,
.e_row span {
  display: inline-block;
}

.d_list {
  width: 80% !important;
}

.d_edit,
.d_remove {
  margin: 4px;
}
.ui-icon {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
  transform: scale(1.5);
}

.article {
  display: inline-block;
  min-height: 300px;
  width: 90%;
  margin: 0 4% 1% 5%;
  padding: 10px;
  clear: both;
  border: 1px solid;
  border-radius: 25px;
  background-color: #ffffff;
}

.content_outer {
  display: inline-block;
  position: relative;
  width: 75%;
  min-height: 300px;
}

.atitle {
}

.acontent {
  font-size: 1.1em;
}

.aimage {
  width: 25%;
  display: inline-block;
  float: right;
}

.aimage img {
  width: 95%;
}

.acreated {
  position: absolute;
  bottom: 5px;
  left: 5px;
}

.dashboard_help1 {
  display: inline-block;
  min-height: 100px;
  width: 86%;
  margin: 0 4% 1% 5%;
  padding: 10px 10px 10px 80px;
  clear: both;
  border: 1px solid;
  border-radius: 25px;
  background-color: #ffffff;
}
.dashboard_content_outer {
  display: inline-block;
  position: relative;
  width: 75%;
  min-height: 150px;
}

.blue {
  background: #d8e1e8;
}

.green {
  background: #dbedda;
}

.pale_yellow {
  background: #f5f1cb;
}

.timesheet_info {
  display: inline-block;
  min-height: 100px;
  width: 80%;
  margin: 0 4% 1% 5%;
  padding: 10px 10px 10px 10px;
  clear: both;
  border: 1px solid;
  border-radius: 25px;
}

.pointer {
  cursor: pointer;
}

.timesheet_content_outer {
  display: inline-block;
  position: relative;
  width: 90%;
  min-height: 100px;
}

.ttitle {
}

.tcontent {
  font-size: 1.1em;
}

.timage {
  width: 10%;
  display: inline-block;
  float: left;
}

.timage img {
  width: 95%;
}

.timesheet_banner {
  clear: both;
  background: #749dcc;
  width: 100%;
  text-align: center;
  color: #ffffff;
}



#profile_outer_left {
  float: left;
  width: 39%;
}

#profile_outer_right {
  float: right;
  width: 60%;
}

.profile_container_outer_top {
    height: 90px;
    margin: 0;
    padding: 10px;
    background-color: white;
}

.profile_container_outer_bottom {
  height: 517px;
}

.profile_container_outer h3 {
  text-align: center;
  font-weight: bold;
}

/* Customize the label (the container) */
.profile_container {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.profile_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.profile_checkmark {
  position: absolute;
  top: 30%;
  left: 10;
  height: 30px;
  width: 30px;
  background-color: white;
  border: #bfd0ec 1px solid;
  transform: translate(-30%, -30%);
}
#profile {
  
    width: 35px !important;
    height: 35px !important;
    border-radius: 50%;
    background-color: #0078D4; /* Set the desired color */
    color: white !important; 
    font-size: 15px;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    float: right;
    position: fixed;
    right: 1%;
  
  
}
#profile:hover{

  background-color: #024980;
  cursor: pointer;
  
}

/* On mouse-over, add a grey background color */
.profile_container:hover input ~ .profile_checkmark {
  background-color: white;
}

/* When the checkbox is checked, add a blue background */
.profile_container input:checked ~ .profile_checkmark {
  background-color: white;
  border: 1px solid #0078D4;
}

/* Create the checkmark/indicator (hidden when not checked) */
.profile_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.profile_container input:checked ~ .profile_checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.profile_container .profile_checkmark:after {
  left: 11px;
  top: 7px;
  width: 5px;
  height: 10px;
  border: solid #0078D4;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#profile_welcome {
  text-align: center;
  color: white;
  background-color: #0078D4;
  height: 150px;
  background-image: url("data:image/png;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTE1IiBoZWlnaHQ9Ijg0MyIgdmlld0JveD0iMCAwIDExMTUgODQzIiBmaWxsPSJub25lIj4NCjxtYXNrIGlkPSJtYXNrMF8yOV81MiIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjExMTUiIGhlaWdodD0iODQzIj4NCjxyZWN0IHdpZHRoPSIxMTE1IiBoZWlnaHQ9Ijg0MyIgZmlsbD0iI0Q5RDlEOSIvPg0KPC9tYXNrPg0KPGcgbWFzaz0idXJsKCNtYXNrMF8yOV81MikiPg0KPHBhdGggZD0iTTk3LjAzNzIgLTczLjMwM0MxMTYuOTc2IC03My4zMDMgMTE3LjgwNyAtNjAuNzU2NCAxMTUuNzMgLTU0LjQ4MzJMNTkuNjUyMiAxLjk3NjFDNjMuODA2MSA2LjE1ODI4IDc3LjA5ODUgMTguMjg2NiA5Ny4wMzcyIDMzLjM0MjVDMTIxLjk2MSA1Mi4xNjIzIDk3LjAzNzIgNzAuOTgyMSA4NC41NzU2IDgzLjUyODZDNzQuNjA2MiA5My41NjU4IDYzLjgwNjEgODcuNzEwOCA1OS42NTIyIDgzLjUyODZMLTguODg3MTQgMS45NzYxQy0yLjY1NjI5IC04LjQ3OTI5IDEzLjU0MzkgLTM0LjQwODcgMjguNDk3OSAtNTQuNDgzMkM0Ny4xOTA1IC03OS41NzYyIDcyLjExMzkgLTczLjMwMyA5Ny4wMzcyIC03My4zMDNaIiBmaWxsPSIjNTU2RUU2IiBmaWxsLW9wYWNpdHk9IjAuMSIvPg0KPHBhdGggZD0iTTE2NS41NzcgMTk2LjQ0N0wxMzQuNDIyIDE1Mi41MzVMMTcxLjgwNyAxMDguNjIyQzIwMS43MTUgMTMzLjcxNSAyMzguMjcgMTgxLjgxIDI1Mi44MDggMjAyLjcyMUwyNDAuMzQ3IDIyNy44MTRMMjAyLjk2MiAyNjUuNDUzSDE0MC42NTNDMTIwLjcxNCAyNjUuNDUzIDExNS43MyAyNTcuMDg5IDExNS43MyAyNTIuOTA3TDE2NS41NzcgMTk2LjQ0N1oiIGZpbGw9IiM1NTZFRTYiIGZpbGwtb3BhY2l0eT0iMC4xIi8+DQo8cGF0aCBkPSJNNzguMzQ0NyAtNC4yOTcxNkwxNTMuMTE1IC03My4zMDNIMTk2LjczMUwyNDAuMzQ3IC0yMy4xMTdWMS45NzYxTDIyNy44ODUgMjcuMDY5Mkw1OS42NTIyIDE5Ni40NDdMNzIuMTEzOSAyMDguOTk0TDExNS43MyAxNjUuMDgxTDE1My4xMTUgMjAyLjcyMUw4NC41NzU2IDI3OEg0Ny4xOTA1TDM0LjcyODggMjY1LjQ1M0wtMi42NTYyOSAyMjcuODE0VjE4My45MDFMMTcxLjgwNyA4LjI0OTM3TDE2NS41NzcgLTQuMjk3MTZMMTE1LjczIDMzLjM0MjVMNzguMzQ0NyAtNC4yOTcxNloiIGZpbGw9IiM1NTZFRTYiIGZpbGwtb3BhY2l0eT0iMC4xIi8+DQo8cGF0aCBkPSJNLTU4LjczMzkgOTYuMDc1MUMtOC44ODcxNCAxMDYuMTEyIDcuNzI4NDUgNzkuMzQ2NCA5LjgwNTQgNjQuNzA4OEw1OS42NTIyIDEwMi4zNDhMOS44MDU0IDE1Mi41MzVILTU4LjczMzlDLTkzLjYyNjcgMTIyLjQyMyAtNzMuMjcyNiAxMDIuMzQ4IC01OC43MzM5IDk2LjA3NTFaIiBmaWxsPSIjNTU2RUU2IiBmaWxsLW9wYWNpdHk9IjAuMSIvPg0KPHBhdGggZD0iTTIyMS42NTYgMTM5Ljk4OEwxODQuMjcxIDk2LjA3NTFDMTk0LjY1NSA4NS42MTk3IDIxNy45MTcgNjIuMTk5NSAyMjcuODg1IDUyLjE2MjNDMjQwLjM0NSAzOS42MTU3IDMwMi42NTcgMzkuNjE1NyAzMTUuMTE4IDcwLjk4MjFDMzI1LjA4OCA5Ni4wNzUxIDMwNi44MTEgMTAyLjM0OCAyOTYuNDI2IDEwMi4zNDhDMjU2LjU0OCA5Ny4zMjk4IDIyOS45NjMgMTI1LjM1IDIyMS42NTYgMTM5Ljk4OFoiIGZpbGw9IiM1NTZFRTYiIGZpbGwtb3BhY2l0eT0iMC4xIi8+DQo8cGF0aCBkPSJNOTU3LjkxOSAzNjUuOTQ3Qzk4NC45MDcgMzY1Ljk0NyA5ODYuMDMxIDM4Mi45ODQgOTgzLjIyIDM5MS41MDNMOTA3LjMxNyA0NjguMTcyQzkxMi45NCA0NzMuODUxIDkzMC45MzEgNDkwLjMyMSA5NTcuOTE5IDUxMC43NjZDOTkxLjY1NCA1MzYuMzIzIDk1Ny45MTkgNTYxLjg3OSA5NDEuMDUyIDU3OC45MTdDOTI3LjU1OCA1OTIuNTQ3IDkxMi45NCA1ODQuNTk2IDkwNy4zMTcgNTc4LjkxN0w4MTQuNTQ3IDQ2OC4xNzJDODIyLjk4IDQ1My45NzQgODQ0LjkwOCA0MTguNzYzIDg2NS4xNDkgMzkxLjUwM0M4OTAuNDUgMzU3LjQyOCA5MjQuMTg0IDM2NS45NDcgOTU3LjkxOSAzNjUuOTQ3WiIgZmlsbD0iIzU1NkVFNiIgZmlsbC1vcGFjaXR5PSIwLjEiLz4NCjxwYXRoIGQ9Ik0xMDUwLjY5IDczMi4yNTVMMTAwOC41MiA2NzIuNjI0TDEwNTkuMTIgNjEyLjk5MkMxMDk5LjYgNjQ3LjA2NyAxMTQ5LjA4IDcxMi4zNzggMTE2OC43NiA3NDAuNzc0TDExNTEuODkgNzc0Ljg0OUwxMTAxLjI5IDgyNS45NjJIMTAxNi45NUM5ODkuOTY3IDgyNS45NjIgOTgzLjIyIDgxNC42MDQgOTgzLjIyIDgwOC45MjVMMTA1MC42OSA3MzIuMjU1WiIgZmlsbD0iIzU1NkVFNiIgZmlsbC1vcGFjaXR5PSIwLjEiLz4NCjxwYXRoIGQ9Ik05MzIuNjE4IDQ1OS42NTNMMTAzMy44MiAzNjUuOTQ3SDEwOTIuODZMMTE1MS44OSA0MzQuMDk3VjQ2OC4xNzJMMTEzNS4wMyA1MDIuMjQ3TDkwNy4zMTcgNzMyLjI1NUw5MjQuMTg0IDc0OS4yOTNMOTgzLjIyIDY4OS42NjFMMTAzMy44MiA3NDAuNzc0TDk0MS4wNTIgODQzSDg5MC40NUw4NzMuNTgyIDgyNS45NjJMODIyLjk4IDc3NC44NDlWNzE1LjIxOEwxMDU5LjEyIDQ3Ni42OTFMMTA1MC42OSA0NTkuNjUzTDk4My4yMiA1MTAuNzY2TDkzMi42MTggNDU5LjY1M1oiIGZpbGw9IiM1NTZFRTYiIGZpbGwtb3BhY2l0eT0iMC4xIi8+DQo8cGF0aCBkPSJNNzQ3LjA3NyA1OTUuOTU0QzgxNC41NDcgNjA5LjU4NCA4MzcuMDM2IDU3My4yMzcgODM5Ljg0OCA1NTMuMzZMOTA3LjMxNyA2MDQuNDczTDgzOS44NDggNjcyLjYyNEg3NDcuMDc3QzY5OS44NDkgNjMxLjczMyA3MjcuMzk5IDYwNC40NzMgNzQ3LjA3NyA1OTUuOTU0WiIgZmlsbD0iIzU1NkVFNiIgZmlsbC1vcGFjaXR5PSIwLjEiLz4NCjxwYXRoIGQ9Ik0xMTI2LjU5IDY1NS41ODZMMTA3NS45OSA1OTUuOTU0QzEwOTAuMDUgNTgxLjc1NiAxMTIxLjUzIDU0OS45NTMgMTEzNS4wMyA1MzYuMzIzQzExNTEuODkgNTE5LjI4NSAxMjM2LjIzIDUxOS4yODUgMTI1My4xIDU2MS44NzlDMTI2Ni41OSA1OTUuOTU0IDEyNDEuODUgNjA0LjQ3MyAxMjI3LjggNjA0LjQ3M0MxMTczLjgyIDU5Ny42NTggMTEzNy44NCA2MzUuNzA5IDExMjYuNTkgNjU1LjU4NloiIGZpbGw9IiM1NTZFRTYiIGZpbGwtb3BhY2l0eT0iMC4xIi8+DQo8L2c+DQo8L3N2Zz4=");
}
#path_body {
  padding-top: 0; /* Remove padding from the top if applied */
  padding-bottom: 30px;
  font-size: 15px;
  font-weight: lighter;
  margin-bottom: 20px;
}

.profile_container span {
  margin-left: 5px;
}
/* Move the text further to the right */
.profile_container {
  padding-left: 60px;
  padding-right: 10px; /* Adjust this value to move the entire label text */
}

#path_label {
  font-size: 15px;
  margin-bottom: 5px;
}
/* Apply reset to headings globally */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
#profile_outer_right h4, #profile_outer_right p {
  margin-left: 15px;
  margin-top: 20px;
  font-size: 25px;
  font-weight: lighter;
}
#profile_outer_right p{

  font-size: 15px;
}

#profile_outer_right{

	padding: 10px;
}

/* Or just to the #path_header specifically */
#path_header {
  padding: 0;
  font-size: 30px;
  font-weight: lighter;
  margin: 27px;
  color: white;
}

.ui-dialog .ui-dialog-buttonpane button {
  font-size: medium;
  color: white;
  border: none;
  background-color: #0078D4;
  padding: 7px;
  padding-right: 13px;
  padding-left: 13px;
}

.bold {
  font-weight: bold;
}

.col3 input {
  width: 98%;
}

.togBtn {
            display: none;
        }

        .switch {
            position: relative;
            width: 400px;
            height: 100px;
            background-color: #ccc;
            border-radius: 25px;
            transition: background-color 0.3s;
            cursor: pointer;
        }

        .switch::before {
          content: '';
          position: absolute;
          width: 163px;
          height: 58px;
          background-color: #0078D4;
          opacity: 37%;
          top: 3px;
          transition: left 0.3s;
          
        }

        .togBtn:checked + .switch {
            background-color: #4CAF50;
        }

        .togBtn:checked + .switch::before {
            left: 171px; 
        }


        .overlay {
            
            top: 0;
            left: 0;
            width: 100%;
            height: 70%;
            display: flex;
            align-items: center;
           
            padding: 0;
            font-size: 18px;
            font-family: Arial, sans-serif;
            color: white;
            font-weight: bold;
            pointer-events: none; 
        }

        .off {
            
          text-align: center;
          opacity: 1;
          transition: opacity 0.3s;
          color: #333333;
          font-size: small;
          padding: 14px;
          background-color: #ebf1fb;
          width: 134px;
      
        }
        .on {
          text-align: center;
          opacity: 1;
          transition: opacity 0.3s;
          color: #333333;
          font-size: small;
          padding: 14px;
          width: 145px;
          background-color: #ebf1fb;
        }

       
.ui-widget-header {
  padding: 20px;
  font-size: larger;
  background-color: #ebf1fb;
  border: none;
  color: #0078D4;
}
.ui-dialog-content .ui-ui-widget-content {
  height: 500px;
  width: 900px;
}
.ui-dialog .ui-dialog-buttonpane {
  border: none;
  border-width: 0;
  background-color: #ebf1fb;
  padding: 0;
  margin: 0;
}
.ui-widget-content {
  background-color: #ebf1fb;
}

.slider.round:before {
  border-radius: 50%;
}

.slider_label {
  display: inline-block;
  height: 40px;
}

.ui-tabs-nav li.ui-state-disabled {
  display: none;
}

#record_preferences_dropdown{

	height:35px;
	width:60px;
	color: #495057;;
	border: #bfd0ec 1px solid;
	background-color: white;
	border-radius: 0 !important;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content {
  width: 1000px !important;
  
}
#dialog4 {
  height: 550px !important;
}
.cancel-button-class {
  background-color: #f46a6a !important;
 
}
/* Notification icon container */
.notification-icon {
  position: fixed;
  right: 5%;
  cursor: pointer;
  top: 2.5%;
}

/* Badge styling */
.notification-icon .badge {
  position: absolute;
    top: 17px;
    right: -4.5px;
    color: #0078D4;
    font-size: 0.75rem;
    padding: 2px 6px;
    border-radius: 50%;
    min-width: 18px;
    text-align: center;
}
#refreshTabButton{

  position: fixed;
  right: 3%;
  cursor: pointer;
  top: 2.5%;
  background: none;
  border: none;


}