﻿/*************************
    CSS
**************************/
/*------------------------
    Grid system
-------------------------*/
.row-default {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    border-color: #ddd;
    margin-bottom: 20px;
}

.col {
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    float: left;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

/*************************
    Components
**************************/
/*------------
    Icons
-------------*/
i.success {
    color: #3c763d;
}

i.info {
    color: #31708f;
}

i.warning {
    color: #8a6d3b;
}

i.danger {
    color: #a94442;
}

/*------------------------
    Wells
-------------------------*/
.well.well-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.well.well-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.well.well-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.well.well-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

/*------------
    TDs
-------------*/
td.success {
    background-color: #d4edda;
}

td.info {
    background-color: #cbe5ff;
}

td.warning {
    background-color: #fff3cc;
}

td.danger {
    background-color: #f8d7da;
}

/*------------------------
    Forms
-------------------------*/
.group {
    display: inline-table;
    vertical-align: middle;
}

#pswd_info {
    position: absolute;
    top: 135px;
    right: 55px;
    width: 260px;
    padding: 0;
    background: #fefefe;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
    z-index: 2;
    display: none;
}

    #pswd_info::before {
        content: "\25B2";
        position: absolute;
        top: -12px;
        left: 45%;
        font-size: 14px;
        line-height: 14px;
        color: #ddd;
        text-shadow: none;
        display: block;
    }

    #pswd_info ul {
        list-style-type: none;
    }

.invalid {
    padding-left: 22px;
    line-height: 24px;
    color: #ec3f41;
}

.valid {
    padding-left: 22px;
    line-height: 24px;
    color: #3a7d34;
}

.fa-calendar:before {
    font-family: FontAwesome;
}