/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 11, 2015, 2:36:49 PM
    Author     : cesargiraldonaranjo
*/
.ul-languages, .ul-languages li {
    width: 100% !important;
    min-width: 100%;
}

.date-selector select {
    width: 100px;
    margin-right: 4px;
    height: 36px;
}

.date-selector-sm select {
    width: 70px;
    margin-right: 4px;
    height: 30px;
    margin-left: 4px;
    margin-bottom: 8px;
}

.container-buttons form {
    display: inline !important;
}

.notification a.option {
    display: inline !important;
}

#project-menu li.active a {
    color: #fff !important;
}

#project-menu li.active {
    background-color: #000 !important;
}

#rangevalue{
    font-weight: bold !important;
    font-size: 16px !important;
    height: 20px !important;
}

.no-padding-sides {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.no-padding-top {
    padding-top: 0px !important;
}

.no-padding-bottom {
    padding-bottom: 0px !important;
}

.no-padding-left {
    padding-left: 0px !important;
}

.no-padding {
    padding: 0px 0px !important;
}

.small-padding-left {
    padding-left: 8px !important;
}

.small-padding-right {
    padding-right: 8px !important;
}

.small-padding-bottom {
    padding-bottom: 8px !important;
}

.small-padding-top {
    padding-top: 8px !important;
}

.small-margin-right {
    margin-right: 8px !important;
}

.small-padding-sides {
    padding-left: 6px;
    padding-right:6px;
}

.no-padding-right {
    padding-right: 0px !important;
}

.no-margin-bottom {
    margin-bottom: 0px !important;
}

.no-margin-top {
    margin-top: 0px !important;
}

.no-margin-left {
    margin-left: 0px !important;
}

.no-margin-right {
    margin-right: 0px !important;
}

.margin-top {
    margin-top: 8px !important;
}

.margin-right {
    margin-right: 8px !important;
}

.margin-left {
    margin-left: 8px !important;
}

.margin-bottom {
    margin-bottom: 8px !important;
}

.big-margin-top {
  margin-top: 80px !important;
}

.label-billing {
    margin-right: 4px !important;
    font-size: 80% !important;
}

.xs-margin-left {
    margin-left: 4px !important;
}

em {
    color: #ff0000;
    font-size: 16px;
    font-weight: bold;
    padding-left: 4px;
    vertical-align: middle;
}

.bar {
    height: 18px;
    background: green;
}

.border-radius-left {
    border-bottom-left-radius: 3px !important;
    border-top-left-radius: 3px !important;
}

.border-radius-right {
    border-bottom-right-radius: 3px !important;
    border-top-right-radius: 3px !important;
}
@media(min-width:768px) {
    .rstable {
        overflow: visible;
    }
}

.label-consecutive {
    margin-top: 10px;
}

h1.page-header {
    margin: 18px 0 20px !important;
}

.main-item {
    border-bottom: 1px solid lightgray; 
    padding-top: 8px; 
    padding-bottom: 16px;
    margin-bottom: 10px;
}

.small-btn-group {
    width: 58px;
}

.container-child {
    padding-left: 30px; 
}
.list-group {
    margin-bottom: 0px !important;
}
.list-group-item {
    padding: 8px !important;
}
.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.label-item-times {
    padding: 0px;
}

.custom-well {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 0;
    min-height: 20px;
    padding: 15px;
}
.hr {
    border-bottom: 1px dashed #c0c0c0;
    border-top: medium none;
    display: inline-block;
    margin: 4px 0;
    width: 100%;
}

.project-link {
    cursor: pointer;
}

.panel-head-details {
    height: 50px;
}
.panel-head-details h3 {
    line-height: 26px;
}

.small-margin-top {
    margin-top: 6px;
}

.small-margin-bottom {
    margin-bottom: 6px;
}

.span-effort img {
    width: 19px;
    margin-left: 10px;
}

span.label-notification {
    padding: 6px 10px;
}

.green-color {
    color: green;
}

.red-color {
    color: red;
}

.container-radios input {
    margin-right: 8px;
}

.container-radios label {
    margin-right: 8px;
    font-weight: normal;
}

.binnacle {
    border: 1px solid #e3e3e3;
}

.binnacle div.list-group-item {
    border: 1px solid #e3e3e3 !important;
}

.border-status-1 {
    border-left: 9px #fff solid;
}

.border-status-2 {
    border-left: 9px #5bc0de solid; 
}

.border-status-3 {
    border-left: 9px #777 solid;
}

.border-status-4 {
    border-left: 9px #5cb85c solid;
}

.border-status-5 {
    border-left: 9px #337ab7 solid; 
}

.border-status-6 {
    border-left: 9px #d9534f solid;
}

.border-status-7 {
    border-left: 9px #f0ad4e solid;
}

.inline {
    display: inline;
}

@media screen and (max-width: 768px) {
    h1.page-header {
        font-size: 30px;
    }
}

@media screen and (max-width: 473px) {
    h1.page-header {
        font-size: 24px;
    }
    ol.breadcrumb li {
        font-size: 12px !important;
    }
}

.side-nav li a {
    padding-left: 8px;
    padding-right: 8px !important;
    padding-top: 12px !important;
    padding-bottom: 10px !important;
}

.side-nav > li > ul > li > a {
    padding-left: 8px;
}

#wrapper {
    padding-left: 60px;
}
.side-nav, .side-nav li a  {
    width: 60px;
}

@media screen and (max-width: 768px) {
    #wrapper {
        padding-left: 0px !important;
    }
    .side-nav {
        width: 0px !important;
    }
    .side-nav, .side-nav li a  {
        width: 225px;
    }
}

.no-border {
    border: none;
}

span.time-title {
    font-size: 15px;
    font-weight: bold;
}

span.worked-time-day {
    font-size: 15px;
    font-style: italic;
    margin-left: 15px;
}

h3.popover-title button.close {
    margin-top: -3px;
}

a.edit-track-time {
    padding: 6px 8px;
    margin-right: 8px;
}

div.clock-main {
    cursor: pointer;
}

div.clock-main ul.flip {
    cursor: pointer;
}

div.clock-main ul.flip .flip-clock-before, div.clock-main ul.flip .flip-clock-active, 
div.clock-main ul.flip .flip-clock-active .up, div.clock-main ul.flip .flip-clock-active .down{
    cursor: pointer;
}

div.clock-main span.flip-clock-dot {
    width: 5px;
    height: 5px;
}

#container-content-videos {
    height: 320px;
    max-height: 320px;
    border: 1px solid #C0C0C0;
    overflow: auto;
    margin-top: 10px;
}

.video-container {
    margin-top: 12px;
}

div.navigation ul.pagination {
    margin: 10px 0px !important;
}

small.small75 {
    font-size: 75% !important;
}

.container-filter legend {
    margin-bottom: 8px !important;
    font-size: 19px;
}

.form-control-filter {
    height: 26px !important;
    padding: 3px 4px !important;
    font-size: 13px !important;
    line-height: 1.308571 !important;
    border-radius: 3px !important;
}

.label-filter {
    margin-bottom: 0px !important;
    font-weight: 600 !important;
}

.btn-filter {
    height: 26px !important;
    padding: 2px 8px !important;
    font-size: 13px !important;
}

ul.ui-autocomplete li {
    border-bottom: 1px solid #C0C0C0;
}

ul.country-dropdown {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: 400px !important;
    font-size: 12px !important;
}

ul.country-dropdown li a {
    padding: 3px 10px !important;
}

.bolder {
  font-weight: bolder;
}