/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body { padding-top: 50px; direction: rtl; }

.no-nav { margin-top: -50px; }

/*Login Form*/
.custom-container-fluid { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; background: url('Images/bgaraby.png') no-repeat, #135ea3; height: 100vh; background-position: bottom left; background-size: 50%; position: absolute; top: 0; width: 100vw; z-index: 2000; right: 0; }
.login-form-outer-container { width: 500px; position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.login-form-container { width: 500px; text-align: center; background: white; }
    .login-form-container .row { padding: 15px 30px; }
    .login-form-container span { font-family: 'Glyphicons Halflings' !important; position: relative; top: 0; }
.login-title { color: white; background-color: #71be47; margin: 0; padding: 20px; margin-bottom: 15px; font-size: 24px; }
.login-section-container { float: none; margin: 0 auto; }
.login-form-btn { background-color: #135EA3 !important; float: left !important; padding: 5px 30px !important; color: white !important; border: none !important; }
#loginForm .form-group div { margin: 0 auto; float: none; }
/*end Login Form*/
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-left: -15px; margin-right: -15px; }
.partialSubmitBtn { float: left; }

@media (min-width: 768px) {
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-left: 0; margin-right: 0; }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 40px; }
}

/*
 * Global add-ons
 */

.sub-header { padding-bottom: 10px; border-bottom: 1px solid #eee; }

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top { border: 0; }

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar { display: none; }

@media (min-width: 768px) {
    .sidebar { position: fixed; top: 51px; bottom: 0; left: 0; z-index: 1000; display: block; padding: 20px; overflow-x: hidden; overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ background-color: #f5f5f5; border-right: 1px solid #eee; }
}

/* Sidebar navigation */
.nav-sidebar { margin-right: -21px; /* 20px padding + 1px border */ margin-bottom: 20px; margin-left: -20px; }
    .nav-sidebar > li > a { padding-right: 20px; padding-left: 20px; }
    .nav-sidebar > .active > a,
    .nav-sidebar > .active > a:hover,
    .nav-sidebar > .active > a:focus { color: #fff; background-color: #428bca; }


/*
 * Main content
 */
.page-header { margin-top: 0; border-bottom: 0; }


/*
 * Placeholder dashboard ideas
 */

.placeholders { margin-bottom: 30px; text-align: center; }
    .placeholders h4 { margin-bottom: 0; }
.placeholder { margin-bottom: 20px; }
    .placeholder img { display: inline-block; border-radius: 50%; }

.footer { background-color: #ffffff; position: fixed; bottom: 0; padding-top: 0; margin-top: 0; }

    .footer hr { margin-top: 0; }

.iframe { margin: 0; border: 0; position: fixed; padding-top: 85px; bottom: 0; height: 100%; padding-left: 0; padding-right: 0; }

@media (max-width: 768px) {
    .iframe { width: 100%; }
}


/* Set width on the form input elements since they're 100% wide by default */
.form-group { max-width: 700px;
    top: -31px;
    right: -11px;
}

.btn-back { padding-left: 10px; padding-right: 10px; }

.loading table { color: #AAA; }

.pagination { margin: 0 0 20px 0; }

.fileinput-filename { height: 20px; width: 200px; }

@media (min-width: 768px) {
    .filters { padding: 0; }
}

.btn-default { background-color: #eeeeee; }

.table { border-bottom: 1px solid #ddd; }

.mceContentBody { padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; background-color: #ffffff; }

.caret.caret-reversed { border-top-width: 0; border-bottom: 4px solid #000000; }

.caret.caret-right { border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 4px solid; }

.caret.caret-left { border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-right: 4px solid; }

.breadcrumb.parentchildren { padding: 8px; margin-bottom: 0; background-color: #fff; }

    .breadcrumb.parentchildren > li + li:before { content: ">\00a0"; }

.navbar-brand { padding: 10px; }
    .navbar-brand img { height: 30px; }

.green { background-color: #71be47 !important; }
.yellow { background-color: #ece115 !important; }
.red { background-color: #ff0000 !important; }
.elarabyNewsTickerInner marquee { position: relative; top: 6px; }

ul.searchCustomerResults { display: none; position: absolute; width: 94%; background: white; padding-right: 0; list-style: none; z-index: 2; max-height: 160px; overflow: auto; padding: 0 !important; border: 1px solid #CCC; border-top: 0px; margin-top: -3px; padding-top: 10px !important; }
.searchCustomerResults li { cursor: pointer; padding: 5px 10px; }
    .searchCustomerResults li:hover { color: white; background-color: #135EA2; }
#OrderDetails_Customer_CustomerName { z-index: 3; position: relative; }
div#precreateModal .modal-content { overflow: auto; max-height: 500px; }
div#precreateModal h1 { margin-top: 69px !important; }
.createCustomerDialog { width: 750px; }
#precreateModal .no-nav { display: inline-block; width: 100%; margin-top: 30px; }
.buttonHolder button { margin-left: 6px; }
.buttonHolder { position: absolute; top: 1px; right: 680px; width: 235px; }
div#GovernmentID_chosen .result-selected { background-color: #135EA2; color: white; }
.addNewWorkOrder { float: left; }
#precreateModal .partialSubmit { margin-top: 30px; padding: 10px; }
.data-section-label > span { position: relative; top: 2px; font-family: GS2M !important; }
p.text-danger.valError { clear: both; padding-right: 15px; }
.chosen-disabled .chosen-single { cursor: not-allowed !important; background-color: #E0E0E0 !important; box-shadow: inset 0px 0px 1px black !important; }

@media print {
    .progress { background-color: #F5F5F5 !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F5F5F5', endColorstr='#F5F5F5')" !important; }
        .progress .progress-bar { display: block !important; background-color: #428bca !important; }

    .progress-bar-info { display: block !important; background-color: #5BC0DE !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5BC0DE', endColorstr='#5BC0DE')" !important; }

    .progress, .progress > .progress-bar { display: block !important; -webkit-print-color-adjust: exact !important; box-shadow: inset 0 0 !important; -webkit-box-shadow: inset 0 0 !important; }

    a[href]:after { content: none !important; }

    .print-hide { display: none; }

    /*Reports command Orders*/
    .data-section-label { background-color: #fff !important; position: absolute !important; z-index: 999999 !important; }
    .reportPrintBtn, .noPrint { display: none !important; }
    .generalBox { margin-top: 30px; }
    body { border: none !important; }
    .printEnhance { display: inline-block !important; width: 100% !important; }
        .printEnhance > .form-group { width: 50% !important; float: right; display: inline-block !important; }
        .printEnhance .dataHolder > .form-group { width: 50% !important; float: right; display: inline-block !important; }
        .printEnhance.data-section > .form-group:nth-child(2), .data-section .dataHolder .form-group:nth-child(1) { margin-top: 0 !important; }
    .printEnhance { padding-top: 30px !important; }
    .dataHolder { display: inline-block !important; width: 100% !important; }
    label.control-label { font-family: GS2M !important; }
    .printEnhance:last-child { margin-top: 20px !important; }
    .coverBox { display: none !important; }
    * { border-color: #8E8E8E !important; }
    span { color: #333 !important; }
    .alert-danger { display: none !important; }
    .printLogo { position: absolute; top: -5px; z-index: 1; left: 30px; width: 145px; display: block !important; }
    .table th { background-color: #aaa !important; }
    body { -webkit-print-color-adjust: exact !important; }

    .genPrintContentNotFirst { page-break-before: always; }
    .tableHeader { page-break-inside: avoid !important; page-break-after: auto !important; page-break-before: always !important; }

    #SpareTable .Quantity { border: none; }
    .pageHeaderNoBar { margin-top: 0px !important; }
    #EditOrdersForm .printEnhance { display: block; max-width: 100% !important; min-width: 100% !important; float: right; }
    /*end Reports command Orders*/
}