@import url('../fontawesome/css/font-awesome.min.css');
@import url('bigScreen.css');

body {
	margin:0;
	background: #FFFFFF;
	font-family: Arial, sans-serif;
	font-size:14px;
	line-height:18px;
}


.VolSize { width:50%; margin: 0px auto; background-color:#efefef; padding:10px; border: 1px solid #ccc; border-radius:12px; }
.VolSize .progress {margin: 5px 0px;}


h1, h2, h3, h4 { font-family: 'Michroma', sans-serif; font-weight: 400; margin-top:0px; }

h1 {
	font-size:36px;
	line-height:42px;
	margin-bottom:10px;
	color: #777777;
	letter-spacing: 1px;
}
h2 {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 10px;
	color: #009475;
	letter-spacing: 1px;
}
h3 {
	font-size:18px;
	line-height:24px;
	margin-bottom:10px;
	color: #777777;
	letter-spacing: 1px;
}

@media only screen and (min-width: 1024px) and (max-width: 1279px)	{
	h1 { font-size:32px; line-height:38px; }
	h2 { font-size:20px; line-height:26px; }
	h3 { font-size:16px; line-height:22px; }
}
@media only screen and (min-width: 768px) and (max-width: 1023px)	{  
	h1 { font-size:28px; line-height:34px; }
	h2 { font-size:17px; line-height:23px; }
	h3 { font-size:15px; line-height:21px; }
}

.alert	{ color: #FF0000; }
.ok, .green		{ color: #009475; }
.grey	{ color: #777777; }
.orange { color: rgba(255,108,0,1.00);}


.Filename	{
	color: #123456;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color:rgba(248,217,65,0.30);
}

a {color: #009475; text-decoration:underline; }

a:hover { text-decoration:none; }

a.inactive {color: #CCCCCC; }
a:hover.inactive { text-decoration:underline; }

img.icon { vertical-align:middle; margin-top:-2px; max-width:48px; height:auto; }

.safari img.icon { vertical-align:middle; margin-top:-4px; }

img.icon.inactive {
	opacity: 0.30;
}

hr { border-top: 1px solid #CCCCCC; boder-bottom:none; }




/* #################################################################################################################### HEADER */

#header {
	display: block;
	width: 100%;
	min-height: 50px;
	margin-top: 10px;
	margin-bottom: 40px;
	padding-top:30px;
	background-image: url(css-images/SP-Logo_gross.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 60px;
	border-bottom: 1px solid #CCCCCC;
}

#header h1 {  margin-top: 0px; margin-bottom:6px; font-size:36px; }

@media (max-width: 991px) {
	#header h1  { font-size:28px; }
	#header 	{ background-size: auto 50px; }
}

@media (max-width: 767px) { 
	#header 	{ 
		background-position: center top; 
		background-size: auto 40px;
	}
	#header h1 	{ 
		text-align:center; 
		font-size:20px;
		margin-top:15px;
	} 
}
/* #################################################################################################################### MENÜLEISTE */

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

@media (max-width: 991px) {
/* Enable use of floated navbar text */
	.navbar-text.pull-right {
    	float: none;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.navbar.navbar-fixed-top { /*top:120px;*/ position:relative; }

.navbar.navbar-fixed-top ul.nav li a.inactive { color:#CCCCCC; }


/* #################################################################################################################### CONTAINER */


.container {width:90%;}


@media (min-width: 1281px) {
	.container.start { 
		margin-top:60px; 
		padding: 30px 0px 40px 0px;
	}
}

@media (max-width: 991px) {
	.container.start 	{ margin-top:10px; }
}
@media (max-width: 767px) {
	.container.start 	{ padding:0px; }
}



/* #################################################################################################################### Blockformate */

.wobinich { text-align:center; }

.wobinich a { text-decoration:none; }

.hero-unit { padding-bottom: 30px; padding-top:50px; margin-bottom:0px; background-color:#FFFFFF; line-height:normal; border-radius:0px; border-bottom: 1px solid #CCCCCC; }

.hero-unit.start { text-align: center; }

.hero-unit h1 { font-size:30px; margin-bottom:25px; color: #777777; letter-spacing: 0.7px; }


.col-md-12, .col-md-9, .col-md-8, .col-md-6, .col-md-4, .col-md-3 { margin-bottom: 20px; }


/* =============================================================================================== Dateien ... */

.col-md-12.menu { border-radius:0px; border-bottom: 1px solid #CCCCCC; }

/* --------------------------------------------------------------------- ORDNER ANZEIGEN */
.col-md-3.folder, .col-md-4.folder { 
	background-color:#EFEFEF;
	padding:20px;
	margin-left:0px;
	min-height:550px;
}

.col-md-3.folder a, .col-md-4.folder a { text-decoration:none; }

/* --------------------------------------------------------------------- DATEIEN ANZEIGEN */
.col-md-8.files, .col-md-9.files { 
	min-height: 550px;
}

.col-md-8.files .FileBlock, .col-md-9.files .FileBlock,
.col-md-8.files .SelectBlock, .col-md-9.files .SelectBlock { 
	padding:0px;
	width:45%;
	float:left;
	margin-right:5%; 
	margin-bottom:15px;
}

.col-md-8.files, .col-md-9.files a.FileBlockSelect { color:#000000 !important; }

.col-md-8.files .SelectBlock, .col-md-9.files .SelectBlock 			{ background-color: #EFEFEF; }
.col-md-8.files .SelectBlock:hover, .col-md-9.files .SelectBlock:hover 		{ background-color: rgba(244,204,13,0.55); }
.col-md-8.files .SelectBlock table, .col-md-9.files .SelectBlock table 		{ background-color: none; }
.col-md-8.files .SelectBlock tr.head, .col-md-9.files .SelectBlock tr.head 	{ background-color:rgba(255,255,255,0.80) }


/* ==================================================================================== TABELLEN-FORMATE */
table.Uebersicht {width:99%;}

table.Uebersicht.BUTTONS {
    float:left; 
    position:fixed; 
    background:white;
    z-index:999;
}
table.Uebersicht.Header {
    float:left; 
    position:fixed; 
    background:white; 
    margin-top:60px;
    z-index:999;
}
table.Uebersicht.Body {
    float:left; 
    margin-top:90px;
}


table.Uebersicht th,
table.Uebersicht td { font-size:1.0em; }


table.Uebersicht th.ID,
table.Uebersicht td.ID { width:3%; }

table.Uebersicht th.ErstDatum,
table.Uebersicht td.ErstDatum { width:6%; }

table.Uebersicht th.CODE,
table.Uebersicht td.CODE { width:9%; }

table.Uebersicht th.KUNDE,
table.Uebersicht td.KUNDE { width:14%; }

table.Uebersicht th.KUNDEMAIL,
table.Uebersicht td.KUNDEMAIL { width:18%; }

table.Uebersicht th.SP,
table.Uebersicht td.SP { width:9%; }

table.Uebersicht th.DATEITAUSCH,
table.Uebersicht td.DATEITAUSCH { width:7%; }
/*
table.Uebersicht th.DATEI,
table.Uebersicht td.DATEI { width:19%; }

table.Uebersicht th.DATEI2,
table.Uebersicht td.DATEI2 { width:29%; }
*/
table.Uebersicht th.ENDDATUM,
table.Uebersicht td.ENDDATUM { width:11%; }

table.Uebersicht th.FUNKTION,
table.Uebersicht td.FUNKTION { width:3%; }
/*
@media(min-width:1440px) and (max-width:1599px){
	
	table.Uebersicht th.ID,
	table.Uebersicht td.ID { width:3%; }

	table.Uebersicht th.ErstDatum,
	table.Uebersicht td.ErstDatum { width:7%; }

	table.Uebersicht th.CODE,
	table.Uebersicht td.CODE { width:9%; }

	table.Uebersicht th.KUNDE,
	table.Uebersicht td.KUNDE { width:14%; }

	table.Uebersicht th.KUNDEMAIL,
	table.Uebersicht td.KUNDEMAIL { width:18%; }

	table.Uebersicht th.SP,
	table.Uebersicht td.SP { width:9%; }

	table.Uebersicht th.DATEITAUSCH,
	table.Uebersicht td.DATEITAUSCH { width:8%; }
*//*
	table.Uebersicht th.DATEI,
	table.Uebersicht td.DATEI { width:17%; }

	table.Uebersicht th.DATEI2,
	table.Uebersicht td.DATEI2 { width:29%; }
*//*
	table.Uebersicht th.ENDDATUM,
	table.Uebersicht td.ENDDATUM { width:10%; }

	table.Uebersicht th.FUNKTION,
	table.Uebersicht td.FUNKTION { width:3%; }
}

@media(max-width:1439px){
	
	table.Uebersicht th,
	table.Uebersicht td { font-size:12px; }
	
	
	table.Uebersicht th.ID,
	table.Uebersicht td.ID { width:4%; }

	table.Uebersicht th.ErstDatum,
	table.Uebersicht td.ErstDatum { width:6%; }

	table.Uebersicht th.CODE,
	table.Uebersicht td.CODE { width:9%; }
	table.Uebersicht td.CODE span,
	table.Uebersicht td.CODE strong { font-size:12px !important; }

	table.Uebersicht th.KUNDE,
	table.Uebersicht td.KUNDE { width:13%; }

	table.Uebersicht th.KUNDEMAIL,
	table.Uebersicht td.KUNDEMAIL { width:18%; }

	table.Uebersicht th.SP,
	table.Uebersicht td.SP { width:9%; }

	table.Uebersicht th.DATEITAUSCH,
	table.Uebersicht td.DATEITAUSCH { width:8%; }
/*
	table.Uebersicht th.DATEI,
	table.Uebersicht td.DATEI { width:20%; }

	table.Uebersicht th.DATEI2,
	table.Uebersicht td.DATEI2 { width:29%; }
*//*
	table.Uebersicht th.ENDDATUM,
	table.Uebersicht td.ENDDATUM { width:9%; }

	table.Uebersicht th.FUNKTION,
	table.Uebersicht td.FUNKTION { width:3%; }
}
*/
@media(max-width:1279px){
	
	table.Uebersicht th,
	table.Uebersicht td { font-size:11px; }
	
}

/* ---------------------------------------------------------- */

table.Uebersicht td,
table.Uebersicht th,
.col-md-9.files .FileBlock table,
.col-md-9.files .SelectBlock table {
	border-left: 1px solid #777777;
	border-bottom: 1px solid  #777777;
}

.FileBlock table { height:160px;}

table.Uebersicht td:last-child,
table.Uebersicht th:last-child,
.col-md-9.files .FileBlock td:last-child,
.col-md-9.files .SelectBlock td:last-child {
	border-right: 1px solid #777777;
	padding: 5px;
}

table.Uebersicht th { border-top: 1px solid  #777777; }

table.Uebersicht td.noborder { border:none; }



.col-md-9.files .FileBlock tr.data 		{ background-color: #EFEFEF; font-size:12px; }
.col-md-9.files .SelectBlock tr.data	{ background-color: none; }

.col-md-9.files .FileBlock tr.menu { background-color:rgba(228,228,228,0.20); }

.col-md-9.files .FileBlock tr.data td,
.col-md-9.files .FileBlock tr.menu td { padding:5px; }


table.Uebersicht th,
table.Uebersicht tr.foot td { 
	background-image: url(css-images/TH-BG.jpg);
	background-repeat: repeat-x;
}
table.Uebersicht th,
table.Uebersicht td {
	border-right: 1px solid #777777;
	border-bottom: 1px solid  #777777;
	padding-top:5px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:5px;
	text-align:center;
}
table.Uebersicht tr.zwei { background-color:rgba(245,245,245,1.00); }



.col-md-9.files .FileBlock tr.data 		{ background-color: #EFEFEF; font-size:12px; }
.col-md-9.files .SelectBlock tr.data	{ background-color: none; }

.col-md-9.files .FileBlock tr.menu { background-color:rgba(228,228,228,0.20); }

.col-md-9.files .FileBlock tr.data td,
.col-md-9.files .FileBlock tr.menu td { padding:5px; }


table.Uebersicht th,
table.Uebersicht tr.foot td { 
	background-image: url(css-images/TH-BG.jpg);
	background-repeat: repeat-x;
}
table.Uebersicht th,
table.Uebersicht td {
	border-right: 1px solid #777777;
	border-bottom: 1px solid  #777777;
	padding-top:5px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:5px;
	text-align:center;
}
table.Uebersicht tr.zwei { background-color:rgba(245,245,245,1.00); }


/* ########################################################################################################################################################################### */
/*																				Funktions-Layer																					*/
/* ########################################################################################################################################################################### */

.PopupFunction {
	position: absolute;
	padding: 15px;
	margin-top: 0px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	-webkit-box-shadow: 4px 4px 7px #666666;
	box-shadow: 4px 4px 7px #666666;
	display: none;
	z-index: 654321;
	left: 626px;
	top: 251px;
}

.PopupFunction.middle { margin-left:10%; margin-top:-1%; }

.SelectFunction { position:absolute; z-index:2000 !important; display:none; background-color:none; }

#USER	{ display:block; }
#LOGOUT { display:none;  }

#FolderDelete { margin-top:10px; margin-left:120px; display:block !important; }

#RenameFolder { margin-top:10px; margin-left:300px; }

#Upload { margin-top:-60px !important; }

#FileUpload { min-width:500px; margin-left:120px; margin-top:-20px !important;}

#FileUpload input[type="file"], input[type="file"] { line-height:16px; font-size:16px !important; font-weight:bold; font-family: Arial;}

#FileUpload #smooth { 
	position:absolute;
	top:70px;
	left:70px;
	width:400px;
	height:270px;
	background-color:rgba(255,255,255,0.75); 
}

#FileEdit { 
	min-width:500px; 
	margin-left:120px; 
	margin-top:-20px !important;
}


/* ########################################################################################################################################################################### */
/*																				FORMULARE																						*/
/* ########################################################################################################################################################################### */

input[type="text"], input[type="email"], input[type="password"] { text-align:center; }

/* ========================================================================================= code */
input[type="text"].Kcode { float: left; left: 60px;  }

/* ========================================================================================= REFRESH */
input[type="submit"].refresh {
	display:block;
	cursor:pointer;
	background-color:#FFFFFF;
	width: 30px;
	height: 30px;
	margin-left:30px;
	padding:0px;
	border: none !important;
	background-image: url(css-images/icons/refresh_32.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size:28px 28px;
	color:rgba(255,255,255,0.00);
}

/* ========================================================================================= input[type="file"] */



input[type="file"] { font-size:11px; line-height: 14px; margin:0; padding-top:10px; padding-bottom:10px; min-width:300px; }

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Dateiauswahl';
  line-height: 14px; 
  margin-top:-4px;
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-size: 10pt;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}


/* #################################################################################################################### Linkformular */

form.link label.limit { float:left; max-width:150px; }

form.link input[type="text"].code { margin-left:10px; /*float:right;*/ width:150px; }

form.link select { width:280px; }

form.link input[type="text"],
form.link input[type="email"] { width:270px; }




/* #################################################################################################################### Anmeldeformular */
	  
.form-signin {
	
	max-width: 320px;
	padding: 19px 29px 29px;
	margin: 60px auto 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	box-shadow: 0 1px 2px rgba(0,0,0,.4);
}
.form-signin .form-signin-heading { margin-bottom: 30px; }

.form-signin .checkbox { margin-bottom: 10px; }

.form-signin input[type="text"],
.form-signin input[type="password"] {
	font-size: 16px;
	height: auto;
	margin-bottom: 15px;
	padding: 7px 9px;
}
.forgotton { float:right; margin-top:-45px; }
.forgotton a { color:#009475; }

/* #################################################################################################################### Uploadbalken */

#progressBar { display:block; height:24px; }

/* #################################################################################################################### Layer ... */

#CodeSend, #Calendar {display:none;}

#COVER { position:absolute; left:0; top:0; width:100%; height:100%; z-index:999999; background-color:rgba(113,147,163,0.80); display:none; }

#COVER .UploadMask { 
	width: 430px; 
	height:auto; 
	padding:15px; 
	margin: 5% auto; 
	border-radius: 6px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	-webkit-box-shadow: 4px 4px 7px #666666;
	box-shadow: 4px 4px 7px #666666; 
} 

/* ################################################################################################################################################ Erscheinungsbild Buttons */

.btn { text-decoration:none; }


/* ========================================================================================================= Status Pro Standard-Button */
.btn.normal {
  display: inline-block;
  *display: inline;
  font-family: Arial, sans-serif;
  min-width:120px;
  margin-bottom: 0;
  *margin-left: .3em;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #33a991);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#33a991));
  background-image: -webkit-linear-gradient(top, #ffffff, #33a991);
  background-image: -o-linear-gradient(top, #ffffff, #33a991);
  background-image: linear-gradient(to bottom, #ffffff, #33a991);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
} 

.btn.normal:hover,
.btn.normal:focus,
.btn.normal:active,
.btn.normal.disabled,
.btn.normal[disabled] {
  color: #333333;
  background-color: #33a991;
}

.btn.normal.active {
	color: #fff;
	text-shadow: 0 1px 1px rgba(99, 99, 99, 0.75);
	background-color: #33a991;
	*background-color: #37B89D;
	background-image:none;
	box-shadow: -1px -1px 1px 0px rgba(99, 99, 99, 0.75);
	border:2px solid #333;
}
/* ========================================================================================================= Status Pro Button hellgrau */
.btn.grey, button.grey, input[type="button"] { 

	/*line-height: 14px;*/
	vertical-align: middle; 
  	display: inline-block;
  	/*background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);*/
  	background-color: #f5f5f5;
  	*background-color: #e6e6e6;
  background-image: -moz-linear-gradient(#ffffff, #e3e3e3);
  background-image: -webkit-linear-gradient(#ffffff, #e3e3e3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e3e3e3));
  background-image: -o-linear-gradient(#ffffff, #e3e3e3);
  background-image: linear-gradient(#ffffff, #e3e3e3);
  background-repeat: repeat-x;
	border: 1px solid #999;
  	border-radius: 3px;
  	padding: 5px 8px;
  	outline: none;
  	white-space: nowrap;
  	-webkit-user-select: none;
  	cursor: pointer;
  	text-shadow: 1px 1px #fff;
  	/*font-weight: 700;*/
  	font-size: 10pt;
	color:#666;
}

.btn.grey:hover,
.btn.grey:focus,
.btn.grey.disabled,
.btn.grey[disabled] {
  color: #333333;
  background-image: none;
  /*background-image: -moz-linear-gradient(#f9f9f9, #e3e3e3);
  background-image: -webkit-linear-gradient(#f9f9f9, #e3e3e3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#e3e3e3));
  background-image: -o-linear-gradient(#f9f9f9, #e3e3e3);
  background-image: linear-gradient(#f9f9f9, #e3e3e3);*/
	background-color: none;
}

.btn.grey.active {
	color: #333;
	font-weight:bold;
	text-shadow: none;
	background-image: none;
	background-color:#e3e3e3 ;
	border:2px solid #333;
}

.btn.grey.active:hover, .btn.grey.active:focus  { background-image: none; background-color: none; }

.btn.grey.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

/* ========================================================================================================= Status Pro Button mittelgrau */
.btn.midgrey {
	vertical-align: middle;
	display: inline-block;
	/*background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);*/
	background-color: #f5f5f5;
  	*background-color: #e6e6e6;
	background-image: -moz-linear-gradient(270deg,rgba(222,222,222,1.00) 0%,rgba(118,118,118,1.00) 100%);
	background-image: -webkit-linear-gradient(270deg,rgba(222,222,222,1.00) 0%,rgba(118,118,118,1.00) 100%);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e3e3e3));
	background-image: -o-linear-gradient(270deg,rgba(222,222,222,1.00) 0%,rgba(118,118,118,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(222,222,222,1.00) 0%,rgba(118,118,118,1.00) 100%);
	background-repeat: repeat-x;
	border: 1px solid #999;
	border-radius: 3px;
	padding: 5px 8px;
	outline: none;
	white-space: nowrap;
	-webkit-user-select: none;
	cursor: pointer;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
	color: #fff;
}

.btn.midgrey.active { background-color:rgba(147,147,147,1.00); background-image:none; box-shadow: -1px -1px 1px 0px rgba(99, 99, 99, 0.75); border:2px solid #333; }

/* =============================================================================================================== Status Pro Button rot */
.btn.archive {
	display: inline-block;
  *display: inline;
	font-family: Arial, sans-serif;
	min-width: 120px;
	margin-bottom: 0;
  *margin-left: .3em;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
  *background-color: #e6e6e6;
	background-image: -moz-linear-gradient(270deg,rgba(255,206,210,1.00) 0%,rgba(200,10,25,1.00) 100%);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#33a991));
	background-image: -webkit-linear-gradient(270deg,rgba(255,206,210,1.00) 0%,rgba(200,10,25,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,206,210,1.00) 0%,rgba(200,10,25,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,206,210,1.00) 0%,rgba(200,10,25,1.00) 100%);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
  *border: 0;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.archive.active { background-color:rgba(200,10,25,1.00); background-image:none; box-shadow: -1px -1px 1px 0px rgba(99, 99, 99, 0.75); border:2px solid #333; }

/* =============================================================================================================== btn-success Button */
.btn-success.active { border:2px solid #333; }

/* =========================================================================================================== FOOTER */



footer { color:#777777; }

footer a {text-decoration:none; }