.cal-item {
  width: 100px;
  float:left;
  display: inline-block;
}

/* Tooltip container */
.ttip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.ttip .ttiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.ttip .ttiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.ttip:hover .ttiptext {
  visibility: visible;
  opacity: 1;
}

.multiCheckDropDownLabel {
  height: 16px !important;
  margin: 1px 0px 0px 0px !important;
  border: solid 1px gray !important;
  padding: 0px 3px 5px 5px !important;
}
/*.multiCheckDropDownLabel {
  height: 19px !important;
  margin: unset !important;
  border: solid 1px gray;
  left: 248px !important;
}*/

/***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;
}

.IconeDetalhes {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADoSURBVBgZBcExblNBGAbA2ceegTRBuIKOgiihSZNTcC5LUHAihNJR0kGKCDcYJY6D3/77MdOinTvzAgCw8ysThIvn/VojIyMjIyPP+bS1sUQIV2s95pBDDvmbP/mdkft83tpYguZq5Jh/OeaYh+yzy8hTHvNlaxNNczm+la9OTlar1UdA/+C2A4trRCnD3jS8BB1obq2Gk6GU6QbQAS4BUaYSQAf4bhhKKTFdAzrAOwAxEUAH+KEM01SY3gM6wBsEAQB0gJ+maZoC3gI6iPYaAIBJsiRmHU0AALOeFC3aK2cWAACUXe7+AwO0lc9eTHYTAAAAAElFTkSuQmCC") 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;
}

.HorarioTitle {
  font-weight: bold;
  font-size: 8pt;
  color: #ffffff;
  background: #4d4948;
  vertical-align: middle;
  text-align: center;
}

.HorarioItem {
  text-align: center;
  FONT-FAMILY: verdana,helvetica,arial;
  font-size: 8pt;
  BACKGROUND-COLOR: #eee;
  FONT-WEIGHT: bold;
}

.HorarioBackGround {
  FONT-FAMILY: verdana,helvetica,arial;
  font-size: xx-small;
  BACKGROUND-COLOR: #fff;
}

.HorarioRangeHeader {
  font-weight: bold;
  font-size: 8pt;
  color: #ffffff;
  background: #4d4948;
  vertical-align: middle;
  text-align: center;
}

/* Custom Collapsible */

.collapsible.open:after {
  content: " ";
  background: url('/EventBase/Content/img/chevron-up-arrow.svg');
  margin-left: -26px;
  margin-top: -42px;
  background-size: cover;
  position: absolute;
  width: 20px;
  height: 20px;
}

.collapsible.closed:after {
  content: " ";
  background: url('/EventBase/Content/img/chevron-down-arrow.svg');
  margin-left: -26px;
  margin-top: -42px;
  background-size: cover;
  position: absolute;
  width: 20px;
  height: 20px;
}

.collapsible {
  cursor: pointer;
  border: none;
  outline: none;
  padding-left: 20px;
}

  .active, .collapsible:hover {
  }

.collapsible-content {
  display: none;
  overflow: hidden;
  margin-bottom: 30px;
}