﻿
/***EventBase Button***/
.EventButton {
    cursor: pointer; /*forces the cursor to change to a hand when the button is hovered*/
    padding: 2px 25px; /*add some padding to the inside of the button*/
    background: #EBEBEB; /*the colour of the button*/
    border: 1px solid #d9d6d6; /*required or the default border for the browser will appear*/
    /*give the button curved corners, alter the size as required*/
    border-radius: 0;
    /*give the button a drop shadow*/
    /*box-shadow: 0 0 4px rgb(190, 190, 190);*/
    /*style the text*/
    color: black;
    font-size: small;
}

.EventButtonSelector {
    cursor: pointer; /*forces the cursor to change to a hand when the button is hovered*/
    padding: 2px 25px; /*add some padding to the inside of the button*/
    background: #EBEBEB; /*the colour of the button*/
    border: 1px solid #d9d6d6; /*required or the default border for the browser will appear*/
    /*give the button curved corners, alter the size as required*/
    border-radius: 0;
    /*give the button a drop shadow*/
    /*box-shadow: 0 0 4px rgb(190, 190, 190);*/
    /*style the text*/
    color: black;
    font-size: small;
}

input, select, textarea {
    border: 1px solid #d9d6d6;
    border-radius: 0;
    box-shadow: none;
    padding-bottom: 3px;
    padding-top: 2px;
}

.Huge.EventButton {
    width: 200px;
    height: 50px;
}

.Large.EventButton {
    width: 140px;
}

.Small.EventButton {
    width: 100px;
}

/***HOVER AND FOCUS STATES***/
input.EventButtonSelector:hover {
    background-color: #d9d6d6; /*make the background a little darker*/
}

input.EventButtonSelector:focus {
    /*reduce the drop shadow size to give a pushed button effect*/
    box-shadow: 0 0 1px rgba(0,0,0, .75);
}

input.EventButtonSelector:active {
    background-color: lawngreen;
}

/***HOVER AND FOCUS STATES***/
input.EventButton:hover {
    background-color: #d9d6d6; /*make the background a little darker*/
}

input.EventButton:focus {
    /*reduce the drop shadow size to give a pushed button effect*/
    box-shadow: 0 0 1px rgba(0,0,0, .75);
}
/***EventBase ComboBox***/
.EventComboBox {
    box-shadow: 0 0 0 rgb(190, 190, 190);
    padding: 3px;
    margin: 0;
    background: white;
    border: 1px solid #d9d6d6;
    cursor: pointer;
    height: 28px;
}

.EventInput {
    box-shadow: 0 0 0 rgb(190, 190, 190);
    padding: 3px;
    margin: 0;
    background: white;
    border: 1px solid #a1a1a1;
    width: 268px;
    height: 28px;
    font-size: medium;
}


form fieldset div > .Servicos {
    text-align: right!important;
    width: 20vw!important;
    margin-right: 15px!important;
    line-height: 1.7em!important;
    display: inline-block!important;
}

.ImportantRed {
    color: red !important;
    vertical-align: top;
    margin-left: -15px;
    padding-right: 6px;
}

.ImportantRedWithoutPadding {
    color: red !important;
    vertical-align: top;
    margin-left: -8px;
    padding-right: 8px;
}

.IconeImpressora {
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAC30lEQVR42qVTa0hTcRQ/d7vr7pGrMd0mznTTTcJHuaFGGugwVxr0WEofiqCkoASDQKOago+E/GAQQX2YmbaVKIWo9PTVxIxyWBGjIs3pdC7bXNu0u+1u3d2ix4f2oQ78OP/D+Z/z/53HH4H/FOR3I31PDcbmJ0glSXKZdINAlhzLSWzvm2gcbtlti5hAoG6Kuaw9PLYlhScRrsdogSCAnwDASXQa569XFouPRkwQnXcKPVdVaTykSsgJB+GBX7A68NXGS+3iMd1xZ8QS0o71qK5W7XjMwhjUyz7iB4uvq/DK2Gdxz03ewjCM73Z/wbu6us9aLBb3Hwmq61rUm/M1/ShKpy1a3oN99jtc9jnKL02SQnn5EWCz2dDR0TFUX9+w3eVyBREul4tkZmYWaTT7GuRyufLJiBFsNhvQURRQOp3SdFLTaDTIy8sFtboIcBwnz9t2ms3mBwifz994737/G6FABAwGA4LBILS13QCHwwGhUIiyiQABAYIAGoJATa0WAoEAVFefadHr9acRkUiU3dt/dzxenABrOVEUXZPJBK26NupiGB6PB5hMDFLTUqG0rBTs+CLorrQa9Dr9QUQsFhfoDe0DaxgYyGRyKsDrXYHmi80Uo0RJIkU9zCbsI+sG/VInLHRbe4Z6B/cicXFxhVrt+YcioRCSkpMpBn6/n4SPrNUHU1PTYHe6wb1KgB9hwWeXB6Jpnwj9TUMFOYlrCIfDiVepVK93lZRww50ON8y17IJHg8PgYctAkpIBAmEsAMqBeacPsmTrQBhFwIvB7tG62ppiaow8Hi9foVAYlEqliMwKVqvVub9UAxlbC3k2vwg2SXhwe2QGJDFMKMslm40CmD8uBS80NmX/3ANyScQCgeCA0+mc8Hq9JnLegpMVJ+4UFBalLq5wAjlZCtSxMDVvMk2OPh1/NvBy4vkwxmR9QCCCkOVwWSx2FkGEpiXydI572fFuduYt/tff+C/yDYLjOHeAoPebAAAAAElFTkSuQmCC') /*../img/printer16x16.png*/ no-repeat scroll left center;
    padding: 3px 0 3px 19px;
    display: inline-block;
}

.IconeEmail {
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAITSURBVBgZpcHLThNhGIDh9/vn7/RApwc5VCmFWBPi1mvwAlx7BW69Afeu3bozcSE7E02ILjCRhRrds8AEbKVS2gIdSjvTmf+TYqLu+zyiqszDMCf75PnnnVwhuNcLpwsXk8Q4BYeSOsWpkqrinJI6JXVK6lSRdDq9PO+19vb37XK13Hj0YLMUTVVyWY//Cf8IVwQEGEeJN47S1YdPo4npDpNmnDh5udOh1YsZRcph39EaONpnjs65oxsqvZEyTaHdj3n2psPpKDLBcuOOGUWpZDOG+q0S7751ObuYUisJGQ98T/Ct4Fuo5IX+MGZr95jKjRKLlSxXxFxOEmaaN4us1Upsf+1yGk5ZKhp8C74H5ZwwCGO2drssLZZo1ouIcs2MJikz1oPmapHlaoFXH1oMwphyTghyQj+MefG+RblcoLlaJG/5y4zGCTMikEwTctaxXq/w9kuXdm9Cuzfh9acujXqFwE8xmuBb/hCwl1GKAnGccDwIadQCfD9DZ5Dj494QA2w2qtQW84wmMZ1eyFI1QBVQwV5GiaZOpdsPaSwH5HMZULi9UmB9pYAAouBQbMHHrgQcnQwZV/KgTu1o8PMgipONu2t5KeaNiEkxgAiICDMCCFeEK5aNauAOfoXx8KR9ZOOLk8P7j7er2WBhwWY9sdbDeIJnwBjBWBBAhGsCmiZxPD4/7Z98b/0QVWUehjkZ5vQb/Un5e/DIsVsAAAAASUVORK5CYII=') /*../img/email.png*/ no-repeat scroll left center;
    padding: 3px 0 3px 19px;
    display: inline-block;
}

.Small.EventInput {
    height: auto;
}

.FieldSet.EventLabel {
    margin-right: 15px;
    vertical-align: top;
}

.Req.EventLabel {
    /* margin-right: 6px; */
}

.Login.EventLabel {
    font-size: 14px;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
}

.fullTransparentDIV {
    opacity: 0.78;
    display: none;
    z-index: 1;
    visibility: visible;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: white;
    background-image: none;
}

.WithoutMarginLabel {
    width: auto !important;
}

#menuLateral {
    float: right;
    margin: 0;
    position: relative;
    width: 250px;
    padding: 8px;
    display: inline-block;
}

@media screen and (-webkit-min-device-pixel-ratio:0.1) {
    #menuLateral {
        float: none;
    }
}

.Teste {
    height: 90%;
}

form fieldset div label em {
  color: red !important;
}

.progressBar {
  display: block;
  width: 250px;
  padding: 2px 5px;
  margin: 2px 0;
  border: 1px inset #446;
  border-radius: 5px;
  font-size: 8px;
  background: #eee url("../img/progress.png") 100% 0 repeat-y;
}

.progressSuccess {
  background: #0c0 none 0 0 no-repeat;
}

.progressFailed {
  background: #c00 none 0 0 no-repeat;
}