/*
 * Author: Carlos Alvarez
 * URL: http://alvarez.is
 *
 * Project Name: FLATTY - Free Bootstrap 3 Theme
 * Version: 1.0
 * URL: http://blacktie.co
 */
html
 {
  width:100%;
  height:100%;
  max-width: 100%;
  max-width:240px;
  overflow-x: hidden;
  overflow-y: hidden;
  overflow-y: scroll;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }

body
 {
  width:100%;
  height:100%;
	background-image: linear-gradient(-75deg, darkred 50%,  #200 100%);
  background-image: linear-gradient(-65deg, #383, #020);
  background-color: #eef; /* For browsers that do not support gradients */
  background-image: radial-gradient(circle, rgba(10,10,60, 0.5), rgba(20,20,160, 0.75));
  background-image: linear-gradient(-65deg, #fff, #ccf);
  background: #f1f1fb;
  color:darkred;
  font-size: 18px;
  line-height:1.25;
  font-weight: 100;
  font-family: 'Carter One', cursive;
  font-family: 'Ubuntu', sans-serif;
  margin:0;
  padding:0;
 }
 
@keyframes gradient
 {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}    

  
/* Titles */
/* Paragraph & Typographic */
p
 {
  text-align:left;
  padding-left:8px;  
  font-size: 16px;

  line-height: 1.25;
  width:98%;
  margin:1%;
  margin-bottom: 15px;
  font-weight: normal;
  text-shadow: 0 0 0 transparent;
  border:1px dashed rgba(50,10,10, 0.0125);
  color:Darkred;
 }

kapital 
 {
  font-variant:small-caps;
 }
 
 
/* Links */
a {
    color: #eef;
    word-wrap: break-word;

    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;

}

a:hover,
a:focus {
    color: orange;
    text-decoration: none;
    outline: 0;
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}




 hr {
    display: block;
    width:96%;
    
    height: 1px;
    border: 0;
    border-top:1px dashed rgba(10,10,10, 0.75);
    border-bottom:1px dashed rgba(160,160,160, 0.125);
    margin: 5px 2% 5px;
    padding: 0;
}


.container
 {
  padding:0px;
  line-height:2.0;
  margin-right: auto;
  margin-left: auto;
  text-align:center;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}




.FixedHeader
 {
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  width:100%;
  height:42px;
  line-height:42px;
  padding: 0px 20px;
  color:#eef;
  text-shadow: 1px -1px 2px rgba(250,0,0, 0.5);
  font-size:24px;
  font-weight: bold;
  text-align:left;
  background-image: linear-gradient(to bottom , #000000, rgb(52, 52, 55));
  box-shadow: 0px 0px 10px rgba(0,0,0, 0.375);
  border:0;
  border-bottom:1px solid rgba(104, 102, 102, 0.25);
 }
 
.FixedHeader b
 {
  font-variant: small-caps;
 }
.FixedHeader a
 {
  position:relative;
  float:left;
  width:32px;
  height:32px;
  margin:5px;
  background:orange;
  border:1px solid red;
  border-radius: 50%;
  font-size:1px;
  overflow:hidden;
 }
 
.FixedFooter
 {
  position:absolute;
  z-index:999999;
  bottom:0%;
  left:0;
  width:100%;
  height:76px;
  line-height:30px;
  padding: 0px 20px;
  color:#eef;
  font-size:24px;
  text-shadow:1px 1px 2px #112;
  border-top:0px solid red;
  background-image: linear-gradient(rgba(250,250,250, 0.0), rgba(240,240,240, 1.0) 65%);
 }
.FooterButton
 {
  float:left;
  position:absolute;
  top:-0px;
  width:60px;
  height:60px;
  border:1px solid rgba(25,25,25, 0.25);
  border:1.5px solid rgba(100,10,10, 0.75);
  border-top:1.5px solid rgba(200,100,100, 0.275);
  border-left:1.5px solid rgba(200,100,100, 0.275);
  text-align:center;
  line-height:60px;
  font-size:36px;
  color: rgba(120,10,10, 0.75);
  color: white;
  text-shadow: -1px 1px 2px rgba(255,255,255, 1.5);
  text-shadow: 1px 1px 2px #001;
  border-radius: 50%;  
  background-image: linear-gradient(to top left, rgb(0, 0, 0), rgb(45, 42, 42));

  box-shadow: 2px 2px 5px rgba(10,10,10, 0.75), 0px 0px 1px white;
 }
.FooterButton:hover
 {
  color:rgb(243, 217, 47);
  cursor: pointer;
 }
 

.FixedTopic
 {
  position:fixed;
  z-index:9998;
  top:40px;
  line-height:50px;
  padding: 0px 10px;
  color:#eef;
  font-size:24px;
  text-shadow:1px 1px 2px #112;
  text-align:center;
  width:100%;
  height:100px;
  overflow:hidden;
  background-image: linear-gradient(#fff, #fff 50%);
  background-image: linear-gradient(to bottom right, darkgreen, #131);
  background-image: linear-gradient(to bottom right, rgb(18, 197, 38), rgb(214, 255, 10));
  border-top:0px solid #d33;
  border-bottom:1px solid white;
  box-shadow: inset 1px 1px 13px rgba(10,10,10, 0.240);
 }

.FixedUser
 {
  position:fixed;
  z-index:9998;
  top:40px;
  line-height:50px;
  padding: 0px 10px;
  color:#eef;
  font-size:24px;
  text-shadow:1px 1px 2px #112;
  text-align:center;
  width:100%;
  height:100px;
  overflow:hidden;
  background-image: linear-gradient(to top left, rgb(1, 1, 5), rgb(95, 95, 95));
  border:0px solid #d33;
  border-bottom:2px solid rgb(51, 13, 111);
  box-shadow: inset 1px 1px 13px rgba(10,10,10, 0.240);
 }
.UserAvatar
 {
  width:70px;
  height:70px;
  overflow:hidden; 
  position:absolute;
  left:0;top:5px;
  border-radius:0px;
  width:70px;height:70px;
  border:2px solid rgba(0,0,0, 1.5);
  background-image: linear-gradient(to bottom, rgb(0, 0, 0), #511 100%);
  box-shadow: 2px 2px 6px rgba(10,10,10, .70);
 }
.DasIcon
 {
  position:absolute;
  left:0;top:0px;
  border-radius:0px;
  width:70px;height:70px;
  line-height:70px;
  font-size:32px;
  border:0px solid rgba(230,250,0, 1.5);
  background:rgba(10,10,10, .0);
 } 
 
.UserName
 {
  position:absolute;
  padding:0;
  width: calc(100% - 120px);
  top: 0%; 
  border:1px dotted gold;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 80px;
  text-align:left;
  line-height: 1.0;
  background: rgba(150,210,210, 0.0);
  font-size:24px;
  letter-spacing: 1px;
  text-shadow: 0px 0px 0px transparent;
  -webkit-text-stroke: 0px black;
  font-weight: normal;
  color: #cce;
  font-family: 'Oswald', sans-serif;
  
 }
.UserName b
 {
  font-size:22px;
  font-weight: bold;
  color: #eef;
  text-shadow: 1px 1px 2px rgba(10,10,10, 0.75);
  line-height: 30px;
  width:100%;
  float: left;
  font-variant:small-caps;
  background: rgba(150,10,10, 0.0);
 }
.UserName span
 {
  font-size:12px;
  font-weight:normal;
  color:#bbd;
  font-variant: normal;
  -webkit-text-stroke: 0px black;
  line-height: 1.2;
  width:100%;
  float: left;
  background: rgba(10,120,10, 0.0);
 }
 
 
 
.UserInfos2
 {
  position:absolute;
  padding:0;
  height:100%;
  width: 35px;
  right: calc(100% - 35px);
  text-align:center;
  background: rgba(50,10,10, 0.0);
 }
.UserInfos2 i,.UserInfos2 i:active
 {
  border:1px solid rgba(50,10,10, 0.5);
  background: rgba(50,10,10, 0.15);
  box-shadow: inset 1px 1px 13px rgba(10,10,10, 0.240);
  margin-top:2px;
  margin-bottom:2px;
  width:34px;
  height:34px;
  line-height:33px;
  text-align:center;
  position:relative;
  float:left;
  font-size:18px;
  border-radius: 7.5px;
 }
.UserInfos2 i:hover
 {
  background: rgba(50,10,10, 0.5);
  color: rgb(85, 7, 212);
  cursor:pointer;
 }

.UserInfos
 {
  position:absolute;
  padding:0;
  height:100%;
  width: 35px;
  left: calc(100% - 35px);
  text-align:center;
  background: rgba(50,10,10, 0.0);
  border:0px dotted pink;
 }
.UserInfos i,.UserInfos i:active
 {
  border:1px solid rgba(0,0,0, 1.5);
  background: rgba(50,10,10, 0.15);
  background-image: linear-gradient(to bottom, rgb(118, 108, 108), rgb(41, 37, 37) 100%);
  box-shadow: inset 1px 1px 13px rgba(10,10,10, 0.240);
  margin-top:7px;
  margin-bottom:2px;
  width:34px;
  height:34px;
  line-height:33px;
  text-align:center;
  position:relative;
  float:left;
  font-size:18px;
  border-radius: 5px;
  color:rgb(245, 244, 241);
  text-shadow: red;
 }
.UserInfos i:hover
 {
  background-image: linear-gradient(to bottom, rgb(44, 46, 45), rgb(52, 48, 48) 100%);
  color: rgb(249, 232, 39);
  cursor:pointer;
 }
 
.FixedContent
 {
  position:absolute;
  z-index:9997;
  top: 0px;
  height: auto;
  left:1%;
  width:98%;
  padding: 10px 0px;
  color:#eef;
  font-size:22px;
  text-shadow:1px 1px 2px #112;
  border-top: 0px solid white;
  margin-bottom:50px;
 }



.back-to-top
 {
  position:fixed;
  z-index: 999;
  bottom:5px;
  right:10px;
  width:40px;
  height:40px;
  background-image: linear-gradient(#242, #363);
  border:1px solid #121;
  border-radius: 50%;
  text-align:center;
  color: #232;
  text-shadow: -1px -1px 2px rgba(250,250,250, 0.25);
  line-height:40px;
  font-size:24px;
 }


.back-to-top:hover
 {
  color: orange;
  box-shadow: 0px 0px 5px rgba(250,250,250, 0.5);
  text-shadow: 0px 0px 1px #112;
 }





















/* Helpers */
.NeddleIcon
 {
  position:relative;
  float:left;
  height:50px;
  width:45px;
  margin-left:5px;
  background: rgba(20,10,10, .0);
  border-right:1px dashed #484;
  border-left:1px dashed #131;
  text-align:center;
 }

.NeddleIcon::after
 {
  position:absolute;
  content: '';
  z-index: 1;
  top: 0; left: -0px;
  width:100%;
  height:100%;
  background:transparent;
  border-right:1px dashed #131;
  border-left:1px dashed #484;
 }
.DropShadow
 {
  border:0;
  -o-box-shadow:      0px 0px 4px rgba(10,10,20, 0.5);
  -icab-box-shadow:   0px 0px 4px rgba(10,10,20, 0.5);
  -khtml-box-shadow:  0px 0px 4px rgba(10,10,20, 0.5);
  -moz-box-shadow:    0px 0px 4px rgba(10,10,20, 0.5);
  -webkit-box-shadow: 0px 0px 4px rgba(10,10,20, 0.5);
  box-shadow:         0px 0px 4px rgba(10,10,20, 0.5);
 }
 
.DropShadow2
 {
  border:1px dashed red;
-o-box-shadow:      12px 12px 29px red;
-icab-box-shadow:   12px 12px 29px red;
-khtml-box-shadow:  12px 12px 29px red;
-moz-box-shadow:    12px 12px 29px red;
-webkit-box-shadow: 12px 12px 29px red;
box-shadow:         12px 12px 29px red; 
 }
  
.DeviceSize1
 {
  position:relative;
  float:left;
  top:0;
  height:50px;
  margin-right:5px;
  z-index:1;
  left:5px;
  bottom:0px;
  padding:0px;
  font-size:14px;
  line-height:48px;
  text-align:Center;
  background: rgba(20,10,10, 0.0);
  border-right:1px dashed #484;
  border-left:1px dashed #131;
 }
.DeviceSize1::after
 {
  position:absolute;
  z-index:1;  
  content: '';
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-right:1px dashed #131;
  border-left:1px dashed #484;
 } 
.DeviceLogo
 {
  float:left;
  border:2px dashed transparent;
  width:50px;
  height:50px;
  font-size:28px;
  color:#242;
  text-shadow: -1px -1px 1px rgba(255,255,255,0.25);
 }
.DeviceSize
 {
  float:left;
  text-align:left;
  width:90px;
  height:50px;
  color:#242;
  text-shadow: -1px -1px 1px rgba(255,255,255,0.25);
 }

@element .DeviceSize
 {
	$this::after {
    	content: 'eval("''+ window.innerWidth+' x '+ window.innerHeight")';
  	}
  } 
.DeviceTextMobil { display:none; }
.DeviceTextTablet { display:none; }
.DeviceTextDesktop { display:none; }
.DeviceTextBigScreen { display:none; }

@media only screen and (min-width : 320px)   and (max-width: 600px)
 {  
  .DeviceTextMobil { display:block; }
  .DeviceTextTablet,.DeviceTextDesktop,.DeviceTextBigScreen { display:none; }
 }
@media only screen and (min-width : 601px) and (max-width: 900px)
 {
  .DeviceTextTablet { display:block; }
  .DeviceTextMobil,.DeviceTextDesktop,.DeviceTextBigScreen { display:none; }
 }
@media only screen and (min-width : 1001px)  and (max-width: 1280px)
 {
  .DeviceTextDesktop { display:block; }
  .DeviceTextTablet,.DeviceTextMobil,.DeviceTextBigScreen { display:none; }
 }
 
 
.MoveInFromRight
{
 opacity:1;
 top:0px;
 left:0px;
 width:100%;
 height:100%;
  transform: scale(100%);
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}



.MoveOut
 {
  width: 0%;
  opacity: 0.0;
  transform: scale(0%);

  -webkit-transition: all .75s ease-in-out;
  -moz-transition: all .75s ease-in-out;
  -ms-transition: all .75s ease-in-out;
  -o-transition: all .75s ease-in-out;
  transition: all .75s ease-in-out;
}

.MoveIn
 {
  visibility: visible;
  width: 100%;
  top:0;
  right:0;
  opacity: 1.0;
  transform: scale(100%);

  -webkit-transition: all .75s ease-in-out;
  -moz-transition: all .75s ease-in-out;
  -ms-transition: all .75s ease-in-out;
  -o-transition: all .75s ease-in-out;
  transition: all .75s ease-in-out;
}


.bdend
{
    	transition: all 10s ease-in-out;
      opacity:0;
 }

.BlendOut
{
    	transition: all 2.5s ease-in-out;
      opacity:0;
 }


 
.VerticalCenter
 {
  position:relative;
  float:left;
  background: rgba(10,10,20, 0.125);
  top:50%;
  left:50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);  
 } 



/*
 *		PRELOADER 
 *		With courtesy of : http://cssload.net/
*/
			
/*
 *		PRELOADER 
 *		With courtesy of : http://cssload.net/
*/


.CropBackground 
 {             
  display:none;
  position:fixed;
  z-index:1;
  top:140px;left:0;
  width:100%;
  height: calc(100% - 140px);
  border-top:0px solid darkred;
  border-bottom:0px solid darkred;
  border:0px dashed red;
  background: rgba(200,200,215, 1.95);
  background:black;
 }
 
.CropBackground2 
 {             
  display:none;
  position:fixed;
  z-index:1;
  top:140px;left:0;
  width:100%;
  height: calc(100% - 140px);
  border-top:0px solid darkred;
  border-bottom:0px solid darkred;
  border:0px dashed red;
  background: rgba(200,200,215, 1.95);
  background:blue;
 }

.CropLoader
 {
  position:absolute;
  top:40%;
  left:55%;
  padding:0px;
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  background: rgba(150,10,150, 0.0);
  border:0px solid rgba(150,10,150, 0.75);
  height:50px;
  width:80px;
 } 
 
 
 
 
 
			/*
			*		PRELOADER 
			*		With courtesy of : http://cssload.net/
			*/
			
			.bubblingX
       {
				position: relative;
				width:80px;
				height:50px;
				top:0px;
				left: 0px;
				z-index:2;
        overflow:hidden;
			}

			.bubblingX span {
				display: inline-block;
				vertical-align: middle;
				width: 10px;
				height: 10px;
				margin: 25px auto;
				background: black;
				box-shadow: 2.5px 2.5px 4px rgba(0,0,0,0.15);
				-moz-border-radius: 50%;
				-moz-animation: bubblingG 1s infinite alternate;
				-webkit-border-radius: 50%;
				-webkit-animation: bubblingG 1s infinite alternate;
				-ms-border-radius: 50%;
				-ms-animation: bubblingG 1s infinite alternate;
				-o-border-radius: 50%;
				-o-animation: bubblingG 1s infinite alternate;
				border-radius: 50%;
				animation: bubblingG 1s infinite alternate;
			 background:transparent;	
			}

			#bubblingG_1 {
				-moz-animation-delay: 0s;
				-webkit-animation-delay: 0s;
				-ms-animation-delay: 0s;
				-o-animation-delay: 0s;
				animation-delay: 0s;
			}

			#bubblingG_2 {
				-moz-animation-delay: 0.3s;
				-webkit-animation-delay: 0.3s;
				-ms-animation-delay: 0.3s;
				-o-animation-delay: 0.3s;
				animation-delay: 0.3s;
			}

			#bubblingG_3 {
				-moz-animation-delay: 0.6s;
				-webkit-animation-delay: 0.6s;
				-ms-animation-delay: 0.6s;
				-o-animation-delay: 0.6s;
				animation-delay: 0.6s;
			}

			@-moz-keyframes bubblingG {
				0% {
					width: 2px;
					height: 2px;
					background: rgba(255,255,255, 0.1);
          background-image: silver;
					border:0px solid rgba(255,255,255, .0);
					transform: translateY(0);
				}

				100% {
					width: 24px;
					height: 24px;
          border:0px solid rgba(255,255,255, .0);
					background: rgba(255,255,255, .8);
          background-image: radial-gradient(rgba(255,255,255, 1.0) , rgba(165,165,165, 1));
					transform: translateY(-24px);
				}

			}

			@-webkit-keyframes bubblingG {
				0% {
					width: 2px;
					height: 2px;
					background: rgba(255,255,255, 0.1);
          background-image: silver;
					border:0px solid rgba(255,255,255, .0);
					transform: translateY(0);
				}

				100% {
					width: 24px;
					height: 24px;
          border:0px solid rgba(255,255,255, .0);
					background: rgba(255,255,255, .8);
          background-image: radial-gradient(rgba(255,255,255, 1.0) , rgba(165,165,165, 1));
					transform: translateY(-24px);
				}

			}

			@-ms-keyframes bubblingG {
				0% {
					width: 2px;
					height: 2px;
					background: rgba(255,255,255, 0.1);
          background-image: silver;
					border:0px solid rgba(255,255,255, .0);
					transform: translateY(0);
				}

				100% {
					width: 24px;
					height: 24px;
          border:0px solid rgba(255,255,255, .0);
					background: rgba(255,255,255, .8);
          background-image: radial-gradient(rgba(255,255,255, 1.0) , rgba(165,165,165, 1));
					transform: translateY(-24px);
				}

			}

			@-o-keyframes bubblingG {
				0% {
					width: 2px;
					height: 2px;
					background: rgba(255,255,255, 0.1);
          background-image: silver;
					border:0px solid rgba(255,255,255, .0);
					transform: translateY(0);
				}

				100% {
					width: 24px;
					height: 24px;
          border:0px solid rgba(255,255,255, .0);
					background: rgba(255,255,255, .8);
          background-image: radial-gradient(rgba(255,255,255, 1.0) , rgba(165,165,165, 1));
					transform: translateY(-24px);
				}

			}

			@keyframes bubblingG {
				0% {
					width: 2px;
					height: 2px;
          background-image: radial-gradient(darkred , red);
					border:0px solid rgba(255,255,255, .0);
					transform: translateY(0);
				}

				100% {
					width: 24px;
					height: 24px;
          border:0px solid rgba(255,255,255, .0);
					background: rgba(255,255,255, .8);
          background-image: radial-gradient(darkred , red);
					transform: translateY(-24px);
				}

			}
			
			/*
			*		PRELOADER 
			*		With courtesy of : http://cssload.net/
			*/
			
			



.preloader-1 {
  position:relative;
  top:0px;
  left:50%;
  width: 206px;
  margin-left: -103px;
  height: 78px;
  border:0px dashed gold;
  color:blue;
  padding:5px;
}


.preloader-1 div
 {
  position:relative;
  width:100%;
  color: #fff;
  text-shadow: 0px 0px 2px rgba(10,10,10, 0.5);
  margin: 0 5px 5px 0px;
  text-transform: uppercase;
  text-align: center;
  font-size: 18px;
  letter-spacing: 2px;
}

.preloader-1 .line {
  width: 15px;
  height: 15px;
  background: rgba(255,255,255, 0.75);
  border:1px solid black;
  border-radius: 50%;
  margin: 0 1px;
  display: inline-block;
  animation: opacity-1 1500ms infinite ease-in-out;
}

.preloader-1 .line-1 { animation-delay: 800ms; }
.preloader-1 .line-2 { animation-delay: 600ms; }
.preloader-1 .line-3 { animation-delay: 400ms; }
.preloader-1 .line-4 { animation-delay: 200ms; }
.preloader-1 .line-6 { animation-delay: 200ms; }
.preloader-1 .line-7 { animation-delay: 400ms; }
.preloader-1 .line-8 { animation-delay: 600ms; }
.preloader-1 .line-9 { animation-delay: 800ms; }

@keyframes opacity-1 { 
  0% { 
    opacity: 1;
  }
  50% { 
    opacity: 0;
  }
  100% { 
    opacity: 1;
  }  
}

@keyframes opacity-2 { 
  0% { 
    opacity: 1;
    height: 15px;
  }
  50% { 
    opacity: 0;
    height: 12px;
  }
  100% { 
    opacity: 1;
    height: 15px;
  }  
}









/*
 *		CARDs 
 *
*/




.btn
 {
  display: inline-block;
  padding: 10px 20px;
  margin: 5px;
  color: rgba(10,10,10, 0.5);
  text-shadow: -1px 1px 2px rgba(240,240,250, .5);
  
  color:white;
  text-shadow: 0px 0px 2px rgba(10,10,10, 0.5);
  
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: bold;
  line-height: 1.0;
  text-align: center;
  white-space: nowrap;            
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid rgba(10,10,10, 0.5);
  border-radius: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  box-shadow: 1px 1px 3px rgba(10,10,10, 0.25);
}                                        

.btn:focus
 {
 outline: none;
}

.btn:hover,
.btn:focus
 {
  text-decoration: none;
 }

.btn:active,
.btn.active
 {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(230, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(230, 0, 0, 0.125);
 }














.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-default
 {   
  background-image: linear-gradient(to bottom , #f3f3ff, #dde);
  border: 1px solid rgba(10,10,10, 0.125);
  border-bottom:1px solid rgba(10,10,10, 0.5);
  border-right:1px solid rgba(10,10,10, 0.5);
  color: rgba(10,10,10, 0.5);
  text-shadow: 1px -1px 2px rgba(255,255,255, 0.5);
 }

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default
 {
  color: rgba(10,10,10, 0.65);
  color: darkgreen;
  cursor:pointer;
  box-shadow: 0px 0px 2px rgba(80,80,80, 0.75);
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default
 {
  background-image: linear-gradient(to bottom , yellow, orange);
  box-shadow: 0px 0px 2px rgba(80,80,80, 0.125);
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-default .badge {
  color: #ffffff;
  background-color: #fff;
}

.btn-primary {
  background-image: linear-gradient(to bottom , #66d, #447);
  border: 1px solid rgba(10,10,10, 0.125);
  border-bottom:1px solid rgba(10,10,10, 0.5);
  border-right:1px solid rgba(10,10,10, 0.5);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary
 {
  color: yellow;
 }

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}

.btn-warning {
  background-image: linear-gradient(to bottom , red, darkred);
  border: 1px solid rgba(10,10,10, 0.125);
  border-bottom:1px solid rgba(10,10,10, 0.5);
  border-right:1px solid rgba(10,10,10, 0.5);
  
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  background-image: linear-gradient(to bottom , yellow, orange);
  border: 1px solid rgba(10,10,10, 0.125);
  border-bottom:1px solid rgba(10,10,10, 0.5);
  border-right:1px solid rgba(10,10,10, 0.5);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-success {
  background-image: linear-gradient(to bottom , green, darkgreen);
  border: 1px solid rgba(10,10,10, 0.125);
  border-bottom:1px solid rgba(10,10,10, 0.5);
  border-right:1px solid rgba(10,10,10, 0.5);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #39b3d7;
  border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none;
}

.btn-lg
 {
  padding: 10px 16px;
  font-size: 18px;
  font-weight: bold;
  line-height: 2;
  width:50%;
}


.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}