.td-right { text-align: right; padding-right:0; }

.td-left { text-align: left; padding-left:0; padding-bottom:0; padding-top:10px}

.td-center	{ text-align: center; }

.td-top	{ vertical-align: top; }

.td-middle	{ vertical-align: middle; }

.td-bottom	{ vertical-align: bottom; padding-bottom:50px; height:100% }

.center-align	{ text-align: center; }

.center-div	{ margin-left: auto; margin-right: auto; }

.right-div	{ margin-left: auto; margin-right: 0; }

.left-div	{ margin-left: 0; margin-right: auto; }

.center_table { margin: 0 auto; border-collapse: collapse; border-spacing: 0; padding-bottom:0; height:100% }

.xsmall_text { font-size:x-small !important}

html, form, body { height: 100%; width:100%; margin:0; padding:0; font-family:Calibri; }

#home.pageLink {
    color: white; padding-left: 25px;  font-weight:900;}

#helpDesk.pageLink { color:  white; font-weight:900;}


@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}

a {
    color: #2672ec;  text-decoration: none;  background-color: transparent;}

#home::before {
    content: "";
    display: inline-block;
    background: url(../img/LogoSmartStep.png) no-repeat;
    background-size: 100%;
    width: 25px;
    height: 22px;
    vertical-align: middle;
    border: 0;
    margin: 5px 5px 5px 5px;
}

.dropdown-menu.extended li p {
    padding-left: 10px;
    margin: 0;
    color: #666;
    font-style:italic;    
}

.badge.extended {
    color: white;
    background-color:red;
}

.dropdown-menu.extended li {
   width: 235px !important;
}
    

.dropdown-menu.inbox li a .photo img {
    float: left;
    height: 40px;
    width: 40px;
    margin-right: 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.dropdown-menu.inbox li a .subject {
    display: block;
}

.dropdown-menu.inbox li a .subject .from {
    font-size: 12px;
    font-weight: bold;
}

.dropdown-menu.inbox li a .subject .time {
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    right: 5px;
}

.dropdown-menu.inbox li a .message {
    display: block !important;
    font-size: 11px;
}

.fullheight {
    height: 100%;
    width:100%;
    vertical-align:top;
}

.td_LeftBarInner {
    padding : 0 0 0 0; 
    VERTICAL-ALIGN: top;
    OVERFLOW: hidden;
    HEIGHT: 100%;
}

.table_Full{
    height:100%;
    width:100%;
}

.menulogo{
    background:url("../img/LogoSmartStep1.png") no-repeat;
    width: 19px;
    height: 17px;
}
.menulogo:hover{background:url("../img/menu.png");}

#modalMenu {
  top:1%;
  left: 10px; 
  right: auto;
}


/*Footer*/
#footer {
    background: #2c2626;
    bottom: 0; 
    font-size: 12px;
    padding-top: 9px;
    padding-left:10px;
    padding-right:10px;
    position: fixed;
    text-align: right;
    width: 100%;
    z-index: 102;
    height:37px
}

.copyright{
    color: white;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.copyright:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

#send-feedback {
    float: left;
    color: white;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
#send-feedback:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.RadPanelBar .rpText {  
    white-space: nowrap !important;  
}

.td_page_content {
    vertical-align:top;
    width: 100%;
}

.panel-content {
    border:0;
    margin-bottom:0;
}

.panel-body-default {
    overflow:auto;
    height:100%;
}

.panel-body-padding {
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
}

.wideContent1{
    width: 310px;
    height: 85px;
    padding:10px;
        
}

.wideContent2{
    width: 310px;
    height: 105px;
    padding-left:10px;
}

.divTile{
    background-color:black;height:75px;width:120px;padding:5px;border-radius: 5px;opacity: 0.6;font-size:smaller; 
    font-family: Calibri;
}

.font10{
    font-size: 10px;
}

.header_td{
    height:51px;
}

.footer_td{
    height:37px;
}

/*Calendar */
.RadCalendarFastNavPopup,
.RadCalendarMonthView {
    display: none;
    visibility:hidden;
}

.rcTitle {
    text-transform: capitalize;
}

.rcWeek{
    background-color:#f5f5f5;
}

.rcWeek th{
    padding:0 !important;
    margin-left: 1px !important;
    padding-top: .5em !important;
    padding-bottom: .5em !important;
    text-align:center !important;
}

.rcRow td {
    border-style: solid !important;
    padding: 0px  !important;
    text-align: center  !important;
    width:35px !important;
    height:35px !important;
}

.RadCalendar .rcRow a, .RadCalendar .rcRow span
{
    padding:5px !important;
}

.RadCalendar .rcRow th+td, .RadCalendar .rcRow td:first-child{
    padding-left:0px  !important;
}

.rcMainTable{
    height:237px !important;
}

.RadCalendar{
    margin-bottom:3px;
}

.rcFeriado a{
    background:url(../img/feriado10.png) no-repeat top right;
}

.rcPendente a{
    background:url(../img/pendente10.png) no-repeat top right;
}

.rcNivelAutoricao1 a{
    background:url(../img/aprovado1nivel10.png) no-repeat top right;
}

.rcNivelAutoricao2 a{
    background:url(../img/aprovado2nivel10.png) no-repeat top right;
}

.rcNaoAutorizado a{
    background:url(../img/naoautorizado10.png) no-repeat top right;
}

.rcAutorizado a{
    background:url(../img/autorizado10.png) no-repeat top right;
}

.rcRepetido a{
    background:url(../img/repetido10.png) no-repeat top right;
}

.rcIndisponivel a{
    background:url(../img/indisponivel10.png) no-repeat top right;
}
/*Calendar */

/*Menu*/
.RadMenu_Bootstrap{
    z-index:1000 !important;
}

.RadMenu_Bootstrap .rmGroup .rmContent{
    padding:0 5px 0 5px !important;
    margin:0 !important;
}

.RadMenu_Bootstrap .rmGroup .rmContent .RadCalendar{
    margin-bottom:0 !important;
}
/*Menu*/

/*Event tooltip*/
.tooltip-container .RadListBox .rlbDisabled {
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
}

.tooltip-container .innerMultiPage {
        zoom: 1;
        position: absolute;
        top:6px;
        left:47px;
    }
/*Event tooltip*/


.rlvI {
    float: left;
    width: 290px;
    height: 140px;
    margin: 4px;
    font-size: 13px;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    background: #ffffff;
}
 
.rlvI .center {
    padding-left: 20px;
    line-height: 22px;
}
 
.rlvI .center .bold_text {
    font-weight: bold;
}
 
.rlvI .top {
    padding-left: 0;
    margin-top:-5px;
    margin-bottom: 7px;
    line-height: 35px;
    color: #ffffff;
    font-weight: bold;
    background: #94c315;
    border-radius: 4px 4px 0 0;
    text-align:center;
}

.rlvI .alt{
    background: #808080;
}

.clearfix {
    clear: both;
    display: block;
}

.lblPadding{
  padding-left:5px;
  padding-right:5px;
}

.verticaltext {
    transform: rotate(-90deg);
    transform-origin: right, top;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin:right, top;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin:right, top;
    color: #9d9d9d;
    margin-left:1px;
    margin-right:1px;
    width:15px;
    position:relative;
    top:20px;
}

 
.rtbText {
    display: inline-block;
    color:black;
}

.rtbImage {
    display: block;
    margin: 0 auto 2px;
}

.nav-pills>li>a {
    padding : 5px 5px 0 5px;
}

.nav-pills>li>a:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */    
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray; /* IE 6-9 */
}

h6.verticaltext:hover {
    color:white;
}

.divSideBar{
    border-right: 1px solid #337ab7;
}

.panel-heading-container {
    border-top-left-radius: 0; 
    border-top-right-radius: 0;
}


.shadow {
    -moz-box-shadow: 0 5px 8px 2px rgba(254,254,254,.5);
    -webkit-box-shadow: 0 5px 8px 2px rgba(254,254,254,.5);
    box-shadow: 0 5px 8px 2px rgba(254,254,254,.5);
}

.shadow-footer {
    -moz-box-shadow: 0 -5px 8px 2px rgba(254,254,254,.5);
    -webkit-box-shadow: 0 -5px 8px 2px rgba(254,254,254,.5);
    box-shadow: 0 -5px 8px 2px rgba(254,254,254,.5);
}

.leftpadding5{
    padding-left:3px;
}

.div_day {
    padding: 0 !important;
    width: 2.3em !important;
    height: 2.3em !important;
    border: 1px solid transparent !important;
    border-radius: .29em !important;
    color: #333 !important;
    text-align: center !important;

}

.d1
{
    vertical-align:top;
    text-align:left;    
}
.d2
{
    text-align:right;
    font: 7pt Calibri,Tahoma
}
.d3
{
    text-align:left;
    font: 9pt Calibri,Tahoma
}



.body_login {
    background: url(../img/ticket.jpg) no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.lang{
    height:200px;
    text-align:center;
}

.lboxEvent{
    Width:440px;
}

.tipEvent{
    Width:500px; 
}



@media only screen and (min-width : 120px) and (max-width : 480px) {
    .body_login {background: none no-repeat ; background-color:white}
    .lang{height:70px}
    .td-bottom{padding-bottom:0;}
    .pfiltros{display: none;}
    .lboxEvent{Width:240px;}
    .tipEvent{Width:300px}
    .pfiltros{ display: block;}
    .radnotification {width: 300px;}
    .divSideBar{ display:none;height: 100%;}
    #modalMenu {
          top:1%;
          width: 100%; 
          right: auto;
          left:auto;
        }
}

@media only screen and (min-width : 480px) and (max-width : 769px)  {
    .pfiltros{ display: block;}
    .divSideBar{ display:block;height: 100%;}
}

@media only screen and (min-width : 769px) {
    .pfiltros{ display: none;}
    .divSideBar{ display:block;height: 100%;}
    .modal-dialog_menu { width: 515px !important; } 
}

.pad_left{
    padding-left:10px;
}

.pad_right_small{
    padding-right:10px;
    font-size:small;
    padding-left:5px;
}

.headerPanel{
    background-color:#f5f5f5;
}

.pad_balls1{
    padding-left:10px;
    width:100%;
    text-align:left;
}

.pad_balls2{
    padding-right:10px;
    text-align:right;
}


.wrap_text {
    white-space: normal !important;
}

/*ListBox*/
.RadListBox_Bootstrap .rlbImage
{
    margin-left:4px !important;
}
/*ListBox*/

/*Cores Escala*/
.rcCor_AliceBlue { background-color: aliceblue !important; }
.rcCor_LightSalmon { background-color: lightsalmon !important; }
.rcCor_AntiqueWhite { background-color: antiquewhite !important; }
.rcCor_LightSeaGreen { background-color: lightseagreen !important; }
.rcCor_Aqua { background-color: aqua !important; }
.rcCor_LightSkyBlue { background-color: lightskyblue !important; }
.rcCor_Aquamarine { background-color: aquamarine !important; }
.rcCor_LightSlateGray { background-color: lightslategray !important; }
.rcCor_Azure { background-color: azure !important; }
.rcCor_LightSteelBlue { background-color: lightsteelblue !important; }
.rcCor_Beige { background-color: beige !important; }
.rcCor_LightYellow { background-color: lightyellow !important; }
.rcCor_Bisque { background-color: bisque !important; }
.rcCor_Lime { background-color: lime !important; }
.rcCor_Black { background-color: black !important; }
.rcCor_LimeGreen { background-color: limegreen !important; }
.rcCor_BlanchedAlmond { background-color: blanchedalmond !important; }
.rcCor_Linen { background-color: linen !important; }
.rcCor_Blue { background-color: blue !important; }
.rcCor_Magenta { background-color: magenta !important; }
.rcCor_BlueViolet { background-color: blueviolet !important; }
.rcCor_Maroon { background-color: maroon !important; }
.rcCor_Brown { background-color: brown !important; }
.rcCor_MediumAquamarine { background-color: mediumaquamarine !important; }
.rcCor_BurlyWood { background-color: burlywood !important; }
.rcCor_MediumBlue { background-color: mediumblue !important; }
.rcCor_CadetBlue { background-color: cadetblue !important; }
.rcCor_MediumOrchid { background-color: mediumorchid !important; }
.rcCor_Chartreuse { background-color: chartreuse !important; }
.rcCor_MediumPurple { background-color: mediumpurple !important; }
.rcCor_Chocolate { background-color: chocolate !important; }
.rcCor_MediumSeaGreen { background-color: mediumseagreen !important; }
.rcCor_Coral { background-color: coral !important; }
.rcCor_MediumSlateBlue { background-color: mediumslateblue !important; }
.rcCor_CornflowerBlue { background-color: cornflowerblue !important; }
.rcCor_MediumSpringGreen { background-color: mediumspringgreen !important; }
.rcCor_Cornsilk { background-color: cornsilk !important; }
.rcCor_MediumTurquoise { background-color: mediumturquoise !important; }
.rcCor_Crimson { background-color: crimson !important; }
.rcCor_MediumVioletRed { background-color: mediumvioletred !important; }
.rcCor_Cyan { background-color: cyan !important; }
.rcCor_MidnightBlue { background-color: midnightblue !important; }
.rcCor_DarkBlue { background-color: darkblue !important; }
.rcCor_MintCream { background-color: mintcream !important; }
.rcCor_DarkCyan { background-color: darkcyan !important; }
.rcCor_MistyRose { background-color: mistyrose !important; }
.rcCor_DarkGoldenrod { background-color: darkgoldenrod !important; }
.rcCor_Moccasin { background-color: moccasin !important; }
.rcCor_DarkGray { background-color: darkgray !important; }
.rcCor_NavajoWhite { background-color: navajowhite !important; }
.rcCor_DarkGreen { background-color: darkgreen !important; }
.rcCor_Navy { background-color: navy !important; }
.rcCor_DarkKhaki { background-color: darkkhaki !important; }
.rcCor_OldLace { background-color: oldlace !important; }
.rcCor_DarkMagenta { background-color: darkmagenta !important; }
.rcCor_Olive { background-color: olive !important; }
.rcCor_DarkOliveGreen { background-color: darkolivegreen !important; }
.rcCor_OliveDrab { background-color: olivedrab !important; }
.rcCor_DarkOrange { background-color: darkorange !important; }
.rcCor_Orange { background-color: orange !important; }
.rcCor_DarkOrchid { background-color: darkorchid !important; }
.rcCor_OrangeRed { background-color: orangered !important; }
.rcCor_DarkRed { background-color: darkred !important; }
.rcCor_Orchid { background-color: orchid !important; }
.rcCor_DarkSalmon { background-color: darksalmon !important; }
.rcCor_PaleGoldenrod { background-color: palegoldenrod !important; }
.rcCor_DarkSeaGreen { background-color: darkseagreen !important; }
.rcCor_PaleGreen { background-color: palegreen !important; }
.rcCor_DarkSlateBlue { background-color: darkslateblue !important; }
.rcCor_PaleTurquoise { background-color: paleturquoise !important; }
.rcCor_DarkSlateGray { background-color: darkslategray !important; }
.rcCor_PaleVioletRed { background-color: palevioletred !important; }
.rcCor_DarkTurquoise { background-color: darkturquoise !important; }
.rcCor_PapayaWhip { background-color: papayawhip !important; }
.rcCor_DarkViolet { background-color: darkviolet !important; }
.rcCor_PeachPuff { background-color: peachpuff !important; }
.rcCor_DeepPink { background-color: deeppink !important; }
.rcCor_Peru { background-color: peru !important; }
.rcCor_DeepSkyBlue { background-color: deepskyblue !important; }
.rcCor_Pink { background-color: pink !important; }
.rcCor_DimGray { background-color: dimgray !important; }
.rcCor_Plum { background-color: plum !important; }
.rcCor_DodgerBlue { background-color: dodgerblue !important; }
.rcCor_PowderBlue { background-color: powderblue !important; }
.rcCor_Firebrick { background-color: firebrick !important; }
.rcCor_Purple { background-color: purple !important; }
.rcCor_FloralWhite { background-color: floralwhite !important; }
.rcCor_Red { background-color: red !important; }
.rcCor_ForestGreen { background-color: forestgreen !important; }
.rcCor_RosyBrown { background-color: rosybrown !important; }
.rcCor_Fuchsia { background-color: fuchsia !important; }
.rcCor_RoyalBlue { background-color: royalblue !important; }
.rcCor_Gainsboro { background-color: gainsboro !important; }
.rcCor_SaddleBrown { background-color: saddlebrown !important; }
.rcCor_GhostWhite { background-color: ghostwhite !important; }
.rcCor_Salmon { background-color: salmon !important; }
.rcCor_Gold { background-color: gold !important; }
.rcCor_SandyBrown { background-color: sandybrown !important; }
.rcCor_Goldenrod { background-color: goldenrod !important; }
.rcCor_SeaGreen { background-color: seagreen !important; }
.rcCor_Gray { background-color: gray !important; }
.rcCor_Seashell { background-color: seashell !important; }
.rcCor_Green { background-color: green !important; }
.rcCor_Sienna { background-color: sienna !important; }
.rcCor_GreenYellow { background-color: greenyellow !important; }
.rcCor_Silver { background-color: silver !important; }
.rcCor_Honeydew { background-color: honeydew !important; }
.rcCor_SkyBlue { background-color: skyblue !important; }
.rcCor_HotPink { background-color: hotpink !important; }
.rcCor_SlateBlue { background-color: slateblue !important; }
.rcCor_IndianRed { background-color: indianred !important; }
.rcCor_SlateGray { background-color: slategray !important; }
.rcCor_Indigo { background-color: indigo !important; }
.rcCor_Snow { background-color: snow !important; }
.rcCor_Ivory { background-color: ivory !important; }
.rcCor_SpringGreen { background-color: springgreen !important; }
.rcCor_Khaki { background-color: khaki !important; }
.rcCor_SteelBlue { background-color: steelblue !important; }
.rcCor_Lavender { background-color: lavender !important; }
.rcCor_Tan { background-color: tan !important; }
.rcCor_LavenderBlush { background-color: lavenderblush !important; }
.rcCor_Teal { background-color: teal !important; }
.rcCor_LawnGreen { background-color: lawngreen !important; }
.rcCor_Thistle { background-color: thistle !important; }
.rcCor_LemonChiffon { background-color: lemonchiffon !important; }
.rcCor_Tomato { background-color: tomato !important; }
.rcCor_LightBlue { background-color: lightblue !important; }
.rcCor_Turquoise { background-color: turquoise !important; }
.rcCor_LightCoral { background-color: lightcoral !important; }
.rcCor_Violet { background-color: violet !important; }
.rcCor_LightCyan { background-color: lightcyan !important; }
.rcCor_Wheat { background-color: wheat !important; }
.rcCor_LightGoldenrodYellow { background-color: lightgoldenrodyellow !important; }
.rcCor_White { background-color: white !important; }
.rcCor_LightGreen { background-color: lightgreen !important; }
.rcCor_WhiteSmoke { background-color: whitesmoke !important; }
.rcCor_LightGray { background-color: lightgray !important; }
.rcCor_Yellow { background-color: yellow !important; }
.rcCor_LightPink { background-color: lightpink !important; }
.rcCor_YellowGreen { background-color: yellowgreen !important; }
/*Cores Escala*/


/*Tiles*/
.tileMenu
{
    height:110px !important;
    width:110px !important;
    font-family:'Segoe UI';
    font-size:9pt;
}

.TileColor{
    background-color:#25a0da !important;
}

/*Radgrid*/
.RadGrid .rgRow>td, .RadGrid .rgAltRow>td, .RadGrid .rgEditRow>td, .RadGrid .rgFooter>td, .RadGrid .rgFilterRow>td, .RadGrid .rgHeader, .RadGrid .rgResizeCol, .RadGrid .rgGroupHeader td{
    padding-left:7px !important;
    padding-right:7px !important;
}

.RadGrid .rgRow, .RadGrid .rgAltRow, .RadGrid .rgEditRow, .RadGrid .rgFooter, .RadGrid .rgGroupHeader {
    padding:0;
    margin:0;
}

/*UPLOAD*/
.RadUpload .ruBrowse
{
    height: 2.42857143em !important;
}

/*RadTreeView*/
div.RadTreeView .rtHover .rtIn,
div.RadTreeView .rtSelected .rtIn {
  margin-left:4px;
}

div.RadTreeView .rtIn {
  margin-left:4px;
} 



/*RadToolbar */
.RadToolBar_Table
{
   border-style: None !important;
   z-index: 0 !important;
}


/*Buttons POS*/
button.rbButton.RadButton.basket,
button.rbButton.RadButton.other,
button.rbButton.RadButton.fecho,
button.rbButton.RadButton.emitir{
    position: relative;
    padding: 0;
    margin: 3px;
    border: 0;
    border: 6px solid;
    background-image: none;
    line-height: 100px;
}

button.rbButton.RadButton.RadButton.basket:hover,
button.rbButton.RadButton.RadButton.other:hover,
button.rbButton.RadButton.RadButton.fecho:hover,
button.rbButton.RadButton.RadButton.emitir:hover  {
    border-color: #fff;
}

button.rbButton.RadButton.basket,
button.rbButton.RadButton.other,
button.rbButton.RadButton.fecho,
button.rbButton.RadButton.emitir {
    margin-bottom: 6px;
}
 
.btnText {
    display: block;
    height: 14px;
    line-height: 14px;
    position: absolute;
    left: 5px;
    bottom: 5px;
    color: #fff;
    font-size: 12px;
}


 
button.rbButton.RadButton.basket img,
button.rbButton.RadButton.other img,
button.rbButton.RadButton.fecho img,
button.rbButton.RadButton.emitir img {
    vertical-align: middle;
    margin-top: -20px;
}

button.rbButton.RadButton.basket:hover {
    background-color: #8ebc00;
}

button.rbButton.RadButton.basket {
    background-color: #8ebc00;
    text-align: center;
    vertical-align: middle;
    border-color: #8ebc00;
}

button.rbButton.RadButton.emitir {
    background-color: #337ab7;
    text-align: center;
    vertical-align: middle;
    border-color: #337ab7;
}

button.rbButton.RadButton.emitir:hover  {
    background-color: #337ab7;
}

button.rbButton.RadButton.other {
    background-color: #ff6900;
    text-align: center;
    vertical-align: middle;
    border-color: #ff6900;
}

button.rbButton.RadButton.other:hover  {
    background-color: #ff6900;
}

button.rbButton.RadButton.fecho {
    background-color: #ed1691;
    text-align: center;
    vertical-align: middle;
    border-color: #ed1691;
}

button.rbButton.RadButton.fecho:hover {
    background-color: #ed1691;
}

.btnWrap {
    margin:0 auto;
    padding: 5px;
    background-color:#333;
}

/*Width 70 buttons teclado*/
.sp70
{
    font-size:x-large;
    font-weight:bold;
}

.btnTeclado
{
    width:40px !important;
    background: url('../img/keyboard16.png') no-repeat center !important;
}

.RadInput .riButton:before {
    content: "" !important;
}

/*Left text*/
.left{
    text-align:left;
}

/*Login */
.RadInput .riButton:before
{
    content:none !important;
}

.btnUser
{
    cursor:default;
    width:34px !important;
    background: url('../img/user16.png') no-repeat center !important;
}

.btnPass
{
    cursor:default;
    width:34px !important;
    background: url('../img/pass16.png') no-repeat center !important;
}

.RadButton.rbButton.cssEntrar {
    border: 0;
    border-radius: 5px;
    box-shadow: 0px 0px 15px white;
}

.RadButton.rbButton.cssEntrar:hover {
    border: 0;
    border-radius: 5px;
    box-shadow: 0px 0px 15px white;
}

.copyright{
    color: white;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.copyright:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.fb {
    border-style: None !important;
    padding: 0 !important;
    background-color: transparent !important;
}

.lblTarifas{
    padding: 1px 5px 5px 0px !important;
}

/*Fix Radwindow*/
.RadWindow_Bootstrap .rwTitleBar{
    height:40px;
}

.posCesto{
    background-color:black !important;
    color:lime !important;
}

 .RadGrid_Bootstrap .rgAltRow > td {
        color: inherit !important;
    }

.rgNoRecords {
    color: lime;
}

.desconto{
    padding-left:5px;
}

.tile_width {
    width: 145px;
}

.foto {    
    padding-left:43px; 
    padding-top:19px;
}

.Valido {
    text-align: center;
    font-size: larger !important;
    background-color: lightgreen !important;
}

.Invalido {
    text-align: center;
    font-size: larger !important;
    background-color: lightsalmon !important;
}

.imageClass {
    display: inline !important;
}

.RadCalendarFastNavPopup, .RadCalendarMonthView{
    visibility : visible;
    display:block;
}

.imageWrapperFoto {
    text-align: center;
}

.imageWrapperFoto div {
    display: inline-block;
    border-radius: 25px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin: 3px 0;
}

.hidePedirPais {
    width: 0;
    height: 0;
    visibility: hidden;
    display: none !important;
}

.hidePedirNIF {
    width: 0;
    height: 0;
    visibility: hidden;
    display: none !important;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}



/*Espacos*/
.rcFila {
    background-image: linear-gradient(#fcfcfd,#bdcbde) !important;
    color: #384e73;
}

.rcCadeiraGray {
    background: url('../img/cadeira128.png') center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: 0 !important;
    background-origin: content-box;
}

.rcCadeiraGray_busy {
    background: url('../img/cadeira128_busy.png'), url('../img/cadeira128.png') !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: center center, center, center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border: 0 !important;
    background-origin: content-box !important;
}

.rcCadeiraGray_reserved {
    background: url('../img/cadeira128_reserved.png'), url('../img/cadeira128.png') !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: center center, center, center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border: 0 !important;
    background-origin: content-box !important;
}

.rcCadeiraGray_basket {
    background: url('../img/cadeira128_basket.png'), url('../img/cadeira128.png') !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: center center, center, center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border: 0 !important;
    background-origin: content-box !important;
}

.rcCadeiraGray.rgSelectedCell {
    background: url('../img/cadeira128_Select.png'), url('../img/cadeira128.png') !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: center center, center, center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border: 0 !important;
    background-origin: content-box !important;
}

.rcCadeiraLightGreen {
    background: url('../img/cadeira128_LightGreen.png') center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: 0 !important;
    background-origin: content-box;
}

.rcCadeiraLightGreen_busy {
    background: url('../img/cadeira128_busy.png'), url('../img/cadeira128_LightGreen.png') !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: center center, center, center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border: 0 !important;
    background-origin: content-box !important;
}

.rcCadeiraLightGreen_reserved {
    background: url('../img/cadeira128_reserved.png'), url('../img/cadeira128_LightGreen.png') !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: center center, center, center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border: 0 !important;
    background-origin: content-box !important;
}

.rcCadeiraLightGreen_basket {
    background: url('../img/cadeira128_basket.png'), url('../img/cadeira128_LightGreen.png') !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: center center, center, center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border: 0 !important;
    background-origin: content-box !important;
}

.rcCadeiraLightGreen.rgSelectedCell {
    background: url('../img/cadeira128_Select.png'), url('../img/cadeira128_LightGreen.png') !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: center center, center, center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border: 0 !important;
    background-origin: content-box !important;
}

.rcCadeiraLightBlue {
    background: url('../img/cadeira128_LightBlue.png') center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: 0 !important;
    background-origin: content-box;
}

.rcCadeiraLightBlue_busy {
    background: url('../img/cadeira128_busy.png'), url('../img/cadeira128_LightBlue.png') !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: center center, center, center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border: 0 !important;
    background-origin: content-box !important;
}

.rcCadeiraLightBlue_reserved {
    background: url('../img/cadeira128_reserved.png'), url('../img/cadeira128_LightBlue.png') !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: center center, center, center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border: 0 !important;
    background-origin: content-box !important;
}

.rcCadeiraLightBlue_basket {
    background: url('../img/cadeira128_basket.png'), url('../img/cadeira128_LightBlue.png') !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: center center, center, center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border: 0 !important;
    background-origin: content-box !important;
}

.rcCadeiraLightBlue.rgSelectedCell {
    background: url('../img/cadeira128_Select.png'), url('../img/cadeira128_LightBlue.png') !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: center center, center, center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border: 0 !important;
    background-origin: content-box !important;
}



.rcCadeiraLightPink {
    background: url('../img/cadeira128_LightPink.png') center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: 0 !important;
    background-origin: content-box;
}

.rcCadeiraLightPink_busy {
    background: url('../img/cadeira128_busy.png'), url('../img/cadeira128_LightPink.png') !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: center center, center, center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border: 0 !important;
    background-origin: content-box !important;
}

.rcCadeiraLightPink_reserved {
    background: url('../img/cadeira128_reserved.png'), url('../img/cadeira128_LightPink.png') !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: center center, center, center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border: 0 !important;
    background-origin: content-box !important;
}

.rcCadeiraLightPink_basket {
    background: url('../img/cadeira128_basket.png'), url('../img/cadeira128_LightPink.png') !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: center center, center, center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border: 0 !important;
    background-origin: content-box !important;
}


.rcCadeiraLightPink.rgSelectedCell {
    background: url('../img/cadeira128_Select.png'), url('../img/cadeira128_LightPink.png') !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: center center, center, center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border: 0 !important;
    background-origin: content-box !important;
}


.rcRotate30 {
    transform: rotate(30deg);
}

.rcRotate60 {
    transform: rotate(60deg);
}

.rcRotate90 {
    transform: rotate(90deg);
}

.rcRotate120 {
    transform: rotate(120deg);
}

.rcRotate150 {
    transform: rotate(150deg);
}

.rcRotate180 {
    transform: rotate(180deg);
}

.rcRotate-30 {
    transform: rotate(-30deg);
}

.rcRotate-60 {
    transform: rotate(-60deg);
}

.rcRotate-90 {
    transform: rotate(-90deg);
}

.rcRotate-120 {
    transform: rotate(-120deg);
}

.rcRotate-150 {
    transform: rotate(-150deg);
}

.rcRotate-180 {
    transform: rotate(-180deg);
}

.rcEmpty {
    border: 0 !important;
}

