/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
@import url("switch-button.css");
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
*/

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 0.9em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
*/

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
*/

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
*/

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
*/

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
*/

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
*/

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
*/

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
*/

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
    */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html,
body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}   
a:hover{text-decoration: none !important;}  
.nopadding-left {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.nopadding-right {
    padding-right: 0 !important;
    margin-right: 0 !important;
}
.nopadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


.optstyle{
    padding-top:10px; color: #696969;
}

.w90{width:84%; float:left;margin-right:5px;}

.title{font-size:1.5em; color:#777; text-transform:uppercase; font-weight:bold; letter-spacing:2px;}
.mobile-table{display:none;}
#notification{}
#notification i{font-size:1.2em; margin-right:6px;}
.hidden{display: none;}
.unhide{display: block;}
i.form-control-feedback{float:left; margin-right:5px;}
.padding-10px{padding:10px;}

.status-pending{font-size:1.3em; color:orangered;}
.status-open{font-size:1.3em; color:goldenrod;}
.status-closed{font-size:1.3em; color:green;}

.text-center{text-align:center;}


/* Wrapper for page content to push down footer */
#wrapper{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height */
    margin: 0 auto -50px;
    background:#F7F7F7;
}

.login-box{margin-top:100px;}

.header_area{min-height:100px;background:url(../img/header.png) #333 repeat-x scroll center top;}
.header_area .header{}
.header_area .header .logo{margin-top:10px;}
.header_area .header .logo h1{margin-bottom:0; font-weight:bold; color:#EEE;}
.header_area .header .logo p{margin-top:2px; color:#AAA;}
.header_area .header .user-info{margin-top:20px; text-align:right;}
.header_area .header .user-info h1{margin-bottom:0; font-size:1.2em; padding-top:5px; color:#EEE;}
.header_area .header .user-info img{float:right;padding:3px; border:1px solid #888; border-radius:5px; height:70px; width:70px;margin-left:10px;}
.header_area .header .user-info p{margin-top:2px; margin-bottom:2px; font-size:0.9em; color:#AAA;}
p .user-info{color:#55CC00;}
img.avatar{padding:5px; height:40px; width:40px; margin-top:5px; border-radius:100%; }
img.avatar-big{padding:5px; height:100px; width:100px; border-radius:100%; margin: auto; border:1px solid #888;  }
.profile-name{font-size: 1.4em; font-weight: bold; text-align: center; padding:10px; color:#555;}


.navigation_area{}
.navigation_area .navbar{margin-bottom:0;}

.breadthcrumb_area{height:38px; border-top:5px solid #55CC00; background:#EEE; border-bottom:1px solid #DDD;}
.breadthcrumb_area .breadthcrumb{}
.breadthcrumb_area .breadthcrumb p{margin:5px; font-size:0.9em;}


/* FOR PANEL HEADER */
.outer-panel{padding:0;}
.panel{margin-top:20px;}
.panel .panel-heading{}
.panel .panel-heading button{}
.panel .panel-heading button i{margin-right: 5px; font-size: 1.2em;}
.panel .panel-heading i{margin-right: 6px;}
.panel .panel-heading button.icon-btn{display:none;}
.panel .title{font-size:1.1em; color:#666; text-transform:uppercase; font-weight:normal; letter-spacing:2px;border-bottom:2px solid #BBB; margin-bottom: 10px;}
/* FOR PANEL HEADER */

.panel .panel-footer button i{margin-right: 5px; font-size: 1.2em;}





form.filter{}
form.filter .form-group{margin-right:15px!important;}
form.filter .form-group label{font-weight: normal;}

.panel-heading button{margin-right:7px;margin-top:-3px;}

.footer_area{background:#333; color:#AAA; text-align:center; padding:15px 0; height:50px;}


.hidden{display: hidden;}
.green{color:green;}
.brand{color:green; font-weight:bold; text-transform:uppercase;}
.vehicle{font-weight:bold; color:blue; text-align:left; }

.vehicle-box{border: 1px solid #DDD; padding: 5px 10px; background:#EFEFEF; margin:15px 0; text-align:left;}
.vehicle-box .vehicle-img{padding:0 5px; margin:0;}
.vehicle-box .img{width:150px; height:60px; border-radius:6px; margin:auto;}
.vehicle-box .vehicle-desc{padding-top:10px;}
.vehicle-list a:hover .vehicle-box{background:#DDD;}

#usersList .modal-user{font-size:0.8em;}
#usersList .modal-user input[type=checkbox]{}
#usersList .modal-user .modal-function{color:#04c; font-size:0.8em; margin-left: 17px;}

.dashboard-menu{
    margin-top:20px;
}
.dashboard-menu a:hover .menu-block{	
    text-decoration:none; 
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.menu-block{	
    max-width: 100%; text-align:center; background:#008080; color: #EEE; border-radius:3px;
    -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;
}
.menu-block i{font-size:5em;padding:10px 0 5px 0;}
.menu-block h3{font-size:2.5em; padding-bottom:20px; margin-top:5px; font-family:Agency FB;}

.req-single{}
.req-single .panel{background: #DDD; }
.req-single .vtype{text-transform: uppercase; font-size:1.4em; font-weight: bold; color:#408140; text-align: center;}
.req-single .param{text-align: right; padding-right:10px;}
.req-single .value{text-align: left; padding-right:10px; color:#2b542c;}
.req-single .duration{text-transform: uppercase; font-size:1.6em; font-weight: bold; color:#a47e3c; text-align: center;}
/*
.vehicle-box{border-radius:10px; border: 1px solid #DDD; padding: 20px 10px; background:#EFEFEF; margin:15px 0;}
.vehicle-box .img{width:150px; height:80px; border-radius:6px; margin:auto;}
*/


.waithodapr{background: orange !important;}
.approved{background: #99ff66 !important;}
.waitadmin{background: #ffff33 !important;}

.activity{padding:5px; margin-bottom: 10px; border: 1px solid #CCC; background: #EEE; border-radius:5px;}
.activity .act-user{font-size:0.8em; color:#0D54AA;}
.activity .act-at{font-size:0.8em;}
.activity .act-time{font-size:0.8em; color:#942a25;}

.panel ul {padding: 0px; margin: 0px;list-style: none;}
.notification-item {padding: 4px 4px; margin: 0px; border-bottom: 1px dotted #AAA; font-size:0.9em; color:#555;}

.notification-item h3{font-weight:bold; margin-bottom:2px; color:#C90429; }
.notification-item span.tag{color: gray; font-style: italic; font-size: 0.9em;}
.notification-item span.tag a{color:#555; text-decoration: none;}


.article-view{}
.article-view .article-block{border:1px solid #DDD; border-radius: 4px; padding:10px;margin-bottom: 20px; background: #F9F9F9;}
.article-view .article-block img{float:left;padding:3px; border-radius:100%; height:70px; width:70px;margin-right:10px; margin-bottom:30px;}
.article-view .article-block h2{font-size:1.3em; margin-bottom:0px;}

.article-view .article-block p.article-tag{color:#777; font-size:0.9em; font-style: italic;/* background:#EEE;*/}

.article-view .article-block p.article-desc{background:red; font-size:1em;}
.article-view .article-block p.article-desc ol{color:red;}

.article-view .article-block ul{margin-left:20px !important;}
.article-view .article-block ul li{margin-left:20px !important;}
.article-view .article-block table{border-collapse: collapse; border-style: none;}
.article-view .article-block table tr td{border: 0px;}

.req-stop{text-align: center;}
.req-stop h2.no-req{color:#942a25}
.req-stop h2.thank-you{color:#009886}
.req-stop img{height:100px; width:100px;}


/* LOG TABLE CSS */
table.log{border-collapse: separate;}
table.log thead {}
table.log thead th{padding:3px; background: #CCC; border:1px solid #FFF; font-size: 0.8em;}
table.log tr{}
table.log tr td{padding:3px; background: #EEE; border:1px solid #FFF; font-size:0.8em;}

/* Report Table CSS */
table.report-table{}
table.report-table thead th{font-size: 0.9em;}
table.report-table td{font-size: 0.9em;}


/*  IMAGE UPLOAD CSS */
#image_preview{
    position: absolute;
    font-size: 30px;
    top: 100px;
    left: 100px;
    width: 250px;
    height: 230px;
    text-align: center;
    line-height: 180px;
    font-weight: bold;
    color: #C0C0C0;
    background-color: #FFFFFF;
    overflow: auto;
}
#selectImage{
    padding: 19px 21px 14px 15px;
    position: absolute;
    bottom: 0px;
    width: 414px;
    background-color: #FEFFED;
    border-radius: 10px;
}

#file {
    color: red;
    padding: 5px;
    border: 5px solid #8BF1B0;
    background-color: #8BF1B0;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: 0 0 15px #626F7E;
    margin-left: 15%;
    width: 72%;
}
#message{
    position:absolute;
    top:120px;
    left:815px;
}
#success
{
    color:green;
}
#invalid
{
    color:red;
}
#line
{
    margin-top: 274px;
}
#error
{
    color:red;
}
#error_message
{
    color:blue;
}
#loading
{
    display:none;
    position:absolute;
    top:50px;
    left:850px;
    font-size:25px;
}

.title .date{color:#AD0808}


.btn-docstat{
    padding:0 3px !important;
}

.notstat-green{background: green; color: white}
.notstat-amber{background: orange; color: white}
.notstat-red{background: orangered; color: white}

.add-new{margin-top:-7px; margin-right: 10px; padding:3px 15px !important;}


/*.btn-pool{*/
/*    !*clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);*!*/

/*}*/