/*

*** Front-end Startup Guide, ver.1.1. ***
Created by DevLabs, 04.07.2014

Edited by Kaloyan Kosev on 5.07.2014.
Edited by Nadezhda Serafimova on 7.07.2014.

The primary theme color is #ffcb05
The light theme color is #ffdf19
The dark theme color is #ebb700

*/

* {
  margin: 0;
  padding: 0;
  outline: 0; }

img {
  border: none; }
a {
  color: inherit;text-decoration: none; }
a:hover{text-decoration: underline;}
h1{color:#000;font-size: 40px;font-weight: 300;padding-bottom: 20px;border-bottom: 2px solid #000;}


input[type=checkbox]{display: none;}
.checkbox{position: absolute;top:10px;left:0;width:20px;height: 20px;border:1px solid #cacaca;background-color: #f8f8f8;transition:all 0.6s;cursor: pointer;}
.checkbox_holder{position: relative;height: 25px;width: 25px;display: inline-block;}
.yes_tick{width: 25px;height: auto;display: none;position: relative;z-index: 1;top: -10px;}
.black_background{background-color:rgba(0,0,0,0.8) !important; transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.error{color: #e90a0a;font-size: 13px;clear:both;margin-top:5px;font-weight: 500;}
.warning{color: #eabb09;font-size: 12px;clear:both;margin-top:5px;}

input[type=submit] {
    background-color: #000;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    margin-right: 0;
    padding: 6px 15px;
    border: 0;
    transition: all 0.6s;
    margin-top: 20px;
    font-size: 20px;
    color: #ffcb05;
}
input[type=submit]:hover{background-color: #fff;color:#000;}

input[type=text]{background-color:#ebb700;border:1px solid #000;padding:10px;color:#000;font-size: 12px;font-weight: 500;width:20%;margin-right: 30px;transition:all 0.6s;font-family: 'Raleway', sans-serif;}
input[type=text]:hover, input[type=text]:focus, textarea:hover, textarea:focus{background-color: #ffdf19;}
textarea{width:50%;padding:15px;box-sizing:border-box;resize:none;height: 110px;background-color: #f8f8f8;border:1px solid #cacaca;transition:all 0.6s;}
.checkbox_label{cursor: pointer;}

.change_background{background-color: #ffdf19;}
.change_background:nth-child(2n){background-color: #ebb700;}

section {
    padding: 10px 0px;
}

body {
    height: 100%;
}

section.body {
    padding: 0px;
    margin-top: 94px;
}

section + section{
  border-top:1px solid black;
  margin-top:10px;
}

.group:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.group {
  display: inline-block;
  clear: both; }

.clear{clear: both;}

ul li{list-style: none;}

body .ps-container .ps-scrollbar-y{background-color: #ffcb05;}

.relative{position:relative;}

/* start commented backslash hack \*/
* html .group {
  height: 1%; }

.group {
  display: block; }

/* close commented backslash hack */
html, body {
  height: 100%; overflow: hidden; }

body {
  background: #ffcb05;
  font-family: 'Raleway', sans-serif;}

body.noScroll {
  overflow: hidden; }

.right {
  float: right; }

.left {
  float: left; }

div.button{display:inline-block;}

.hidden, a.button.hidden, div.button.hidden {
  display: none; }

.uppercase {
  text-transform: uppercase; }

.center {
  width: 1000px;
  margin: 0 auto;
  position: relative; }

.text_center {
  text-align: center; }

ol.indepth{
  margin-left: 10px;
  padding-left: 10px;
  list-style: none;
  border-left: 1px solid #ffcb05;
}

input[type=text], textarea {
  appearance: none;
  -webkit-appearance: none; }

.full_width{ width:100%; }

.header{background: #e9e9e9; position: fixed;width: 100%;top: 0;left: 0;z-index: 50;}


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;  /* Height of the footer */
  background: #c0c0c0; }

.button{background-color: #000;transition:all 0.6s;position:relative;}
.button a, a.button{padding:5px 10px;display: block;color:#ffcb05;font-weight: 600;font-size: 20px;text-transform: uppercase;transition:all 0.6s; text-align:center;cursor:pointer;}
a.button{display:inline-block;}
.button:hover{background-color: #fff;}
.button a:hover, a.button:hover{text-decoration: none;color:#000;}
.loading_animation{ position:absolute; top:0px; left: 0px; height:100%; width:100%; fill: #ffcb05; background: black; }

/* Switch style */

.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.cmn-toggle + label {
  padding: 2px;
  width: 150px;
  height: 30px;
  border: 2px solid black;
  font-weight:bold;
  line-height: 30px;
  color: black;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

input.cmn-toggle + label .on, input.cmn-toggle + label .off {
  position: absolute;
  top: 2px;
  width: 50%;
  text-align:center;
}

input.cmn-toggle + label .on {
  left:0px;
}

input.cmn-toggle + label .off {
  right:0px;
}

input.cmn-toggle + label:after {
  display: block;
  position: absolute;
  content: "";
}
input.cmn-toggle + label:after {
  text-align:center;
  top: 2px;
  left: 2px;
  bottom: 2px;
  width: 75px;
  background-color: black;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
input.cmn-toggle:checked + label:after {
  margin-left: 75px;
}

/* End switch style */

/* Widths */
.width20{width:20%;}
.width40{width:40%;}
.width50{width:50%;}
.width60{width:60%;}
.width80{width:80%;}
.width100{width:100%;}

/* Backgrounds */
.primary_background{background:#ffcb05;}
.light_background{background:#ffdf19;}
.dark_background{background:#ebb700;}

/*End Footer to the bottom fix*/

/*Start Old Browsers Fix*/
#outdated #btnClose {
  position: absolute;
  top: 10px;
  right: 10px; }

/*End Old Browsers Fix*/

/*Start Header*/
/*End Header*/

/*Start Footer*/
#scrollTop {
  cursor: pointer; }

/*End Footer*/

/*Start Icons*/
.icon{width:30px;height:30px;cursor:pointer;}
/*End Icons*/

/* Homepage Style */ 
.header nav{float:left;}
.header .button{float:right;background-color: #ffcb05;margin:30px 30px 0 0;}
.header .button:hover{background-color: #ebb700;}
.header .button a{color:#000;padding:6px 25px;}

.left_side_header {
    width: 280px;
    background-color: #1b1b1b;
    transition: all 0.6s;
    position: relative;
    float: left;
    padding-bottom: 9px;
}

.left_side_header .person{margin:10px 0 0 20px;float:left;}
.left_side_header .sidebar_toggler{cursor:pointer;position: absolute;top:10px;right:10px;}
.spin_pic_animation{animation: spin_pic 3s ease-in-out; -webkit-animation: spin_pic 3s ease-in-out;}
.z_index_animation{animation:flip_it 3s;-webkit-animation:flip_it 3s ease-in-out;}
.header .play_button{position: absolute;bottom: 10px;right:10px;margin:0;}
.header .play_button a{padding: 5px 10px;font-size: 11px;}
.left_side_header .person .person_pic{position: relative;width:83px;height: 83px;float: left;margin-right: 20px;z-index: 2;}

.left_side_header .person .logged_user_pic {
    border-radius: 55px;
    width: 75px;
    height: 75px;
    overflow: hidden;
    float: left;
    background: #fff;
}

.left_side_header .person .logged_user_pic img.taller{width:100%;height: auto;}
.left_side_header .person .logged_user_pic img.wider{width:auto;height: 100%;}
.flip_side{background-color: #fff;position: absolute;border-radius: 85px;top: 0;width: 83px;height:82px;transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);z-index: -1;}
.flip_side span{position: absolute;top:30px;left:25px;}
.online_icon{shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd; width:17px;height: auto;position: absolute;bottom: 4px;right:-4px;}

.left_side_header .person .user_info {
    float: left;
    transition: all 0.6s;
    position: absolute;
    left: 120px;
    top: 10px;
}

.left_side_header .person .username{color:#ffffff;font-size: 22px;font-weight: 400;margin-top: 10px;}
.left_side_header .person .task_name{color:#ffcb05;font-size: 15px;font-weight: 300;}
.left_side_header .person .task_name img{width:13px;height: auto;}

.right_side_header {
    background-color: #000;
    transition: all 0.6s;
    padding-left: 280px;
    clear: none;
}

.right_side_header nav{
    position: relative;
    max-width: 80%;
    width: 100%;
    padding: 0 60px;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.home-page-menu-slider .owl-item {
    text-align: center;
}

.home-page-menu-slider .owl-buttons .owl-prev {
    background: url(../img/slider-arrows.png) no-repeat 10px 0px;
}

.home-page-menu-slider .owl-buttons .owl-next {
    background: url(../img/slider-arrows.png) no-repeat -27px 0;
}


.right_side_header nav ul{font-size:0px;position:relative;transition:all 0.6s;}
.right_side_header nav ul li{display:block;list-style: none;position: relative; cursor: pointer;transition:all 0.6s;}

.right_side_header nav ul li a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    padding: 39px 5px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.6s;
}

.right_side_header nav ul li a span{display: inline-block;transition:all 0.6s;outline:1px solid transparent;}
.right_side_header nav ul li:hover a{background-color: #ebb700}
.right_side_header nav ul li:hover a span{color:#000;}
.right_side_header nav .menu_arrow{height:97px;width:60px;fill:white;transition:all 0.6s;position:absolute;top:0px;background:black;z-index:10;display:block;}
.right_side_header nav .menu_arrow.hidden{display:none;}
.right_side_header nav .menu_arrow.left_arrow{left:0px;}
.right_side_header nav .menu_arrow.right_arrow{right:0px;}

.right_side_header nav .menu_arrow:hover {
    fill: black;
    background: #ffcb05;
}

.colleagues {
    background-color: #383838;
    box-sizing: border-box;
    padding: 10px;
}

.all_colleagues{transition:all 0.6s;}

.colleagues h2 { 
    font-size: 30px;
    font-weight: 300;
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
    margin-bottom: 15px;
    transition: all 0.6s;
    color: #ffcb05;
}

.person_pic_holder{width:65px;height: 65px;float:left;overflow: hidden;border-radius: 35px;}
.person_pic_holder img.wider{height: 100%;width: auto;}
.person_pic_holder img.taller{height: auto;width: 100%;}
.image_combo_holder{position: relative;width:65px;height: 65px;float:left;margin-right:10px;}
.image_combo_holder .availability_pic{width:17px;height: auto;position: absolute;bottom: 4px;right:-4px;}
.single_colleague{padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid black;word-break: break-word;transition:all 0.6s linear 0.1s;}
.little_colleagues .single_colleague{padding-bottom: 5px;margin-bottom: 5px;}

.single_colleague .person_info {
    display: table-cell;
    color: #fff;
    transition:all 0.6s;
    height: 65px;
    vertical-align: middle;
}

.single_colleague .person_info p{margin:0;text-transform: capitalize;}
.little_colleagues .single_colleague .person_info{opacity: 0;visibility: hidden;height: 0;transition:all 0.6s;}
.single_colleague .person_info p:nth-child(2){color:#ffcb05;}
.single_colleague .person_info p a:hover{text-decoration: underline;}

.program {
    padding: 20px 30px;
    box-sizing: border-box;
    position: relative;
    transition: all 0.6s;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-transform-style: preserve-3d;
    width: 100%;
    background-color: #ffcb05;
}

.program.big_program{width:92%;}
.program .week_days{margin-left: 140px;}
.program .week_days .single_day{width:140px;box-sizing:border-box;padding:20px;height: 100px;border-right:1px solid #383838;background-color: #000;float:left;}
.program .week_days .single_day h3{color:#ffcb05;font-size: 28px;font-weight: 300;text-align: center;}
.program .week_days .single_day p{color:#ffcb05;font-size: 11px;font-weight: 300;text-align: center;text-transform: uppercase;}


.main-container {
    height: 100%;
}

.fullscreen .main-container, .fullscreen .body
{
  height: 100%;
}

.fullscreen .program{
  min-height:100%;
  z-index:100;
  width: 100%;
  margin-left: 0px;
  margin-top:0px;
}

.fullscreen .program .fixed_header
{
  top:0px;
}

.main_table{width:1120px;margin:0 auto;}
.oranged{background-color: green;}
.person_program{position: relative;z-index: 0;}
.repeat_types{position: relative;}
.person_program .owl-buttons, .week_hours_slider .owl-buttons{display: none;}
.calendar_table{position: absolute;right:20px;bottom:-100px;}
.bottom_carousel_div{margin-left: 140px;position: relative;z-index: 10;}
.person_program .person_image_table{position: absolute;top:0;left:0;z-index: 50;background-color: #ffdf19;}
.person_program:nth-child(even){background: #ffdf19;}
.person_program .single_cell_availability{width:140px;height: 98px;border-right:1px solid #383838;display:table-cell;box-sizing:border-box;padding:15px 10px;text-align: center;vertical-align: middle;}
.person_program .single_cell_availability.white{background-color: #ebb700;}
.person_program.odd{background-color: #ebb700;}
.person_program .single_cell_availability img{width:25px;height: auto;margin-top: 10px;}
.person_program .single_cell_availability p{font-size: 13px;color:#000;line-height: 20px;margin:2px 0;}
.person_program > .single_cell_availability:first-child > .person_image_div{width:68px;height: 68px;border-radius: 35px;margin:0 auto;overflow: hidden;}
.person_program .person_image_div > img{width: 100%;height: auto;border-radius: 35px;margin:0;}
.person_program .person_image_div > img.wider{height: 100%;width: auto;}
.person_program > .single_cell_availability:last-child{border-right:0;}
.track_time_form{margin:20px 0;}
.track_time_form .datepicker_holder{width: 260px;float: left;margin-right: 30px;}
.track_time_form .datepicker_holder img{display: none;}
.track_time_form .datepicker_holder input{width: 90%;}
.track_time_form form input{background-color:#ebb700;border:1px solid #000;padding:10px;color:#000;font-size: 12px;font-weight: 500;width:20%;margin-right: 30px;transition:all 0.6s;font-family: 'Raleway', sans-serif;}
.track_time_form form input:hover, .track_time_form form input:focus{background-color: #ffdf19;}
::-webkit-input-placeholder {color:#000;font-size: 12px;font-weight: 500;text-transform: uppercase;font-family: 'Raleway', sans-serif;}
:-moz-placeholder {color:#000;font-size: 12px;font-weight: 500;text-transform: uppercase;font-family: 'Raleway', sans-serif;}
::-moz-placeholder {color:#000;font-size: 12px;font-weight: 500;text-transform: uppercase;font-family: 'Raleway', sans-serif;}
:-ms-input-placeholder {color:#000;font-size: 12px;font-weight: 500;text-transform: uppercase;font-family: 'Raleway', sans-serif;}
.track_time_form form .save_button{background-color: #000;font-size: 20px;color:#ffcb05;text-transform: uppercase;font-weight: 600;cursor: pointer;float:right;margin-right: 0;padding:6px 15px;}
.track_time_form form .save_button:hover{background-color:#2a2a29;}
.track_time_form form .checkbox_holder{display: block;float:left;clear:both;}
.track_time_form form .checkbox_holder .yes_tick{top:7px;}
.track_time_form form .checkbox{background-color: #ebb700;border:1px solid #000;}
.track_time_form form label{text-transform: uppercase;color: #000;margin-top: 16px;display: block;padding-left: 35px;font-weight: 500;font-size: 13px;}
.user_schedule .button{float:right;margin:20px 0 20px 20px;}
/* End */

/* loader style */
.loader{position: fixed;width:100%;height: 100%;top:0;left:0;background-color: #fff;z-index: 100;transition:all 0.6s;visibility: visible;opacity: 1;}
.loader.hide{visibility: hidden;opacity: 0;}
.loader .devboard_loader{position: absolute;top:50%;left:50%;margin-left:-250px;margin-top:-122px;background: url(../img/devboard_loader.gif) no-repeat;width:500px;height: 245px;}
/* end */


/* single user style */
.single_user_page{box-sizing:border-box;padding:10px;}
.single_user_page .top_info{padding-bottom: 20px;margin-bottom: 10px;border-bottom: 1px solid #000;}
.single_user_page .bottom_info .section{margin:30px 0;}
.single_user_page .bottom_info h3{font-size: 14px;font-weight: 700;color:#000;text-transform: uppercase;}
.single_user_page .bottom_info p{font-size:18px;color:#000;font-weight: 500;}
.single_user_page h1{font-size: 25px;font-weight: 500;color:#000000;line-height: 80px;float:left;}
.single_user_page .button{float:right;margin-top: 20px;}
.single_user_page .button a{padding:5px 30px;}
.single_user_page .image_combo_holder{width:80px;height: 80px;margin-right: 10px;}
.single_user_page .image_combo_holder .person_pic_holder{width:80px;height: 80px;border-radius: 50px;}
.single_user_page .image_combo_holder .person_pic_holder img{height: 100%;width: auto;}
.single_user_page .image_combo_holder .availability_pic{width: 27px;}
/* end */

/* time track style */

.program .time_track_table{width:1170px;}
.program .time_track_table .person_program .single_cell_availability p{color:#000;font-size: 18px;font-weight: 500;text-align: center;width:100%;margin: 5px 0;}
.program .time_track_table .week_days{margin-left:130px;}
.program .time_track_table .week_days .single_day{width:130px;}
.time_track_table .person_program .single_cell_availability{width:130px;}
.time_track_table .person_program:nth-child(even) .track_hours{background-color: #ffdf19;}
.time_track_table .person_program:nth-child(odd) .track_hours{background-color: #ebb700;}
.time_track_table .person_program .track_hours h3{font-size: 20px;color:#000;font-weight: 700;}
.add_new_hours{float:right;margin-bottom: 20px;position: relative;z-index: 6;}
.single_project_name_cell{position: absolute;top: 0;left: 0;z-index: 5;background-color: #ffdf19;}
.time_track_table .person_program:nth-child(odd) .single_project_name_cell{background-color: #ebb700;}
.single_project_name_cell h2{font-size: 12px;}
.time_track_table .bottom_carousel_div{margin-left: 130px;}
.person_program:nth-child(5){border-bottom: 1px solid #383838;}
.week_hours{text-align: center;}
.week_hours h2{padding: 10px;margin: 0;text-align: center;float: right;background-color: #ebb700;width: 109px;font-size: 16px;border:1px solid #000;border-top:0;}
.months h1{text-transform: uppercase;margin:10px 0;}
.month{float:left;padding: 5px;line-height: 30px;}
.month_hours{cursor: pointer;}
.single_month{margin:10px 0;}
.single_month .month:first-child{padding-left: 0;}
.single_month .dotted_arrow{margin:0;padding:10px 25px 0 0;transition:all 0.6s;-webkit-transform-origin: 6px 21px;transform-origin: 6px 21px;}
.block .dtBox{position: absolute;top: 40px;left: -160px;} 
.single_header, .body_project{float: left;width: 33%;padding: 4px 0;border-bottom: 1px solid #000;}
.hidden_project_info{display: none;}
.filther{padding:10px 0;}
.filther .button{float:right;margin:0 10px;}
.filther .button:first-child{margin-right: 0;}
.calendar_table_time_track{border-collapse: collapse;}
.calendar_table_time_track thead{background-color: #000; color:#fff;}
.calendar_table_time_track td{padding: 10px;text-align: center;vertical-align: top;}
.calendar_table_time_track td.inactive{background-color: #fff;opacity: 0.4;}
.total_worked_hours{text-align: right;margin-right: 10px;}
.hidden_month_project_info{background-color: #fff;padding:20px;}
.green{background-color:green;cursor: pointer;}
/* transitions */
.day_time_track{transition:all 0.5s;opacity: 1;visibility: visible;}
.day_time_track.transform{transform:rotateX(270deg);-webkit-transform:rotateX(270deg);opacity: 0;visibility: hidden;}
.day_time_track.hide{height: 0;}
.months{transition:all 0.5s;transform:translateX(-400px);-webkit-transform:translateX(-400px);opacity: 0;visibility: hidden;height: 0;}
.months.show{height: auto;transform:translateX(0);-webkit-transform:translateX(0);opacity: 1;visibility: visible;}
.filther{transition:all 0.5s;}
.filther.hide{opacity: 0;visibility: hidden;}
.single_user_time_tracking_data{padding:5px 5px;}
.single_user_time_tracking_data .custom_info{display: inline-block;width: 17%;vertical-align: top;}
.single_user_time_tracking_data .custom_info.description{width: 30%}
.single_user_info h5{font-size: 19px;font-weight: 400;border: 1px dotted #000;padding: 10px 0 10px 5px;border-left:0;border-right:0;}
.custom_info_header{font-weight: 600;font-size: 18px;}
/* end */

/* worked hours style */

.worked_hours table th{text-align: left;padding-left:5px;}
.worked_hours table td, .worked_hours table th{vertical-align: top;}
.worked_hours table > tbody > tr > td:last-child{min-width: 150px;}
.worked_hours table td textarea{height: 80px;width: 100%;}
.worked_hours table td .button, .worked_hours table th .button{display: inline-block;margin:5px 0;}
.worked_hours table th .button{margin:10px 0;}
.worked_hours table td .button a, .worked_hours table th .button a{font-size: 16px;padding: 3px 10px;text-transform: capitalize;}
.worked_hours table td .update_row{display: none;}
.filther_fields{height:0;width:220px;transition:0.6s;opacity: 0;visibility: hidden;margin-top: 10px;}
.filther_fields.show{height:137px;opacity: 1;visibility: visible;}
.worked_hours table .filther_fields .datepicker{width: 85%;margin: 0 0 10px;}
.worked_hours table th span{cursor: pointer;}
.worked_hours thead .datepicker_holder > img{right: 16px;}
.worked_hours .datepicker_holder > img, .add_bills .datepicker_holder > img{border-color: #000;}
.filther_icon{width: 12px;height: auto;margin-left: 3px;}
.worked_hours_table tr td h4{margin: 4px 0;font-size: 21px;font-weight: 300;text-transform: uppercase;display: inline-block;}
.worked_hours_table tr td h4 img{width: 12px;height: auto;transition:all 0.6s;transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.worked_hours_table tr td h4 img.rotated{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.worked_hours_table tr.month_tr{cursor: pointer;}
.worked_hours_table tr.month_tr td{border-bottom: 1px solid #000;background-color: #ebb700}
.worked_hours .show_all{margin:10px 0 20px;}
.worked_hours .show_all .show_all_button{display: inline-block;}

/* end */

/* end */

/* lunch style */
.lunch .button_holder .button{display: inline-block;margin:5px 10px;}
.lunch .button_holder .button:first-child{margin-left: 0;}
.lunch .button_holder .button:last-child{margin-right: 0;}
.meal_name_td .icon{float:right; margin-left:5px;}
input.custom_order_name{margin:0px;width:80%;}
a.button.order_food_button{display:block;}
/* end */

/* datetimepicker style */
body .dtpicker-twoButtons .dtpicker-buttonClear{background: #ffdf19}
body .dtpicker-twoButtons .dtpicker-buttonClear:hover{background: #ebb700}

body .dtpicker-twoButtons .dtpicker-buttonSet{background: #ffdf19;color:#000;}
body .dtpicker-twoButtons .dtpicker-buttonSet:hover{background: #ebb700}

body .dtpicker-header .dtpicker-value{color:#000;}
/* end */


/* custom_schedule */
.custom_schedule h1,h2,p,.repeat_holder,.repeat_holder .timeline,.repeat_holder .datepicker_holder{margin:10px 0;}
.custom_schedule h1{font-size: 32px;}
.custom_schedule h2{font-size: 24px;}
.custom_schedule p{font-size: 16px;}
.custom_schedule .error{font-size: 17px;padding-top: 15px;}
.custom_schedule select{font-size: 18px;text-transform: capitalize;padding:10px 0;}
.repeat_holder .button, .inputed_events_section .button{display:inline-block;margin: 10px 0;}
.repeat_holder .datepicker_holder{width:20%;}
.repeat_holder{display: none;}
.repeat_holder:first-child{display: block;}
.role_user .button{margin:0;}
.role_user .button a{padding:2px 10px;text-transform: capitalize;font-size: 18px;}
.single_events .role_name, .single_events .role_user{width: 25%;margin:2px 0;}
.hideable_form_fields{display: none;}
.hideable_form_fields input{width: 85%;}
.hideable_form_fields .datepicker_holder{width: 85%;margin:0;}
.role_user .update_custom{display: none;}
.repeating_event .hideable_form_fields .datepicker_holder{margin:0 0 10px;}
.inputed_events_section{padding:10px 0;}
.timeline_line{background-color:#000;height:7px;position:absolute;top:21px;z-index:10;}
.item_holder{text-align: center;margin:0 auto;}
.comment .profile_pic_holder{margin:0 5px;}
.comment .person_pic_holder { margin: 0 10px 5px 0 ;}
#upload{margin-top: 20px;}
.comment .profile_picture{vertical-align: top;}
.comment label, .meal_info .filedrag{font-size: 12px;}
.comment .files{width: 50%;float:left;display: none;}
.comment .food_table_slider{height: 300px;overflow: hidden;float:left;}
.food_table_slider{max-width: 450px;margin-left: 50px;}
.upload_food_photo_form .files{display: none;}
.food_table_slider .item{text-align: center;}
.food_table_slider .item img{height: 300px;width: auto}
.upload_button{position: absolute;top:150px;right:-34px;transform:rotate(90deg);-webkit-transform:rotate(90deg);}

/* end */

/* popups */
.popup_holder{background-color: rgba(11,11,11,0.8);position: fixed;top:0;left:0;width:100%;height: 100%;visibility: hidden;opacity:0;transition:all 0.4s;z-index: 60;cursor: default;}
.popup_holder.message .show_popup{overflow: hidden;}
.popup_holder.message .button{float:right;}
.popup{position: fixed;top:50%;left:50%;min-width: 670px;max-width: 900px;max-height:80%;overflow-x:hidden;overflow-y:auto;}
.popup .heading{border-bottom: 1px solid #000;background-color: #ffcb05;padding:10px;}
.popup .heading h1{font-size: 20px;color:#000;font-weight: 400;padding:10px 0;}
.popup_body{background-color: #fff;box-sizing:border-box;padding:20px;position: relative;}
.popup_body .half{width:50%;float:left;}
.popup_body .half .block{min-height: 70px;position: relative;width: 90%}
.popup_body .half .block .datepicker_holder{width: 100%;}
.popup_body .half .block .datepicker_holder > img{right: 6px;}
.popup_body .half .block label{text-transform: uppercase;display: inline;}
.half_holder .half .block input[type=text]{width:100%;box-sizing:border-box;}
.popup_body label{width:100%;display: block;margin:5px 0;}
.popup_body .half input[type=text], .popup_body .half select{padding:10px 5px;background-color: #f8f8f8;color:#5f5f5f;font-size: 12px;}
.popup_body .half input[type=text]{border:1px solid #cacaca;}
.popup_body .half select{text-transform: uppercase;}
.textarea{width:100%;}
.textarea textarea{width:100%;padding:15px;box-sizing:border-box;resize:none;height: 110px;background-color: #f8f8f8;border:1px solid #cacaca;}
.popup_buttons{margin: 10px 0;}
.popup_buttons input[type=submit]{margin-top: 0;margin-right: 20px;}
.popup_buttons .button{float:left;margin-right:20px;}
.popup_buttons .button:nth-child(2){background-color: #ffcb05;}
.popup_buttons .button:nth-child(2) a{color: #000;}
.popup{transition:all 0.6s;visibility: hidden;opacity:0;transform:scale(0.5,0.5);-webkit-transform:scale(0.5,0.5);}
.show_popup{visibility: visible;opacity:1;transform:scale(1,1);-webkit-transform:scale(1,1);overflow-y:scroll;}
.add_skills_popup{width:700px;}
.add_skills_popup.show_popup{overflow: visible;}
.add_skills_popup input{padding:10px 5px;background-color: #f8f8f8;color:#5f5f5f;font-size: 12px;width: 200px;margin:10px 1px;}
.add_skills_popup .button{display: inline-block;}
.add_skills_popup .button a{padding:5px 35px;}
.add_skills_popup .input{width: 30%;display:inline;}
/* popups comments*/
.reply_buttons{position: absolute;top:5px;right:5px;}
.reply_buttons .button{display: inline-block;}
.reply_buttons .button a{font-size: 10px;}
.reply_textarea{margin:10px 0px;}
.popup .months{visibility: visible;opacity: 1;height: auto;-webkit-transform: translateX(0);}
/* end */

/* datepicker style */
.ui-datepicker{width:270px;}
.ui-datepicker table{font-size: 12px;}
.ui-datepicker td{padding:0;}
.ui-datepicker .ui-datepicker-header{background: #ffcb05;border-color:#cacaca;}
.ui-datepicker-calendar .ui-state-highlight{background:#ffdf19 !important;border-color:#ebb700 !important;}
.ui-datepicker .ui-datepicker-title{color:#000;font-family: 'Raleway', sans-serif;font-weight: 400;}
.datepicker_holder{position: relative;width:87%;}
.datepicker_holder > img{position: absolute;top: 6px;right: -4px;width: 25px;height: auto;border-left: 1px solid #cacaca;padding-left: 8px;}
.repeat_holder .datepicker_holder > img{border-left: 1px solid #000;}
.datepicker_holder input{width:100%;}
.half_holder .half .block .datepicker_holder input{width:100%;}
/* end */

/* projects */

.projects_header{background-color: #000;padding:10px 0;}
.project_cell{padding: 20px;width: 11.2%;float:left;border-right: 1px solid #383838;}
.project_cell:last-child{border:none;}
.project_cell h2{font-size: 19px;color:#ffcb05;font-weight: 300;text-align: center;}
.projects_body .project_cell{min-height: 40px;}
.projects_body.even{background-color: #ffd537;}
.projects_body.odd{background-color: #ffdb50;}
.project_cell div{color:#000000;font-size: 13px;font-weight: 600;line-height: 20px;}
.project_cell div.buttons{text-align: center;}
.projects_body .project_cell:last-child{padding:20px 0;width:15%;}
.project_cell .billable{text-align: center;}
.project_cell .billable img{width: 25px;height: auto;margin-top: 8px;}
.project_cell .buttons img{margin:0 10px;width:40px;height: auto;cursor: pointer;}  

/* end */

/* admin time tracking */
.show_hide_button{cursor: pointer;padding:10px 0 10px 15px;box-sizing:border-box;text-transform: uppercase;border-bottom:1px solid #000;}
.show_hide_button > img{width: 15px;height: auto;padding-right: 15px;position: relative;top:-5px;transition:all 0.6s;transform-origin: 10px 10px;-webkit-transform-origin: 10px 10px;}
.show_hide_button > img.rotated{transform:rotate(90deg);-webkit-transform:rotate(90deg);}
h4.show_hide_button > img{top:2px;}
.hideable{display: none;margin-left: 20px;}
.hideable h3{font-size:30px;background-color: #ffdf19}
.hideable h3 > img{top:-2px;}
.users_time_track_holder h2, .projects_time_track_holder h2{margin:0;font-weight:100;font-size: 40px;font-weight: 700;background-color: #ebb700}
.user_month_hours.users_time_track_by_month .dragable-slider{width: 95%;overflow: hidden;transition:all 0.6s;}
.user_month_hours.users_time_track_by_month .dragable-slider .item{margin:0 20px;}
.user_month_hours.users_time_track_by_month .dragable-slider h2{padding:10px 0 10px 15px;}
.user_month_hours.users_time_track_by_month .dragable-slider .users_hours{padding-left: 15px;}
.time_tracking_user_month .show_popup{overflow: visible;}
.time_tracking_user_month .popup{max-width: 1024px;width: 1024px;}
.time_tracking_user_month .custom-calendar-full{padding-top: 0;}
.time_tracking_user_month .custom-calendar-full .fc-calendar .fc-row > div > div span{font-size: 9px;text-transform: capitalize;}
.time_tracking_user_month .months{background: #ffcb05}
.time_tracking_user_month .months .custom-calendar-wrap{padding:15px;}
.time_tracking_user_month .custom-calendar-full h2{margin:0 0 10px;}
.users_time_track_by_month .single_task{cursor: pointer;}
.user_project_time_holder{margin:15px 0;vertical-align: top;}
.user_project_time_holder .combo_image_holder{margin: 10px 0 5px;text-align: center;}
.user_project_time_holder .box{width:180px;height: 200px;box-shadow: 3px 2px 6px #000;display: inline-block;margin: 0 20px 10px 0;vertical-align: top;position: relative;}
.user_project_time_holder .boss{display: inline-block;float: none;}
.user_project_time_holder h4{text-align: center;text-transform:capitalize;}
.user_project_time_holder .project_hours{position: absolute;bottom: 10px;right:10px;font-size: 32px;}
.total_project_hours{float: right;padding: 10px;font-size: 55px;}
/* end */

/* css3 animation */

/* Chrome, Safari, Opera */
@-webkit-keyframes spin_pic {
  0%{-webkit-transform:rotateY(0deg) translateX(0px) translateY(0px);}
  50%{-webkit-transform:rotateY(180deg) translateX(-200px) rotate(0deg);}
  60%{-webkit-transform:rotateY(180deg) translateX(-200px) rotate(25deg);}
  70%{-webkit-transform:rotateY(180deg) translateX(-200px) rotate(-25deg);}
  100%{-webkit-transform:rotateY(0deg) translateX(0) rotate(0deg);}
}

/* Standard syntax */
@keyframes  spin_pic {
  0%{-webkit-transform:rotateY(0deg) translateX(0px) translateY(0px);}
  50%{-webkit-transform:rotateY(180deg) translateX(-200px) rotate(0deg);}
  60%{-webkit-transform:rotateY(180deg) translateX(-200px) rotate(25deg);}
  70%{-webkit-transform:rotateY(180deg) translateX(-200px) rotate(-25deg);}
  100%{-webkit-transform:rotateY(0deg) translateX(0) rotate(0deg);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes flip_it {
  0%{z-index:-1;}
  66%{z-index:1;}
  90%{z-index: -1;}
  100%{z-index: -1;}
}

/* Standard syntax */
@keyframes  flip_it {
  0%{z-index:-1;}
  66%{z-index:1;}
  90%{z-index: -1;}
  100%{z-index: -1;}
}


/* end */

/* complete your profile page */
.complete_profile_edit h1{padding-bottom: 20px;}
.complete_profile_edit .select2-container .select2-choice{background: #ebb700;padding:5px 0 5px 8px;}
.complete_profile_edit .select2-container .select2-choice .select2-arrow b{background-position: 1px 6px;}
.update_profile_form label{display: block;margin:10px 0;}
.update_profile_form input[type=text]{background-color: #ebb700;border: 1px solid #000;padding: 10px;color: #000;font-size: 12px;font-weight: 500;width: 95%;margin-right: 30px;transition: all 0.6s;font-family: 'Raleway', sans-serif;box-sizing:border-box;}
body .choose_theme{width: 48%}
.update_profile_form input:hover, .update_profile_form input:focus {background-color: #ffdf19;}
.update_profile_form input[type=submit], .black_btn{background-color: #000;font-size: 20px;color: #ffcb05;text-transform: uppercase;font-weight: 600;cursor: pointer;float: left;margin-right: 0;border:0;transition:all 0.6s;margin-top: 20px;}
.update_profile_form input[type=submit]:hover, .black_btn:hover{background-color: #fff;color:#000;}
.single_group{width:50%;float:left;box-sizing:border-box;}
.whole_page{padding: 10px 0;}
.whole_page h2{margin-top: 10px;}
.whole_page section{padding-top:0;}
.whole_page section label{float:left;margin:0 10px;cursor: pointer;padding-bottom: 7px;}
.whole_page section label span{text-transform: capitalize;}
.whole_page section .button{display: inline-block;margin-top: 0;}
.whole_page section .button a{padding:5px 30px;}
.label_holder{padding:10px 0;}

.cover_photo{
    width: 100%;
    height: 315px;
    position: relative;
    top: -23px;
    left: -50px;
    padding-right: 70px;
    background-size: 100% auto;
    background: url("../img/profile_covers/default_cover.jpg") no-repeat #ffcb05;
}

.profile_page_avatar{
  padding: 20px 0px 0px 20px;
  margin-left: 50px;
  color: #ffcb05;
}

.profile_page_avatar .person_info{
  float:left;
  margin-left:20px;
}
.profile_page_avatar .user_name_holder{
  line-height:60px;
  font-size:60px;
  font-weight:bold;
  margin-top:0px;
}
.profile_page_avatar .additional_info{
  font-size:30px;
  font-style:italic;
}
.profile_page_avatar .image_combo_holder{
  width:200px;
  height:200px;
  border:5px solid #ffcb05;
}
.profile_page_avatar .person_pic_holder{
  width:200px;
  height:200px;
  border-radius: 0px;
}
.profile_page_avatar .person_info{
  max-width:700px;
}
/* end */

input:-webkit-autofill {-webkit-box-shadow:0 0 0 50px #ebb700 inset;}
input:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0 50px #ebb700 inset;} 

/* tasks */
.single_task{padding:5px 0;border-bottom: 1px solid #000;}
.boss{width:70px;height: 70px;overflow: hidden;border-radius: 35px;float:left;}
.boss img{width:100%;height: auto;}
.boss img.wider{width:auto;height: 100%;}
.single_task .boss{width: 50px;height: 50px;}
.dotted_arrow{margin:17px 25px 0;float:left;}
.task_info{float: left;margin-left: 30px;padding-left: 30px;border-left: 1px solid black;height: 40px;line-height: 40px;margin-top: 10px;}
.single_task .checkbox_holder{float:right;margin-top:10px;}
.single_task .checkbox_holder img{top:7px;}
.task_form label{display: block;margin:10px 0;}
/* end */

/* users style */
.users_body {
    background-color: #000;
    overflow-y: scroll;
}

.users_center{width:490px;margin:0 auto;}

.user_action {
    padding: 20px;
    margin-top: 50px;
    background-color: #ffcb05;
}

.user_action h1{font-size: 30px;color: #ffcb05;font-weight: 400;padding: 10px 0;text-align: center;font-family: arial;background-color: #000;text-transform: uppercase;}
.user_action form .text_input{padding:10px;background: #ebb700;border: 1px solid #000;font-family: 'Raleway', sans-serif;width:100%;box-sizing:border-box;margin:5px 0;}
.register_user_action form input{padding:10px;background: #ebb700;border: 1px solid #000;font-family: 'Raleway', sans-serif;width:100%;box-sizing:border-box;margin:5px 0;}
.user_action form .login_button{display: inline-block;width:50%;}
.user_action form .holder{margin-top: 10px;}
.user_action form .holder .login_button, .user_action form .holder .button{float:left;margin:0 1px;}
.user_action form .login_button input{background-color: #000;padding:10px 20px 11px;display: block;color: #ffcb05;font-weight: 600;font-size: 15px;text-transform: uppercase;transition:all 0.6s;cursor: pointer;border:0;width:100%;margin:0;}
.user_action form .login_button input:hover{background-color: #fff;}
.user_action form .button{display: inline-block;width: 49%;text-align: center;}
.user_action form .button a{font-size: 15px;padding: 10px;}
.user_action form .button:hover{background-color: #fff;}
.login_pic{width:100%;height: auto;margin:10px 0;}
.success{color:green;padding: 10px 0;font-size: 14px;}
.back_to_login{margin-top: 10px;}
.back_to_login .button{display: inline-block;}

.logout_form .logout-form-submit {
    background: none;
    margin-top: 0;
    color: #fff;
    padding: 0;
    text-transform: none;
    font-weight: 400;
    transition: color 0.15s ease;
    font-family: 'Raleway', sans-serif;
}

.logout_form .logout-form-submit:hover {
    background: none;
    color: #ffcb05;
}

/* end */

/* file drag and drop style */

.filedrag{font-weight: bold;text-align: center;padding: 1em 0;margin: 1em 0;color: #555;border: 2px dashed #555;border-radius: 7px;cursor: default;}
.filedrag.hover{color: #08730a;border-color: #08730a;border-style: solid;}
.filedrag label{cursor: pointer;}
.profile_pic_holder{overflow: hidden;width: 100px;height: 100px;display: inline-block;border-radius:55px;}
.profile_pic_holder img{width:100px;height: auto;}
.files input{width: 100%;box-sizing:border-box;}
/* end */

/* add projects section */

.all_projects ul li{list-style: none;}
.all_projects{margin:10px 0;}
.add_project{margin-top:15px;}
.add_project .project_div{margin:10px 0;}
.add_project .project_div input[type=submit]{margin-top: 0;}
.add_project .project_div p{margin:10px 0;}
/*.add_project .project_div .select_holder{border-color: black;padding: 10px 0;width: 25%;margin:10px 0;}
.add_project .project_div .select_holder select{background:url(../img/select_arrow_black.png) no-repeat 87% -5px}*/
textarea{background-color: #ebb700;border-color:#000;}
textarea:hover, textarea:focus {background-color: #ffdf19}
.add_project h1{font-size: 34px;margin-bottom: 10px;}
.create_project input[type=submit]{margin-top: 5px;}
.create_project h2{font-size: 20px;margin: 10px 0}
.all_project_users{margin-top: 10px;}

/* end */

/* admin user roles section */
.role_name{font-weight: 600;text-transform: uppercase;margin-bottom: 10px;}
.role_name, .role_user{float:left;width: 33%;}
.roles_table .chosen-container{margin:10px 0;}
.select_tab_holder .connectedSortable{min-width: 257px;}
.chosen-container-single .chosen-single{background-color: #ffcb05;}
.chosen-container .chosen-results{background-color: #ebb700;}
.highlighted{background-color: #ffdf19;}
/* end */

/* admin users month hours*/

.user_month_hours .dragable-slider{width: 80%;margin:0 auto;}
.user_month_hours .dragable-slider .item{margin:0 10px;}
.single_user_month_hours{padding-top: 20px;}
.single_user_month_hours span{position: relative;top: -10px;font-size: 22px;}
.signle_user_worked_hours .months{visibility: visible;opacity: 1;transform:translateX(0px);-webkit-transform:translateX(0px);}
.signle_user_worked_hours .owl-carousel{width: 90%;margin-left: 50px;}
.admin_user_picture{text-align: center;}
.admin_user_picture img{width:150px;height: auto;border-radius: 150px;}

/* end */

/* admin home section */

.admin p{margin:5px 0;}
.admin ul{list-style: none;padding:10px 0;}
.admin ul li a{font-size: 16px}
.admin_home_screen .menu_item_holder{text-align: center;padding:20px 0;}
.admin_home_screen h1{text-align: center;font-size: 34px;color:#383838;}
.admin_home_screen span{display: inline-block;transition:all 0.6s;margin:0 3px;}
.admin_home_screen span a{display: block;padding:5px 15px;background-color: #383838;color:#fff;transition:all 0.6s;font-weight: 500;}
.admin_home_screen span:hover a{text-decoration: none;color:#383838;background-color: #fff;}

/* end */

/* work schedule style */
.work_schedule_index h1{margin-bottom: 20px;text-align: center;}
.work_schedule_form .button{display: inline-block;float:right;}
.work_schedule_form .days{margin:10px 0;}
.work_schedule_form .button a{font-size: 16px;}
.work_schedule_form .time_schedule{display: inline-block;width:80%;margin:5px 0;}
.work_schedule_form .time_schedule input{width:40%;}
.work_schedule_form .error{font-size: 16px;padding:5px 0;}
.work_program_success{text-align: center;font-size: 25px;margin-bottom: 5px;}
.role_user .datepicker_holder img{border-color:#000;}
/* end */

/* daily_work_schedule */
.daily_work_schedule{text-align: center;margin-top: 120px;}
.daily_work_schedule h1{font-weight: 300;font-size: 25px;}
.daily_work_schedule .daily_program_holder{display: inline-block;margin-top: 50px;position: relative;margin-left: 70px;}
.daily_work_schedule .daily_program_holder .hours{margin-left: -20px;}
.daily_work_schedule .box{float:left;width:29px;height: 28px;position: relative;}
.daily_work_schedule .hours .box{border-left:1px solid #000;text-align: center;}
.person_timeline .box{border-left:1px solid rgba(0,0,0,0.2);height: 45px;}
.person_timeline .box hr{margin-top: 27px;height: 0;background-color: #000;border: 0;position: relative;z-index: 1;opacity: 0.7;filther:alpha(opacity=70);}
.daily_work_schedule .hours .box span{position: absolute;top:-25px;left:-5px;font-family: 'Open Sans',sans-serif;font-weight: 300;}
.daily_work_schedule .hours .box .half_hour_mak{width:1px;height: 7px;position: absolute;bottom: 0;left:14px;background-color: #000;}
.daily_work_schedule .hours .box:last-child .half_hour_mak{display: none;}
.timeline_boxes{margin-left: 70px;position: relative;}
.timeline_boxes .box:nth-child(24n){border-right:1px solid rgba(0,0,0,0.2);}
.daily_work_schedule .owl-buttons .owl-prev{left:0;}
.daily_work_schedule .owl-buttons .owl-next{right:0;}
.day_timeline.buttons{width: 900px;text-align: right;margin: 0 auto;margin-top: 20px;}
.day_timeline.buttons .button{display: inline-block;float: none;}

svg.person_pic{width: 75px;height: 105px;margin-top: -20px;margin-left: -5px;fill:#ffcb05;}
svg.person_pic path{fill:#ffcb05;}
.person_timeline{margin-left: -90px;position: relative;z-index: 110;}
.person_timeline .person_pic_holder{width: 40px;height: 40px;position: absolute;top: 7px;left: 0;z-index: 110;}
.person_timeline .person_pic_holder .person_pic{width: 40px;border-radius: 30px;height: auto;}
.person_timeline .person_pic_holder .person_pic.wider{width: auto;height: 100%;}
.person_timeline{border-top: 1px solid #000;margin-top: 5px;padding-top: 5px;}
.clear_box{clear:both;}
.vertical_line{background-color: #000;width:0.61px;position: absolute;top:0;z-index: 10;}
.invisible_container{position: absolute;top:0;left:-110px;width:90px;height: 100%;z-index: 100;background-color: #ffcb05;}
/* end */

/* svg's fill */
.fil0{fill: #ffcb05;}
.fil1{fill: #000;}
/* end */

.owl-buttons .owl-prev {
  background: url(../img/arrow_black_left.png) no-repeat;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: -50px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.owl-buttons .owl-next {
  background: url(../img/arrow_black_right.png) no-repeat;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: -50px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* sortable list items */

.sortable {
  border: 1px solid black;
  width: 400px;
  min-height: 20px;
  list-style-type: none;
  margin: 0;
  padding: 3px 0 0 0;
  float: left;
  margin-right: 10px;
}
.sortable li {
  cursor: pointer;
  margin: 0 3px 3px 3px;
  padding-left: 5px;
  line-height:30px;
  background: black;
  border: 0px;
  color: #ffcb05;
}

.connectedSortable{border-style:dashed;box-sizing:border-box;padding: 10px;}
.connectedSortable li{position: relative;}

.connectedSortable .checkbox_holder {
  display:none;
}

.connectedSortable .button{
  position:absolute;
  top:6px;
  right:4px;
  opacity:0;
  border-radius: 12px;
  visibility: hidden;
}

.connectedSortable.connectedSortableTarget .button,
.connectedSortable .has_input .button{
  display:block;
}

.sortable .sortable_input{
  width:96%;
  padding:3px 0px 3px 3px;
  margin:0px;
  border:0px;
  border-radius: 3px;
}

.button.small_button{
  height:20px;
}

.button.small_button a{  
  padding:0px 11px;
  font-size:12px;
  text-align:center;
  line-height:20px;
  font-weight: bold;
}

.ui-state-default .button.small_button a{
  color: #ffcb05;
  padding:0 6px;
}

.ui-state-default .button.small_button a:hover{
  color: black;
}

.connectedSortable li:hover .button{
  opacity:1;
  visibility: visible;
}
.link_service_to_project h3{padding: 10px 0 5px}

/* sortable list items end*/


/* lunch */

.table > tbody > tr > td{
  padding: 5px;
}

.table > tbody > tr > td.no_padding{ padding:0px }

.table >tbody > tr:nth-child(even):not(.expanding_row){
  background: #ffdf19;
}

.table >tbody > tr.highlight{
  font-weight: bold;
}

.table >tbody > tr.highlight,
.table >tbody > tr:hover,
.table >tbody > tr:hover:nth-child(even){
  background: #ebb700;
}

.table .expanding_row.expanded table td
{
  border-right: 2px dashed #ffdf19;
  border-bottom: 2px dashed #ffdf19;
}

.table .expanding_row.expanded table td:first-child
{
  border-left: 2px dashed #ffdf19;
}

.table .expanding_row.expanded table tr:first-child td
{
  border-top: 2px dashed #ffdf19;
}

.table .expanding_row{
  display:none;
}
.table .expanding_row.expanded{
  display:table-row;
}

.table .expanding_row > td{padding: 0px;}

.table .expanding_row table{ width: 100%; }

.table .expanding_row table td{ padding: 5px; }


.info_icon{
  width:30px;
  height:30px;
  cursor: pointer;
}

.table .row_icon_container .collapse_row_icon{ display: none; }
.table .row_icon_container .expand_row_icon{ display: block; }
.table .row_icon_container.expanded .collapse_row_icon{ display: block; }
.table .row_icon_container.expanded .expand_row_icon{ display: none; }

.row_icon_container{
  width: 32px;
  margin:0px auto;
}

.expand_row_icon, .collapse_row_icon{
  transition:all 0.4s;
  fill:black;
  background: transparent;
  cursor:pointer;
}

.row_icon_container:hover svg{
  fill: #ffcb05;
  background: black;
}

input.no_margin{
  margin:0px;
}

.fixed_header {
    top: 127px;
    width: 100%;
    top: 97px;
    z-index: 10;
    transition: all 0.2s;
    background: #ffcb05;
}

.bottom_box_shadow{
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
}

.user_name{
  line-height: 65px;
  float:left;
  margin-left: 10px;
}

#add_bills .group{
  width: 50%;
}

.meal_info textarea{width: 100%;}
.meal_info .button{float:right;}

/* lunch end */

/* style tooltip */
body .ui-tooltip, body .arrow:after {background: #ffcb05;border: 2px solid #000;}
body .ui-tooltip {padding: 10px 20px;color: #000;border-radius: 20px;font-size: 14px;box-shadow: 0 0 7px black;}
.arrow {width: 70px;height: 16px;overflow: hidden;position: absolute;left: 50%;margin-left: -35px;bottom: -16px;z-index: 9999999;}
.arrow.top {top: -16px;bottom: auto;}
.arrow.left {left: 20%;}
.arrow:after {content: "";z-index: 9999999; position: absolute;left: 20px;top: -20px;width: 25px;height: 25px;box-shadow: 6px 5px 9px -9px black;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.arrow.top:after {bottom: -20px;top: auto;}

/* end */

/* all projects screen */
.project_item{border: 1px dotted #000;box-sizing: border-box;padding: 10px;transition:0.6s;outline: 1px solid transparent;margin:5px;}
.project_item:hover{transform:scale(1.5,1.5);-webkit-transform:scale(1.2,1.2);background-color: #ffdf19;box-shadow: 10px 10px 10px #000;}
.project_item h2{text-transform: uppercase;margin-top: 0;}
/* end */

/* commnets style */

.comments{margin-top: 10px;}
.comments h3{font-size: 24px;text-transform: uppercase;font-weight: 200;}
.comment{padding:5px 0;border-bottom: 1px solid #ffcb05;position:relative;}
.comment.child_comment{margin-left: 20px;padding: 5px 0;}
.comment_content{max-width: 80%;font-size: 13px;line-height: 13px;}
.meal_info .person_pic_holder{width: 40px;height: 40px;margin-right: 10px;}
.meal_info .person_pic_holder img{width: 40px; height: auto;}
.comment .person_pic{background-color: rgb(77, 77, 239);}
.main_comments{border-top: 1px solid #ffcb05;list-style:none;}
.kolio_png{height: 300px;width: auto;margin:0 auto;}

/* end */

/* knowledge base page */
.knowledge_base_holder {
    border-top: 1px solid #000;
}

.view_knowledge_base .error { 
    margin-bottom: 5px; 
}

.knowledge_base h1 div {
    width: 90%;
    font-family: 'Open Sans', sans-serif;
}

.knowledge_base h3{font-size: 24px;text-transform: uppercase;font-weight: 200;margin: 10px 0;}
.knowledge_base .edit_kb_button{position: absolute;top: 30px;right: 20px;}

.single_entry {
    padding: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #000;
    transition: all 0.4s;
    background-color: #ffcb05;
}

.single_entry .button a {
    font-family: 'Open Sans', sans-serif;
}

.single_entry .block .button{display: inline-block;}
.single_entry a:hover{text-decoration: none;}

.single_entry:nth-child(2n) {
    background-color: #ffdf19;

}

.comment .cke_widget_wrapper.cke_widget_block {margin: 10px 0 10px 74px;}

.knowledge_base .block {
    display: table-cell;
    border-right: 1px solid #383838;
    height: 65px;
    padding: 0 20px;
    font-weight: 500;
    font-size: 20px;
    color: #000;
    vertical-align: middle;
    text-align: center;
}

.left-side-block-holder {
    display: inline-block;
    width: 90%;
}

.right-side-block-holder {
    display: inline-block;
    width: 10%;
    vertical-align: top;
    margin-top: 15px;
}

.knowledge_base .right-side-block-holder .block {
    display: block;
    height: auto;
    text-align: right;
    width: auto;
    padding: 0;
    border: 0;
}

.knowledge_base .block.first-block {
    width: 150px; 
    text-align: left;
}

.knowledge_base .block.first-block a {
    font-family: 'Open Sans', sans-serif;
}

.knowledge_base .block.first-block a:hover {
    text-decoration: underline;
}

.knowledge_base .left-side-block-holder .block:last-child{border-right:0;text-align: left;padding-right: 0;}

.knowledge_base .block p {
    margin: 0;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}

.knowledge_base .block p:first-child{font-size: 24px;}
.knowledge_base .block:nth-child(5){border-right:0;text-align: left;width: 800px;}
.knowledge_base.admin_knowledge_base .block:nth-child(3){text-align: left;width: 300px;}

.knowledge_base h1 {
    font-family: 'Open Sans', sans-serif;
}

.knowledge_base .block .description {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
}

.knowledge_base .block .description > a:hover {
    text-decoration: underline;
}

.knowledge_base .block a.tags {
    color: #ffcb05;
    display: inline-block;
    font-size: 12px;
    background-color: #000;
    text-transform: uppercase;
    padding: 2px 5px;
    transition: all 0.6s;
    margin-right: 4px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.knowledge_base .block a.tags:hover{background-color: #fff;color:#000;}
.ckeditor_textarea{resize:true;}

.kb_description {
    margin-top: 10px;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
}

.kb_description p { 
    margin: 0 0 15px;
    line-height: 1.62;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.kb_description a {
    text-decoration: underline;
}

.knowledge_base .comments {
    font-family: 'Open Sans', sans-serif;
}

.kb_description .cke_widget_drag_handler{display: none;}
.kb_description .vote{float:left;width: 130px;margin-right: 10px;box-sizing:border-box;position: relative;}
.kb_description .vote .person_pic_holder {width: 90px; height: 90px; margin: 0 auto; float: none; border-radius: 75px;}
.actual-vote {text-align: center;}
code.hljs{white-space: pre-wrap;}
.dates {text-align: center;font-size: 20px;}

.kb_description .kb_code {
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
    padding-left: 10px;
    border-left: 1px solid #000;
    min-height: 210px;
    font-family: 'Open Sans', sans-serif;
}

.kb_description .kb_code img {float: left; padding-right: 20px; margin: 10px 0;}
.kb_description .kb_code .cke_widget_wrapper.cke_widget_block {margin: 10px 0;}
.kb_description .kb_code .hljs span {white-space: normal;}

.kb_code ul {
    margin: 0 40px 15px;
    line-height: 1.62;
}

.kb_code ul ul {
    margin: 0 30px;
}

.kb_code ul li{list-style: disc;}
.kb_comments_section h3{margin:10px 0;}
.kb_comments_section label{display: block;margin-top: 20px;}
.kb_comments_section textarea{width: 100%;margin: 10px 0;box-sizing: border-box;}
.kb_comments_section .create_comment{display: inline-block;}
.kb_comments_section .comment .person_pic_holder img{width: 100%;height: auto;}
.kb_comments_section .comment .person_pic_holder img.wider{height: 100%;width: auto;}
.kb_comments_section .main_comments{border-color:#000;}
.kb_comments_section ol.indepth{border-color:#000;}
.kb_comments_section .comment{border-color:#000;}

.kb_tags {
    margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    font-family: 'Open Sans', sans-serif;
}

.search_by_tag_holder{margin:10px 0;}
.tags .kb_tags{padding-top: 10px;border-top: 1px solid #000;}

.kb_tags a{
    display: inline-block;
    padding: 5px;
    height: 22px;
    background-color: #000;
    font-size: 18px;
    font-weight: 500;
    transition:all 0.6s; 
    margin: 2px 0;
    color: #ffcb05;
}

.kb_tags a:hover{background-color: #fff;color:#000;text-decoration: none;}
.delete_kb_entry_form{position: absolute;top: 10px;right: 20px;}
.confirm_delete_kb .show_popup{overflow: hidden;}

.confirm_delete_kb .button{
    display: inline-block;
    margin-right:5px;
    margin-top: 10px;
}

.most_viewed_kb{float:right;width: 20%;padding:10px;border-right: 2px dashed #000;border-left: 2px dashed #000;box-sizing: border-box;}
.most_viewed_entry{transition:all 0.6s;}
.most_viewed_entry:hover{transform:translateX(10px);-webkit-transform:translateX(10px);}
.most_viewed_entry span{padding:5px 10px;border: 1px solid #000;display: inline-block;border-radius: 8px;}
.most_viewed_entry p{margin:2px 0;}
.most_viewed_entry p a{display: block;transition:all 0.6s;}
.program .most_voted_kb{float: left;width: 70%;box-sizing: border-box;margin-left: 50px;}
.most_voted_entry .up_arrow{background: url(../img/up_down_arrows_green.png) no-repeat;background-size:100% auto;margin-right: 20px;width: 50px;height: 50px;float: left;}
.most_voted_entry p{font-size: 24px;font-weight: 500;}
.most_voted_entry p a{text-decoration: none;}
.attached_file{padding-bottom: 5px;border-bottom: 1px solid #000;}
.attached_file:last-child{border-bottom: 0;}
.already_uploaded{margin-top: 10px;}
.delete_attachment{cursor: pointer;margin-right: 10px;position: relative;top:4px;}
.admin_add_tags{padding:0;transition:all 0.6s;visibility: hidden;opacity: 0;max-height: 0;}
.admin_add_tags .attach_tags_to_entry{margin-top: 0;font-size: 14px;float:none;}
.admin_add_tags.visible{visibility: visible;opacity: 1;padding:15px 0;max-height: 120px;}
.admin_knowledge_base{padding-bottom: 40px;}

.pagination {
    float: right;
    padding: 10px 0;
}

.pagination li {
    float: left;
    margin-left: 15px;
    font-size: 26px;
    padding: 2px;
    font-family: 'Open Sans', sans-serif;
}

.pagination li.active {
    text-decoration: underline;
}

.up_vote{transition:all 0.6s;}
.up_vote.green_icon{background: url(../img/up_down_arrows_green.png) no-repeat;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);}
.up_vote, .down_vote{background: url(../img/up_down_arrows.png) no-repeat;width: 40px;height: 40px;display: inline-block;cursor: pointer;}
.count{font-size: 60px;width: 40px;display: inline-block;text-align: center;}
.down_vote{background-position: 0 -40px;}

.results .loader{position: static;width: 30%;}
.results .loader .devboard_loader{position: static;width: 100%;margin-left: 0;margin-top: 0;background-position: 50% 0;}

.custom_info_header .filther_fields .datepicker{width: 80%;margin-bottom: 10px;}
.custom_info_header span{cursor: pointer;}

/* end */

/* create knowledge base style */
.form_entry_holder label{display: block;margin:20px 0;}
/* end */

/* begin user permissions */
.add_permission{margin-top:10px;}
.user_permissions header{padding:10px;background:#ebb700;position:relative;}
.user_permissions header .icon{
  display:block;
  width:45px;
  height:45px;
  position:absolute;
  top:25px;
  right:0px;
  background:url('/svg/expand');
}
/* end user permissions */

/* search style */

.full-width-form { 
    width: 100%;
    padding: 10px 0;
}

.full-width-form label {
    display: block;
    margin-bottom: 5px;
}

.full-width-form .submit {
    margin: 0;
}

.full-width-form .submit-holder {
    margin-top: 10px;
}

/* end */

/* media screens : PC monitors */

/* sidebar style */

section.body {
    height: 100%;
    overflow: hidden;
    background-color: #333;
}

.meny {
    display: none;
    padding: 20px;
    overflow: auto;
    background: #333;
    color: #eee;
    box-sizing: border-box;
}
.meny ul {
    margin-top: 10px;
}

.meny ul li {
    display: inline-block;
    width: 200px;
    list-style: none;
    font-size: 20px;
    padding: 3px 10px;
}

.meny ul li:before {
    content: '-';
    margin-right: 5px;
    color: rgba( 255, 255, 255, 0.2 );
}

.meny ul li.menu-parent:before {
    content: '+';
}

.meny ul li.menu-parent.visible:before {
    content: '-';
}

.meny ul li a {
    text-decoration: none;
    transition: 0.15s color ease;
    color: #fff;
}

.meny ul li a:hover {
    color: #ffcb05;
}

/**
 * Hint graphic that appears while menu is inactive
 */
.meny-arrow {
    position: absolute;
    z-index: 10;
    border: 10px solid transparent;
    transition: opacity 0.4s ease 0.4s;
}
.meny-left .meny-arrow {
    left: 6px;
    top: 50%;
    margin-top: -16px;
    border-left: 16px solid #333;
}
.meny-right .meny-arrow {
    right: 14px;
    top: 50%;
    margin-top: -16px;
    border-right: 16px solid #333;
}
.meny-top .meny-arrow {
    left: 50%;
    top: 14px;
    margin-left: -16px;
    border-top: 16px solid #333;
}
.meny-bottom .meny-arrow {
    left: 50%;
    bottom: 14px;
    margin-left: -16px;
    border-bottom: 16px solid #333;
}
.meny-active .meny-arrow {
    opacity: 0;
    transition: opacity 0.2s ease;
}

.sub-menu ul {
    margin-top: 5px;
    padding-left: 10px;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.6s;
}

.menu-parent.visible .sub-menu ul {
    max-height: 600px;
    opacity: 1;
    visibility: visible;
}

/* define custom scrollbar */

::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    background: #ebb700;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4);
}



/* end*/
.select-product .select2-choice {
  min-width: 200px;
}
.user-faces-header.owl-carousel {
    padding-top: 10px;
    width: 92%;
    margin: 0 auto;
}
.buttons {
    margin: 20px 0 10px;
}
.user-faces-header .person_pic_holder {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 75px;
    height: 75px;
}
.add-new-product-form input {
    width: 150px;
    margin: 0 10px 0 0;
    vertical-align: middle;
}
.products-table th {
    padding: 10px 0;
    text-align: left;
}
.products-table td {
    border-top: 1px solid #000;
    padding: 10px 0;
}
.products-table td.editable {
  cursor: pointer;
}
.products-table tr:first-child td {
    border-top: 1px solid #000;
}
.input-label-lafka-holder {
    margin: 20px 0;
}
.product-text {
    display: inline-block;
    vertical-align: middle;
}
.product-image {
    width: 30px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.order-lafka-product-form {
    padding-top: 10px;
}
.order-lafka-product-form input {
    margin-right: 5px;
}
.order-lafka-product-form input.submit {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
.select2-container.select-product {
    width: 400px;
    text-align: center;
    margin-right: 5px;
}
.select2-container.select-product .select2-choice {
    height: 36px;
    line-height: 36px;
}
.select2-container.select-product .select2-choice .select2-arrow b {
    background-position: 0 6px;
}

@media  screen and (max-width: 1850px) {

    .knowledge_base .block:nth-child(5) {
        width: 700px;
    }

}

@media  screen and (max-width: 1750px) {

    .left_side_header .person .username {
        font-size: 18px;
    }

    .knowledge_base .block:nth-child(5) {
        width: 600px;
    }

}

@media  screen and (max-width: 1650px) {

    .knowledge_base .block:nth-child(5) {
        width: 500px;
    }

}

@media  screen and (max-width: 1550px) {
    .left_side_header .person .person_pic, .left_side_header .person .logged_user_pic, .user-faces-header .person_pic_holder {
        width: 53px;
        height: 53px;
    }
    .flip_side {
        width: 53px;
        height: 52px;
    }
    .header .play_button a {
        padding: 2px 10px;
    }
    .right_side_header nav ul li a {
        padding: 30px 5px;
        font-size: 12px;
    }
    .left_side_header .person .user_info {
        left: 90px;
        top: 4px;
    }
    section.body {
        margin-top: 72px;
    }
}

@media  screen and (max-width: 1500px) {
  .knowledge_base .block:nth-child(5) {
    width: 400px;
  }
}

@media  screen and (max-width: 1400px) {
  .knowledge_base .block:nth-child(5) {
    width: 300px;
  }
}

@media  screen and (max-width: 1550px) {
  .program .time_track_table .owl-buttons .owl-next{right:-10px;}
  .program .time_track_table .owl-buttons .owl-prev{left:-10px;}
  .program .time_track_table .owl-buttons .owl-next{right:10px;}
  .program .time_track_table .owl-buttons .owl-prev{left:10px;}
  .program .time_track_table .week_days .single_day{width:110px;}
  .time_track_table .person_program .single_cell_availability{width:110px;}
  .main_table .person_program .single_project_name_cell{width:130px;}
  .day_time_track{width:1010px;margin:0 auto;overflow: hidden;}
  .program .time_track_table{width:auto;}
  .program .week_days .single_day{width:110px;}
  .person_program .single_cell_availability{width: 110px;}
  .person_program .person_image_table{width: 140px;}
  .user_schedule{width:910px;}
  .week_hours h2{font-size: 14px;width: 89px;}
}

@media  screen and (max-width: 1400px) {
  .custom-calendar-full{width: 90%;margin: 0 auto;}
  .program.big_program{width: 89%}
}

@media  screen and (max-width: 1400px) {
    .user-faces-header.owl-carousel {
        width: 82%;
    }
}


@media  screen and (max-width: 1060px) {
  .left_side_header .person .username{display: none;}
}

/* end */

@media  screen and (max-width: 1000px) {
  .center {
    width: 100%; } }