/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    /*background-color: #5c87b2;*/
    font-size: 75%;
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /*color: #696969;*/
}

header, footer, nav, section 
{
    display: block;
}

.canvas {
    top: 25%;
    left: 47.5%;
    position: relative;
}

.loading {
    display: none;
    height: 100%;
    width: 100%;
    border: 1px solid #777;
    position: fixed;
    top: 0;
    background-color: #000000;
    background-color: rgba(0,0,0,0.5);
    z-index: 99999
}

.icon-tab {
    margin-right: 0 !important;
    margin-left: 5px !important;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

/*.error {
    border-color: rgb(255, 153, 153)!important;
}*/

/*.error:hover {
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    box-shadow: red 0 0 3px;
}*/

/*escode mensagens de validacao para serem substituidos por qtip*/
/*span.k-tooltip { 
    visibility: hidden !important;
    position: absolute !important;
    font-size: 0;
    left: 0 !important;
    top: 0 !important;
}*/

[id*="frmCadastro"] .k-block {
    padding: 10px 10px 0 10px;
}

[id*="frmCadastro"] .row {
    margin-bottom: 10px;
}

[id*="frmCadastro"] .k-textbox {
    width: 100%
}

[id*="frmCadastro"] .k-combobox {
    width: 100%
}

[id*="frmCadastro"] .k-dropdown {
    width: 100%;
}

[id*="frmCadastro"] .k-datepicker {
    width: 100%;
    padding: 0;
}

[id*="frmCadastro"] label {
    display: block;
    margin-bottom: 3px;
    margin-left: 3px;
}

.k-tabstrip .k-block {
    margin-top: 7px;
    margin-bottom: 7px;
}

.k-grid-toolbar .k-grid-add {
    float: right;
}


/*Style de validação Kendo*/
/* Workarround para a borda que aparece em volta do componente kendoo*/
.k-dropdown , .k-autocomplete , .k-combobox
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* Override das classes do tooltip de validação, para utilizar a seta correta e posição absoluta*/

div .k-widget.k-tooltip-validation {
	position: absolute;
	left: 100%;
    top: 100%;
    white-space: nowrap;
    margin-left: -23px;
}
li .k-widget.k-tooltip-validation {
	position: absolute;
	left: 80%;
    top: 100%;
    white-space: nowrap;
}

/* Os elementos que contém o tooltip de validação precisam ser posicionados!! */
form div, form li {
     position: relative;
}
.k-widget.k-tooltip-validation:after, .k-widget.k-tooltip-validation:before {
	bottom: 100%;
	border: solid transparent; 
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.k-widget.k-tooltip-validation:after {
    border-color: rgba(240, 184, 15, 0);
	border-bottom-color:inherit;
	border-width: 5px;
	left: 10px;
	margin-left: -5px;
}

.k-widget.k-tooltip-validation:before {
        border-color: rgba(240, 184, 15, 0);
        border-bottom-color: inherit;
        border-width: 6px;
        left: 10px;
        margin-left: -6px;
}
/*Impedir de o modal cortar a tooltip..*/
    div.k-window-content {
    overflow: visible;
}