@CHARSET "UTF-8";

/******************************
 * Menu Lateral
 *******************************/
#menu_sub_wrapper{
	background-color: #4977BC;
}
#menu_wrapper{
	background: #0868ea url(../../../images/temas/tagplus/logo_menu.png) 0px 2px no-repeat;
}
#menu li a#menu_inicio:hover,
#menu li a:hover,
#menu a:hover span.label,
#menu li:hover .menu_icon, .menu_icon_api{
	color: #3e68e8;
}

#menu_modal li.item a:hover{
}
#menu_modal li.item a.selected,
#menu_modal li.item em.submenu_link:hover{
	background-color: #3e68e8;
}
#menu_modal a.returnFalse{
	color: #3e68e8;
	border-color: #3e68e8;
}

#menu li a#menu_modal_trigger{
	background-color: #FFA500;
}
#menu li a#menu_modal_trigger:hover{
	background-color: #FFB92D !important;
}
#menu_modal li.item > a:not(.selected):hover *{
	color: #3e68e8;
}
#menu_sub li.item > a:hover *{
	color: #FFCB50;
}
	#filtro input{
	    border-color: #3e68e8;
	    color: #3e68e8;
	}
	#filtro:before{
		background-color: #3e68e8;
	}

	#menu #loja_app .menu_icon{
		color: #FFA500;
	}
	#menu #loja_app:hover *{
		color: #3e68e8;
	}
	#menu #loja_app{
		background-color: #fff9e6;
	}
	
	#menu #menu_vender{
		border-bottom-color: #f1f1f1 !important;
	}

/******************************
 * Menu Cabeçalho
 *******************************/
#top_menu_modal{
	background-color: #426BAA;
}
	#top_menu_alertas > span.link a:hover,
	.top_menu a:hover:not(.returnFalse) *:not(.shortcut){
		color: #FFCB50 !important;
	}
	#top_menu_modal a:hover:not(.returnFalse) * {
	    color: rgba(255,255,255,0.4);
	}

	#top_menu_alertas .wrapper > span.alerta_msg.alerta{
		background-color: #253C5F;
	}
	#top_menu_alertas .wrapper > span.alerta_msg *{
	    color: #FFCB50;
	}
.mochaTitlebar, #top_menu_modal, #top_menu_suporte .system_code, #top_menu_alertas.empty > span, #top_menu_alertas.empty > span a, #top_menu_alertas.empty > span a:hover, #top_menu_alertas.empty > span:hover{
		background: #3e68e8;
}
.panel-header{
	background: #3e68e8;
    background: -webkit-gradient(linear, left top, right top, from(#006df0), color-stop(80%, #53279a));
    background: -webkit-linear-gradient(left, #006df0 0%, #53279a 80%);
    background: -o-linear-gradient(left, #006df0 0%, #53279a 80%);
    background: linear-gradient(90deg, #006df0 0%, #53279a 80%);
}
#desktopTitlebarWrapper {
	background: transparent;
}

.top_menu{
  	background-color: #3e68e8;
}

/******************************
 * Loader
 *******************************/
  #loader .loader-text{
  	background-color: #FFF !important;
  }
  #loader .loader-text span{
  	color: #4977BC  !important;
  	background-image: url(../../../images/temas/tagplus/spinner.gif)  !important;
  	padding-left: 30px;
  	background-position: 0 -2px !important;
  }

/******************************
 * Listagens
 *******************************/
 .uploader .thumbs.loading,
 .omnigrid .elementloader{
	background-image: url(../../../images/temas/tagplus/loader.gif) !important;
}

.uploader .thumbs.list > div span.progress span{
	background: #4977BC !important;
}
.uploader .thumbs.list > div span.progress i{
  	background-image: url(../../../images/temas/tagplus/spinner.gif) !important;
}


/******************************
 * Painel principal - Dashboard
 *******************************/
#abas li.tab_sel_ativa a span{
	color:  #4473B7 !important;
}
.tab_box .tab_selector .tab_sel_ativa span{
	border-left: 2px solid #4473B7 !important;
}
.tab_box.vertical .tab_selector li.tab_sel_ativa span{
	color: #4473B7;
}
#barra_topo #dashboard_links a i{
	color: #FFA500;
}
#barra_topo #dashboard_links a:hover{
	background-color: #FFA500;
}
#barra_topo #dashboard_links a:hover i{
	color: #FFF;
}


/******************************
 * ToolTips
 ******************************/
 .bt-wrapper b {
 	color: #31659E;
 }
 .bt-wrapper i {
 	color: #4D5F89;
 }

/******************************
 * Abas em Formulários
 *******************************/
.tab_selector li.tab_sel_ativa{
	border-top-color: #3C69AD !important;
}
.tab_box .tab_selector .tab_sel_ativa span,
.tab_selector li span{
 	color: #3C69AD;
}

.tab_box.vertical .tab_selector .tab_sel_ativa span{
 	color: #3C69AD;
}

/******************************
 * Campos de Formulários
 *******************************/
.form input:focus,
.form select:focus,
.form textarea:focus							{ border-color: #FFF; box-shadow: 0px 0px 0px 1px #4083E8; }

.multisuggest_item{
	background-color: #D4E3F7 !important;
}
.multisuggest_item:hover{
	background-color: #F7E1E1 !important;
}
.multisuggest_item:hover:after{
	background-image: url(../../../images/jqueryui/ui-icons_cd0a0a_256x240.png);
}


/******************************
 * Sexy Alerts
 *******************************/
#filter .button:active,
#filter .button:focus:not([disabled]),
.form_actions input:active,
.form_actions input:focus:not([disabled]),
input.action_menu_trigger:active,
input.action_menu_trigger:focus:not([disabled]),
#SexyAlertBox-Buttons input:active,
#SexyAlertBox-Buttons input:focus{
	border-color: #4083E8 !important;
}


/******************************
 * Títulos em Formulários
 *******************************/
 #titulo{
 	color:			#3C69AD;
 }

/******************************
 * DatePicker
 *******************************/
 table.jCalendar th{
 	color:			#3C69AD !important;
 }
 table.jCalendar td.dp-hover:not(.disabled){
	background-color:	#92B4E8 !important;
	color:				#FFF !important;
 }
 table.jCalendar td.selected:not(.disabled){
	background-color:	#3C69AD !important;
	color:				#FFF !important;
 }
 table.jCalendar td.today:not(.disabled){
	color:				#3C69AD !important;
 }
 table.jCalendar td.today.dp-hover:not(.disabled),
 table.jCalendar td.today.selected:not(.disabled)
 {
 	color: 				#FFF !important;
 	background-color: 	#3C69AD !important;
 }
 .calendarRange_itens span.selected{
 	background-color: 	#3C69AD !important;
 }
 .calendarRange_filtro .input input.visible{
 	border-color: #4083E8 !important;
 	box-shadow: none !important;
 }
 .calendarRange_actions input.calendarRange_apply.button{
 	background-color: 	#3C69AD !important;
 	border-color: 		#2c599d !important;
 	color: 				#FFF !important;
 }

/******************************
 * Ancoras
 *******************************/
#ancora .caixa{
	background-color: 	#0D92A8;
}
#ancora .caixa:hover{
	background-color: 	#4977BC !important;
}


/******************************
 * Tela Boas Vindas (WELCOME)
 *******************************/
/* CSS Document */
.welcome{
	/* background-repeat:no-repeat;
	background-image:url(../../../images/temas/tagplus/bg.jpg);
	background-position:top;
	background-size:cover; */
	background-color:#e3e3e3;
}

/* TITULO--------------------------------------- */
.title{
	width:550px;
	padding:0px 20px 20px 0px;
	margin:auto;
	display:block;
	overflow:hidden;
	}
.title span{
	float:left;
	font-weight: 600;
	color: #285dae;
	font-size:40px;
	font-family: 'Droid Sans', sans-serif;
	}
	
/* ICONE------------------------------- */
.img-cont{
	width:53px;
	padding-right:15px;
}

/* CONTAINER--------------------------------------- */
.container{
	width:550px;
	height:589px;
	padding:20px 25px;
	background-color:#fff;
	overflow:hidden;
	border-radius:5px;
	border:3px solid #fff;
	margin:auto;	
}

.alert{
	color:#285dae;	
}
.box{
	display:block;
	min-height: 200px;
	margin-bottom:30px;
	font-family: 'Droid Sans', sans-serif;
	font-size:15px;
	color:#878787;
}

/* LINKS TRANSFORMADOS EM BOTOES------------------------------- */
/* Comentado por causa de um botão branco no contas a pagar e receber (Gerar toda as parcelas)
.btn{
	display:inline-block;
	padding:14px 35px;;
	color:#000000;
	text-decoration:none;
	border-radius:5px;
	font-weight: bold;
	font-family: 'Droid Sans', sans-serif;
	font-size:15px;
} */
/* botão para acessar o sistema */
.btn-acess{
	background-color:#285dae;
	padding: 14px 35px !important;
    float: left;
    color: #fff !important;

}
.btn-acess:hover{
	background-color:#3872cb;
}
/* botão de continuar */
.btn-next{
	background-color: #f29d00;
	background-image: url(../../../images/temas/tagplus/arrow.png);
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	padding: 14px 50px 14px 35px !important;
	color: #FFF !important;
}
.btn-next:hover{
	background-color:#F8AB1E;
}

#comecar_usar{
	font-size: 14px;
	margin: auto !important;
	color: #FFF !important;
}

.botoes{
	margin-top: 30px;
	min-height: 100px;
	border-top: solid 1px #d9d9d9;
	padding-top: 20px !important;
	position:absolute;
	bottom:0;
	width: 550px;
}

/******************************
 * Infos Suporte
 *******************************/
fieldset.sys-info,
fieldset.sys-info *:not(.light){
	color: #2b4f86 !important;
}
fieldset.sys-info:before {
	background: #2b4f86 url(../../../images/temas/tagplus/logo_menu.png) left 22px no-repeat !important;
}

.modal2 {
	border-top: 0;
}
.modal2.mocha.isFocused .mochaTitlebar h3 {
	color: #FFF;
}