.enhancedLink {
    color: #0033cc;
}

.menuBarItem {
    text-decoration: underline;
    cursor: pointer !important;
}

.recognizedErrorBack {
    background-color: #FFF0F0;
}

.recognizedError button {
    background-color: #FFF0F0 !important;
    color: red !important;
}

.recognizedError2 button span  {
    background-color: red;
    border-radius: 32px;
    color: white;
    padding: 5px;
}

.ghostContainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(128, 128, 128, 0.5);
    z-index: 3050;
}

.ghostFrame {
    position: absolute;
    left: 2%;
    top: 2%;
    width: 96%;
    height: 96%;
}

.freezed {
    overflow: hidden;
}

.leftSquare {
    border-radius: 0 5px 5px 0 !important;
}

.expandedContainer {
    margin: 0px; 
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #DC8661;
    border-top: 0px;
    box-shadow: 5px 5px 5px #DC8661;
}


.columnHalfHidden {
    
    
}




.columnPreferred {

}

.errorSignContainer {
    min-width: 30px !important;
    white-space: nowrap;
}

.largeFontIcon {
    font-size: 22px;
    margin-top: 5px;
    color: #C0C0C0;
} 

.floatRight {
    float: right;
}

.scrollTableContainer {
    border: 2px solid #DC8661;
    padding: 10px;
    max-height: 200px;
    overflow-y: scroll; 
    overflow-x: hidden;
}

.waitWindow {
    background-color: transparent;
}

.textDeleted {
    text-decoration: line-through;
}

.tableHeader {
    border-top: 0 !important;
    font-family: RobotoBold;
    color: #DC8661;
}

.tableHeaderReverse {
    border-top: 0 !important;
    font-family: RobotoBold;
    background: #DC8661;
    color: #FAF9FD;
    text-align: center;
}

.tableClosing {
    height: 4px;
}

.tableSelected {
    background: #FCA681;
    color: white;
    font-family: RobotoBold;
}

.tableHovering {
    background: #FCA681;
}

.tableBorderSelect {
    background: #E0E0E0 !important;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #FCA681;
}




.dropdown-menu >li > a {
    text-decoration: none;
    font-size: 18px; 
    color: #817c7f;

}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    
    background-color:  #FCA681;
       
}

td.userData{

    width: 40%;


}

tr.userData{


    width: 85%;

}

.userVacationData{

    text-align: right !important;

    padding-right: 10px !important;
    
    padding-bottom: 5px !important;
}

.userVacationValue{

    text-align: left !important;


    padding-bottom: 5px !important;
}

tr.statisticsUser{

    border-top: solid #C7C7C6 1px;
}

td.statisticsUser{
    border-left : solid  #C7C7C6 1px; 
}

.rowSelected {
    background-color: white !important;
}

.table-hover > tbody > tr.rowSelected:hover > td,
.select-row > td {
    background-color: white !important;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

.minimumSize {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

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

.searchBarButton {
    width: 230px !important;
}

.topBar {
    width: 100%;
    height: 60px;
    background: #DC8661;
    margin-bottom: 15px;
}

.topBarLogoContainer {
    background: #FAF9FD;
    float: left;
    display: block;
    width: 190px;
    height: 100%;
}

.topBarActiveContainer {
    display: block;
    float: right;
    width: 510px;
}

.topBarUserContainer {
    float: left;
    width: 305px;
    text-align: center;
    color: #FAF9FD;
    font-size: 20px;
    border-style: solid;
    border-width: 0 1px 0 1px;
    padding-left: 5px;
    padding-right: 5px;
}

.topBarDateContainer {
    float: right;
    width: 170px;
    text-align: center;
    color: #FAF9FD;
    font-family: RobotoBolder;
    font-size: 20px;
}

.subBarContainer {
    position: absolute;
    height: 60px;
    left: 195px;
    padding-left: 20px;
}

.subBarIconsContainer {
    position: absolute;
    top: 10px;
    width: 520px;
}
/*/******/
.subBarIcon {
    margin-right:20px;
}

.subBarSelectorsContainer {
    position: absolute;
    top: 50px;
    width: 450px;
}

.subBarSelector {
    display: inline-block;
    width: 60px;
}
/* */
.userMenuContainer {
    position: absolute;
    top: 60px;
    right: 204px;
    width: 305px;
    background: #FAF9FD;
    border: 2px solid #C7C7C6;
    border-top: 0px;
    text-align: center;
    padding: 20px 5px 20px 5px;
    z-index: 1000;
}

.pointerCursor {
    cursor: pointer !important;
}

.inputField {
    background: #FAF9FD;
    border-style: solid;
    border-width: 1px;
    border-color: #C7C7C6;
    height: 40px;
    padding-left: 5px;
    border-radius: 5px;
}

.genericProgress {
    background-color: #FCA681;
    padding-left:5px;
}

.genericProgressBar {
    color: black;
}

.progressSmall {
    width: 100px;
}

.genericButton {
    width: 150px;
    height: 40px;
    border: 2px solid #DC8661;
    background: #FAF9FD;
    color: #DC8661;
    margin-right: 2px;
    font-size: 20px;
}

.genericButtonSmall {
    /*width: 150px;
    height: 40px;*/
    border: 2px solid #DC8661;
    background: #FAF9FD;
    color: #DC8661;
    margin-right: 2px;
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 0px;
}

.genericButtonSmallDisabled {
    /*width: 150px;
    height: 40px;*/
    border: 2px solid #e0e0e0;
    background: #ffffff;
    color: #e0e0e0;
    margin-right: 2px;
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 0px;
}

.genericContainer {
    width: 95%;
    margin: auto;
}

.genericContainerBottomSpace {
    margin-bottom: 40px;
}

.genericContainerPadding {
    padding: 30px;
}

.smallBottomSeparator {
    margin-bottom: 5px;
}

.genericTitleContainer {
    border-color: #E0E0E0 !important;
    border-style: solid;
    border-width: 1px 1px 0 1px !important;
}

.genericTitle {
    color: #DC8661;
    /*padding-left: 10px;*/
    font-family: RobotoBold;
}

.genericTitleDisabledContainer {
    background-color: #F2F2F2;
    border-width: 0 !important;
    border-radius: 20px 20px 0px 0px !important;
}

.genericTitleDisabled {
    color: #C0C0C0;
    font-family: RobotoBold;
}


.titleLarge {
    font-size: 125%;
}

.autoWidth {
    width: auto;
}

td.hoursLabel
 {
    padding-right: 5px;
    white-space: nowrap;
}

.fullWidth {
    width: 100% !important;
}

.noWrap {
    white-space: nowrap;
}

.centered {
    display: inline-block;
    position: relative;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Safari */
    transform: translate(-50%,-50%); /* Standard syntax */
}

.centeredVertical {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Safari */
    transform: translateY(-50%); /* Standard syntax */
}

.centeredHorizontal {
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%); /* IE 9 */
    -webkit-transform: translateX(-50%); /* Safari */
    transform: translateX(-50%); /* Standard syntax */
}

.centeredButtons {
    position: relative;
    left: 45%;
    -ms-transform: translateX(-55%); /* IE 9 */
    -webkit-transform: translateX(-55%); /* Safari */
    transform: translateX(-55%); /* Standard syntax */
}

.enhance:hover {
    width: 110% !important;
    height: 110% !important;
    color: #000000 !important;
}

/*.glyphicon:hover {
    color: #C00000 !important;
}*/


.noTopBorder {
    border-top:none !important;
}

.alignRight {
    text-align:right !important;
}

.alignCenter {
    text-align:center;
}

.alignLeft {
    text-align:left;
}

.modalMessageBack {
    background: grey; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%; 
    opacity: 0.6;
}

.modalMessageFront {
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%;
}

.modalMessageBody {
    max-width: 70%; 
    background:white; 
}

.blind {
    overflow: hidden;
}

.blind.ng-enter, .blind.ng-leave {

    -webkit-transition: max-height 0.25s linear;
    -moz-transition: max-height 0.25s linear;
    -o-transition: max-height 0.25s linear;
    transition: max-height 0.25s linear;
}

.blind.ng-enter,
.blind.ng-leave.ng-leave-active {
  max-height:0;
}

.blind.ng-leave,
.blind.ng-enter.ng-enter-active {
  max-height:999px;
}


a:link {
    color: #817C7F;
}

a:visited {
    color: #817C7F;
}

a:hover {
    color: #DC8661;
}

a:active {
    color: #DC8661;
}


b { 
    font-family: RobotoBold;
}

@font-face {
   font-family: Roboto;
   src: url(../fonts/Roboto-Light.ttf);
   font-weight: normal;
}

@font-face {
   font-family: Roboto;
   src: url(../fonts/Roboto-LightItalic.ttf);
   font-weight: normal;
   font-style: italic;
}


@font-face {
   font-family: RobotoBold;
   src: url(../fonts/Roboto-Regular.ttf);
   font-weight: bold;
}

@font-face {
   font-family: RobotoBolder;
   src: url(../fonts/Roboto-Medium.ttf);
   font-weight: bolder;
}


.defaultTypo {
    font-family: Roboto, Tahoma, Geneva, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: #817C7F;
}
/*#%#*/

 
.normalDay button span {
     background-image: url('../img/normal.png');
    background-repeat: no-repeat;
    background-position: right;
                padding-right: 25px;
    color: black;
  }
  .alertDay button span {
    background-image: url('../img/alerta.gif');
    background-repeat: no-repeat;
    background-position: right;
                padding-right: 25px;
    color: black;
  }
  .errorDay button span {
    background-image: url('../img/smallError.gif');
    background-repeat: no-repeat;
    background-position: right;
                padding-right: 25px;
    color: black;
  }
    .correctDay button span {
    background-image: url('../img/ok.gif');
    background-repeat: no-repeat;
    background-position: right;
                padding-right: 25px;
    color: black;
  }

 #scrollable-dropdown-menu .dropdown-menu {
   max-height: 150px;
   overflow-y: auto;
   padding: 0 !important;
   
 }

 .sort-icon{

    font-size: 14px;

 }

 .sort-icon:hover {
    color: #817c7f !important;
}

.glyphicon-none:before {
    content: "\2122";
    color: transparent !important;
}


.customBorder td
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ffffff;

}


.workOrderPopover .popover-inner {
    /*color: black;
    background-color: white;
    border-radius:5px;
    border-style: solid;
    border-width: 1px;
    border-color: #c7c7c8;
    padding: 0px;

    background-color: red;*/

    white-space: nowrap !important;
}

.tooltip.in.workOrderTooltip {
    opacity: 1 !important;
    white-space: inherit;


}

a.openedTooltip:hover{
    color:#817C7F;

}

a.openedTooltip:active{
    color:#817C7F;

}

table.workOrderList td{

    font-size: 12px;
    padding-right: 20px;
}

.hoursDisabledInput {

    background: #c7c7c7;
    color: #dfdfe2;

}

.hoursEnabledInput{


    color: #000000;
    background: #ffffff;

}

.hoursInput{

    width: 58px;
    border-radius: 4px;
    border-color: #dfdfe2;
    font-family: RobotoBold;
    border-style: solid;
    border-width: 1px;
    text-align: center;

}

.note {
    position: relative;
}
.note:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0; 
    height: 0; 
    display: block;
    border-left: 8px solid transparent;
    border-bottom: 8px solid transparent;
    
    border-top: 8px solid #f00;
}

.hoursAssignedColumn{

    float:left;

}

.hoursNoAssigned{

    font-family: RobotoBolder; 
    color: #000000; 
    font-size : 11px;
}

.weekArrowContainer{

    height: 59px;
    padding-top: 25px;
    font-size: 15px;
    color: #cb885a;
}

.dayArrowContainer{

    display: flex;
    align-items: center;
    color: #ee8263;
    border: 1px solid #e0e0e0;

}


.dayArrowContainer:hover
{
    border: 1px solid #cb885a;

}

.hoursNoAssignedMessage
{

}

.hoursNoAssignedMessage:hover{

    color: #DC8661;
}

.tick{

    color:#ee8263;
}

.cross{

    color:#ee8263;

}
.tick:hover{

    color:#008000;
}

.cross:hover{

    color:#ff0000;
}

.offset-v-3{

    margin-top: 3%;
}

.offset-b-5a{

    margin-bottom: 5px;
}

.modalTitleCentered{

    margin-left: 25%;
    margin-right: 25%;
    width: 50%;
    margin-top: 10px;
    margin-bottom: 10px;

}

.modalCustomContent{

    margin-left: 5%;
    width: 90%;

}

.titleMedium{

    font-size: 16px;
    color:#e89a65;
    font-size:14px;
    font-family: RobotoBold
}

.taskHoursInput{

    width:40px;
}

.saveIcon{

    color: #817C7F;
    font-size: 20px;
}
.saveIcon:hover{

    color: #dc8661;
}


.genericGlyphicon{


}

.genericGlyphicon:hover{

    color: #C00000;
}


.input-row{
    border-top-width: 10px;
    margin-top: 10px;
    margin-bottom: 10px;

}

.a-container{

    margin-top: 10px;
    margin-bottom: 10px;

}

.input-table button{

   height: 30px;
}

.input-table input{

   height: 30px;
   width: 200px !important ;
}
.rates-container{


    margin-top: 40px;
    margin-bottom: 50px;
}

.rates-table{


    border: 1px solid #dddddd;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-top: 10px;

}

.rates-table-header{

    border: 1px solid #dddddd;
    
    padding-left: 10px;
}


.margin-h-20{

    margin-top: 20px;
    margin-bottom: 30px;
}

.foo{

    margin-right: 10px;
}
/*/*//*/*/*/*
/*DBDBDBddBD*/



  /*#%#*/