containing the day names */
background: #E0E0E0;
}
.calendar thead .name { /* Cells | containing the day names */
border-bottom: 1px solid #556;
padding: 2px;
text-align: center;
color: #000000;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
color: #FFFFFF;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
background: #3C5462;
color: #FFF;
border: 1px solid #3C5462;
padding: 1px;
}
.calendar thead .active { /* Active (pressed) buttons in header */
background: #77c;
padding: 2px 0px 0px 2px;
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells | containing month days dates */
width: 2em;
color: #456;
text-align: right;
padding: 2px 4px 2px 2px;
}
.calendar tbody .hilite { /* Hovered cells | */
background: #DEE7EB;
padding: 1px 3px 1px 1px;
border: 1px solid #bbb;
}
.calendar tbody .active { /* Active (pressed) cells | */
background: #cde;
padding: 2px 2px 0px 2px;
}
.calendar tbody .selected { /* Cell showing today date */
font-weight: bold;
border: 1px solid #000;
padding: 1px 3px 1px 1px;
background: #fff;
color: #000;
}
.calendar tbody .weekend { /* Cells showing weekend days */
color: #a66;
}
.calendar tbody .today { /* Cell showing selected date */
font-weight: bold;
color: #000;
}
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
visibility: hidden;
}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The |
in footer (only one right now) */
text-align: center;
background: #D6DEEC;
color: #fff;
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell | */
background: #D6DEEC;
color: #445;
border-top: 1px solid #556;
padding: 1px;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
background: #aaf;
border: 1px solid #04f;
color: #000;
padding: 1px;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
background: #77c;
padding: 2px 0px 0px 2px;
}
/* Combo boxes (menus that display months/years for direct selection) */
.combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
cursor: default;
border: 1px solid #655;
background: #D6DEEC;
color: #000;
font-size: smaller;
}
.combo .label {
width: 100%;
text-align: center;
}
.combo .hilite {
background: #D6DEEC;
}
/* Calend�rio *****************************************************************************************************/
#frmCal td {
font-size: small;
font-weight: normal;
vertical-align: top;
color: #666666;
}
#frmCal td .calendario-dia {
color: #999999;
font-size: large;
padding: 5px;
font-weight: bold;
}
#frmCal td .hoje {
color: darkorange;
}
#frmCal td ul {
padding-left: 5px;
list-style: none;
min-height: 70px;
}
#frmCal td li, #frmCal td li a {
border-top: 1px dotted #D0D0D0;
padding: 2px 0 2px 0;
font-size: x-small !important;
}
/* MultiSelect */
.ms-container{
background: transparent url('../img/switch.png') no-repeat 50% 50%;
width: 370px;
}
.ms-container:after{
content: ".";
display: block;
height: 0;
line-height: 0;
font-size: 0;
clear: both;
min-height: 0;
visibility: hidden;
}
.ms-container .ms-selectable, .ms-container .ms-selection{
background: #fff;
color: #555555;
float: left;
width: 45%;
}
.ms-container .ms-selection{
float: right;
}
.ms-container .ms-list{
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
height: 200px;
padding: 0;
overflow-y: auto;
}
.ms-container .ms-list.ms-focus{
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
outline: 0;
outline: thin dotted \9;
}
.ms-container ul{
margin: 0;
list-style-type: none;
padding: 0;
}
.ms-container .ms-optgroup-container{
width: 100%;
}
.ms-container .ms-optgroup-label{
margin: 0;
padding: 5px 0px 0px 5px;
cursor: pointer;
color: #999;
}
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{
border-bottom: 1px #eee solid;
padding: 2px 10px;
color: #555;
font-size: 14px;
}
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
cursor: pointer;
color: #fff;
text-decoration: none;
background-color: #08c;
}
.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled{
background-color: #eee;
color: #aaa;
cursor: text;
}
select[readonly] {
background: #eee; /*Simular campo inativo - Sugest�o @GabrielRodrigues*/
pointer-events: none;
touch-action: none;
}
.dropbtn {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 2px 2px 12px 2px;
text-decoration: none;
display: block;
}
.dropdown-content span {
padding: 2px 2px;
display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background-color: #3e8e41;
}
|