/**
 * 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
 */

/*
 * on http://www.w3schools.com/colors/colors_picker.asp choose your colour and then go 3 lighter for hover and 3 lighter again for disabled



/* ---------------------------------------------------------------------
|  XS Styles less than 768px
*/


body .btn { 
	text-shadow: none!important;
	box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.4), inset 0 -1px 0 0 rgba(0, 0, 0, 0.4), inset 0 1px 0 0 rgba(255, 255, 255, 0.4), inset 1px 0 0 0 rgba(255, 255, 255, 0.4);
}
.toggle-group .btn { box-shadow: none; }

.btn-link { padding: 0; margin: 0; }


.btn-large-icon { padding-top: 20px; padding-bottom: 15px; }
.btn-large-icon i.fa, .btn-large-icon i.fa { font-size: 30px; vertical-align: baseline; padding-bottom: 10px; }

.input-group-btn > .btn { white-space: nowrap; }

.btn-group.lf-no-wrap { white-space: nowrap!important; display: flex; }
.btn-group.lf-no-wrap .btn { float: none; display: inline-block; }


.btn-sm, .btn-group-sm > .btn { padding: 4px 8px; }



.btn-quartenary { background-color: #734BA9 !important; border-color: #734BA9 !important; color: #FFFFFF !important; }

.btn-quartenary:hover,
.btn-quartenary:focus,
.btn-quartenary:visited,
.btn-quartenary:active,
.btn-quartenary.active { background-color: #865fb9 !important; border-color: #865fb9 !important;  color: #FFFFFF !important; }

.btn-quartenary.disabled,
.btn-quartenary[disabled],
.btn-quartenary.disabled:hover,
.btn-quartenary.disabled:focus,
.btn-quartenary.disabled:visited,
.btn-quartenary.disabled:active,
.btn-quartenary.disabled.active,
.btn-quartenary[disabled]:hover,
.btn-quartenary[disabled]:focus,
.btn-quartenary[disabled]:visited,
.btn-quartenary[disabled]:active,
.btn-quartenary[disabled].active,
fieldset[disabled] .btn-quartenary:hover,
fieldset[disabled] .btn-quartenary:focus,
fieldset[disabled] .btn-quartenary:visited,
fieldset[disabled] .btn-quartenary:active,
fieldset[disabled] .btn-quartenary.active { background-color: #bca6d8 !important; border-color: #bca6d8 !important;  color: #FFFFFF !important; }





.btn-misc { background-color: #2baab1 !important; border-color: #2baab1 !important; color: #FFFFFF !important; }

.btn-misc:hover,
.btn-misc:focus,
.btn-misc:visited,
.btn-misc:active,
.btn-misc.active { background-color: #0ac1cc !important; border-color: #0ac1cc !important;  color: #FFFFFF !important; }

.btn-misc.disabled,
.btn-misc[disabled],
.btn-misc.disabled:hover,
.btn-misc.disabled:focus,
.btn-misc.disabled:visited,
.btn-misc.disabled:active,
.btn-misc.disabled.active,
.btn-misc[disabled]:hover,
.btn-misc[disabled]:focus,
.btn-misc[disabled]:visited,
.btn-misc[disabled]:active,
.btn-misc[disabled].active,
fieldset[disabled] .btn-misc:hover,
fieldset[disabled] .btn-misc:focus,
fieldset[disabled] .btn-misc:visited,
fieldset[disabled] .btn-misc:active,
fieldset[disabled] .btn-misc.active { background-color: #84e2e8 !important; border-color: #84e2e8 !important;  color: #FFFFFF !important; }





.btn-group .btn.active.btn-active-success{background-image:none;background-color:#3e8f3e;color:#fff;text-shadow:none;border-color:#3e8f3e;}
.btn-group .btn.active.btn-active-success:hover,.btn-group .btn.active.btn-active-success:focus{background-color:#2B632B;cursor:default;text-shadow:none;}

.btn-group .btn.active.btn-active-warning{background-image:none;background-color:#ed9c28;color:#fff;text-shadow:none;border-color:#ed9c28;}
.btn-group .btn.active.btn-active-warning:hover,.btn-group .btn.active.btn-active-warning:focus{background-color:#efa740;cursor:default;text-shadow:none;}

.btn-group .btn.active.btn-active-danger{background-image:none;background-color:#d2322d;color:#fff;text-shadow:none;border-color:#d2322d;}
.btn-group .btn.active.btn-active-danger:hover,.btn-group .btn.active.btn-active-danger:focus{background-color:#d64742;cursor:default;text-shadow:none;}



.more-tooltip-btn { color: #717171; padding: 4px 6px 4px 0; line-height: 2px; box-shadow: none!important; font-size: 12px; background-color: transparent; border: 0; }
.more-tooltip-btn i { height: 2px; }



@media (max-width : 768px) { }

/* ---------------------------------------------------------------------
|  SM Styles 768px and up 
*/

@media (min-width : 768px)
{

}
@media (max-width : 992px) { }

/* ---------------------------------------------------------------------
|  MD Styles 992px and up
*/

@media (min-width : 992px)
{
	
}
@media (max-width : 1200px) { }

/* ---------------------------------------------------------------------
|  LG Styles 1200px and up
*/

@media (min-width : 1200px)
{
	
}