body { background-color: #f8f8f8;  border-color: #e7e7e7;}
p {line-height: 25px;}

hr {margin-top: 20px; margin-bottom: 20px;  border-width: 1px 0px 0px; border-style: solid none none; border-color: #EEE -moz-use-text-color -moz-use-}

li { list-style: none; line-height: 30px}

.gap {
  display: block;
  position: relative;
  margin: 30px 0 30px 0;
  clear: both;
}
.gap:after {
  clear: both;
  content: '';
  display: table;
}
.gap-small {
  margin: 15px 0 15px 0;
}
.gap-mini {
  margin: 10px 0 10px 0;
}
.gap-big {
  margin: 60px 0 60px 0;
}
.gap-large {
  margin: 90px 0 90px 0;
}

.right {float: right}
.left {float: left}

.company_logo {position: relative; max-width: 250px; margin-top: 5px; }
.company_logo span { color: #2D578B; font-size: 12px; position: absolute; right: 5px; top: 35px;  }

@media (max-width: 768px) {
  .company_logo {     display: none;  }
}

.navbar-nav { margin-top: 0px;}
.dropdown:hover .dropdown-menu {    display: block;}
#lang {float: right; margin: 5px 10px; }
.nav-icons {margin-top: 15px;}

.social-link-footer li {
    float: right;
    margin-right: 10px;
}
.social-link-footer li a {
    color: #fff;
    background: #505b71;
    padding: 6px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    float: left;
    text-align: center;
    font-size: 15px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.social-link-footer li a:hover {
    background: #48cfad;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


hr {background:url("../img/border-1.gif") 0 bottom repeat-x; padding-bottom: 2px}


.func {
    color: #201F1F !important;
    text-shadow: none;
    background: url("../img/func_bg.png") repeat-x scroll left top #F9F9F9;
    border: 1px solid #E7E7E7;
    border-radius: 10px 10px 10px 10px;
    margin: 10px 0;
    padding: 10px 13px 10px 18px;	
}

.func h2 {
	border: 0px solid black;
	background: url("../img/func_but.png")  no-repeat;
	padding-left: 40px;
	font-size: 24px;
}

.func li {line-height: 35px;}

.func .answer {
	padding: 10px;	
}


#sysBox { cursor: pointer; text-align: center}
#sysBox img {margin: 0 10px 0 10px;}
.border-highlight { border: 2px dashed #32714e;   } /* Dog size */


form span {color: red}
section.contact-infos {
    border: 1px solid #EEE;
    margin-bottom: 15px;
    padding: 10px;
}


/******************** Reply - View tkt **********************/

.replyBox {  padding: 10px; margin-bottom: 10px; border: 1px solid #ddd; position: relative; }

.replyBox article.articleWithFiles { padding-bottom: 50px;}
.replyBox article header {position: relative; }
.replyBox article header span {font-size: 10px; color: #333333}
.replyBox  header .btn-default { position: absolute; top: 0; right: 25px;}
.replyBox article .files{ position: absolute; bottom: 5px;  }
.replyBox article div { margin-top: 15px}

.replyBox .userInfo {text-align: center; font-size: 14px;} 


section.answer .help-block {text-align: left}  /* file restrictions */


#load {
	position: absolute;
	z-index: 1;
	border: 3px double #999;
	background: #f7f7f7;
	width: 300px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	top: 50%;
	left: 50%;
	text-align: center;
	line-height: 200px;
	font-family: "Trebuchet MS", verdana, arial,tahoma;
	font-size: 18pt;
}






.mr10 {
  margin-right: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}


.label {
    padding: 0.4em 0.6em 0.3em;
}