/*----------------------------------------------------------------------------------------
   FRAMEWORK
----------------------------------------------------------------------------------------*/

*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body, .container {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
:focus{outline:0;}

body {
	font-family: Muli,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
	margin: 0;
	font-size: 14px;
	line-height: 26px;
	color: #555;
	background-color: #F4F5FA;
	width: 100%;
	height: 100%;
	position:relative;
	z-index:0;
}
body.no-scroll {
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}

.container{
	padding-top:15px;
	padding-right: 0px;
	padding-left: 0px;
	width:95%;
	max-width:1460px;
	position: relative;
	margin: 0 auto;
}
.container.full-port{padding-top:0px;}


a {
	text-decoration: none;
	color: #00C4AB;
}
a:hover,
a:focus {
  color: #999;
  text-decoration:none;
}
a.no-opacity:hover {
	opacity:1;
}
a img {
	border: 0;
}
a:hover img {
	border: 0;
}

small, sup {
	font-size: 11px;
	color: #666;
}

.clear {
	clear: both;
}
.index.row {
  margin-right: 0px;
}
.index.row .col-md-9 {
	width: 80%;
}
.index.row .col-md-3 {
	width: 20%;
}
.home.row .col-md-3 {
	width: 30%;
}
.home.row .col-md-4 {
	width: 40%;
}
/*----------------------------------------------------------------------------------------
   GENERAL HTML TAG
----------------------------------------------------------------------------------------*/
header, nav, article, section, aside, time, video, button, figure, footer {
	display: block;
}

strong {
	font-weight: bold;
}
ul {
	list-style: none;
	list-style-type:none;
}
ul.li-box{
	margin-top:10px;
}
ul.li-box li{
    line-height:200%;
	padding-left:26px;
	background-image: url(../img/li-box.svg);
	background-repeat: no-repeat;
	-webkit-font-smoothing: antialiased;
	background-position: 0px 10px;
}
.lt-ie9 ul.li-box li{
   background-image: url(../img/li-box.png);
}
.content-text ul.li-box li{
	margin-left:12px;
}
.ahand{
	cursor: pointer;
	* cursor: hand;
}
/*----------------------------------------------------------------------------------------
   FORMS
----------------------------------------------------------------------------------------*/

textarea{
	font-size:16px;
	line-height:20px;
	letter-spacing:0px;
}
.search #searchHeader, .search #searchHeader2{box-shadow:none;-webkit-box-shadow:none; }
.contact-us select{padding:2px 6px;}
.contact-us textarea,
.contact-us input[type="text"]{padding:2px 22px 2px 6px;}
.contact-us .mandatory {margin-left:-20px;margin-top:4px}
:focus {
	outline:0;
}
form .label {
    display: inline;
    padding-top:12px;
    font-size: 16px;
    line-height: 1;
    color: #999;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
	text-align:left;
}
/* .button,.btn {
	font-size:18px;
	color: #FFFFFF;
	background-color: #B1D213;
	*background-color: #00C4AB;
	background-image: -moz-linear-gradient(top, #3395F7, #074F9E);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3395F7), to(#074F9E));
	background-image: -webkit-linear-gradient(top, #3395F7, #074F9E);
	background-image: -o-linear-gradient(top, #3395F7, #074F9E);
	background-image: linear-gradient(to bottom, #3395F7, #074F9E);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3395F7', endColorstr='#074F9E', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	width:90%;
	padding: 10px;
	border: 1px solid #AAA;
	box-shadow: 0 0px 2px rgba(0,0,0,0.2), inset 0 1px rgba(255,255,255,0.3), inset 0 6px rgba(255,255,255,0.1), inset 0 10px 20px rgba(255,255,255,0.15), inset 0 -15px 30px rgba(180,180,180,0.3);
	-o-box-shadow: 0 0px 2px rgba(0,0,0,0.2), inset 0 1px rgba(255,255,255,0.3), inset 0 6px rgba(255,255,255,0.1), inset 0 10px 20px rgba(255,255,255,0.15), inset 0 -15px 30px rgba(180,180,180,0.3);
	-webkit-box-shadow: 0 0px 2px rgba(0,0,0,0.2), inset 0 1px rgba(255,255,255,0.3), inset 0 6px rgba(255,255,255,0.1), inset 0 10px 20px rgba(255,255,255,0.15), inset 0 -15px 30px rgba(180,180,180,0.3);
	-moz-box-shadow: 0 0px 2px rgba(0,0,0,0.2), inset 0 1px rgba(255,255,255,0.3), inset 0 6px rgba(255,255,255,0.1), inset 0 10px 20px rgba(255,255,255,0.15), inset 0 -15px 30px rgba(180,180,180,0.3);
}
.button:hover,.btn:hover {
	color:#FFF;
	box-shadow: 0 0px 5px rgba(0,0,0,0.2), inset 0 1px rgba(255,255,255,0.3), inset 0 1px rgba(255,255,255,0.1), inset 0 10px 20px rgba(255,255,255,0.15), inset 0 -15px 30px rgba(180,180,180,0.3);
	-o-box-shadow: 0 0px 2px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(180,180,180,0.3);
	-webkit-box-shadow: 0 0px 2px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(180,180,180,0.3);
	-moz-box-shadow: 0 0px 2px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(180,180,180,0.3);
}

.button:active {
	border: 1px solid #bbbbbb ;
	box-shadow: inset rgba(0,0,0,.4) 0 1px 1px;
	-webkit-box-shadow: inset rgba(0,0,0,.4) 0 1px 1px;
	font-weight: bold;
	color: #FFF;
	text-shadow:  0 1px 1px #999;
	background-image: -webkit-gradient(linear, left top, left bottom, from(  #dadada), to(  #cccccc));
	background-image: -webkit-linear-gradient(  #dadada,  #cccccc);
	background-image:    -moz-linear-gradient(  #dadada,  #cccccc);
	background-image:     -ms-linear-gradient(  #dadada,  #cccccc);
	background-image:      -o-linear-gradient(  #dadada,  #cccccc);
	background-image:         linear-gradient(  #dadada,  #cccccc);
}

.button_disabled,
.button.disabled,
.button:disabled {
  color: #bbb;
  cursor: default;
  background:#F8F8F8;
} */
select:disabled{opacity:0.6;color:#999;
	box-shadow:0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.2) inset, 0 0 1px rgba(255,255,255,.1);
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.2) inset, 0 0 1px rgba(255,255,255,.1);
}


 .main-menu.menu-bg-default {
      background: -webkit-gradient(linear,left top,left bottom,from(#0953A6),to(#053364)) !important;
      background: -webkit-linear-gradient(#0953A6,#053364) !important;
      background: -moz-linear-gradient(#0953A6,#053364) !important;
      background: -o-linear-gradient(#0953A6,#053364) !important;
      background: linear-gradient(#0953A6,#053364) !important;
      -webkit-box-shadow: 0 0 8px rgba(62,57,107,.7) !important;
      box-shadow: 0 0 8px rgba(62,57,107,.7) !important;
  }
  .main-menu.menu-bg-yellow {
	background: -webkit-gradient(linear,left top,left bottom,from(#EFB803),to(#EFB803)) !important;
	background: -webkit-linear-gradient(#EFB803,#EFB803) !important;
	background: -moz-linear-gradient(#EFB803,#EFB803) !important;
	background: -o-linear-gradient(#EFB803,#EFB803) !important;
	background: linear-gradient(#EFB803,#EFB803) !important;
	-webkit-box-shadow: 0 0 8px rgba(62,57,107,.7) !important;
	box-shadow: 0 0 8px rgba(62,57,107,.7) !important;
}
  .main-menu.menu-dark {
      color: #EEEEEE;
      background: #FFFFFF;
  }
  .main-menu.menu-dark .navigation li a {
    color: #EEEEEE;
}
.btn-gradient-secondary {

    background-image: -webkit-gradient(linear,left top,right top,from(#053364),color-stop(51%,#0953A6),to(#053364));
    background-image: -webkit-linear-gradient(left,#053364 0,#0953A6 51%,#053364 100%);
    background-image: -moz-linear-gradient(left,#053364 0,#0953A6 51%,#053364 100%);
    background-image: -o-linear-gradient(left,#053364 0,#0953A6 51%,#053364 100%);
    background-image: linear-gradient(to right,#053364 0,#0953A6 51%,#053364 100%);
    background-position: left center;
    -webkit-background-size: 200% auto;
    background-size: 200% auto;
    border: 0;
    -webkit-box-shadow: 0 0 12px 0 rgba(224,76,36,.9);
    box-shadow: 0 0 12px 0 rgba(224,76,36,.9);
}
.bg-warning{background-color: #39D98C !important;}
.bg-warning.purple{background-color: #844CF4 !important;}

html body a {
    color: #053364;
}
.cd-horizontal-timeline .filling-line {
    background-color: #F23AC3;
}
.cd-horizontal-timeline .events a.selected::after {
    background-color: #F23AC3;
    border-color: #F23AC3;
}
.badge-danger.badge-glow {
    -webkit-box-shadow: 0 0 10px #F23AC3;
    box-shadow: 0 0 10px #F23AC3;
}
.badge-danger {
    background-color: #F23AC3;
}
ul.token-distribution-list li.master-nodes::before {
    background: #DBEC04;border:1px solid #C0CF03;
}
.header-navbar .navbar-container ul.nav li > a.nav-link {
    font-size: inherit !important;
}
.content-header-title{margin-bottom: 10px !important;margin-left:5px;}
#msg {display:none; position:absolute; z-index:9999;}
#msgcontent {display:block;background:#000000;box-shadow: 0px 0px 1px rgba(0,0,0,.2);-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,.2);border-radius:8px;border-left:none; padding:8px 12px;font-size:13px;color:#fff;}
.msgError{
    color:#DA7A9E;font-size:12px;position:absolute;
}
.mandat{color:#FA679D;}

/* Uploader */
div.uploader,
div.uploader span.action {
  background-image: url(../img/sprite.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

.uploader,
.uploader *{
  margin: 0;
  padding: 0;
}
div.uploader {
	background-position: 0px -297px;
	height: 28px;
}

div.uploader span.action {
	background-position: right -409px;
	height: 30px;
	line-height: 24px;
}

div.uploader span.filename {
	height: 24px;
	margin: 2px 0px 2px 2px;
	line-height: 24px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -353px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px;
}

div.uploader.disabled {
  background-position: 0px -325px;
}

div.uploader.disabled span.action {
  background-position: right -381px;
}

div.uploader {
  width: 108px;
  cursor: pointer;
}

div.uploader span.action {
	width: 85px;
	text-align: center;
	text-shadow: #fff 0px 1px 0px;
	background-color: #fff;
	font-size: 11px;
	font-weight: bold;
}

div.uploader span.filename {
	color: #777;
	width: 5px;
	border-right: solid 1px #bbb;
	font-size: 11px;
}

div.uploader input {
  width: 190px;
}

div.uploader.disabled span.action {
  color: #aaa;
}

div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}

div.uploader {
  position: relative;
  overflow: hidden;
  cursor: default;
}

div.uploader span.action {
	float: left;
	display: inline;
	padding: 2px 0px;
	overflow: hidden;
	cursor: pointer;
}

div.uploader span.filename {
	color:#ffffff;
	padding: 0px 10px;
	float: left;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: default;
}

div.uploader input {
  opacity: 0;
  filter: alpha(opacity:0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default;
}

.selector,
.checker,
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
  outline: 0;
}
.header-navbar .navbar-container ul.nav li a.dropdown-user-link .avatar {
    margin-right: .5rem !important;
    width: 36px !important;
    max-height: 36px !important;
    overflow: hidden !important;
}
.photo {overflow:hidden;display:block;max-width: 100%;}
.photo:hover img {opacity:1;}
.photo img {max-width: 100%;}
.photoNoBorder {border-radius:0px;}
.thumbnailVideo {border-radius:4px;position:relative;border:1px solid #ccc}
.thumbnailVideoNoBorder {border-radius:4px;}
.photoThumbnail{border:1px solid #ccc;overflow:hidden;display:block;border-radius:4px;}
.photoThumbnailGallery{border:1px solid #444;overflow:hidden;display:block;border-radius:4px;}

.bordergray,.nobordergray{
	border-radius:4px;
	border:1px solid #ccc;
	padding:4px;
	position:relative;
	margin:0 auto;
}
.nobordergray{border:none;}
.shadow {
	background:#fff;
}
.shadow:before, .shadow:after {
	content:"";
	position:absolute;
	z-index:-2;
}
.curved:before {
	top:10px;
	bottom:10px;
	left:0;
	right:50%;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.6);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.6);
	box-shadow:0 0 10px rgba(0,0,0,0.6);
	-moz-border-radius:10px / 100px;
	border-radius:10px / 100px;
	top:50%;
	bottom:0;
	left:10px;
	right:10px;
	-moz-border-radius:100px / 10px;
	border-radius:100px / 10px;
}

.bg-warning.bg-glow {
    box-shadow: 0 1px 20px 1px rgba(85,85,85,.4);
}

.bg-file {
	background: -webkit-gradient(linear,left top,left bottom,from(#0953A6),to(#053364)) !important;
	background: -webkit-linear-gradient(#0953A6,#053364) !important;
	background: -moz-linear-gradient(#0953A6,#053364) !important;
	background: -o-linear-gradient(#0953A6,#053364) !important;
	background: linear-gradient(#0953A6,#053364) !important;
}

.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}

img.hidden-sm-down{display:block !important;}
img.hidden-md-up{display: none !important;}
@media(max-width:767px){
    img.hidden-sm-down{display:none !important;}
    img.hidden-md-up{display: block !important;}
}
@media (max-width: 590px) {
	.hidden-sm-down{display:none;}
}

@media (max-width: 664px) {
 #form1 .col-6 {
	    -webkit-flex: 0 0 100%;
	    -moz-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
}

.nav-item .icon-logout{margin:10px -5px !important}
@media (max-width: 768px) {
	 .nav-item .icon-logout{margin:0 15px 0 -2px !important}
	 #navbar-mobile.navbar-collapse .navbar-nav .nav-item {
	    margin-left: 15px;
	}
}
