/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
 @-webkit-viewport { width: device-width; }
 @-moz-viewport    { width: device-width; }
 @-ms-viewport     { width: device-width; }
 @-o-viewport      { width: device-width; }
 @viewport         { width: device-width; }
 
 @import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,greek-ext,vietnamese);
 html,body {
   height:100%;
   margin:0;
   padding:0;
   font-family:'Open Sans',sans-serif;
   font-size:13px;
   color:#000;
   font-weight:500;
   line-height:18px;
   padding-top:10px;
 }
 
 /*body{font-family:'Open Sans',sans-serif;font-weight:400;color:#333;font-size:12px;line-height:20px;padding-top:40px;}
 #blue 2C1A6F; yellow F9C500; E4C951;
 */
 #preloader {
   position: fixed;
   left: 0;
   top: 0;
   z-index: 9999;
   width: 100%;
   height: 100%;
   overflow: visible;
   background: #fff url('../img/loader.gif') no-repeat center center;
 }
 
 .panel-signin{
 width: 400px; padding: 0 20px; margin: 4% auto;
 }
 .panel-signin .projname{color:orange; font-weight:700; font-size:28px; text-transform: uppercase;}
 .panel-signin .sysname{color:darkblue; font-weight:600; font-size:22px; margin: 20px 0 20px;}
 .panel-signin .form-control{ height: 50px;}
 
 .form-signin {
   max-width: 400px;
   padding: 15px;
   margin: 10% auto;
 }
 
 
 legend {
     font-size: 18px;
     padding: 7px 0px;
 }
 
 form { padding-top:15px; }
 
 label{font-size:13px;font-weight:normal;}
 select.form-control,textarea.form-control,input[type="text"].form-control,input[type="password"].form-control,input[type="datetime"].form-control,input[type="datetime-local"].form-control,input[type="date"].form-control,input[type="month"].form-control,input[type="time"].form-control,input[type="week"].form-control,input[type="number"].form-control,input[type="email"].form-control,input[type="url"].form-control,input[type="search"].form-control,input[type="tel"].form-control,input[type="color"].form-control{font-size:13px;}
 .input-group input,.input-group select,.input-group .dropdown-menu,.input-group .popover{font-size:13px;}
 .input-group .input-group-addon{font-size:13px;height:30px;}
 span.hidden-xs,span.hidden-sm,span.hidden-md,span.hidden-lg{display:inline;}
 .nav-tabs{margin-bottom:15px;}
 div.required .control-label:before{content:'* ';color:#F00;font-weight:bold;}
 
 .table thead td{font-weight:bold;}
 .table thead>tr>td,.table tbody>tr>td{vertical-align:middle;}
 
 
 .borderless > tbody > tr > td  td, .borderless > tbody > tr > th {
     border: none;
 }
 
 .footer {
   width: 100%;
   /* Set the fixed height of the footer here */
   height: 40px;
   /*background-color: #f8f8f8;*/
   border-color: #e7e7e7;
   text-align:center;
   position:relative;
   bottom:0px;
 }
 
 .footer .container .text-muted {
   margin: 20px 0 0 0;
 }
 
 .caret-up {
     width: 0; 
     height: 0; 
     border-left: 4px solid rgba(0, 0, 0, 0);
     border-right: 4px solid rgba(0, 0, 0, 0);
     border-bottom: 4px solid;    
     display: inline-block;
     margin-left: 2px;
     vertical-align: middle;
 }
 .page-header{margin-top: 0;}
 .navbar-default .navbar-nav > li > a {
     color: #fff; font-weight: 600;
 }
 
 .navbar-default .navbar-brand {
   color: #ff0000;
   font-size: 20px;
   font-weight: 600;
 }
 
 .navbar-inverse .navbar-brand {
   color: orange;
 }
 
 .grey { background-color:#CCCCCC; }
 
 
 .autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);width: auto !important; }
 .autocomplete-suggestion { padding: 3px 5px; white-space: nowrap; overflow: hidden; font-size:14px; }
 .autocomplete-no-suggestion { padding: 3px 5px;}
 .autocomplete-selected { background: #F0F0F0; }
 .autocomplete-suggestions strong { font-weight: bold; color: #000; }
 .autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }
 
 
 #certificate .table-bordered {
     border: 1px solid #000;
 }
 
 #certificate .table-bordered>tbody>tr>td,#certificate .table-bordered>tbody>tr>th, #certificate .table-bordered>tfoot>tr>td, #certificate .table-bordered>tfoot>tr>th, #certificate .table-bordered>thead>tr>td, #certificate .table-bordered>thead>tr>th {
     border: 1px solid #000;
 }
 
 @media print {
   #button-print { display:none; }
 }
 
 
 .pt7{padding-top:7px;}
 
 
 .timeline {
   position: relative;
   padding: 20px 0 20px;
   list-style: none;
 }
 .timeline:before {
   content: " ";
   position: absolute;
   top: 0;
   bottom: 0;
   left: 50%;
   width: 3px;
   margin-left: -1.5px;
   background-color: #eeeeee;
 }
 .timeline > li {
   position: relative;
   margin-bottom: 10px;
 }
 .timeline > li:before,
 .timeline > li:after {
   content: " ";
   display: table;
 }
 .timeline > li:after {
   clear: both;
 }
 .timeline > li:before,
 .timeline > li:after {
   content: " ";
   display: table;
 }
 .timeline > li:after {
   clear: both;
 }
 .timeline > li > .timeline-panel {
   float: left;
   position: relative;
   width: 46%;
   padding: 7px;
   border: 1px solid #d4d4d4;
   border-radius: 2px;
   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
 }
 .timeline > li > .timeline-panel:before {
   content: " ";
   display: inline-block;
   position: absolute;
   top: 26px;
   right: -15px;
   border-top: 15px solid transparent;
   border-right: 0 solid #ccc;
   border-bottom: 15px solid transparent;
   border-left: 15px solid #ccc;
 }
 .timeline > li > .timeline-panel:after {
   content: " ";
   display: inline-block;
   position: absolute;
   top: 27px;
   right: -14px;
   border-top: 14px solid transparent;
   border-right: 0 solid #fff;
   border-bottom: 14px solid transparent;
   border-left: 14px solid #fff;
 }
 .timeline > li > .timeline-badge {
   z-index: 100;
   position: absolute;
   top: 24px;
   left: 50%;
   width: 30px;
   height: 30px;
   margin-left: -15px;
   border-radius: 50% 50% 50% 50%;
   text-align: center;
   font-size: 1.4em;
   line-height: 26px;
   color: #fff;
   background-color: #999999;
 }
 .timeline > li.timeline-inverted > .timeline-panel {
   float: right; background-color:#f3f6f8;
 }
 .timeline > li.timeline-inverted > .timeline-panel:before {
   right: auto;
   left: -15px;
   border-right-width: 15px;
   border-left-width: 0;
 }
 .timeline > li.timeline-inverted > .timeline-panel:after {
   right: auto;
   left: -14px;
   border-right-width: 14px;
   border-left-width: 0;
 }
 .timeline-badge.primary {
   background-color: #2e6da4 !important;
 }
 .timeline-badge.success {
   background-color: #3f903f !important;
 }
 .timeline-badge.warning {
   background-color: #f0ad4e !important;
 }
 .timeline-badge.danger {
   background-color: #d9534f !important;
 }
 .timeline-badge.info {
   background-color: #5bc0de !important;
 }
 .timeline-title {
   margin-top: 0;
   color: inherit;
 }
 .timeline-body > p,
 .timeline-body > ul {
   margin-bottom: 0;
   font-size: 12px;
 }
 .timeline-body > p + p {
   margin-top: 5px;
 }
 @media (max-width: 767px) {
   ul.timeline:before {
     left: 40px;
   }
   ul.timeline > li > .timeline-panel {
     width: calc(10%);
     width: -moz-calc(10%);
     width: -webkit-calc(10%);
   }
   ul.timeline > li > .timeline-badge {
     top: 16px;
     left: 15px;
     margin-left: 0;
   }
   ul.timeline > li > .timeline-panel {
     float: right;
   }
   ul.timeline > li > .timeline-panel:before {
     right: auto;
     left: -15px;
     border-right-width: 15px;
     border-left-width: 0;
   }
   ul.timeline > li > .timeline-panel:after {
     right: auto;
     left: -14px;
     border-right-width: 14px;
     border-left-width: 0;
   }
 }
 
 .red { color:#d43f3a; font-size:18px; }
 .green { color:#5cb85c; font-size:18px; }
 .info { color:#46b8da; font-size:18px; }
 
 fieldset.enqreqfieldsetcnt legend{color: #0000ff;font-weight: 600;}
 
 @media print {
   #button-print { display:none; }
 }
 .errred{background-color:#ff0000}
 
 .btn-group.bootstrap-select select {
 width: 1px !important;
 }
 
 label.form-check-label{line-height: 1.5;}