@font-face {
  font-family: 'Circe';
  src: url('../fonts/Circe-Regular.ttf'); 
}

@font-face {
  font-family: 'CirceBold';
  src: url('../fonts/CIRCEBOLD.OTF'); 
}

@font-face {
  font-family: 'CirceExtraBold';
  src: url('../fonts/CIRCEEXTRABOLD.OTF'); 
}

@font-face {
  font-family: 'CirceExtraLight';
  src: url('../fonts/CIRCEEXTRALIGHT.OTF'); 
}

@font-face {
  font-family: 'CirceLight';
  src: url('../fonts/CIRCELIGHT.OTF'); 
}


body{
  background-color: #212528;
  margin: 0;
  padding: 0;
  font-family: 'Circe';
 
}

.img_dashboard{
  background-image: url('../media/background_dashboard.png');
  background-position: right bottom;  
  background-repeat: no-repeat;  
  
}

a{
  color: #000;
}


 
.fp_animation{
    position: absolute; 
    left:35%; 
    max-height: 100%;
	max-width: 100%;
    overflow: hidden; 
}

.fp_alert{
    position: absolute;
	z-index: 1000;	
    left: 4%;
 
    top: 50px;
	padding-bottom: 100px;
	max-height: 80%;
	min-height: 80%;    
	padding-right:10px;	
}

.signin_alert{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 450px;
  transform: translate(-50%, -50%);
  z-index: 1000;
}


.signin_background{
  position: absolute;
  top: 50%;
  left: 50%;
 
  transform: translate(-50%, -50%);
}



.fp_alert_content{
    padding-top: 50px;
	padding-bottom: 25px;
	/*padding-left: 30px;
	padding-right: 30px;*/
	
	background-color: white;
	border: 1px solid #efeff0;  
    border-radius: 2px !important;  
	-webkit-box-shadow: 3px 0 5px -3px #212528;
    box-shadow: 3px 0 5px -3px #212528;
}


.signin_content{
  padding-left: 55px;
  padding-right: 55px;
  padding-top: 55px;
  padding-bottom: 55px; 
	
	background-color: white;
	border: 1px solid #efeff0;  
    border-radius: 0px !important;  
	-webkit-box-shadow: 0px 0px 10px 5px #212528;
    box-shadow: 0px 0px 10px 5px #212528;
}



.fp_alert_top, .fp_alert_bottom{
	padding-left: 50px;
	padding-right: 50px;
}



.fp_alert_copyright{
	text-align: left;
	padding-top:20px;
    color: white;
	font-family: 'Circe';
    font-size: 13pt;
	margin-left: auto;
	margin-right: auto;
	width:70%;
}


.sign_signup{
	text-align: center;
	margin-top:20px;
    color: white;
	font-family: 'Circe';
    font-size: 14pt;
	margin-left: auto;
	margin-right: auto;
	font-family: 'CirceBold';
    color: silver;
	text-transform: uppercase;
}

#link_signup {
  color: #da2060;
}


.fp_logo div{
    float: right;
	vertical-align: top;
}



.fp_title{
    text-transform: uppercase;
	margin-top: 40px;
	font-family: 'CirceBold';
    font-size: 22pt;
}

.signin_title{
    text-transform: uppercase;
	font-family: 'CirceBold';
    font-size: 22pt;
	text-align: center;
}


.signin_email{
    text-transform: uppercase;
	font-family: 'CirceBold';
    font-size: 13pt;
	text-align: left;
	margin-top: 30px;
}

.signin_password{
    text-transform: uppercase;
	font-family: 'CirceBold';
    font-size: 13pt;
	text-align: left;
	margin-top: 30px;
}

.fp_description{
    font-family: 'CirceLight';
    font-size: 18pt;
 	margin-top: 25px;
}

.fp_lanch_date{
  position: relative;
  margin-top: 20px;
  font-size: 18px;
  color: #da2060;
  text-transform: uppercase;

}

.fp_lanch_date_content{
  position: relative;


  text-align: left;
  z-index: 1000;
  padding-left: 10px;
  font-family: 'Circe';
  font-size: 18pt;
  margin-left: 30px;
  margin-right: 30px; 
}

.fp_lanch_date_text  {
  padding-left: 10px;
  padding-right: 10px;
  background-color: white;
}

.fp_lanch_date_term{
  font-family: 'CirceBold';
  font-size: 18pt;
}

.fp_subscribe_form{
  margin-top: 30px;
 
  padding: 30px;
  box-shadow: 0 10px 10px -1px silver;
  background-color: #e7e8ea;
  text-transform: uppercase;
  margin-left: 30px !important;
  margin-right: 30px !important;  
  border-radius: 2px !important;  
}

.fp_subscribe_form_title{
  font-family: 'CirceBold';
  font-size: 16pt;
} 






.fp_subscribe_elements{
	margin-top: 5px;

}

.fp_signin_container{
    position: absolute;
	z-index: 1000;	
    right: 20%; 
    top: 50px;
}

.fp_signin{
	background-image: url("../media/btn_signin.png");
    font-weight: bold;
    color: white;
}

.fp_contact_caption{
    margin-top: 30px;
    font-family: 'CirceBold';
	font-size: 13pt;
    color: silver;
	text-transform: uppercase;
}

.fp_contact{
   margin-bottom: 10px;
   font-family: 'Circe';
   font-size: 16pt;
}

.fp_submit{
	background-image: url("../media/btn_submit.png");
    font-family: 'CirceBold';
    font-size: 14pt;
    color: white;
	height: 42px !important;
	vertical-align: top;
    float: right;
	min-width: 75px; 
}

.signin_submit{
	background-image: url("../media/btn_signin_alt.png");
    font-family: 'CirceBold';
    font-size: 14pt;
    color: white;
	height: 38px !important;
	vertical-align: top;
	min-width: 162px; 
}


.tooltip-inner{
  background-color: white !important;
  color: #da2060 !important;
  -webkit-box-shadow: 0 10px 10px -1px silver;
  box-shadow: 0 10px 10px -1px silver;
}
.tooltip-arrow {
  border-top-color: white !important;  
  -webkit-box-shadow: 0 10px 10px -1px silver;
  box-shadow: 0 10px 10px -1px silver;
}

hr {
     margin-top: 0px !important;
 
	 position: absolute;
	 top: 50%;
	 color: #da2060;
     background: #da2060; 
     width: 100%; 
     height: 1px;
}

.fp_email_input_container{
  overflow: hidden; 
  padding-right: .5em;
}
.fp_email_input{
 font-family: 'Circe';
 font-size: 18pt;
 width: 100%;
 padding-left: 5px;
 outline: none !important;
 border:1px solid #ccc !important;
 box-shadow: none !important;
 border-radius: 2px !important;
 height: 42px !important;
 margin-right: 2px;
}


.signin_email_input{
 font-family: 'Circe';
 font-size: 18pt;
 width: 100%;
 outline: none !important;
 border:1px solid #ccc !important;
 box-shadow: none !important;
 border-radius: 2px !important;
 height: 38px !important;
 margin-top: 10px;
 
 background-image: url("../media/user.png");
 background-size: 16px 18px;
 background-repeat: no-repeat;
 background-position: 97% center;
 padding: 5px;
}

.signin_password_input{
 font-family: 'Circe';
 font-size: 18pt;
 width: 100%;
 outline: none !important;
 border:1px solid #ccc !important;
 box-shadow: none !important;
 border-radius: 2px !important;
 height: 38px !important;
 margin-top: 10px;

 background-image: url("../media/password.png");
 background-size: 16px 18px;
 background-repeat: no-repeat;
 background-position: 97% center;
 padding: 5px;
}
 

.btn:focus,.btn:active, .btn {
   outline: none !important;
   box-shadow: none !important;
   border-radius: 2px !important;
   border-color: transparent !important;
}

.signin_forgottenpassword{
     margin-top: 25px;
 	 color: #da2060;
	 font-family: 'LatoSemibold';
	 font-size: 18pt;
	 text-align: center;
}

.signin_buttoncontainer{
     margin-top: 25px;
 	 
 
 
	 text-align: center;
}


 




.tempofix{
    position: absolute; 
    left: 0px; 
    top:0;
    width: 10px;
	min-height: 100%;
    max-height: 100%;
	z-index: 901;	
	background-color: #212528;
 }

.tempofix_bottom{
    position: absolute; 
    right: 0; 
    bottom: 0;
    height: 5px;
	min-width: 100%;
    max-width: 100%;
	z-index: 900;	
	background-color: #212528;
}



/* dashboard*/
 

 
#dashboard_container{
  height: 100%; 
}

/* ds_logo */
.ds_logo{
 
  margin-left: 40px;
  margin-top: 20px;
}

.ds_menu_title{
  font-family: 'Circe';
  font-size: 10pt; 
  background-color: #da2060;
  margin-top: 10px;
  padding-left: 20px;
  color: white;
  text-transform: uppercase;
  height: 25px;
  padding-top: 4px;
}

.ds_menu_container{
 border-bottom: 1px solid #da2060;
} 

.ds_menu_item{
  border-bottom: 1px solid #383b3f;
  font-family: 'Circe';
  font-size: 14pt; 
  background-color: #25292d;
  padding-left: 20px;
  color: white;
  height: 45px;
  padding-top: 10px;
  cursor: pointer;
}

.ds_menu_item_active{
  border-bottom: 1px solid #383b3f;
  font-family: 'Circe';
  font-size: 14pt; 
  background-color: #25292d;
  padding-left: 20px;
  color: white;
  height: 45px;
  padding-top: 10px;
   cursor: pointer;
  background-image: url('../media/dashboard/active_menu.png');
  background-repeat: no-repeat;
  background-position: left center; 
  
}


#left{
 border-right: 1px solid #383b3f;
 
 width: 240px;
 float: left;
 min-height: 100%;
    height: 100%;
 
 
}

 #right {
      margin-left: 240px;
 min-height: 100%;
    height: 100%;     
  }
  .clear {
      clear: both;
    }
.dashboard_content_top{
  border-bottom: 1px solid #383b3f;
 
 
  padding-left: 40px;
  color: white;
  height: 72px;
  padding-top:  5px;
  
}

.dashboard_content_title{
  float: left;
  font-family: 'CirceLight';
  font-size: 20pt; 
  padding-top:  10px;
}
 
.usermenu{
  float: right;
  margin-right: 40px;
 
}

.usermenu .btn-primary{
  background-color: #2a2e31; 
}

.dashboard_rectangle{
   outline: none !important;
   box-shadow: none !important;
   border-radius: 2px !important;
   border-color: transparent !important; 
   background-color: #2a2e31;
   width: 365px;
   height: 165px;
   margin: 7px;
}

.dashboard_content_center{
  padding-left: 5px;
  color: white;
  padding-top: 5px;
}

.dashboard_manufacturer_img{
  padding-top: 20px;
  padding-right: 20px;
  float: right;  
}
.dashboard_manufacturer_text{
  padding-top: 20px;
  padding-left: 15px; 
  float: left;
  text-align: center; 
  font-family: 'LatoBold';
  font-size: 14pt;
  text-transform: uppercase;
  line-height: 1;  
  
}

.dashboard_manufacturer_btn{
   padding-top: 20px;
}

.btn-manufacter, .btn-transfer {
   background-color: #2b60cd;
   font-family: 'CirceBold';
   font-size: 10pt;
}

.dashboard_transfer_img{
  padding-top: 20px;
  padding-left: 7px;
  float: left; 
}

.dashboard_transfer_btn{
   float:right;
   padding-top: 20px;
   padding-right: 10px;
}

.dashboard_transfer_text{
  padding-top: 20px;
  padding-left: 10px; 
  float: left;
  text-align: left; 
  font-family: 'LatoBold';
  font-size: 14pt;
  text-transform: uppercase; 
  line-height: 1;
}

.dashboard_transfer_top{
  border-bottom: 1px solid #212529;
  height: 85px;
}

.dashboard_transfer_bottom{
   height: 80px;
}

.dasboard_transfer_left{
  float: left; 
  padding-top: 20px;
  padding-left: 15px;
  border-right: 1px solid #212529;
  width: 50%;
  height: 80px;
}

.dasboard_transfer_right{
  float: right;   
  padding-top: 20px;
  padding-right: 15px;
  height: 80px;  
}


.dasboard_transfer_caption_left{
  font-family: 'Lato';
  font-size: 14pt;
  color: #696b6d;
}

.dasboard_transfer_caption_right{
  font-family: 'Lato';
  font-size: 14pt;
  color: #696b6d;
}


.dasboard_transfer_caption_bottom_left{
  font-family: 'Lato';
  font-size: 14pt;
  color: white;
}

.dasboard_transfer_caption_bottom_right{
  font-family: 'Lato';
  font-size: 14pt;
  color: white;
}

.dashboard_rdn_btn{
 
   padding-top: 20px;
 
   margin-left: 15px;
    float: left;
}

.dashboard_rdn_text{
  padding-top: 25px;
  margin-left: 15px;
  float: left;
  text-align: left; 
  font-family: 'LatoBold';
  font-size: 14pt;
  text-transform: uppercase; 
 
}

.dasboard_rdn_caption_top_right{
  float: left;
  padding-left: 15px;
  padding-top: 10px;
}


.dashboard_rectangle_provider{
   outline: none !important;
   box-shadow: none !important;
   border-radius: 2px !important;
   border-color: transparent !important; 
   background-color: #32363a;
   width: 365px;
   height: 165px;
   margin: 7px;
}


.dasboard_provider_left{
 float: left;
  padding-top: 20px;

  border-right: 1px solid #212529;
  width: 50%;
  height: 165px;
}

.dasboard_provider_right{
   float: left;  
  padding-top: 20px;
 
  height: 165px;  
  width: 50%;
  
}

.dashboard_provider_img img{
    display: block;
    margin: auto; 
}


.dasboard_provider_caption_bottom_left{
  font-family: 'Lato';
  font-size: 14pt;
  color: white;
  text-align: center;
  margin-top:15px;
}

.dasboard_provider_caption_right{
  font-family: 'Lato';
  font-size: 14pt;
  color: #696b6d;
  text-align: left;
  padding-left: 15px;
}

.dasboard_provider_caption_bottom_right{
  font-family: 'Lato';
  font-size: 14pt;
  color: white;
  text-align: center;
  margin-top:15px;
}

.dashboard-right-corner{
  float: right;
  height: 165px;
  overflow: hidden;
}


.dashboard_rectangle_interval{
   outline: none !important;
   box-shadow: none !important;
   border-radius: 2px !important;
   border:1px solid #2a2e31 !important; 
   background-color: #212529;
   width: 365px;
   height: 165px;
   margin: 7px;
}

.dashboard_interval_img{
  margin-top: 20px;
  margin-left: 10px;
  float: left; 
}

.dasboard_interval_caption{
  margin-top: 20px;
  margin-left: 10px;
  float: left;
  text-align: left; 
  font-family: 'LatoBold';
  font-size: 14pt;
  text-transform: uppercase;
  color: white;
}