/*
  Empresa: Valid Certificadora
  Projeto: Ras-web-Admin 

  --------------
  PADROES DE CODIGO - Frameworks FED v2.5
  --------------

  Nossos projetos sao desenvolvidos de acordo com um padrao de escrita.
 
  --------------
  PALETA DE CORES
  --------------

  #000000 - Textos
  #1988A4 - Topo Variação Principal
  #0A596B - Topo Variação Secundario
  #C4D6D8 - Topo Variação Terciario
  #EDEDED - Background Complemento
  #E2E1DD - Background Complemento 2
  #8f8f8f - Textos e Titulos
  #61162D - Botoes 
  #637D7A - Box e Titulos
  #047994 - Textos e titulos internos
  #0A596B - Botão Geral
*/

/*
  --------------
  ELEMENTOS e CLASSES
  --------------
*/

@backgroundContentColorLogin:#1B859F;
@backgroundContentBarraColorLogin:#fff;
@borderContentBarraColorLogin:#000;
@backgroundContentImageLogin:url("./images/headerfulltopDefaultLogin_.png");
@LogoLoginImage:url("./images/logoValidCertificadora.png");
@fontcolorTituloLogin:#fff;
@fontcolorTituloLoginNew:#1B859F;
@SbuttonFaceColorLogin:#1B859F;      
@SbuttonFontColorLogin:#FFF;    		
@SbuttonBorderColorLogin:#1B859F;    

@HbuttonFaceColorLogin:#1B859F;     
@HbuttonFontColorLogin:#FFF;     
@HbuttonBorderColorLogin:#1B859F;    
@FontColorUser:#FFF;


@inputBorderColor:#BDD0DD;
@colorDialog:#015369;

@SbuttonFaceColor:#1B859F;      /*cor da face do button salvar*/
@SbuttonFontColor:#FFF;    		/*cor da font do button salvar */
@SbuttonBorderColor:#1B859F;    /*cor da borda do button salvar*/

@NbuttonFaceColor:#FFF;         /*cor da face do button cancelar*/
@NbuttonFontColor:#1B859F;      /*cor da font do button cancelar */
@NbuttonBorderColor:#23A6C7;    /*cor da borda do button cancelar*/


@HbuttonFaceColor:#23A6C7;      /*face hover do button*/
@HbuttonFontColor:#FFF;      /*Cor da font hover do button*/
@HbuttonBorderColor:#015369;    /*Cor da borda hover do button*/

.margin02T{margin-top: 02px !important;}
.margin05T{margin-top: 05px !important;}
.margin10T{margin-top: 10px !important;}
.margin14T{margin-top: 14px !important;}
.margin15T{margin-top: 15px !important;}
.margin25T{margin-top: 25px !important;}
.margin30T{margin-top: 30px !important;}
.espacamento05{ width: 900px; height:5px; display: block; }
.clear{
    clear: both !important;
}

/* ------- ELEMENTOS ------- */

  /* reset */
  body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, menu, form, fieldset, legend, figure, section, summary { margin: 0; padding: 0; }
  article, aside, details, summary, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
  button, fieldset, iframe, img { border: 0; }

  html { font: 100% arial; color: #666; min-height: 50% !important; }
  .body { font-size: .75em; height: 1% !important; margin: 0; padding: 0;  font-family: arial !important;  } /* tamanho da fonte: 12px */

  /* formulario */


/* ------- CLASSES DE LAYOUT ------- */
.limites { width: 980px; margin: 0 auto; }
 
/* ------- CLASSES ------- */
.direita { float: right; }
.esquerda { float: left; }
.margindireita35{margin-right: 35px !important;}
p.direita, p.esquerda { float: none; }
p.direita { text-align: right; }
p.esquerda { text-align: left; }
.centro { text-align: center !important;  }
.espacamento{ width: 1004px; height:35px; display: block; }
.espacamento20{ width: 1004px; height:20px; display: block; }
.displayNone{ display:none !important; }
.aligCenter{margin:0 auto !important;}
.tam30{width: 30px !important;}
.tam40{width: 40px !important;}
.tam50{width: 50px !important;}
.tam80{width: 80px !important;}
.tam100{width: 100px !important;}
.tam105{width: 105px !important;}
.tam120{width: 120px !important;}
.tam140{width: 140px !important;}
.tam150{width: 150px !important;}
.tam160{width: 160px !important;}
.tam170{width: 170px !important;}
.tam190{width: 190px !important;}
.tam220{width: 220px !important;}
.tam240{width: 240px !important;}
.tam290{width: 290px !important;}
.tam310{width: 310px !important;}
.tam350{width: 350px !important;}
.tam360{width: 360px !important;}
.tam400{width: 400px !important;}
.tam435{width: 435px !important;}
.tam480{width: 480px !important;}
.tam570{width: 570px !important;}
.tam650{width: 650px !important;}
.tam750{width: 750px !important;}


.margin05L{ margin-left:05px !important; }
.margin10L{ margin-left: 10px !important; }
.margin15L{ margin-left: 15px !important; }
.margin85L{ margin-left: 85px !important; }

.margin25R{ margin-right: 25px !important; }
.margin55R{ margin-right: 55px !important; }
.margin140L{ margin-left: 140px !important; }

.margin-33T{ margin-top: -33px !important; }
.margin-47T{ margin-top: -45px !important; }

  /* alinhamentos */
  .direita { float: right !important; }
  .esquerda { float: left !important; }
  p.direita, p.esquerda { float: none; }
  p.direita { text-align: right; }
  p.esquerda { text-align: left; }
  .centro { text-align: center; }

  /* paginacao */
  .paginacao li { display: inline-block; }
  .paginacao li a[rel="prev"], .paginacao li a[rel="next"] { }
  .paginacao li a[rel="prev"]:hover, .paginacao li a[rel="next"]:hover { }

  /* popup */
  .popup { display: none; position: absolute; z-index: 10; }
  .popup a.fechar { }
  .pelicula { position: absolute; z-index: 9; }

  /* botoes */
  a.botao, a.botao strong { display: inline-block; background: url(images/botao.png) no-repeat; line-height: 25px; text-decoration: none; }
  a.botao { padding-left: 10px; }
  a.botao strong { padding-right: 10px; background-position: right 0; font-weight: normal; }
  a.botao:hover { background-position: 0 0; }
  a.botao:hover strong { background-position: right 0; }

/*
  --------------
  ESTRUTURA
  --------------
*/
html, body {height:10% !important; }
/* ------- LOGIN ------- */

div.login{
	margin:0 auto;
	width: 450px;
	height:250px;
	background-color: red; 
	margin-top: 150px;
}
div.boxlogin{
	position:absolute;
	width: 450px;
	height:250px;
	left:50%;
	top:50%;
	margin-left:-225px;
	margin-top:-125px;
}


body {background:@backgroundContentColorLogin; background-image:@backgroundContentImageLogin;} 


#telaCentral{
        position:absolute;
        width: 100%;
        margin-left:-250px;
        display: block;
        left:50%;       
        z-index:-1;
        background-color: #fff;
}
#liquid-round {
width:450px;
margin:0px auto;
margin-top:20%;
}

.telaCentral{
        width: 100%;
      	height: 250px;
        display: block;
        z-index:-1;
        background-color:@backgroundContentBarraColorLogin;
        margin: 0 auto;
        border-bottom: 3px solid @borderContentBarraColorLogin;
}


#centro {
	width:100%;
	height:300px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:5%;
	margin-left:-50%;
	 background-color:@backgroundContentBarraColorLogin;
}



.top {
width:450px;
height:10px;

}

.center-content {
position:relative;
background:@backgroundContentBarraColorLogin;
padding:1px 20px 1px 25px;
margin:0 auto;
margin-top:3px;
text-align: left;
height: 297px; 
width:460px;
}


.bottom span {
display:block;
position:relative;
height:84px;

}
p {margin:0 0 1em 0}

h2.login{
	 font-family: arial; font-size: 18px !important; margin-top: -47px ; margin-bottom: 25px; margin:0 auto; color:@fontcolorTituloLogin !important; display:block; width:100%; 
}

span.login{
	 font-family: arial; font-size: 18px !important; margin-top: -25px ; margin-bottom: 25px; text-align: center; color:@fontcolorTituloLogin; display:block;
}

 
h2.loginOperator{
	 font-family: 'Univers57CondensedRegular';  font-size: 12px !important; margin-top: 0 ; margin-bottom: 25px; margin-left: 50px;
}

img.login{
	border: none; margin-left: 50px; margin-bottom: 1px;
}

#liquid-round .btn_login{
	background:#0a596b;  color:#ffffff; padding:2px 0;
	  font-family: Arial; font-size:10px;	text-transform:uppercase;
	  display:block; margin-top:2px; text-align:center; margin-left: 15px; margin-right: 10px; margin-bottom: 35px;
	  }
	  
div.loginboxinput{
	display: block;
	margin-bottom: 25px;
	width: 100%;
}

.loginTextcoorp{
	 font-family: tahoma;  font-size: 10px; padding-bottom:4px; padding-top:4px;
	 color: @fontcolorTituloLogin; margin-left: 0px; text-align: center !important; margin-top: 20px; padding-left: 20px !important;
	 background-image: url("./images/lgoVcoorpy.png"); background-repeat: no-repeat; background-position: 70px 2px;
	 display: block !important; }
	 
.loginTextcoorp2{
	 font-family: tahoma; *font-family:tahoma; font-size: 10px; padding-bottom:4px; padding-top:4px;
	 color: #FFF; margin-left: 0px; text-align: left !important; margin-top: 20px;  display: block !important;
	 
} 
div.espacamento{
	width: 100%;
	display: block !important;
	height: 30px;
}
.lab_infLogin{
	display:block; text-align: center; padding-left:25;  margin-bottom:5px; margin-left:35x; padding-top:10px;
	text-transform: uppercase;	font-family: 'Univers57CondensedRegular'; *font-family:tahoma; font-size:12px; 
	font-weight: 400; color: #0a4166;   
}
.lab_infLoginSucess{
	display:block; text-align: center; padding-left:25;  margin-bottom:5px; margin-left:0; padding-top:10px;
	text-transform: uppercase;	font-family: 'Univers57CondensedRegular'; *font-family:tahoma; font-size:12px; 
	font-weight: 400; color: #0a4166;   
}

.btn_log{
	margin-top:25px !important;
	padding: 7px 10px 7px 10px !important;
	background-color:@SbuttonFaceColorLogin;
	color:@SbuttonFontColorLogin;  border: 1px solid @SbuttonBorderColorLogin;
	width: 330px !important;
	z-index: 800 !important;
	text-transform: uppercase;	font-family: tahoma; *font-family:tahoma; font-size:15px; font-weight: 400;
	margin:0 auto !important;
}
.btn_log:hover{
	margin-top:25px !important;
	padding: 7px 10px 7px 10px !important;
	background-color:@HbuttonFaceColorLogin;
	color:@HbuttonFontColorLogin;  border: 1px solid  @SbuttonBorderColorLogin;
	z-index: 800 !important;
	text-transform: uppercase;	font-family: tahoma; *font-family:tahoma; font-size:15px; font-weight: 400;
	width: 330px !important;
	margin:0 auto !important;
}

input.visibily{
	display: none !important;
}
button.btnProcurar{
	margin-top: -50px;
}

div.buttomFlutuante{
 margin-top: 0px !important;
 width:170px;
 height: 70px !important;
 display: block; 
 margin: 0 auto !important;
 text-align: center !important;
 }
div.buttomFlutuanteCentro{
 margin-top: 0px !important;
 width:100%;
 height: 70px !important;
 display: block; 
 margin: 0 auto !important;
 text-align: center !important;
 }
 
 

 
 .blockPage{
 width: 400px !important;
 height: 250px !important;
     border: 3px solid @colorDialog !important;
     margin-left:-190px !important;
     margin-top:-130px !important;
     left:50% !important;
     top:50% !important;
}
 
 
 .selectLogin{
  	  display: block; padding:4px; 	
	  border: 1px solid #BDD0DD; margin-bottom: 25px;
	  color: #047994; margin-top: 10px; width:380px; height: 150px;
	 }
#selectUserCn option.imgWarningProvider{
	border:none; color:red; text-indent:15px !important;
	padding-top:0;  
	vertical-align: middle !important; text-align: left; width:300px;
	background-image: url("./images/ativar.png") !important;
	
}	 
 
 button.btn_masterBigLogin{
	  background: @SbuttonFaceColor;  color:@SbuttonFontColor; padding-top:7px !important; padding-bottom:7px !important; padding-left:15px; padding-right:15px; 
	  font-family: Arial; font-size:11px;	text-transform:uppercase;
	  display:block; margin-top:0; text-align:center; margin-right:08px !important; cursor: pointer; border:1px solid @SbuttonBorderColor;
	  }
	  	 button.btn_masterBigLogin:hover{
	  	  background:@HbuttonFaceColorLogin;	
	  	  color:@HbuttonFontColor;
	  	  border:1px solid @HbuttonBorderColor;
	  	 }
 a.btn_masterBigLogin{
	  background: @SbuttonFaceColor;  color:@SbuttonFontColor; padding-top:7px !important; padding-bottom:7px !important; padding-left:15px; padding-right:15px; 
	  font-family: Arial; font-size:11px;	text-transform:uppercase;
	  display:block; margin-top:0; text-align:center; margin-right:10px !important; cursor: pointer; border:1px solid @SbuttonBorderColor;
	  }
	  	 a.btn_masterBigLogin:hover{
	  	  background:@HbuttonFaceColorLogin;	
	  	  color:@HbuttonFontColor;
	  	  border:1px solid @HbuttonBorderColor;
	  	 }
	  	 
 button.btn_masterBigLoginC{
	  background:@NbuttonFaceColor;  color: @NbuttonFontColor; border:1px solid @NbuttonBorderColor; padding-top:7px !important; padding-bottom:7px !important; padding-left:15px; padding-right:15px; 
	  font-family: Arial; font-size:11px;	text-transform:uppercase;
	  display:block; margin-top:0; text-align:center; margin-right:10px !important; cursor: pointer;
	  }
	  	 button.btn_masterBigLoginC:hover{
	  	  background:@HbuttonFaceColor;
	  		  color:@HbuttonFontColor;
	  		  border: 1px solid @HbuttonBorderColor;	
	  	 }
	  	 
 button.btn_masterBigLoginA{
	  background:@SbuttonFaceColor; border:1px solid @SbuttonBorderColor; color:@SbuttonFontColor; padding-top:7px !important; padding-bottom:7px !important; padding-left:15px; padding-right:45px; 
	  font-family: Arial; font-size:11px;	text-transform:uppercase;
	  display:block; margin-top:0; text-align:center; margin-right:10px !important; cursor: pointer;
	  }
	  	 button.btn_masterBigLoginA:hover{
	  	    background:@HbuttonFaceColor;
	  		  color: @HbuttonFontColor;
	  		  border: 1px solid @HbuttonBorderColor;
	  	 
	  	 }
 button.btn_masterBigLoginS{
	  background:@SbuttonFaceColor; border:1px solid @SbuttonBorderColor; color:@SbuttonFontColor; padding-top:3px !important; padding-bottom:1px !important; padding-left:-25px; padding-right:-3px; 
	  font-family: Arial; font-size:11px;	text-transform:uppercase;
	  display:block; margin-top:0; text-align:center; margin-right:10px !important; cursor: pointer;
	  }
	  	 button.btn_masterBigLoginS:hover{
	  	    background:@HbuttonFaceColor;
	  		  color: @HbuttonFontColor;
	  		  border: 1px solid @HbuttonBorderColor;
	  	 
	  	 }
button.btn_masterSkin {
	background: @SbuttonFaceColor;
	color: @SbuttonFontColor;
	border: 1px solid @SbuttonBorderColor;
	padding: 2px 0;
	font-family:arial;
	font-size: 11px;
	text-transform: uppercase;
	display: block;
	margin-top: 0;
	text-align: center;
	margin-left: 15px;
	margin-right: 10px;
	cursor: hand;
}

button.btn_masterSkin:hover {
	background: @HbuttonFaceColor;
	border: 1px solid @HbuttonBorderColor;
	color: @HbuttonFontColor !important;
	padding: 2px 0;
	font-family: arial ;
	font-size: 11px;
	text-transform: uppercase;
	display: block;
	margin-top: 0;
	text-align: center;
	margin-left: 15px;
	margin-right: 10px;
	cursor: hand;
}
	  	 
	 button.btn_masterBigLoginS	 .ui-button-text {
	  font-family: Arial; font-size:11px;	text-transform:uppercase; text-align:center; text-indent: 0px;
	 }
	
	  	 .toplinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #777777;
	color: #fff;
	border-bottom: 2px solid #c3c3c3;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.toplinks a,.toplinks a :visited {
	color: #FFF;
}

.small {
	font-size: 10px;
	line-height: 12px;
	color: #006;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	top: -10px
}
.ImagLOgin{
	background-image: @LogoLoginImage !important; background-repeat:no-repeat; background-position:center;
	width: 450px;
	height: 170px;
	margin-top: 0px !important; margin-left: 0px;
}

	  	  /************** Skin 1 *********************/
.dd {
	/*display:inline-block !important;*/
	text-align:left;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;
	margin-top:10px;
}
.dd .ddTitle {
	background:#f2f2f2;
	border:1px solid #c3c3c3;
	padding:3px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:16px;
	display:none !important;
}
.dd .ddTitle span.arrow {
	background:url(dd_arrow.gif) no-repeat 0 0; float:right; display:inline-block;width:16px; height:16px; cursor:pointer; 
}

.dd .ddTitle span.ddTitleText {text-indent:1px; overflow:auto; line-height:16px; width: 150px;}
.dd .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0}
.dd .ddTitle img.selected {
	padding:0 3px 0 0;
	vertical-align:top;
}
.dd .ddChild {
	/*position:absolute;*/
	border:1px solid @inputBorderColor;
	display:block !important;
	margin-top:0px;
	margin-left:-21px;
	margin-right:10px;
	width:494px !important;
	height:226px !important;
	overflow-y:auto;
	overflow-x:hidden !important;
	background-color:#fff;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
	display:block !important;
	padding:10px 16px 6px 3px;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	padding-left: 60px !important;
	background-image: url("./images/certificate_4.png"); background-repeat: no-repeat; background-position: 10px 8px;
	font-family: tahoma, Times New Roman, Times, serif; font-size:11px;

}
.dd .ddChild a:hover {
	background-color: #FFF2B7;
}
.dd .ddChild a img {
	border:0;
	margin-top:-5px;
	vertical-align:bottom !important;
	float: left;
	padding-right:10px;
	display: none !important;
}
.dd .ddChild a.selected {
		background-color: @SbuttonFaceColorLogin;
		color: #fff !important;
}
.hidden {display:block;}

.dd .borderTop{border-top:1px solid #c3c3c3 !important;}
.dd .noBorderTop{border-top:none 0  !important}

/************** Skin 2 *********************/
.dd2 {
	/*display:inline-block !important;*/
	text-align:left;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
}


.dd2 .ddTitle {
	background:transparent url(../images/msDropDown.gif) no-repeat;
	padding:0 3px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:36px;
}
.dd2 .ddTitle span.arrow {
	background:transparent url(../images/icon-arrow.gif) no-repeat 0 0; float:right; display:inline-block;width:27px; height:27px; cursor:pointer; top:5px; position:relative; right:2px;
}

.dd2 .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; margin-top:15px; line-height:33px; font-family: Arial, verdana, serif; font-size:16px; font-weight:bold; color:#fff;}
.dd2 .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0;}
.dd2 .ddTitle img.selected {
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd2 .ddChild {
	position:absolute;
	border:1px solid #c3c3c3;
	border-top:none;
	display:block;
	margin:0;
	width:auto;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#ffffff;
	font-size:14px;
}
.dd2 .ddChild .opta a, .dd2 .ddChild .opta a:visited {padding-left:10px}
.dd2 .ddChild a {
	display:block;
	padding:3px 0 3px 3px;
	text-decoration:none;
	color:#005E9E;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	font-size: 10px !important;
}
.dd2 .ddChild a:hover {
	background-color:#66CCFF;
}
.dd2 .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
	display: none !important;
}
.dd2 .ddChild a.selected {
	background-color:#66CCFF;	
}

.dd2 .borderTop{border-top:1px solid #c3c3c3  !important;}
.dd2 .noBorderTop{border-top:none 0  !important}

/************* use sprite *****************/
.dd .ddChild a.sprite, .dd .ddChild a.sprite:visited {
	background-image:url(../icons/sprite.gif);
	background-repeat:no-repeat;
	padding-left:24px;
}

.dd .ddChild a.calendar, .dd .ddChild a.calendar:visited {
	background-position:0 -404px;
}
.dd .ddChild a.shoppingcart, .dd .ddChild a.shoppingcart:visited {
	background-position:0 -330px;
}
.dd .ddChild a.cd, .dd .ddChild a.cd:visited {
	background-position:0 -439px;
}
.dd .ddChild a.email, .dd .ddChild a.email:visited {
	background-position:0 -256px;
}
.dd .ddChild a.faq, .dd .ddChild a.faq:visited {
	background-position:0 -183px;
}
.dd .ddChild a.games,
.dd .ddChild a.games:visited {
	background-position:0 -365px;
}
.dd .ddChild a.music, .dd .ddChild a.music:visited {
	background-position:0 -146px;
}
.dd .ddChild a.phone, .dd .ddChild a.phone:visited {
	background-position:0 -109px;
}
.dd .ddChild a.graph, .dd .ddChild a.graph:visited {
	background-position:0 -73px;
}
.dd .ddChild a.secured, .dd .ddChild a.secured:visited {
	background-position:0 -37px;
}
.dd .ddChild a.video, .dd .ddChild a.video:visited {
	background-position:0 0;
}
.blockUI .blockOverlay{
cursor:default !important; 

}

.blockMsg, .blockUI  {
    width:  40%;
    top:    30%;
    left:   35%;
    text-align: center;
    background-color: #fff;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 0;
    margin:0;
    color: #000;
}

.growlUI {
	width:350px;
	top:10px;
	right:10px;
	border:none;
	padding:5px;
	opacity:0.6;
	cursor:default;
	color: #fff;
	backgroundColor: #000;
}

.ui-growl {
	position:fixed;
	top:20% !important;
	right:50% !important;
	left:42% !important;
	margin:0 auto !important;
	width:301px;
	z-index:9999;
	color:#000;

}
.ui-growl-item-container {
	position:relative;
	margin:0 0 0 0;
   background-color:#fff;
}

.ui-growl-item p {
	padding:0;
	margin:0;
}
.ui-growl-title {
	font-weight:bold;
	padding:0 0 7px 0;
	display:block;
	padding-top: 12px;
}

.ui-growl-message {
	padding:0 0 5px 0;
	width:205px;
	float:right;
}

.ui-growl-message .ui-growl-error{
		color: #9F6000;
		
}


.footer {
	position:relative;
	bottom:0;
	width:100%;
	position:absolute;
	bottom:0 !important;
margin:0 auto;
z-index: 0;
	
}
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #002040;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;

}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px rgb(7, 57, 87), 0 0 5px rgb(0, 193, 252);
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  z-index: 100;
  color:transparent;
  width:40px;
  height:40px;
  position:absolute;
  top:100%;
  left:50%;
  margin-top:-20px;
  margin-left:-20px; 
}



#nprogress .spinner-icon {
  height: 40px;
  width: 40px;
 
 
  -webkit-animation: rotation .6s infinite linear;
  -moz-animation: rotation .6s infinite linear;
  -o-animation: rotation .6s infinite linear;
  animation: rotation .6s infinite linear;
  border-left: 6px solid rgba(0, 174, 239, 0.15);
  border-right: 6px solid rgba(0, 174, 239, 0.15);
  border-bottom: 6px solid rgba(0, 174, 239, 0.15);
  border-top: 6px solid @colorDialog;
  border-radius: 100%;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
}
  to {
    transform: rotate(359deg);
}
}