/*
Author  : Hunter Perrin
Version : 2.0.1
Link    : http://sciactive.com/pnotify/
*/
/* -- Notice */
.ui-pnotify {
top: 25px;
right: 25px;
position: absolute;
height: auto;
/* Ensures notices are above everything */
z-index: 9999;
}
/* Hides position: fixed from IE6 */
html > body > .ui-pnotify {
position: fixed;
}
.ui-pnotify .ui-pnotify-shadow {
-webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
}
.ui-pnotify-container {
background-position: 0 0;
padding: .8em;
height: 100%;
margin: 0;
}
.ui-pnotify-sharp {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-pnotify-title {
display: block;
margin-bottom: .4em;
margin-top: 0;
}
.ui-pnotify-text {
display: block;
}
.ui-pnotify-icon, .ui-pnotify-icon span {
display: block;
float: left;
margin-right: .2em;
}
/* Alternate stack initial positioning. */
.ui-pnotify.stack-topleft, .ui-pnotify.stack-bottomleft {
left: 25px;
right: auto;
}
.ui-pnotify.stack-bottomright, .ui-pnotify.stack-bottomleft {
bottom: 25px;
top: auto;
}

.ui-pnotify-closer, .ui-pnotify-sticker {
float: right;
margin-left: .2em;
}

/* -- Pulldown */
.ui-pnotify-history-container {
position: absolute;
top: 0;
right: 18px;
width: 70px;
border-top: none;
padding: 0;
-webkit-border-top-left-radius: 0;
-moz-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-top-right-radius: 0;
border-top-right-radius: 0;
/* Ensures history container is above notices. */
z-index: 10000;
}
.ui-pnotify-history-container.ui-pnotify-history-fixed {
position: fixed;
}
.ui-pnotify-history-container .ui-pnotify-history-header {
padding: 2px;
text-align: center;
}
.ui-pnotify-history-container button {
cursor: pointer;
display: block;
width: 100%;
}
.ui-pnotify-history-container .ui-pnotify-history-pulldown {
display: block;
margin: 0 auto;
}

.ui-pnotify .picon {
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
width: 17px;
height: 17px;
}
.ui-pnotify-title {
line-height: 17px;
min-height: 17px;
}

@font-face {
    font-family: 'robotoregular';
    src: url('/bundles/app/fonts/Roboto-Regular-webfont.eot');
    src: url('/bundles/app/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/bundles/app/fonts/Roboto-Regular-webfont.woff') format('woff'),
    url('/bundles/app/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
    url('/bundles/app/fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    font-family: 'robotoregular','Helvetica Neue',Helvetica,Arial,sans-serif;
    background: #eeeeee;
    color: #212121;
}
.theme-color {
    background-color: #dddddd;
}

/* ************************************************************
* Default styles
************************************************************ */
.inner {
    padding: 20px;
}

.panel {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    margin-bottom: 0;
}

.scroll {
    overflow: scroll;
}

.scrollx {
    overflow-x: scroll;
}

.scrolly {
    overflow-y: scroll;
}

.ease {
    -o-transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
}

/* Texts */
h1 {
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    display: inline-block;
}

/* Buttons */
.btn {
    padding: 10px 15px;
    text-transform: uppercase;
}
.btn.btn-primary {
    background: #eeeeee;
    border-color: #dddddd;
    color: #212121;
}
.btn.btn-primary:hover {
    background: #dddddd;
}
.btn.btn-primary:active {
    color: #212121;
    background: #dddddd;
}

/* Forms */
form .form-group .form-control {
    font-size: 16px;
    background: #fafafa;
    height: 40px;
}

.alert.alert-danger {
    background: #f9e6e6;
}

/* Tables */
table.dataTable caption {
    visibility: hidden;
    position: absolute;
    z-index: -1;
}

table.dataTable {
    width: 100%;
    margin-bottom: 1px;
    border-style: none !important;
}

table.dataTable thead tr th {
    padding-left: 30px;
    background-color: #f5f5f5;
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
    background-position: 5px !important;
    color: #616161;
    font-weight: normal;
    font-size: 13px;
    white-space: nowrap;
}

table.dataTable tbody tr td {
    border-bottom: solid 1px #e0e0e0;
    font-size: 13px;
}
table.dataTable tbody tr:last-child td {
    border-style: none;
}

table.dataTable tbody tr.clickable-row {
    cursor: pointer;
}
table.dataTable tbody tr:hover td {
    color: #000;
    background: #eee;
}
table.dataTable tbody tr.clickable-row:hover td,
table.dataTable tbody tr.clickable-row:focus td {
    color: #000;
    background: #eee;
}
table.dataTable tbody tr.clickable-row:active td {
    background: #f5f5f5;
}


table.dataTable tbody tr td .status {
    padding: 5px;
    background: #ccc;
    color: #fff;
}
table.dataTable tbody tr td .status {
    padding: 5px 6px;
    background-color: #ccc;
    color: #fff;
}
table.dataTable tbody tr td.status.green {
    background-color: #8bc34a;
    color: #fff;

}
table.dataTable tbody tr td.status.orange {
    background-color: #ff9800;
    color: #fff;
}
table.dataTable tbody tr td.status.red {
    background-color: #f44336;
    color: #fff;
}

table.dataTable tbody tr td.status.purple {
    background-color: purple;
    color: #fff;
}

table.dataTable tbody tr td.status.blue {
    background-color: blue;
    color: #fff;
}

table.dataTable tbody tr td.status.gray {
    background-color: #D9D9D9;
    color: #fff;
}


table.dataTable tfoot tr td {
    padding: 8px 10px;
    background-color: #f5f5f5;
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
    background-position: 5px !important;
    color: #616161;
    font-weight: normal;
    font-size: 13px;
    white-space: nowrap;
}

.dataTables_scrollBody {
    height: auto !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none;
}

.dataTables_filter{
    display: none !important;
}

#filters {
    padding: 5px 15px 15px 15px;
}

#filters label {
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    margin-top: 15px;
}

/* ************************************************************
* Login page
************************************************************ */
#ribbon {
    position: relative;
    height: 280px;
}
#ribbon .fixed-bottom {
    width: 100%;
    position: absolute;
    bottom: 0;
}
#ribbon .panel-logo{
    height: 150px;
    line-height: 150px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
#ribbon .panel-logo img{
    max-width: 80%;
    max-height: 90%;
}

#login .panel {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

/* ************************************************************
* Sidebar
************************************************************ */
#toggleSidebar {
    position: absolute;
    right: -8px;
    top: 30px;
    color: #fff;
    font-size: 13px;
    box-shadow: 3px 0 3px -1px rgba(0,0,0,0.30);
    text-align: center;
}
#toggleSidebar:hover,
#toggleSidebar:focus {
    text-decoration: none;
}
#toggleSidebar div {
    padding: 8px 8px 8px 2px;
    background-color: rgba(0, 0, 0, 0.1);
}
.collapsed #toggleSidebar {
    right: -20px;
}
.collapsed #toggleSidebar div {
    padding: 8px;
}

#sidebar {
    position: fixed;
    z-index: 1;
    top: 0;
    bottom: 0;
    left:0;
    width:250px;
}
#sidebar.collapsed {
    margin-left: -245px;
}

#sidebar .site-identity {
    padding: 30px 15px;
    background-color: rgba(0, 0, 0, 0.1);
    text-align: center;
}
#sidebar .site-identity img {
    max-width: 100%;
    margin-bottom: 20px;
}

#sidebar .site-identity a{
    color: #fff;
}

#sidebar .bottom-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 20px;
}

/* ************************************************************
* Content
************************************************************ */
#content {
    position: fixed;
    z-index: 0;
    top: 0;
    right:0;
    width: 100%;
    padding: 30px 30px 30px 280px;
}
#content.expanded {
    padding: 30px 30px 30px 35px;
}

#content .title span{
    font-size: 14px;
    color: #9c9c9c;
    padding: 0 15px;
}
#content .title span #countRows{
    padding: 0;
}

#content .title .btn{
    padding: 5px 15px;
    font-size: 13px;
    margin-top: -3px;
    margin-left: 10px;
}
#content .title .btn{
    padding: 5px 10px;
    font-size: 13px;
    margin-top: -3px;
}
#content .title .btn i{
    margin-left: 5px;
}
#content .title .btn.icon-only i{
    margin-left: 0;
}

#content .title #exportBtns{
    display: inline-block;
}

/* ************************************************************
* Modal
************************************************************ */
.modal .img-container {
    width: 100%;
    max-height: 400px;
    overflow: hidden;
}
.modal .img-container img {
    width: 100%;
    height: auto;
}

/* ************************************************************
* CSS for print
************************************************************ */
@media print {
    @page {
        size: landscape
    }

    #sidebar {
        display: none;
    }

    #content {
        position: static;
        padding: 0;
    }
    #content .title .pull-right {
        display: none;
    }
    #content .scroll {
        overflow: visible;
    }

    #content table.dataTable thead tr,
    #content table.dataTable tbody tr,
    #content table.dataTable tfoot tr{
        display: table-row !important;
    }

    #content table.dataTable thead tr th,
    #content table.dataTable tbody tr td,
    #content table.dataTable tfoot tr td{
        padding: 8px 10px !important;
        min-width: 100px !important;
    }

    #content .dataTables_scrollHead,
    #content .dataTables_scrollBody,
    #content .dataTables_scrollFoot{
        overflow: visible !important;
    }

}