/* 
    Created on : Jan 27, 2015, 1:46:02 AM
    Author     : Oluwabiyi
*/

body{
    background-color:#f5f5f5;
    font-size: 12px;
    font-family: 'Open Sans', "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #707478;
}
.outline{
    background-color: #fff;
    border: solid 1px #c6d0da;
}
label {
  font-weight: 500;
}
a{
    color: #5f6f81;
}

/****** FORMS ******/
.form-group{
}
.form-control{
    border-radius: 0;
    border:1px solid #c6d0da;
    box-shadow:none;
    background-color: #f5f5f5;
    color:#5f6f81
}
.error-message{
    color: #e32
}
.btn-default{
    background-color: #5f6f81;
    color: #FFF
}

/****** Page Heading ******/
.outline .pg-heading{
    color: #5f6f81
}
/****** SESSION FLASH MSG ******/
section.flash {
    color: #FFF
}
div.alert-danger{
    background: none repeat scroll 0% 0% rgba(193, 56, 50, 0.85);
    border: rgba(0, 0, 0, 0.1) 10px solid;
    color: #FFF
}
div.alert-success{
    background: none repeat scroll 0% 0% #27ae60;
    border: rgba(0, 0, 0, 0.1) 10px solid;
    color: #FFF
}
.alert .close{
    opacity: 1;
    text-shadow: none
}

/******Dashboard**********/
div.outline-box{
    border: 1px solid #c6d0da;
    background-color: rgba(255,255,255,.9);

}
div.outline-box:hover{
    border: 1px solid #5f6f81;
}
div.outline-box > a:hover{
    border: 1px solid rgba(255,255,255,.9);
    background-color: #5f6f81; //#c6d0da;
    color: rgb(255,255,255);
}

/******Libray& upload**********/
.dropzone{
    border: 2px dashed #ccc;
    color: #ccc;
}

.dropzone.dragover{
    border-color: #000;
    color: #000      
}

#uploadResultsDiv{
    border-left: 1px solid #C6D0DA;
}

#wrap .imgClick{
   border-color: #27ae60;
}
#wrap .imgHover, #libraryModal .imgHover{
   border-color: #A5E8C2;
}


@media (max-width: 768px) {
    #uploadResultsDiv{
       border-left: none;
    }
}

/* 3.20 Component - Table */

.table {
    border-color: #e2e7eb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.table > thead > tr > th { 
    color: #242a30;
    font-weight: 600;
    border-bottom: 2px solid #e2e7eb !important;
}
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
    border-color: #e2e7eb;
    padding: 10px 15px;
}
.table-condensed > thead > tr > th, 
.table-condensed > tbody > tr > th, 
.table-condensed > tfoot > tr > th, 
.table-condensed > thead > tr > td, 
.table-condensed > tbody > tr > td, 
.table-condensed > tfoot > tr > td {
    padding: 7px 15px;
}
.table-hover > tbody > tr:hover > td, 
.table-hover > tbody > tr:hover > th {
    background: #e8ecf1 !important;
}
.table-striped > tbody > tr:nth-child(odd) > td, 
.table-striped > tbody > tr:nth-child(odd) > th {
    background: #f0f3f5;
}
.table.table-inverse > thead > tr > th, 
.table.table-inverse > tbody > tr > th, 
.table.table-inverse > tfoot > tr > th, 
.table.table-inverse > thead > tr > td, 
.table.table-inverse > tbody > tr > td, 
.table.table-inverse > tfoot > tr > td {
    border-color: #999 !important;
    border-color: rgba(0,0,0,0.2) !important;
}
.table.table-inverse,
.table.table-inverse > thead > tr > th, 
.table.table-inverse > tbody > tr > th, 
.table.table-inverse > tfoot > tr > th {
    color: #fff;
}
.table > thead > tr > td.info, 
.table > tbody > tr > td.info, 
.table > tfoot > tr > td.info, 
.table > thead > tr > th.info, 
.table > tbody > tr > th.info, 
.table > tfoot > tr > th.info, 
.table > thead > tr.info > td, 
.table > tbody > tr.info > td, 
.table > tfoot > tr.info > td, 
.table > thead > tr.info > th, 
.table > tbody > tr.info > th, 
.table > tfoot > tr.info > th {
    background: #dbf0f7;
    border-color: #b6e2ef;
}
.table > thead > tr > td.success, 
.table > tbody > tr > td.success, 
.table > tfoot > tr > td.success, 
.table > thead > tr > th.success, 
.table > tbody > tr > th.success, 
.table > tfoot > tr > th.success, 
.table > thead > tr.success > td, 
.table > tbody > tr.success > td, 
.table > tfoot > tr.success > td, 
.table > thead > tr.success > th, 
.table > tbody > tr.success > th, 
.table > tfoot > tr.success > th {
    background: #cceeee;
    border-color: #99dede;
}
.table > thead > tr > td.danger, 
.table > tbody > tr > td.danger, 
.table > tfoot > tr > td.danger, 
.table > thead > tr > th.danger, 
.table > tbody > tr > th.danger, 
.table > tfoot > tr > th.danger, 
.table > thead > tr.danger > td, 
.table > tbody > tr.danger > td, 
.table > tfoot > tr.danger > td, 
.table > thead > tr.danger > th, 
.table > tbody > tr.danger > th, 
.table > tfoot > tr.danger > th {
    background: #ffdedd;
    border-color: #ffbdbc;
}
.table > thead > tr > td.warning, 
.table > tbody > tr > td.warning, 
.table > tfoot > tr > td.warning, 
.table > thead > tr > th.warning, 
.table > tbody > tr > th.warning, 
.table > tfoot > tr > th.warning, 
.table > thead > tr.warning > td, 
.table > tbody > tr.warning > td, 
.table > tfoot > tr.warning > td, 
.table > thead > tr.warning > th, 
.table > tbody > tr.warning > th, 
.table > tfoot > tr.warning > th {
    background: #fdebd1;
    border-color: #fbd7a3;
}
.table > thead > tr > td.active, 
.table > tbody > tr > td.active, 
.table > tfoot > tr > td.active, 
.table > thead > tr > th.active, 
.table > tbody > tr > th.active, 
.table > tfoot > tr > th.active, 
.table > thead > tr.active > td, 
.table > tbody > tr.active > td, 
.table > tfoot > tr.active > td, 
.table > thead > tr.active > th, 
.table > tbody > tr.active > th, 
.table > tfoot > tr.active > th {
    background: #f0f3f5;
    border-color: #e2e7e9;
}




td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}

.dataTables_length select,
.dataTables_filter input {
    border: 1px solid #ccd0d4;
    background: #fff;
    font-size: 12px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.dataTables_length select {
    margin-right: 10px;
    height: 34px !important;
    width: auto !important;
}
.dataTables_filter input {
    border-color: #ccd0d4;
    height: 34px;
    margin-left: 10px;
}
.dataTables_filter input:focus {
    outline: 0;
    border-color: #9fa2a5;
    -webkit-box-shadow: none;
    box-shadow: none;
}