/************************************************
/************************************************
PAGE COMMONS
************************************************/

* 
{
	padding: 0;
	margin: 0;
}

html, body 
{
	height: 100%;
}

body 
{
	background-color:#fdfdfd;
	padding-top: 0px;
	padding-bottom: 0px;
}

body.application
{
	margin:0;
	height:100%;
	padding-top:0px;
	padding-bottom:0px;
}

.sidebar-nav 
{
	padding: 9px 0;
}

img
{
	-ms-interpolation-mode: bicubic;
}

/************************************************
BALANCE STYLES
************************************************/

.groupHeader
{
	background-color:#F5A9A9;
	color:white;
}

.clientHeader
{
	border:none;
	border-top:1px solid #ddd;
	background-color:#eee;
}

.clientHeaderLeft
{
	border-left:1px solid #ddd;
	color:#B40404;
}

.clientHeaderRight
{
	border-right:1px solid #ddd;
}

.storeHeader
{
	border:none;
	border-top:1px solid #ddd;
	background-color:#F8E0E0;
}

.storeHeaderLeft
{
	border-left:1px solid #ddd;
	color:black;
}

.storeHeaderRight
{
	border-right:1px solid #ddd;
}

/************************************************
LOGIN PAGE STYLES
************************************************/

#sp-loginbox
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 400px; /* 440px without language */
	width: 350px;
	*background-color: #e7e8e8;
	*background: rgba(231,232,232,0.6);
	background: rgba(184,185,185,0.3);
	padding: 20px;
	border-radius: 20px;
	*border: solid 2px #b7b7b7;
	border: solid 2px #a5a6a6;
	box-shadow: 3px 3px 5px #494a4a;
	/* Added */
	*opacity: 0.6;
}

#sp-loginbox input
{
	width: 70%;
}

#sp-loginbox h6
{
	color: #666666;
}

/***************************
COMBO WITH CHECKBOXES STYLES
****************************/

.selectorCombo > li
{
	padding-left:5px;
	padding-right:5px;
}

.selectorCombo > li:first-child
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: -5px;
	background-color: #eee;
	border-bottom: 1px solid #ddd;
	height: 20px;
}

.selectorCombo > li > label
{
	display:block;
	padding-left:15px;
	text-indent:-15px
}

.selectorCombo > li > label > input
{
	margin-left: 5px;
	width:13px;
	height:13px;
	padding:0;
	margin:0;
	vertical-align:bottom;
	position:relative;
	top:-3px;
	overflow:hidden
}

.selectorCombo > li > label > input[type="checkbox"] 
{ 
    margin-right: 5px; 
}

/************************************************
APPLICATION SELECTOR STYLES
************************************************/

.sp-appselector
{
	background-color:white;
	border-radius:20px;
	padding:15px;
	height: auto;
	margin-top:10px;
	
	-moz-box-shadow: 0 7px 20px #aaa;
	-webkit-box-shadow: 0 7px 20px #aaa;
	box-shadow: 0 7px 20px #aaa;
}

.sp-appselector-img
{
	display:block;
	border-radius:10px;
}

.sp-appselector-logo
{
	display:block;
	height:65px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

/************************************************
HOME PAGE STYLES
************************************************/

.sp-homebox
{
	background-color: #f9f9f9;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	*height: 400px;
	border: 1px solid #e3e3e3;
	
	-moz-box-shadow: 0 7px 20px #aaa;
	-webkit-box-shadow: 0 7px 20px #aaa;
	box-shadow: 0 7px 20px #aaa;
}

.sp-homebox-div-title
{
	height: 70px;
}

.sp-homebox-div-text
{
	height: 300px;
	overflow: auto;
}

.sp-homebox-title
{
	*background-color: #d14a4a;
	/*   changed */
	background-color: #c11a28;
	/* ********* */
	color: white;
	padding: 6px;
	margin: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-moz-box-shadow: 0 7px 5px #aaa;
	-webkit-box-shadow: 0 7px 5px #aaa;
	box-shadow: 0 7px 5px #aaa;
}

.sp-homebox-text
{
	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;
	overflow: auto;
}

/************************************************
DATA TABLES STYLES
************************************************/

/* Table cell content */
table td
{
	white-space: nowrap;
}

/* Table header */
table th
{
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	background-color: white;
}

/************************************************
MODAL STYLES
************************************************/

.largeModal
{
	width:700px;
}

/************************************************
GENERAL STYLES
************************************************/

/* TAB STYLES */

#sp-tableoverflow
{
	overflow: auto;
}

#sp-pagination
{
	margin-bottom: -10px;
}

#sp-pagination-info
{
	*font-size:0.9em;
	font-size:14px;
	margin-left:10px;
	*color:#666666;
	color:#3b4546;
	font-weight: bold;
	padding-top: 12px;
	margin-bottom: -10px;
}

#sp-backgroundbody
{
	width: auto;
	height: auto;
	position: fixed;
	bottom: 0;
	right:0;
	z-index:10;
	margin-right: 2%;
	margin-bottom: 5%;
	pointer-events: none;
}

#sp-backlogo
{	
	/* filter: url(filters.svg#grayscale); */ /* Firefox 3.5+ */
    /* filter: gray; */ /* IE6-9 */
    /* -webkit-filter: grayscale(1); */ /* Google Chrome & Safari 6+ */
    
    opacity:0.05;
    filter:alpha(opacity=5);
    pointer-events: none;
}

.sp-link
{
	color:#e33b2f;
}

.sp-link:hover
{
	text-decoration: none;
	color:#a03b30;
}

.sp-accordion-link
{
	color:white;
}

.sp-accordion-link:hover
{
	text-decoration: none;
	color:#f0eded;
}

.sp-tab-content
{
	margin-top:-21px;
}

.sp-tab
{
	margin-top: 20px;
	padding: 21.8px;
	height: auto;
	background-color: white;
	border: 1px solid #646262;
}

.sp-notvisible
{
	display: none;
}

.sp-tabtitle
{
	display: inline;
}

.sp-sidebarclose
{
	display: inline;
	margin-top: -2px;
	margin-left: 10px;
}

.sp-closetab
{
	float:left;
	margin-right: 10px;
	margin-top:-2px;
	/* Overrides bootstrap .close style */
	color: red;
	text-shadow: 0 1px 0 #000000;
	opacity: 100;
	filter: alpha(opacity=100);
}

.sp-tabclose
{
	display: inline;
	margin-top: -35px;
}

.sp-bottom-bar
{
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 22px;
	background-color: rgb(30,30,30); /* background color that will be applied if browser does not process CSS3 */
	background-image: linear-gradient(bottom, rgb(30,30,30) 34%, rgb(49,49,49) 67%);
	background-image: -o-linear-gradient(bottom, rgb(30,30,30) 34%, rgb(49,49,49) 67%);
	background-image: -moz-linear-gradient(bottom, rgb(30,30,30) 34%, rgb(49,49,49) 67%);
	background-image: -webkit-linear-gradient(bottom, rgb(30,30,30) 34%, rgb(49,49,49) 67%);
	background-image: -ms-linear-gradient(bottom, rgb(30,30,30) 34%, rgb(49,49,49) 67%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.34, rgb(30,30,30)), color-stop(0.67, rgb(49,49,49)));
}
/*
fieldset
{
	display:inline;
}*/

.control-group
{
	margin-bottom:0;
}

.fixed 
{
   position: fixed;
   top: 40px;
}

.test
{
	color:red;
}

.sp-modify-form
{
	border: 1px solid #838181;
	padding: 15px;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 15px;
}

.alert{margin-bottom:15px;}
.alert-help{font-size:12px;}

.btn-group-input{display:block;}
.has-error .btn-group-input > button{border-color:#a94442!important;}
fieldset .btn-group-input{display:inline-block;}
.multiselect{text-align:left;padding-right:25px;position:relative;}
.multiselect > .caret{position:absolute;right:10px;top:15px;}

.tab-pane::after,.tab-pane::before{display:table;content:" ";}
.tab-pane::after{clear:both;}

.form-group > .checkbox > label{margin-top:20px;font-weight:bold;}
.form-group .radio,
.form-group .checkbox{margin-bottom:0;padding-bottom:9px;}

.checkbox-logo{display:block;width:110px;height:110px;padding:10px 0 0;font-size:12px;text-align:center;margin:0 auto;}
.vmiddle{height:40px;width:100%;text-align:center;}
.vmiddle > .helper{display:inline-block;height:100%;vertical-align:middle;}
.vmiddle > img{display:inline-block;max-height:40px;width:auto;max-width:100%;vertical-align:middle;}
input[type="checkbox"]:checked ~ .checkbox-logo{background-color:#fff;}
.multiselect-selected-text{display:inline-block;overflow:hidden;max-width:100%;}

.checkbox-center{display:block;margin:0 auto!important;}

.table-checked th.checkables{cursor:pointer;}
.table-checked td > input[type="checkbox"]{display:block;margin:0 auto!important;}

.modal .dataTables_wrapper{padding-top:40px;overflow-x: auto;max-width:100%;}
form .page-header{margin-top:0;}

ul.files{padding:0;margin:12px 0;}
ul.files .file{font-size:14px;padding-right:80px;}
ul.files .file .name{overflow:hidden;height:22px;width:100%;display:inline-block;line-height:22px;}
ul.files .file .btn{position:absolute;right:15px;top:12px;}

.timeline-container{max-height:330px;overflow:auto;}

ul.timeline{margin:0 0 20px;position:relative;padding-bottom:40px;padding-right:10px;}
ul.timeline::before{content:' ';position:absolute;height:100%;width:1px;background-color:#3b4546;margin-left:25px;}
ul.timeline::after{content:' ';position:absolute;bottom:0;left:14.5px;width:20px;height:20px;background-color:#3b4546;border-radius:50%;}
ul.timeline li{list-style:none;}

ul.timeline .section{padding-left:50px;position:relative;padding-top:50px;}
ul.timeline .section .date{width:50px;height:50px;padding-top:6px;background-color:#3b4546;color:#fff;position:absolute;left:0;top:0;text-align:center;border-radius:50%;vertical-align:middle;}
ul.timeline .section .date.min{width:20px;height:20px;left:14.5px;padding:0;}
ul.timeline .section .date .year{line-height:12px;font-size:12px;display:inline-block;}
ul.timeline .section .date .day{font-size:14px;line-height:14px;}
ul.timeline .section .date .month{font-size:10px;line-height:10px;}
ul.timeline .section .item{margin-bottom:12px;}
ul.timeline .section .item p{font-size:12px;margin-bottom:0px;}

ul.timeline .section .item .text{}
ul.timeline .section .item .author{text-align:right;color:#888;font-size:10px;font-weight:bold;}

ul.list-file{padding-left:15px;}
ul.list-file li{font-size:12px;}

.box-border{border:1px solid #333;height:240px;overflow:auto;padding:10px;border-radius:4px;margin-bottom:15px;}
.box-border.min{height:84px;}

.form-label{margin-bottom:5px;font-weight:bold;}