/*
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 : Apr 7, 2015, 3:19:11 PM
    Author     : gaston
*/


/*#00A6FF #404040 #FFFFFF*/

.navbar-fixed-top, .navbar-fixed-bottom{
    z-index: 800;
}

label.error{
    color:#d9534f;
}

nav.navbar, .navbar-inverse{
    background-color: #f5f5f5 !important;
}

nav.navbar a.navbar-brand{
    padding: 5px;
}
nav.navbar a.navbar-brand img{
    height: 40px;
}

div.table-responsive{
    margin-top: 25px;
}

div.main div.row{
   margin: 0; 
}

/*.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus, .btn-primary, .btn-primary:hover {
    background-color: #00A6FF;
    color: #fff;
}

a {
    color: #00A6FF;
    text-decoration: none;
}*/

ul.pagination{
  margin: 0;
  float: right;
}
th.sorting,  th.sorting_asc,  th.sorting_desc{
    cursor: pointer;
}
th.sorting_asc:after{
    content: ' \2191';
    font-size: 20px;
}
th.sorting_desc:after{
    content: ' \2193';
    font-size: 20px;
}

a.clean-date{
    cursor: pointer;
}

span.MultiFile-title{
    font-size: 12px;
}

.typeahead { z-index: 1051; }

.popover{
    width: 400px;
    max-width: 400px;
}

/* floating tasks */

#floating-tasks, #floating-news{
    border: #eee 1px solid;
    margin-bottom: 20px;
    max-height: 340px;
    overflow: auto;
}

/* end floating tasks */

/* dropdown submenu */

.dropdown-submenu > .dropdown-menu{
    min-width: 250px;
}

/* Aprraisals statuses */

.btn-app-pending_assign{
    color: #333;
    background-color: #faf2cc;
    border-color: #ccc;
}
.btn-app-pending_done{
    color: #333;
    background-color: #d9edf7;
    border-color: #ccc;
}
.btn-app-done{
    color: #333;
    background-color: #dff0d8;
    border-color: #ccc;
}
.btn-app-cancel{
    color: #333;
    background-color: #f2dede;
    border-color: #ccc;
}

.btn-app-coordinated{
    color: #333;
    background-color: #f5f5f5;
    border-color: #ccc;
}

.glyphicon-app-pending_assign:before{
    content: "\2212";
}
.glyphicon-app-pending_done:before{
    content: "\231b";
}
.glyphicon-app-done:before{
    content: "\e013";
}
.glyphicon-app-cancel:before{
    content: "\e088";
}

.glyphicon-app-coordinated:before{
    content: "\e142";
}

.table > tbody > tr.app_stat_pending_assign > td {
    background-color: #faf2cc !important;
}
.table > tbody > tr.app_stat_pending_done > td {
    background-color: #d9edf7;
}
.table > tbody > tr.app_stat_done > td {
    background-color: #dff0d8;
}
.table > tbody > tr.app_stat_cancel > td {
    background-color: #f2dede;
}
.table > tbody > tr.app_stat_coordinated > td {
    background-color: #f5f5f5;
}


/* global spinner */
#spinner-overlay{
    position:fixed; 
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    z-index: 99999999;
    width:100%;
    height:100%;
    display:none;
    pointer-events: none;
}

#spinner-overlay span{
    font-size: 50px;
    position: absolute;
    left: 50%;
    top: 200px;
    color: #fff;
    display: block;
    opacity: 0.8; 
    -animation-name: spin;
    -webkit-animation-duration: 3000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 3000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 3000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: spin;
    animation-duration: 3000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

/* Dropzone file upload */

.dz-error div.alert{
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
}