@import url(https://www.blaichundpartner.com/templates/rnw_22/warp/css/tools.css);





/* Buttons (Needed for System Markup)

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



/* Default */

.button-default {

	padding: 3px 10px;

	border: 1px solid #ddd;

}



/* Primary */

.button-primary {

	padding: 3px 10px;

	background: #279fea;

	color: #FFF;

}



.button-primary:hover {

	color: #FFF;

	background: #424446;

}





.button, .button:visited {

	display: inline-block; 

	padding: 5px 10px 6px; 

	color: #012C56; 

	text-decoration: none;

	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

	position: relative;

	cursor: pointer

}

 

	.button:hover							{ color: #fff; }

	.button:active							{ top: 1px; }

	.small.button, .small.button:visited 			{ font-size: 11px}

	.button, .button:visited,

	.medium.button, .medium.button:visited 		{ font-size: 13px; 

												  font-weight: bold; 

												  line-height: 1; 

												  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 

												  }

												  

	.large.button, .large.button:visited 			{ font-size: 14px; 

													  padding: 8px 14px 9px; }

													  

	.big.button, .big.button:visited 			{ font-size: 34px; 

													  padding: 8px 14px 9px; }

	

	.pink.button, .pink.button:visited		        { background-color: #fa44af; }

	.pink.button:hover							{ background-color: #c0428c; }

	.green.button, .green.button:visited		{ background-color: #83b742; }

	.green.button:hover						        { background-color: #66a334; }

	.red.button, .red.button:visited			{ background-color: #d71500; }

	.red.button:hover							{ background-color: #b41301; }

	.orange.button, .orange.button:visited		{ background-color: #fd550f; }

	.orange.button:hover						{ background-color: #ce4e20; }

	.blue.button, .blue.button:visited		        { background-color: #279ce5; }

	.blue.button:hover							{ background-color: #1e72d0; }

	.yellow.button, .yellow.button:visited		{ background-color: #ffd015; }

	.yellow.button:hover						{ background-color: #d4ac0e; }

	.purple.button, .purple.button:visited		{ background-color: #d800ff; }

	.purple.button:hover						{ background-color: #c130db; }

	.neon.button, .neon.button:visited		        { background-color: #26e4c7; }

	.neon.button:hover						        { background-color: #21cfb4; }

	.dark.button, .dark.button:visited		        { background-color: #424446; }

	.dark.button:hover						        { background-color: #2f3132; }

	.lite.button, .lite.button:visited		        { background-color: #9ea0a2; }

	.lite.button:hover						        { background-color: #949698; }





/* Images and Objects (Needed for System Markup)

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



img.border-box { border: 1px solid #ddd; }





/* Lists and Tables (Needed for System Markup)

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



/* Line */

ul.line > li { border-top: 1px solid #ddd; }

ul.line > li:first-child { border: none; }



/* Check */

ul.check > li {

	padding: 4px 0 0 30px;

	background: url(../images/tools/list_check.png) 0 0 no-repeat;

}



/* Zebra List and Table */

ul.zebra > li,

table.zebra tbody td { border-bottom: 1px solid #ddd; }

ul.zebra > li:first-child,

table.zebra tbody tr:first-child td { border-top: 1px solid #ddd; }



ul.zebra > li.odd,

table.zebra tbody tr.odd { background: #fafafa; }

ul.zebra > li:nth-of-type(odd),

table.zebra tbody tr:nth-of-type(odd) { background: #fafafa; }



table.zebra caption { color: #999; }





/* Definition Lists

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



dl.separator dt {	

	position: relative;

	padding-top: 5px;

	padding-bottom: 5px;

	text-transform: uppercase;

}



/* border code because of RTL */

dl.separator dd {

	padding-top: 5px;

	padding-bottom: 5px;

	border-width: 0 0 0 1px;

	border-style: solid;

	border-color: #DDD;

}



dl.separator dt:before {

	content: "";

	position: absolute;

	top: 0;

	right: -15px;

	width: 30px;

	border-top: 1px solid #DDD;

}



dl.separator dt:after {

	content: "";

	position:absolute;

	top: -3px;

	right: -3px;

	width: 5px;

	height: 5px;

	background: #FFF;

	border: 1px solid #DDD;

	border-radius:6px;

}



dl.separator dt:first-child:before,

dl.separator dt:first-child:after { display: none; }





/* Text

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



/* Inline Text Box */

em.box { 

	border: 1px dotted #bbb;

	background: #fafafa;

	color: #444;

}



/* Dotted Horizontal Rule */

hr.dotted { background: url(../images/tools/line_dotted.png) 0 0 repeat-x; }





/* Boxes

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



.box-content {

	background: #fafafa;

	border: 1px solid #ddd;

}



.box-note,

.box-info,

.box-warning,

.box-hint,

.box-download {

	background: #fafafa;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

}



.box-info {

	background: #ebf5fa url(../images/tools/box_info.png) 0 0 no-repeat;

	border-color: #d2dce1;

}



.box-warning {

	background: #fff0eb url(../images/tools/box_warning.png) 0 0 no-repeat;

	border-color: #ffd7cd;

}



.box-hint {

	background: #fffae6 url(../images/tools/box_hint.png) 0 0 no-repeat;

	border-color: #fae6be;

}



.box-download {

	background: #faffe6 url(../images/tools/box_download.png) 0 0 no-repeat;

	border-color: #dce6be;

}





/* Forms (Needed for System Markup)

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



form.box fieldset { border: 1px solid #ddd; }

form.box legend { background: #fff; }



form.style input[type="button"],  

form.style input[type="submit"],  

form.style button  {

border: none;

        padding: 3px 10px;

        height: 40px;

	background: #012C56;

        text-transform:uppercase;

	color: #FFF;



}



form.style input[type="button"],  

form.style input[type="submit"],   

form.style button:hover {

       height: 40px;

       text-transform:uppercase;

       color: #FFF;

       background: #383838;

}





/* Social Icons

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

ul.social-icons {

 list-style: none;

 padding: 5px;

 overflow: hidden;

}

 

.social-icons li { 

 float: left;

 margin-left: 5px; 

}

 

.social-icons li:first-child { margin-left: 0; }

 

.social-icons li a {

 display: block;

 width: 16px;

 height: 16px;

 background: url(../images/icons_social.png) 0 0 no-repeat;

}

 

.social-icons .facebook a:hover { background-position: 0 -20px; }

 

.social-icons .twitter a { background-position: 0 -40px; }

.social-icons .twitter a:hover { background-position: 0 -60px; }

 

.social-icons .youtube a { background-position: 0 -80px; }

.social-icons .youtube a:hover { background-position: 0 -100px; }

 

.social-icons .vimeo a { background-position: 0 -120px; }

.social-icons .vimeo a:hover { background-position: 0 -140px; }

 

.social-icons .rss a { background-position: 0 -160px; }

.social-icons .rss a:hover { background-position: 0 -180px; }

 

.social-icons .linkedin a { background-position: 0 -200px; }

.social-icons .linkedin a:hover { background-position: 0 -220px; }

 

.social-icons .google-plus a { background-position: 0 -240px; }

.social-icons .google-plus a:hover { background-position: 0 -260px; }

 

.social-icons .dribbble a { background-position: 0 -280px; }

.social-icons .dribbble a:hover { background-position: 0 -300px; }