@charset "utf-8";
/* 
    Document   : style
    Created on : Sep 23, 2012, 4:17:16 PM
    Author     : ravi
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
.droid-arabic-kufi{font-family: 'Droid Arabic Kufi', serif;}

body{
    font-family: Arial;
}

.content {
    min-height: 500px;
}

.main-header .logo {
    font-family: Arial;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Arial !important;
}

input, button, select, textarea {
    font-family: Arial !important;
}

.inspection-form .panel-group {
    margin-bottom: 20px;
}

.inspection-form .panel-default {
    margin-bottom: 0px;
}

.inspection-form .panel-heading {
    text-align: left;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

.inspection-form .panel-title {
    font-size: 20px;
    font-weight: bold;
}

.inspection-form .form-group{
    margin-bottom: 5px;
}

.inspection-form .steps {
    display: none;
}

.inspection-form .content {
    padding: 0px;
    background: transparent;
}

.inspection-form .wizard > .content > .body {
    float: none !important;
    position: relative !important;
    width: auto !important;
    height: auto !important;
    padding: 0px !important;
}

.inspection-form .wizard > .content > .body label.error {
    display: block;
    padding-left: 0px;
    font-weight: bold;
    margin-left: 0px;
    margin-bottom: 0px;
}

.panel-title {
    background-image: url('../img/icon_09.png');
    background-repeat: no-repeat;
    background-size: 14px 17px;
}

.form-group.thisrequired .control-label:after { 
    content:" *";
    color:red;
}

.inspection-form .control-label {
    padding-top: 0px;
    text-align: left;
}

.application-attachment {
    background-color: #C4933E;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
    color: #fff;
}
.mytable tr th {
    text-align: center;
}
.mytable-bordered, .mytable-bordered tr, .mytable-bordered td, .mytable-bordered th {
    border: 1px solid #1D2472;
}

.mytable tr th {
    background: #1D2472; 
    color: #fff;
}

.mytable tr:hover { 
    background: #fff; 
    cursor: pointer;
}

.mytable > thead > tr > th, .mytable > tbody > tr > th, .mytable > tfoot > tr > th, .mytable > thead > tr > td, .mytable > tbody > tr > td, .mytable > tfoot > tr > td {
    border-top: #1D2472 !important;
}

.evaltable {
    background-color: #fff;
}

.evaltable, .evaltable tr, .evaltable td, .evaltable th {
    border: 1px solid #1D2472 !important;
}

.evaltable tr th {
    text-align: center;
}

.form-all1 {
    border: 1px solid #E0690D !important;
    height:75px;
    width:100px;
    font-size:25px;
    color:black;
    vertical-align:middle;
    text-align:center;
}

.form-all2 {
    border: 1px solid #E0690D !important;
    height: 75px;
    width: 100px;
    font-size: 25px;
    color: black;
    vertical-align: middle;
    text-align: center;
}

.form-all {
    border: 1px solid #E0690D !important;
    height: 75px;
    width: 100px;
    font-size: 25px;
    color: black;
    vertical-align: middle;
    text-align: center;
    cursor: none;
    background-color: #C0C0C0;
}


.reviewApplicationBtn {
    font-size: 25px !important;
    padding: 30px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.reviewApplicationBtn2 {
    margin-top: 10px;
}

.reviewHiddenSection {
    margin-top: 20px;
    border: 1px solid #376DB3;
    padding-top: 10px;
    padding-bottom: 15px;
}

.applicationstable tr td {
    padding: 15px !important;
}

.mootTimeWrapper {
    margin: auto;
    width: 250px;
}

.mootCountdown {
    float: right;
    background-color: #121758;
    color: #fff;
    width: 40px;
    padding: 10px;
    margin: 5px;
    font-size: 20px;
}

.mootCountdownLabel {
    float: right;
    width: 42px;
    margin: 4px;
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 0px;
}

.application-numberbar {
    background-image: url('../img3/bar_bg.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    height: 95px;
    margin-top: 10px;
    text-align: center;
}

.applications-pagination {
    width: 100%;
    text-align: center;
    background-color: #1D2472 !important;
    padding: 5px;
}

.applications-pagination a {
    font-size: 16px;
    padding: 5px;
    font-weight: bold;
    color: #fff;
}

.applications-filterbar {
    width: 100%;
    padding: 5px;
    border: 1px solid #1D2472;
    margin-bottom: 20px;
    min-height: 95px;
}

.inspection-form .actions {
    text-align: center !important;
}
.inspection-form .wizard > .actions a, .inspection-form .wizard > .actions a:hover, .inspection-form .wizard > .actions a:active{
    background: #333 !important
}
.inspection-form .wizard > .content > .body label {
    padding-top: 6px;
}
/* Radio Group Styles*/

.radio-orange {
    background-color: #F8893A;
    font-weight: bold;
    color: #fff;
    min-width: 40px;
    min-height: 34px;
}
.radio-gray {
    background-color: #aaa;
    font-weight: bold;
    color: #fff;
    min-width: 40px;
    min-height: 34px;
}
.radio-black {
    background-color: #666;
    font-weight: bold;
    color: #fff;
    min-width: 40px;
    min-height: 34px;
}
.radio-red {
    background-color: red;
    font-weight: bold;
    color: #fff;
    min-width: 40px;
    min-height: 34px;
}
.radio-group .btn.focus, .radio-group .btn:focus, .radio-group .btn:hover{
    color: #fff;
}
.section-item-title {
    font-weight: bold;
    line-height: 34px;
    font-size: 14px;
}
.radio-group label {
    margin-bottom: 0px !important;
}

.radio-group .btn.active, .radio-group .btn:active {
    box-shadow: 0px 1px 8px 2px #000; /* inset 0px 1px 8px 2px #fff */
}

.inspection-jobs-dashboard .actions .ui-button-text {
    background-color: #F8893A;
    color: #fff;
    font-weight: bold;
}

.img-inspection {
    width: 300px;
    height: 200px;
}

/* GROCERY CRUD BOOTSTRAP STYLES */

.grocerycrud-bootstrap-table .container {
    width: auto;
}

.grocerycrud-bootstrap-table .table-label {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
    background: transparent;
}

.grocerycrud-bootstrap-table .gc-container .table-container, .grocerycrud-bootstrap-table .gc-container .header-tools {
    border-left: none;
    border-right: none;
    border-top: none;
}

.grocerycrud-bootstrap-table .gc-container .footer-tools {
    border-bottom: none;
}

.grocerycrud-bootstrap-table .dropdown-menu {
    right: 0px !important;
    left: auto;
}

.grocerycrud-bootstrap-table table th, .grocerycrud-bootstrap-table table td {
    text-align: center;
}

.radio-selections {
    font-size: 16px;
    padding-bottom: 10px;
}
.radio-selections label {
    font-weight: bold;
}

.ins-view-panel {
    border-color: #333;
}

.ins-view-panel .panel-heading {
    font-weight: bold;
    background-color: #333;
    color: #fff;
}

.ins-view-panel .panel-title {
    font-weight: bold;
    background-image: none;
}

.grocery-crud-table>caption+thead>tr:first-child>td, 
.grocery-crud-table>caption+thead>tr:first-child>th, 
.grocery-crud-table>colgroup+thead>tr:first-child>td, 
.grocery-crud-table>colgroup+thead>tr:first-child>th, 
.grocery-crud-table>thead:first-child>tr:first-child>td, 
.grocery-crud-table>thead:first-child>tr:first-child>th {
    background-color: black;
    color: #fff;
}

@media (min-width: 990px) and (max-width: 1200px) {
    .inspection-form .radio-group .radio-orange, .inspection-form .radio-group .radio-gray, .inspection-form .radio-group .radio-black {
        font-size: 12px;
    }
    .inspection-form .section-item-title {
        line-height: 11px;
        font-size: 11px;
        padding-top: 9px;
    }
    .img-inspection {
        width: 220px;
        height: 146px;
    }
}