/**
 * LogiFlow
 *
 * A cloud based we application development framework for PHP
 * built upon the CodeIgniter framework.
 *
 * Copyright (C) 2015 Logibase Limited - All Rights Reserved
 *
 * @package		LogiFlow
 * @author		Logibase Dev Team
 * @copyright	Copyright (c) 2015, Logibase Limited (http://logibase.com)
 * 
 * @link	http://logibase.com
 * @since	Version 1.0.0
 */

/* ---------------------------------------------------------------------
------------------------------------------------------------------------
|  LG Styles more than 1200px
------------------------------------------------------------------------
--------------------------------------------------------------------- */


/* ############################
General / Global
*/
/* <div class="uk-reg-plate"><span></span><input type="text" value="AB19 CDE" /></div> */
div.uk-reg-plate, div.uk-reg-plate-small { background:linear-gradient(to bottom,#f8d038 0%,#f5ca2e 100%);font-weight:700;font-size:40px;border-radius:5px;border:1px solid #000;box-shadow:1px 1px 1px #ddd;position:relative;font-family:helvetica, ariel, sans-serif;padding:5px 10px 2px 45px; display: inline-block; text-align: left; }
div.uk-reg-plate:before, div.uk-reg-plate-small:before { content:'GB';display:block;width:35px;height:100%;background:#063298;position:absolute;top:0;left:0;border-radius:5px 0 0 5px;color:#f8d038;font-size:15px;line-height:80px;padding-left:5px; }
div.uk-reg-plate:after, div.uk-reg-plate-small:after { content:'';display:block;position:absolute;top:8px;left:8px;width:19px;height:19px;border-radius:30px;border:1px dashed #f8d038; }
div.uk-reg-plate span, div.uk-reg-plate-small span, div.uk-reg-plate input { font:inherit; margin:0; padding:0; }
div.uk-reg-plate input, div.uk-reg-plate-small input { border:none; min-width:10px; background-color: transparent; }
div.uk-reg-plate span, div.uk-reg-plate-small span { display:none; white-space:pre; }

div.uk-reg-plate-small { font-size: 30px; }
div.uk-reg-plate-small:before { font-size: 12px; line-height: 63px; padding-left: 7px; }
div.uk-reg-plate-small:after { top: 7px; left: 9px; width: 16px; height: 16px; }


/* <div class="chassis"><span></span><input type="text" value="WHDJ045638358HH73445" /></div> */
div.chassis { font-family: 'Courier New', Courier, monospace; display: inline-block; font-size: 24px; line-height: 24px; padding: 2px 8px 2px 8px; color: #000000; background: #dddddd; border-radius: 6px; border: 3px groove; }
div.chassis span, div.chassis input { font:inherit; margin:0; padding:0; }
div.chassis input{ border:none; min-width:10px; background-color: transparent; }
div.chassis span{ display:none; white-space:pre; }

/* <div class="mileage mt-sm"><span></span><input type="text" value="12409" /> miles as of 05-08-2019</div>  */
div.mileage { font-family: 'Courier New', Courier, monospace; display: inline-block; font-size: 20px; line-height: 20px; }
div.mileage i { font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-size: 13px; line-height: 13px; color: #bbbbbb; }
div.mileage span, div.mileage input { font:inherit; margin:0; padding:0; }
div.mileage input{ min-width:10px; background-color: #f3f3f3; padding: 2px 8px 0 8px; border: 2px inset; border-radius: 6px; margin: 0 8px; }
div.mileage span{ display:none; white-space:pre; }




/* ############################
/system/settings
*/
#lookup_lists tr.archived td { text-decoration: line-through; background-color: #f1f1f1; color: #999; }

/* ############################
/system/holding_cost_calculator
*/
#selected_vehicles_table td.vehicle-desc { white-space: normal; min-width: 300px; max-width: 450px; }

/* ############################
/vehicle_manager/view
*/
.reserved { background-color: #2071a0; padding: 10px; box-shadow: inset 0px 0px 10px rgba(0,0,0,1); }
.reserved > div { padding: 10px; color: #fff; font-size: 15px; text-align: center; line-height: 22px; border-radius: 15px; }
.reserved > div > div { font-weight: 400; font-size: 30px; text-align: center; color: #fff; padding-bottom: 5px; line-height: 30px; }






/* ---------------------------------------------------------------------
------------------------------------------------------------------------
|  MD Styles 1200px and down
------------------------------------------------------------------------
--------------------------------------------------------------------- */
@media (max-width : 1200px) 
{
	
}



/* ---------------------------------------------------------------------
------------------------------------------------------------------------
|  SM Styles 992px and down 
------------------------------------------------------------------------
--------------------------------------------------------------------- */
@media (max-width : 992px) 
{
	
}



/* ---------------------------------------------------------------------
------------------------------------------------------------------------
|  XS Styles less than 768px
------------------------------------------------------------------------
--------------------------------------------------------------------- */
@media (max-width : 768px)
{ 

}