body {
    padding-top: 0px;
    /*font-size: 0.79rem;*/
    font-size: calc(0.62rem + 0.1vw) !important;
    font-family: "Open Sans", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    /* padding-bottom: 40px;*/
}
a{
    color:#33633e;
}

.main-header .nav-link{
    font-size:1rem;
}
.nav-sidebar > .nav-item .nav-icon {
    font-size: 0.9rem;   
}
.btn{
    font-size:12px;
}

.card-title{
    font-size:1rem;
}

.table th,
.table td {
    padding: 0.4rem;
    vertical-align: middle;
}
.table td .btn-xs{
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    width:100%;
    text-align: center;
}

input[type="number"]{
    min-width: 50px;
}

/*.btn.btn-primary {
    background-color: #97bf0d;
    border-color: #7A9C06;
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary.hover {
    background-color: #7A9C06;
}*/

.col-form-label{
    text-align: right;
}

.form-control {
    font-size:12px;
}
.form-horizontal .control-label {
    padding-top:10px;
}
.sidebar .sidebar-menu .treeview-menu > li > a {
    font-size:12px;
}    
.panel-title {
    font-size:14px;
    line-height:26px;
}
body.panel-layout {
    background-color:#ccc;
}

.card .overlay > .fas,
.overlay-wrapper .overlay > .fas,
.modal-content .overlay > .fas {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: orange;
    font-size: 30px;
}


.modal-content > .overlay,
.modal-content > .loading-img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-content .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0.25rem;
}

.modal-content .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}


div.box{
    float:left;
}

.form-box{
    margin-top:0px;
}
.login-box-content{
    background-color:#fff;
    margin-top:0px;
    width: 100%;
    padding:10px;
    margin:auto;
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
}
.login-box-content .input-group-text {
    font-size:inherit;
    font-weight:900;
}

.login-header{
    font-size:26px;
    font-weight: 700;
    text-shadow: 1px 1px 6px #ccc;
    font-family: 'Source Sans Pro', sans-serif;
    color:grey;
    /*margin:-100px auto 0px;*/
    padding:0px 0px 20px;
    text-align: center;
}

/*
.login-header .glyphicon{
    font-size:30px;
    font-weight: bold;
    color:#ffb400;
    margin-right: 20px;
}*/

hr{
    border-top-color: #B2B2B2;
}
.my-fluid-container {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

.container{
    max-width:100%;
    width:100%;
    padding-left: 0px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}
.currency{
    white-space: nowrap;
}
.currency.red{
    color:red;
}
.jumbotron h1 {
    font-size:30px;
}

.breadcrumb {
    margin-bottom:10px;
}

div.navbar-header a.navbar-brand.custom{
    padding-left:0px;
}

.nav li ul{
    display:none;
}
.notifications-menu ul.menu li a{
    padding:7px 0px 7px 15px;
}
.sidebar-nav{
    padding:0px;
}

.nav li.active ul{
    display:block;
}

.ph-blue {
    color: #2269a7;
}
/*
.btn-success {
    background-color: #57a900;
    background-image: -moz-linear-gradient(top, #70d900, #57a900);
    background-image: -ms-linear-gradient(top, #70d900, #57a900);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
    background-image: -webkit-linear-gradient(top, #70d900, #57a900);
    background-image: -o-linear-gradient(top, #70d900, #57a900);
    background-image: linear-gradient(top, #70d900, #57a900);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #57a900;
}

.btn-success:active, .btn-success.active {
    background-color: #57a900;
}*/
/*
.nav{
    float:left;
}

.navbar-collapse{
    float:left;
}
*/
.navbar-collapse{
    max-height: 700px;
}
.navbar-expand .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}
div.navbar-header a.navbar-brand {
    background: url("../img/phereclus-icon.png") no-repeat scroll 0 10px transparent;
    margin-left: 20px;
    line-height:30px;
    padding: 8px 20px 12px 40px;
}

/*.processing {
  background: url("../img/ajax-loader.gif") no-repeat scroll 0 0 transparent;
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
  display: block;
  float: left;
  height: 15px;
  left: 50%;
  margin-left: -50px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 50%;
  width: 128px;
  display: hidden;
}*/
.table-bordered{
    border-left:0px;
    border-right:0px;
}
.table-bordered thead td{
    border-top:0px;
    border-bottom:0px;
}

table.dataTable .form-control{
    width:100%;
}

table.dataTable{
    font-size: 11px;
}
.skin-blue .navbar .navbar-right > .nav {
    margin-right: 0px;
}
@media (min-width: 768px) {
    .navbar-right {
        float: right !important;
        margin-right: 0px;
    }
}
@media (max-width: 768px) {
    table.dataTable{
        font-size: 9px;
    }
}

@media (max-width: 1280px) {
    table.dataTable{
        font-size: 11px;
    }
}
.todo-list .label{
    float:right;
    padding:5px 7px;
    margin-right:7px;
    line-height:10px;
}
.todo-list i.fa-edit{
    line-height:15px;
}
.todo-list .text{
    max-width:500px;
    white-space: nowrap; 
    overflow: hidden;
    margin-bottom:-2px;
    line-height:15px;
    text-overflow: ellipsis;
}
@media (max-width: 768px) {
    .todo-list .text{
        max-width:140px;
    }
}

.w-hour-table > tbody > tr.success td{
    background-color: #dff0d8;
}

.print-only{display: none !important}
.user-image{
    width:90px;
    height:90px;
    overflow: hidden;
    border-radius: 50%;
    padding-left:0px;
    border: 3px solid #ffffff;
    background-color:white;
}
.user-image > img {
    width: 100%;
    height: auto;
    border:0px;
}
.user-image.m{
    width: 60px;
    height: 60px;
    float: left;
    line-height: 0px;
    margin-top: -3px;
    margin-bottom: -2px;
    margin-right: 7px;
    margin-left: 7px;
}
.user-image.sm{
    width: 30px;
    height: 30px;
    float: left;
    line-height: 0px;
    margin-top: -3px;
    margin-bottom: -2px;
    margin-right: 7px;
    margin-left: 7px;
}
.widget-user .widget-user-image{
    width:90px;
    height:90px;
    overflow: hidden;
    border-radius: 50%;
    padding-left:0px;
    border: 3px solid #ffffff;
    background-color:white;
}
.widget-user .widget-user-image > img {
    width: 100%;
    height: auto;
    border:0px;
}
/*
.task-user-box{
    float: left;
    max-width:20%;
    margin:0px 10px 10px 0px;
}
.task-user-box .img-circle {
    border-radius: 20%;
    float: left;
    width: 30%;
    margin-right:10%;
}
.task-user-box .task-img-info{
    float:right;
    width:60%;
}
.task-user-box .header{
    width:100%;
    font-size: 0.5em;
    float:left;
}
.task-user-box .name{
    width:100%;
    font-size: 0.8em;
    font-weight: bold;
    float:left;
}
.task-user-box .date{
    width:100%;
    font-size: 0.5em;
    float:left;
    margin:0px 0px 10px 0px;
}
@media (max-width: 768px) {
    .task-user-box .task-img-info{
        width:100%;
    }
    .task-user-box .img-circle {
        width: 100%;
    }
}*/

.filecomment .dropzone {
    min-height: 0;
    padding: 6px 7px;
    border: 1px solid #ccc;
}

.filecomment .dropzone .dz-message {
    text-align: center;
    margin: 0 0; }

.comment{
    width:100%;
    margin-bottom:0px;
    padding-bottom:7px;
}

.comment .comment-body{
    position: relative;
    margin: 0px 0 0 48px;
}
.comment .comment-body .comment-text{
    border-radius: 0.45rem;
    padding: 5px 7px;
    background-color:#f4f6f9;
}
.comment .comment-body.unread .comment-text{
    border-left:2px solid rgb(0,158,226);
}
.comment .comment-body .user-name{
    font-weight:bold;
}
.comment .comment-body .time{
    font-weight:200;
    float:right;
    color:#a4a6ab;
}

.comment .comment-actions a{
    color:rgb(0,158,226);
    font-size:12px;
}
.comment .comment-answer-link a{
    color:rgb(0,158,226);
    font-size:12px;
}
.comment-answer-container{
    width:100%;
}
.comment-answer-container .comment-container{
    width:100%;
    margin-top:5px;
}

.comment.responsible .direct-chat-name{
    color:#3d9970;
}


.document{
    float:left;
    width:100%;
    margin-bottom:0px;
    padding-bottom:7px;
}
.document .document-icon{
    display:block;
    float:left;
    font-size:30px;
    width:50px;
    text-align:center;
}
.document .document-body{
    position: relative;
    margin: 0px 0 0 48px;
}
.document .document-body .document-text{
    border-radius: 0.45rem;
    padding: 5px 7px;
    background-color:#f4f6f9;
}
.document .document-body .type-name{
    font-weight:bold;
}
.document .document-body .time{
    font-weight:200;
    float:right;
    color:#a4a6ab;
}

.document .document-actions a{
    color:rgb(0,158,226);
    font-size:12px;
}

.user-panel .image{
    margin-left:0.2rem;
    width:50px;
    height:50px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    padding-left:0px;
    border: 1px solid #ffffff;
    background-color:white;
}
.user-panel .image img {
    width: 100%;
    height: auto;
}

.sidebar-mini.sidebar-collapse .sidebar .user-panel > .info{
    display:none;
}

.sidebar-mini.sidebar-collapse .nav-tabs .nav-link:not(.active){
    display:none;
    transition: opacity 0.5s ease;
}

.user-panel .info {
    padding:0px;
    margin-left:10px;
}


[class*="sidebar-dark"] .user-panel {
    border-bottom: 0px;
}

[class*="sidebar-light"] .user-panel {
    border-bottom: 0px;
}

.img-circle-landscape {
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}
.img-circle-landscape img {
    width: auto;
    height: 100%;
    margin-left: -50px;
}
.img-circle-portrait {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.img-circle-portrait img {
    width: 100%;
    height: auto;
}

.fas.btn{
    font-weight:900;
}


/*
.navbar{
    padding:0px;
}*/

/*@media (min-width: 991.98px) {
  .content-wrapper, .content-wrapper:before,
  .main-footer,
  .main-footer:before,
  .main-header,
  .main-header:before {
    margin-left: 0;
  }
}*/
.nav-sidebar .nav-item > .nav-link > .float-right {
    position: inherit;
    margin-top: 0;
    margin-left:3px;
    font-size:82%;
}
.sidebar .tab-content .nav-link {
    padding-right:0px;
}

.modal {
    z-index: 1101;
}
.modal-backdrop {
    z-index: 1100;
}

@media (min-width: 1280px){
    .modal-lg, .modal-xl {
        max-width: 60%;
    }
}
@media (min-width: 1600px){
    .modal-lg, .modal-xl {
        max-width: 70%;
    }
}
.modal-m{
    max-width: 1024px;
}


.card-header,.modal-header,
.modal-footer{
    background-color:rgba(0, 0, 0, 0.03)
}


.card-header,.modal-header{
    background-color:rgba(0, 0, 0, 0.03)
}

.small-box, .card, .info-box, .callout {
    margin-bottom: 1.5rem !important;
}

.info-box, .info-box-icon {
    display: flex !important;
}
.info-box-icon {
    justify-content: center !important;
}
.info-box-icon {
    align-items: center !important;
}
.info-box-text{
    font-size:1.1rem;
}
.info-box-number{
    font-size:1.2rem;
}


.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}
.btn { margin-bottom:0px; }

.progress-bar {
    background-color:#ccc;
}

/* RFS Stuff */
body {
    font-size: calc(0.62rem + 0.1vw) !important;
}
.content-header h1 {
    font-size: calc(0.8rem + 0.4vw);
}
.small-box h3 {
    font-size: calc(1.2rem + 0.6vw);
}
.small-box p{
    font-size: calc(0.7rem + 0.1vw);
}
.card-title {
    font-size: calc(0.7rem + 0.1vw);
}
table.dataTable,.table td .btn-xs,.table td .btn{
    font-size: calc(0.55rem + 0.1vw);
}

table.table-bordered.dataTable td.editable_cell.clicks_double{
    border-left: #ffae00 1px dotted;
    border-right: #ffae00 1px dotted;
    border-top: #ffae00 0px dotted;
    border-bottom: #ffae00 1px dotted;
}


.online-indicator.online .fas{
    color:#229e00;
}
.online-indicator.offline .fas{
    color:#cc0202;
}



.card .wi_list {
        margin: 0;
        float:left;
        width:100%;
    }
    .card .wi_list div.li{
        /*background: #f3f4f5;*/
        /*margin-bottom: 1px;*/
        border-left: 2px solid #e6e7e8;
        float:left;
        height:auto;
        width:100%;
    }

    .card .wi_list div.li:not(.list_head){
        border-top:1px solid rgb(222, 226, 230);
    }
    .card .wi_list div.list_head{
        background-color:#fff;
        border-left:none;
    }
    .card .wi_list div.list_head .button-right{
        line-height:12px;
    }

    .wi_list div.li:nth-of-type(even){
        background-color: rgba(0, 0, 0, 0.05);
    }
    .wi_list .title{
        float:left;
        line-height:25px;
        padding:3px 0 3px 10px;
        color:#6b6b6b;
    }
    .wi_list .button-right{
        float:right;
        width:13%;
        padding:3px 7px;
        text-align:center;
        margin-left:1px;
        line-height: 25px;

    }
    .wi_list .last_worked_day, .wi_list .departure_date,.wi_list .unregister_date {
        min-width:75px;
    }

    .wi_list .timline_icon{
        width:25px;
    }
    .wi_list a.button-right{
        background-color:#00c0ef;
        color:#fcfcfc;
    }
    .wi_list a.unregister_date{
        background-color:#00a65a;
    }
    .wi_list a.unregister_date.critical{
        background-color:#f45c42;
        color:#fff;
    }
    .wi_list a.departure_date{
        background-color:#00c0ef;
    }
    .wi_list a.timline_icon{
        background-color:#00c0ef;
    }
    .wi_list a:hover{
        background-color: #939393;
    }
    .wi_list a.title:hover{
        background-color: #f3f4f5;
    }
    .list_head div{
        font-size: 10px;
        color:#939393;
        line-height:12px;
    }
    @media (min-width: 1400px){
        .modal-lg {
            width: 1600px;
        }
    }
    .card-header a.button{
        position:absolute;
        right:0px;
        top:0px;
        display:block;
        height:44px;
        line-height:44px;
        width:54px;
        text-align:center;
        font-size:12px;
        background-color:#fff;
    }
    .card-header a.button:hover{
        background-color: #1e7e34;
    }
    .card-header button .fas:before {
        content: "\f068";
    }
    .card-header button.collapsed .fas:before {
        content: "\f067";
    }

    .card .wi_list div.li.N{
        border-left-color:#00c0ef;
    }
    .card .wi_list div.li.U{
        border-left-color:#f45c42;
    }
    .card .wi_list div.li.D{
        border-left-color:#f4b942;
    }

    .card .wi_list div.li div.info{
        position:absolute;
        top:50px;
        left:10px;
        color:#00c0ef;
        background-color: #fff;
        display:none;
    }
    .card .wi_list div.li:hover div.info{
        display:block;
    }
    
    html,
body,
.wrapper {
  min-height: 100%;
   overflow-x: visible;
}



ul.task-list{
    padding:0px;
    background-color:#fff;
    float:left;
    width:100%;
    margin-bottom:0px;
}
ul.task-list li.task{
    list-style: none;
    width:100%;
    display: list-item;
    float:left;
}
ul.task-list li.task:last-child{
    /*border-bottom:0px;*/
}

ul.task-list li.task > ul.task-list li.task > ul.task-list{
    display:none;
}
ul.task-list li.task > ul.task-list{
    width:100%;
    float:left;
    padding:0px;
    /*margin-top:7px;
    margin-bottom: -5px;*/
}
.task-list .task{
    background-color: #fff;
    border-top: 1px solid #dee2e6 ;
    font-size:0.85rem;
    float:left;
    width:100%;
    /*padding:7px 10px;*/
}

ul.task-list li.task > ul.task-list li.task{
    padding-left:25px;
    padding-right:0px;
    /*border-bottom: 0px;
    border-top: 1px solid #dee2e6 ;*/
}


.task-list-small .badge,.task-list .badge{
    padding:7px 7px;
}
.task_flag{
    padding:4px 7px;
    border-radius: 0.25rem;
    color:#fff;
    font-size:11px;
}
.task_quick_actions{
    /*float:right;*/
}
.task_quick_actions a{
    /*margin-right:7px;*/
    float:right;
    padding:3px 0px 2px;
    background-color:#e9ecef;
    width:25px;
    text-align: center;
    color:#fff;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.task_quick_actions a:hover{
    background-color: rgb(0,158,226);
}
.task_quick_actions a:hover i{
    color:#fff;
}

.task_quick_actions span{
    /*margin-right:7px;*/
    float:right;
    padding:3px 5px 2px;
    background-color:#e9ecef;
    text-align: center;
    color:#fff;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.task_quick_actions span i,
.task_quick_actions a i{
    color:#abacb8;
}
.task_quick_actions span i{
    margin-right:5px;
}

.task-list .task > .task{
    padding-left:15px;
}

.task-list .task .sort-icon{
    float:left;
    padding:6px 17px 6px 7px;
    color:#ccc;
}
.task-list .task .sort-handle{
    cursor:pointer;
}
.task-list .task .sort-handle:hover{
    color:#000;
}
.task-list .task > .task .user{
    min-width: 150px;
}
.task-list .task a{
    float:left;
    /*margin-right:7px;*/
}
.task-list .task .user{
    padding: 0rem 0.75rem;
    background-color:#edf5f0;
    border-radius: 0.25rem;
    min-width: 150px;
}
.task-list .user-btn {
    position: relative;
    left: -12px;
    display: inline-block;
    padding: 2px 6px;
    background-color:#e8e8e8;
    border-radius: 3px 0 0 3px;
}
.task-list  .unfinished .user-btn{
    color:#f7f7f7;
}
.task-list  .unfinished a.user:hover .user-btn{
    color:#777777;
}

.task-list .finished a .user-btn{
    color:#1dc125;
}



.task-list .task .topic{
    padding:3px 6px;
    font-weight:bold;
    font-size:0.8rem;
}
.task-list .task > .task .topic{
    font-weight:normal;
    font-size:0.8rem;
}
.task-list .task .progress{
    float:right;
    width:120px;
    height:auto;
}
.task-list .task .progress-bar{
    float:right;
    width:120px;
    padding:3px 6px;
    height:25px;
}
.task-list .user{
    line-height:25px;
    padding-left:0px;
}
.task-list .task .user{
    padding-left:0px;
}
.task-list .task .user.user-unknown{
    color:#b83737;
}
.task-list .task .user.user-unknown .user-image{
    padding:6px;
}

.description-block > .description-text {
    text-transform: none;
}

.online-indicator.online .fas{
    color:#229e00;
}
.online-indicator.offline .fas{
    color:#cc0202;
}

.dropdown-item-title{
    font-size:0.8rem;
}
.dropdown-item .text-sm{
    font-size:0.7rem;
}