/* Display */
.DispBlock{ display:block;}
.DispTable{ display:table; vertical-align:middle;}
.DispTableCell{ display:table-cell; vertical-align:middle;}
.DispNone{ display:none;}
.DispInlBlock{display:inline-block;}
.DispInline{display:inline;}
.DispNoneImportant{ display:none !important;}

/* Position */
.PosFixed{position:fixed;}
.PosAbsolute{position:absolute;}
.PosRelative{ position:relative;}
.PosStatic{position:static;}

/* Floating */
.Fleft{ float:left;}
.Fright{ float:right;}
.Fnone{ float:none !important;}

/* Overflows */
.OvHidden{ overflow:hidden;}
.OvHiddenImportant{ overflow:hidden !important; }
.OvScroll{ overflow:scroll;}
.OvAuto{ overflow:auto;}
.OvVisible{ overflow:visible;}
.OvVisibleImportant{ overflow:visible !important;}
.OvXScroll{ overflow-x:scroll;}
.OvYScroll{ overflow-y:scroll;}
.OvXHidden{ overflow-x:hidden;}
.OvYHidden{ overflow-y:hidden;}

/* Width */
.Wid100{ width:100%;}
.Wid90{ width:90%;}
.Wid80{ width:80%;}
.Wid70{ width:70%;}
.Wid60{ width:60%;}
.Wid55{ width:55%;}
.Wid50{ width:50%;}
.Wid45{ width:45%;}
.Wid40{ width:40%;}
.Wid35{ width:35%;}
.Wid30{ width:30%;}
.Wid15{ width:15%;}

/* Width Special Values */
.Wid98{ width:98%;}
.Wid33{ width:33.3%;}
.Wid25{ width:25%;}
.Wid20{ width:20%;}
.Wid15{ width:15%;}
.Wid10{ width:10%;}
.Wid9{ width: 9%; }
.Wid2{ width: 1%; }
.Wid1{ width: 1%; }

.Wid10px{ width: 10px; }
.Wid15px{ width: 15px; }
.Wid20px{ width: 20px; }
.Wid25px{ width: 25px; }
.Wid30px{ width: 30px; }
.Wid35px{ width: 35px; }
.Wid40px{ width: 40px; }
.Wid50px{ width: 50px; }
.Wid75px{ width: 75px; }
.Wid85px{ width: 85px !important; }
.Wid100px{ width: 100px; }
.Wid125px{ width: 125px; }
.Wid150px{ width: 150px; }
.Wid175px{ width: 175px; }
.Wid200px{ width: 200px; }
.Wid250px{ width: 250px; }
.Wid300px{ width: 300px; }
.Wid350px{ width: 350px; }
.Wid400px{ width: 400px; }
.Wid450px{ width: 450px; }
.Wid500px{ width: 500px; }
.Wid600px{ width: 600px; }
.Wid1000px{ width: 1000px; }

.MinWid15px{ min-width: 15px; }
.MinWid20px{ min-width: 20px; }
.MinWid25px{ min-width: 25px; }
.MinWid30px{ min-width: 30px; }
.MinWid35px{ min-width: 35px; }
.MinWid40px{ min-width: 40px; }
.MinWid50px{ min-width: 50px; }
.MinWid75px{ min-width: 75px; }
.MinWid100px{ min-width: 100px; }
.MinWid125px{ min-width: 125px; }
.MinWid150px{ min-width: 150px; }
.MinWid175px{ min-width: 175px; }
.MinWid200px{ min-width: 200px; }
.MinWid250px{ min-width: 250px; }
.MinWid300px{ min-width: 300px; }
.MinWid400px{ min-width: 400px; }
.MinWid500px{ min-width: 500px; }
.MinWid600px{ min-width: 600px; }
.MinWid1000px{ min-width: 1000px; }

/* Height */
.Hei100{ height:100%;}
.Hei90{ height:90%;}
.Hei80{ height:80%;}
.Hei70{ height:70%;}
.Hei60{ height:60%;}
.Hei40{ height:40%;}
.Hei50{ height:50%;}
.Hei33{ height:33%;}
.Hei32{ height:32%;}
.Hei30{ height:30%;}
.Hei20{ height:20%;}
.Hei10{ height:10%;}

.Hei10px{ height: 10px; }
.Hei20px{ height: 20px; }
.Hei30px{ height: 30px; }
.Hei40px{ height: 40px; }
.Hei50px{ height: 50px; }
.Hei60px{ height: 60px; }
.Hei70px{ height: 70px; }
.Hei80px{ height: 80px; }
.Hei85px{ height: 85px !important; }
.Hei90px{ height: 90px; }
.Hei100px{ height: 100px; }
.Hei200px{ height: 200px; }
.Hei250px{ height: 250px; }

.MinHei30px{ min-height: 30px; }
.MinHei45px{ min-height: 45px; }
.MinHei200px{ min-height: 200px; }
.MinHei300px{ min-height: 300px; }
.MinHei400px{ min-height: 400px; }

.LineHei10px{ line-height: 10px; }
.LineHei20px{ line-height: 20px; }
.LineHei30px{ line-height: 30px; }
.LineHei40px{ line-height: 40px; }
.LineHei50px{ line-height: 50px; }
.LineHei60px{ line-height: 60px; }
.LineHei70px{ line-height: 70px; }
.LineHei80px{ line-height: 80px; }
.LineHei90px{ line-height: 90px; }
.LineHei100px{ line-height: 100px; }
.LineHei250px{ line-height: 250px; }


/* Margins */
.MarAuto{ margin-left:auto; margin-right:auto;}

.MarLef0px{ margin-left: 0px !important; }
.MarRig0px{ margin-right: 0px !important; }
.MarTop0px{ margin-top: 0px !important; }
.MarBot0px{ margin-bottom: 0px !important; }

.MarLef5px{ margin-left: 5px !important; }
.MarRig5px{ margin-right: 5px !important; }
.MarTop5px{ margin-top: 5px !important; }
.MarBot5px{ margin-bottom: 5px !important; }

.MarLef10px{ margin-left: 10px !important; }
.MarRig10px{ margin-right: 10px !important; }
.MarTop10px{ margin-top: 10px !important; }
.MarBot10px{ margin-bottom: 10px !important; }

.MarLef15px{ margin-left: 15px !important; }
.MarRig15px{ margin-right: 15px !important; }
.MarTop15px{ margin-top: 15px !important; }
.MarBot15px{ margin-bottom: 15px !important; }

.MarLef20px{ margin-left: 20px !important; }
.MarRig20px{ margin-right: 20px !important; }
.MarTop20px{ margin-top: 20px !important; }
.MarBot20px{ margin-bottom: 20px !important; }

.MarLef30px{ margin-left: 30px !important; }
.MarRig30px{ margin-right: 30px !important; }
.MarTop30px{ margin-top: 30px !important; }
.MarBot30px{ margin-bottom: 30px !important; }

.MarLef40px{ margin-left: 40px !important; }
.MarRig40px{ margin-right: 40px !important; }
.MarTop40px{ margin-top: 40px !important; }
.MarBot40px{ margin-bottom: 40px !important; }

.MarLef50px{ margin-left: 50px !important; }
.MarRig50px{ margin-right: 50px !important; }
.MarTop50px{ margin-top: 50px !important; }
.MarBot50px{ margin-bottom: 50px !important; }

.MarLef100px{ margin-left: 100px !important; }
.MarRig100px{ margin-right: 100px !important; }
.MarTop100px{ margin-top: 100px !important; }
.MarBot100px{ margin-bottom: 100px !important; }

.Mar5px{ margin: 5px; }
.Mar10px{ margin: 10px; }

/* Paddings */
.PaddingNone{padding:0px !important;}
.PaddingMarginNone { padding: 0px !important; margin: 0px; }
.Pad5px{ padding:  5px; }
.Pad10px{ padding:  10px; }


/* Text Aligns */
.TexAlCenter{ text-align:center; }
.TexAlLeft{ text-align:left; }
.TexAlRight{ text-align:right; }
.TexAlJustify{ text-align: justify; }

/* Font Sizes */
.Fs9{font-size:9px !important;} 
.Fs10{font-size:10px !important;} 
.Fs11{font-size:11px !important;} 
.Fs12{font-size:12px !important;} 
.Fs13{font-size:13px !important;} 
.Fs14{font-size:14px !important;} 
.Fs15{font-size:15px !important;} 
.Fs16{font-size:16px !important;} 
.Fs17{font-size:17px !important;} 
.Fs18{font-size:18px !important;} 
.Fs19{font-size:19px !important;} 
.Fs20{font-size:20px !important;} 
.Fs21{font-size:21px !important;} 
.Fs22{font-size:22px !important;} 
.Fs23{font-size:23px !important;} 
.Fs24{font-size:24px !important;} 
.Fs25{font-size:25px !important;} 
.Fs26{font-size:26px !important;} 
.Fs27{font-size:27px !important;} 
.Fs28{font-size:28px !important;} 
.Fs29{font-size:29px !important;} 
.Fs30{font-size:30px !important;}
.Fs40{font-size:40px !important;}
.Fs50{font-size:50px !important;}
.Fs60{font-size:60px !important;}
.Fs100{font-size:100px !important;}
.Fs130{font-size:130px !important;}

.Fs2vw{font-size: 2vw !important;}
.Fs3vw{font-size: 3vw !important;}

/* Checkbox Check */
.Red.ui-chckbox .ui-chkbox-box{ color: #C62828 !important; }
.Red.ui-chkbox .ui-chkbox-box.ui-state-disabled{ color: #C62828 !important; }
.Green.ui-chckbox .ui-chkbox-box{ color: #2E7D32 !important; }
.Green.ui-chkbox .ui-chkbox-box.ui-state-disabled{ color: #C62828 !important; }

/* Checkbox Back */
.RedBck.ui-chckbox .ui-chkbox-box{ background-color: #C62828 !important; }
.RedBck.ui-chkbox .ui-chkbox-box.ui-state-disabled{ background: #C62828 !important; }
.GreenBck.ui-chckbox .ui-chkbox-box{ background: #2E7D32 !important; }
.GreenBck.ui-chkbox .ui-chkbox-box.ui-state-disabled{ background: #C62828 !important; }

/* Font Type */
.ui-inputfield.FontBold{ font-weight: bold !important; }
.FontBold{ font-weight:bold;}
.FontLight{ font-weight:lighter;}
.FontNormal{ font-weight:normal;}
.FontItalic{font-style:italic;}
.FontBoldImportant{ font-weight:bold !important;}
.FontUnderline{ text-decoration: underline; }
.Lowercase { text-transform: lowercase; }


/* Borders */
.BorderedPane{ border: 1px solid #d1d1d1 !important; border-radius: 3px; }
.BorderNone{ border: none !important; }
.BorderNone td{ border: none !important; }
.borderInvisible { border: 1px solid transparent !important; }

.BorderRed { border-color: red !important; }
.BorderBlue { border-color: blue !important; }
.BorderGreen { border-color: green !important; }


/* Wrapping */
.nowrap{ white-space: nowrap !important; }

/* Colores */
.Red, .textRed{ color: #F44336; }
.Blue, .textBlue{ color: #283593; }
.Green, .textGreen{ color: #008040; }
.Gray, .textGray{ color: gray; }
.Yellow, .textYellow{ color: #FFCC00; }
.Orange, .textOrange{ color: orange; }
.Black, .textBlack{ color: black; }
.Purple, .textPurple { color: #8E24AA; }
.White, .textWhite{ color: white; }
.LightBlue { color: #3cb4d9; }
.RedImportant { color: #F44336 !important; }
.BlueImportant { color: #283593 !important; }
.GreenImportant{ color: #4CAF50 !important; }
.GreyImportant, .GrayImportant { color: gray !important; }
.YellowImportant { color: #FFCC00 !important; }
.OrangeImportant { color: orange !important; }
.PurpleImportant { color: #8E24AA !important; }
.DarkCyanImportant { color: #008B8B !important; }

.AliceBlue { color: #F0F8FF; }
.AntiqueWhite { color: #FAEBD7; }
.Aqua { color: #00FFFF; }
.Aquamarine { color: #7FFFD4; }
.Azure { color: #F0FFFF; }
.Beige { color: #F5F5DC; }
.Bisque { color: #FFE4C4; }
.BlanchedAlmond { color: #FFEBCD; }
.BlueViolet { color: #8A2BE2; }
.Brown { color: #A52A2A; }
.BurlyWood { color: #DEB887; }
.CadetBlue { color: #5F9EA0; }
.Chartreuse { color: #7FFF00; }
.Chocolate { color: #D2691E; }
.Coral { color: #FF7F50; }
.CornflowerBlue { color: #6495ED; }
.Cornsilk { color: #FFF8DC; }
.Crimson { color: #DC143C; }
.Cyan { color: #00FFFF; }
.DarkBlue { color: #00008B; }
.DarkCyan { color: #008B8B; }
.DarkGoldenRod { color: #B8860B; }
.DarkGray { color: #A9A9A9; }
.DarkGrey { color: #A9A9A9; }
.DarkGreen { color: #006400; }
.DarkKhaki { color: #BDB76B; }
.DarkMagenta { color: #8B008B; }
.DarkOliveGreen { color: #556B2F; }
.DarkOrange { color: #FF8C00; }
.DarkOrchid { color: #9932CC; }
.DarkRed { color: #8B0000; }
.DarkSalmon { color: #E9967A; }
.DarkSeaGreen { color: #8FBC8F; }
.DarkSlateBlue { color: #483D8B; }
.DarkSlateGray { color: #2F4F4F; }
.DarkSlateGrey { color: #2F4F4F; }
.DarkTurquoise { color: #00CED1; }
.DarkViolet { color: #9400D3; }
.DeepPink { color: #FF1493; }
.DeepSkyBlue { color: #00BFFF; }
.DimGray { color: #696969; }
.DimGrey { color: #696969; }
.DodgerBlue { color: #1E90FF; }
.FireBrick { color: #B22222; }
.FloralWhite { color: #FFFAF0; }
.ForestGreen { color: #228B22; }
.Fuchsia { color: #FF00FF; }
.Gainsboro { color: #DCDCDC; }
.GhostWhite { color: #F8F8FF; }
.Gold { color: #FFD700; }
.GoldenRod { color: #DAA520; }
.Grey { color: #808080; }
.GreenYellow { color: #ADFF2F; }
.HoneyDew { color: #F0FFF0; }
.HotPink { color: #FF69B4; }
.IndianRed { color: 	#CD5C5C; }
.Indigo { color: 	#4B0082; }
.Ivory { color: #FFFFF0; }
.Khaki { color: #F0E68C; }
.Lavender { color: #E6E6FA; }
.LavenderBlush { color: #FFF0F5; }
.LawnGreen { color: #7CFC00; }
.LemonChiffon { color: #FFFACD; }
.LightCoral { color: #F08080; }
.LightCyan { color: #E0FFFF; }
.LightGoldenRodYellow { color: #FAFAD2; }
.LightGray { color: #D3D3D3; }
.LightGrey { color: #D3D3D3; }
.LightGreen { color: #90EE90; }
.LightPink { color: #FFB6C1; }
.LightSalmon { color: #FFA07A; }
.LightSeaGreen { color: #20B2AA; }
.LightSkyBlue { color: #87CEFA; }
.LightSlateGray { color: #778899; }
.LightSlateGrey { color: #778899; }
.LightSteelBlue { color: #B0C4DE; }
.LightYellow { color: #FFFFE0; }
.Lime { color: #00FF00; }
.LimeGreen { color: #32CD32; }
.Linen { color: #FAF0E6; }
.Magenta { color: #FF00FF; }
.Maroon { color: #800000; }
.MediumAquaMarine { color: #66CDAA; }
.MediumBlue { color: #0000CD; }
.MediumOrchid { color: #BA55D3; }
.MediumPurple { color: #9370DB; }
.MediumSeaGreen { color: #3CB371; }
.MediumSlateBlue { color: #7B68EE; }
.MediumSpringGreen { color: #00FA9A; }
.MediumTurquoise { color: #48D1CC; }
.MediumVioletRed { color: #C71585; }
.MidnightBlue { color: #191970; }
.MintCream { color: #F5FFFA; }
.MistyRose { color: #FFE4E1; }
.Moccasin { color: #FFE4B5; }
.NavajoWhite { color: #FFDEAD; }
.Navy { color: #000080; }
.OldLace { color: #FDF5E6; }
.Olive { color: #808000; }
.OliveDrab { color: #6B8E23; }
.OrangeRed { color: #FF4500; }
.Orchid { color: #DA70D6; }
.PaleGoldenRod { color: #EEE8AA; }
.PaleGreen { color: #98FB98; }
.PaleTurquoise { color: #AFEEEE; }
.PaleVioletRed { color: #DB7093; }
.PapayaWhip { color: #FFEFD5; }
.PeachPuff { color: #FFDAB9; }
.Peru { color: #CD853F; }
.Pink { color: #FFC0CB; }
.Plum { color: #DDA0DD; }
.PowderBlue { color: #B0E0E6; }
.RebeccaPurple { color: #663399; }
.RosyBrown { color: #BC8F8F; }
.RoyalBlue { color: #4169E1; }
.SaddleBrown { color: #8B4513; }
.Salmon { color: #FA8072; }
.SandyBrown { color: #F4A460; }
.SeaGreen { color: #2E8B57; }
.SeaShell { color: #FFF5EE; }
.Sienna { color: #A0522D; }
.Silver { color: #C0C0C0; }
.SkyBlue { color: #87CEEB; }
.SlateBlue { color: #6A5ACD; }
.SlateGray { color: #708090; }
.SlateGrey { color: #708090; }
.Snow { color: #FFFAFA; }
.SpringGreen { color: #00FF7F; }
.SteelBlue { color: #4682B4; }
.Tan { color: #D2B48C; }
.Teal { color: #008080; }
.Thistle { color: #D8BFD8; }
.Tomato { color: #FF6347; }
.Turquoise { color: #40E0D0; }
.Violet { color: #EE82EE; }
.Wheat { color: #F5DEB3; }
.WhiteSmoke { color: #F5F5F5; }
.YellowGreen { color: #9ACD32; }

/* */
.BackGray{ background-color: #dfdfdf !important; }
.BackLightGray{ background-color: #efefef !important; }
.BackLightYellow{ background-color: #FEFBC7 !important; }
.BackLightRed{ background-color: #FEC7C7 !important; }
.BackRed{ background-color: #DEA7A7 !important; }


/* Aligns */
.VAlTop { vertical-align: top !important; }
.VAlBot { vertical-align: bottom !important; }
.VAlMid { vertical-align: middle !important; }



/* Colores Propios */
.feriado-calendar a { color: #FF0000 !important; }
.disponible-calendar a { color: #299704 !important; }
.completo-calendar a { color: #6F00FF !important; }
.suspendido-calendar a { color: #F7BE81 !important; }
.con-turno-calendar a { color: #86B7E8 !important; }

.feriado-calendar1 { color: #FF0000; }
.disponible-calendar1 { color: #299704; }
.completo-calendar1 { color: #6F00FF; }
.suspendido-calendar1 { color: #ff8040; }
.con-turno-calendar1 { color: #86B7E8; }

.turno-sobreturno { color: #FA5858; }
.turno-reemplazado { color: #299704; }
.turno-reservado { color: #8A8A8A; }
.turno-inhibido { color: #E2A9F3; }
.turno-pendiente-liberar { color: #8282F3; }
.turno-no-modificable { color: #8A8A8A; font-style: italic; }

.turno-cancelado { color: #FA5858; }
.turno-reasignado { color: #489fbc; }
.turno-no-concurrido { color: #299704; }
.turno-concurrido{ color: #A08328; }

.en-atencion { color: #006600; }

.comprobante-cancelado { color: #7f7f7f; }
.comprobante-en-cta-cte { color: #1e90ff; }
.comprobante-no-cancelado { color: #CC5f5f; }


.colorItemTrazable { color: #F781F3; }
.colorItemSinStock { color: #DF0101; }



/* Rotations */
.Rotate90{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.Rotate180{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.Rotate270{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}


/* Pantalla Inicio */
.linkMenuInicio, .linkMenuInicio * { color: #2d353c; border: 1px solid transparent; }						
.iconoMenuInicio { border-color: transparent; border-style: hidden; margin-right: 10px; margin-left: 15px; margin-top: 2px; margin-bottom: 2px; height: 40px; }
.linkMenuInicio>table:not(.borderInvisible){ background-color: #00bcd4; border-radius: 2px; }
.linkMenuInicio>table:not(.borderInvisible) * { color: white !important; } 	


/* Layout */
#NorthLayoutContainer{ z-index: 1007 !important; padding: 0 !important;  border: 0 !important; top: 0 !important; left: 0 !important; right: 0 !important; overflow: visible; }
#CenterLayoutContainer{  border: 0 !important; padding: 4px; }

/* Applets */
applet{ width: 0; height: 0; position: absolute; }


#LoadingDialog{ z-index: 2001 !important; }
#LoadingDialog_modal{ z-index: 2000 !important; }
		
		
/* Buttons Colors */
.white-btn{ background-color: white !important; }
.white-btn .ui-button-icon-left, .white-btn .ui-button-text{ color: #9C9FA1 !important; } 		
.gray-btn{ background-color: gray !important; }
.blue-btn{ background-color: #00008B !important; }
.orange-btn{ background-color: orange !important; }
.yellow-btn{ background-color: yellow !important; }


/* Background Color */
.BackgroundNone{ background-color: transparent !important; }
.PanelGridPad2px.ui-panelgrid .ui-panelgrid-cell { padding: 2px 16px; }
		

/* NO commons */
/* ------------------------------------------------------------------------------------------------------------------------------ */


/* ----------------------------------------------------------------------------------------------------------------------------- */

#formMenuLateral{ height: 100%; overflow: hidden; }
#formMenuLateral .accordionMenu{ height: 100%;overflow: auto; }
#formMenuLateral .accordionMenu .ui-accordion-content{ padding: 3px; overflow: hidden; }
#formMenuLateral .accordionMenu .ui-accordion-content .ui-menu{ padding: 0px 0; border: 0; width: 100%; }

.panelMenuSelected { background-color: #DDDDDD !important; }

/* ----------------------------------------------------------------------------------------------------------------------------- */

						
					
/* ------------------------------------------------------------------------------------------------------------------------------ */						

.HiddenHeader .ui-treetable-scrollable-theadclone{ display: none !important; }
.ui-panel.Hei100>.ui-panel-content.ui-widget-content{ height: calc(100% - 50px); }

/* ------------------------------------------------------------------------------------------------------------------------------ */

#LoadingDialog{ background: transparent; border: 0; overflow: visible; box-shadow: none; }
#LoadingDialog .ui-dialog-titlebar{ display: none; }
#LoadingDialog .ui-dialog-content{ text-align: center; background: transparent; border: 0; overflow: visible; }
/*.ui-dialog{ z-index: 9998 !important; }*/
/*.ui-widget-overlay ui-dialog-mask{ z-index: 9997 !important; }*/

/* ------------------------------------------------------------------------------------------------------------------------------ */

.nowrapOverflowHidden{ white-space: nowrap; overflow: hidden; }


.ui-datatable .ui-selectonemenu{ top: 1px; }
button.ui-button.InputWid100{ width: calc(100% - 0px); }


.layout-wrapper .ultima-menu > .menuBar > ul {
	max-height: 550px;overflow: auto;
}


/* Panel Grid en Tablas */
.ui-datatable .PanelGridTable tr td{ padding: 0px 2px !important; border: none !important; overflow: visible; }
body .ui-datatable .PanelGridTable tr td{ padding-left: 0px !important; padding-right: 0px !important; }



/* Panel con GridHeader*/
.ui-panel.PanelGridHeader .ui-panel-title{ margin: 0; }

/* Menu Separator */
li.Separator{ border: 1px solid #bdbdbd !important; }						

/* OverlayPane */
.ui-overlay-hidden {
    visibility: hidden !important;
}


/* Estilos HISTORIA CLINICA Timeline */
div.timeline-event-selected div.timeline-event-content {
    cursor: pointer;
}
.timeline-frame{
	height: 100% !important;
}
.event-medica{
	background-color: #e0f6b1 !important;	
}
.event-guardia{
	background-color: #fff1ae !important;
}
.event-internacion{
	background-color: #f8c4c1 !important;
}
.event-imagenes{
	background-color: #e8dbf7 !important;
}
.event-laboratorio{
	background-color: #e8dbf7 !important;
}
.bg-rojo {
	background-color: #ff6a6a!important;
}
.TimelineEventContainer{
	width: 220px;
	max-width: 220px;
	text-align: left;
}

.CardTitle{ margin-top: 10px; font-size: 22px; margin: 22px 0; }

span.ui-highlited-word {
	font-weight: bold;
}

.ui-datatable .ui-column-filter {
	width: calc(100% - 10px);
}

.WidMinContent {
	width:-webkit-min-content;
	width:-moz-min-content;
	width:-ms-min-content;
	width:-o-min-content;
	width:min-content;
}

/* FILE UPLOADER SINGLE */
.ui-fileupload.FileUploadSingle > .ui-widget-header{ 
	background-color: transparent;
    border: none;
    padding: 0;
}

.ui-fileupload.FileUploadSingle > .ui-widget-header > .ui-button{
	margin: 0;
	float: left;
	width: calc(100% - 4px);
}

.ui-fileupload.FileUploadSingle > .ui-widget-header > .ui-button .ui-button-text {
    padding: 4px 8px 4px 19px;
    font-weight: normal;
}

.ui-fileupload.FileUploadSingle.NoIcon > .ui-widget-header > .ui-button .ui-button-text {
    padding: 4px 0px 4px 0px !important;
}

.ui-fileupload.FileUploadSingle > .ui-widget-content{
	display: none;
}

.ui-fileupload.FileUploadSingle.BtnOnly > .ui-widget-header > .ui-button .ui-button-text{
	padding: 4px 13px 3px 6px;
}

.ui-fileupload.FileUploadSingle.BtnOnly > .ui-widget-header > .ui-button.ui-button-text-icon-left .ui-icon {
    margin-left: -3px;
    margin-top: -7px;
}

.ui-fileupload.FileUploadSingle.NoIcon > .ui-widget-header > .ui-button.ui-button-text-icon-left .ui-icon {
	display: none; 
}

.ui-fileupload.FileUploadSingle.BtnOnly > .ui-widget-header > .ui-button .ui-icon-plusthick:before{
  	content: "\f093";
}


/* TABLETS */
.Desktop { }
.Mobile { display: none; }
.MobilePopup1200x550 { width: 1200px !important; height: 550px !important; }
.MobilePopup800x550{ width: 800px !important; height: 550px !important; }
.MobilePopup800x200{ width: 800px !important; height: 200px !important; }
.MobilePopup1200x550>div.ui-dialog-content, .MobilePopup1200Auto>div.ui-dialog-content, 
.MobilePopup800Auto>div.ui-dialog-content, .MobilePopup350Auto>div.ui-dialog-content, .MobilePopup800x550>div.ui-dialog-content, .MobilePopup800x200>div.ui-dialog-content{
	height: calc(100% - 65px) !important; 
}



.MobilePopup1200Auto{ width: 1200px !important; height: auto !important; }
.MobilePopup800Auto{ width: 800px !important; height: auto !important; }
{ height: calc(100% - 65px) !important; }
.MobilePopup350Auto{ width: 350px !important; height: auto !important; }


@media (max-width: 1024px) {
	.Desktop { display: none; }
	.Mobile { display: block; }
	.MobilePopup1200x550, .MobilePopup800x550, .MobilePopup800x200{ width: calc(100% - 22px) !important; height: calc(100% - 65px) !important; }
	.MobilePopup1200Auto, .MobilePopup800Auto, .MobilePopup350Auto{ width: calc(100% - 22px) !important; height: auto !important; }
	.MobilePopup1200x550>div.ui-dialog-content, .MobilePopup800Auto>div.ui-dialog-content, 
	.MobilePopup1200Auto>div.ui-dialog-content, .MobilePopup350Auto>div.ui-dialog-content,
	.MobilePopup800x550>div.ui-dialog-content { height: calc(100% - 65px) !important; }
	.MobilePopup800x200>div.ui-dialog-content { height: calc(100% - 65px) !important; }
	.Wid100Mobile{ width: 100% !important; }
}					


/* Opacity */
.Op0{ opacity: 0.0; }
.Op10{ opacity: 0.1; }
.Op20{ opacity: 0.2; }
.Op30{ opacity: 0.3; }
.Op40{ opacity: 0.4; }
.Op50{ opacity: 0.5; }
.Op60{ opacity: 0.6; }
.Op70{ opacity: 0.7; }
.Op80{ opacity: 0.8; }
.Op90{ opacity: 0.9; }
.Op100{ opacity: 1.0; }


.ui-menubutton.red-btn > button {
	background-color: #F44336 !important;
}

.ui-menuitem-link.red-btn{
	background-color: #F44336 !important;
}

.ui-menubutton.ligth-red-btn > button {
	background-color: #FEC7C7 !important;
}

.ui-button.ligth-red-btn {
	background-color: #FEC7C7 !important;
}

.ui-menuitem-link.ligth-red-btn{
	background-color: #FEC7C7 !important;
}

.ui-menuitem-link.red{
	color: #F44336 !important;
}

.Uppercase{ text-transform: uppercase; }

.unselectable{
	user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

/* BOTONES DE COLORES */
body .ui-button.blue-grey-btn {
	background-color: #607D8B;
	border-color: #607D8B;
}

body .ui-button.blue-grey-btn.ui-state-hover {
	background-color: #37474F;
	border-color: #37474F;
}

body .ui-button.blue-grey-btn.ui-state-focus {
	outline: 0 none;
	background-color: #7b96a3;
	border-color: #7b96a3;
}

body .ui-button.cyan-btn {
	background-color: #00BCD4;
	border-color: #00BCD4;
}

body .ui-button.cyan-btn.ui-state-hover {
	background-color: #00838F;
	border-color: #00838F;
}

body .ui-button.cyan-btn.ui-state-focus {
	outline: 0 none;
	background-color: #08e3ff;
	border-color: #08e3ff;
}

body .ui-button.teal-btn {
	background-color: #009688;
	border-color: #009688;
}

body .ui-button.teal-btn.ui-state-hover {
	background-color: #00695C;
	border-color: #00695C;
}

body .ui-button.teal-btn.ui-state-focus {
	outline: 0 none;
	background-color: #00c9b6;
	border-color: #00c9b6;
}

body .ui-button.red-btn {
	background-color: #F44336;
	border-color: #F44336;
}

body .ui-button.red-btn.ui-state-hover {
	background-color: #C62828;
	border-color: #C62828;
}

body .ui-button.red-btn.ui-state-focus {
	outline: 0 none;
	background-color: #f77066;
	border-color: #f77066;
}

body .ui-button.green-btn {
	background-color: #4CAF50;
	border-color: #4CAF50;
}

body .ui-button.green-btn.ui-state-hover {
	background-color: #2E7D32;
	border-color: #2E7D32;
}

body .ui-button.green-btn.ui-state-focus {
	outline: 0 none;
	background-color: #6ec071;
	border-color: #6ec071;
}

body .ui-button.deep-orange-btn {
	background-color: #FF5722;
	border-color: #FF5722;
}

body .ui-button.deep-orange-btn.ui-state-hover {
	background-color: #D84315;
	border-color: #D84315;
}

body .ui-button.deep-orange-btn.ui-state-focus {
	outline: 0 none;
	background-color: #ff7e55;
	border-color: #ff7e55;
}

body .ui-button.purple-btn {
	background-color: #673AB7;
	border-color: #673AB7;
}

body .ui-button.purple-btn.ui-state-hover {
	background-color: #4527A0;
	border-color: #4527A0;
	
}

body .ui-button.purple-btn.ui-state-focus {
	outline: 0 none;
	background-color: #8259cb;
	border-color: #8259cb;
}

body .ui-button.pink-btn {
	background-color: #E91E63;
	border-color: #E91E63;
}

body .ui-button.pink-btn.ui-state-hover {
	background-color: #AD1457;
	border-color: #AD1457;
}

body .ui-button.pink-btn.ui-state-focus {
	outline: 0 none;
	background-color: #ee4c83;
	border-color: #ee4c83;
}

body .ui-button.amber-btn {
	background-color: #FFC107;
	border-color: #FFC107;
	color: #212121;
}

body .ui-button.amber-btn.ui-state-hover {
	background-color: #FF8F00;
	border-color: #FF8F00;
}

body .ui-button.amber-btn.ui-state-focus {
	outline: 0 none;
	background-color: #ffce3a;
	border-color: #ffce3a;
}

body .ui-button.orange-btn {
	background-color: #FF9800;
	border-color: #FF9800;
}

body .ui-button.orange-btn.ui-state-hover {
	background-color: #EF6C00;
	border-color: #EF6C00;
}

body .ui-button.orange-btn.ui-state-focus {
	outline: 0 none;
	background-color: #ffad33;
	border-color: #ffad33;
}

body .ui-button.brown-btn {
	background-color: #795548;
	border-color: #795548;
}

body .ui-button.brown-btn.ui-state-hover {
	background-color: #4E342E;
	border-color: #4E342E;
}

body .ui-button.brown-btn.ui-state-focus {
	outline: 0 none;
	background-color: #996b5b;
	border-color: #996b5b;
}


.btn-infect,
.ui-datatable tbody > tr > td .ui-button.outline-btn.btn-infect {
	border: 2px solid #FFFFFF;
}

.icon-infect {
	background-image: url('../resources/imagenes/basic/infec-b.png');
	width: 27px !important;
    height: 27px !important;
    background-size: 100% 100% !important;
    background-position: 0 0 !important;
    top: 0 !important;
    left: 0 !important;
    margin-top: -1px !important;
    margin-left: -1px !important;
}
 
.ScoresGrid .ui-datagrid-row:nth-of-type(even) {
	background-color: #f8f8f8;
}
.ScoresGrid .ui-datagrid-row {
	border-radius: 3px;
}
.ScoresGrid .ui-datagrid-row > .ui-datagrid-column {
	padding: 10px 5px;
	border-bottom: 1px solid #d6d7d9;
} 

.scaled12{ transform: scale(1.2); }
.pen-btn { color: #ffd740; }
.pre-btn { color: rgb(33, 150, 243); }
.adm-btn { color: rgb(76, 175, 80); }
.sus-btn { color: rgb(158, 158, 158); }
.ven-btn { color: rgb(244, 67, 54); }
.ant-btn { color: #ba68c8; }

.ind-ven { text-decoration: line-through; color: #d50000; }
.ind-sus { text-decoration: line-through; }
.ind-noprog { background-color: #c5c5c5 !important; }

/* TOPBAR */
.app-name {
	text-transform: uppercase;
	display: inline-block !important;
	font-size: 28px;
	color: #DCF7F8;
	font-weight: bold;
	vertical-align: middle;
	margin-top: 5px;
	margin-left: 15px;
}

@media (max-width: 1024px) {
	.app-name {
		font-size: 20px;
	}
}

.app-name:hover {
	color: #FFFFFF;
}

#user-display {
	display: none !important;
}

.username {
	font-weight: bold;
}

/* ESTO VA por UN ERROR DE PRIMEFACES */

.current-menu {
	/*background: #cacaca;
	border-bottom: 2px solid #333333 !important;*/
}

body .ui-datepicker table td.ui-datepicker-today a {
    background-color: #e5e6e7;
    color: #ffffff;
}

body .ui-datepicker table td a.ui-state-active, body .ui-datepicker table td span.ui-state-active {
    color: #ffffff;
    background-color: #b1e3fc;
}

.ui-datepicker-calendar {
	background-color: white;
}

.paciente-div {
	display: flex;
}

.paciente-div > div:nth-child(1) {
	flex-grow: 1;
	display: flex;
	align-items: center;
}

.paciente-div > div:nth-child(2) {
	flex-grow: 0;
	display: flex;
	align-items: center;
}

.ui-grid{clear:both;padding:0;margin:0}.ui-grid::before,.ui-grid::after{content:"";display:table}.ui-grid::after{clear:both}.ui-grid .ui-grid-row{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;clear:both}.ui-grid-row::after{clear:both;content:"";display:table}.ui-grid-col-1,.ui-grid-col-2,.ui-grid-col-3,.ui-grid-col-4,.ui-grid-col-5,.ui-grid-col-6,.ui-grid-col-7,.ui-grid-col-8,.ui-grid-col-9,.ui-grid-col-10,.ui-grid-col-11,.ui-grid-col-12{float:left;box-sizing:border-box}.ui-grid-col-1{width:8.33333333%}.ui-grid-col-2{width:16.66666667%}.ui-grid-col-3{width:25%}.ui-grid-col-4{width:33.33333333%}.ui-grid-col-5{width:41.66666667%}.ui-grid-col-6{width:50%}.ui-grid-col-7{width:58.33333333%}.ui-grid-col-8{width:66.66666667%}.ui-grid-col-9{width:75%}.ui-grid-col-10{width:83.33333333%}.ui-grid-col-11{width:91.66666667%}.ui-grid-col-12{width:100%}@media(min-width:480px){.ui-grid-fixed{width:480px}}@media(min-width:768px){.ui-grid-fixed{width:768px}}@media(min-width:960px){.ui-grid-fixed{width:960px}}@media(min-width:1024px){.ui-grid-fixed{width:1024px}}@media(max-width:640px){.ui-grid-responsive .ui-grid-row{display:block}.ui-grid-responsive .ui-grid-col-1,.ui-grid-responsive .ui-grid-col-2,.ui-grid-responsive .ui-grid-col-3,.ui-grid-responsive .ui-grid-col-4,.ui-grid-responsive .ui-grid-col-5,.ui-grid-responsive .ui-grid-col-6,.ui-grid-responsive .ui-grid-col-7,.ui-grid-responsive .ui-grid-col-8,.ui-grid-responsive .ui-grid-col-9,.ui-grid-responsive .ui-grid-col-10,.ui-grid-responsive .ui-grid-col-11,.ui-grid-responsive .ui-grid-col-12{width:100%;float:none}}.ui-grid.ui-grid-pad>.ui-grid-row>div{padding:.25em .5em}@media(max-width:640px){.ui-grid-responsive .ui-grid-row{display:block}.ui-grid-responsive .ui-grid-col-1,.ui-grid-responsive .ui-grid-col-2,.ui-grid-responsive .ui-grid-col-3,.ui-grid-responsive .ui-grid-col-4,.ui-grid-responsive .ui-grid-col-5,.ui-grid-responsive .ui-grid-col-6,.ui-grid-responsive .ui-grid-col-7,.ui-grid-responsive .ui-grid-col-8,.ui-grid-responsive .ui-grid-col-9,.ui-grid-responsive .ui-grid-col-10,.ui-grid-responsive .ui-grid-col-11,.ui-grid-responsive .ui-grid-col-12{width:100%;float:none}}.ui-g{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;box-sizing:border-box}.ui-g::after{clear:both;content:"";display:table;box-sizing:border-box}.ui-g-1,.ui-g-2,.ui-g-3,.ui-g-4,.ui-g-5,.ui-g-6,.ui-g-7,.ui-g-8,.ui-g-9,.ui-g-10,.ui-g-11,.ui-g-12{float:left;box-sizing:border-box;padding:.5em}.ui-g-1{width:8.33333333%}.ui-g-2{width:16.66666667%}.ui-g-3{width:25%}.ui-g-4{width:33.33333333%}.ui-g-5{width:41.66666667%}.ui-g-6{width:50%}.ui-g-7{width:58.33333333%}.ui-g-8{width:66.66666667%}.ui-g-9{width:75%}.ui-g-10{width:83.33333333%}.ui-g-11{width:91.66666667%}.ui-g-12{width:100%}.ui-g-offset-12{margin-left:100%}.ui-g-offset-11{margin-left:91.66666667%}.ui-g-offset-10{margin-left:83.33333333%}.ui-g-offset-9{margin-left:75%}.ui-g-offset-8{margin-left:66.66666667%}.ui-g-offset-7{margin-left:58.33333333%}.ui-g-offset-6{margin-left:50%}.ui-g-offset-5{margin-left:41.66666667%}.ui-g-offset-4{margin-left:33.33333333%}.ui-g-offset-3{margin-left:25%}.ui-g-offset-2{margin-left:16.66666667%}.ui-g-offset-1{margin-left:8.33333333%}.ui-g-offset-0{margin-left:0}@media screen and (max-width:40em){.ui-sm-1,.ui-sm-2,.ui-sm-3,.ui-sm-4,.ui-sm-5,.ui-sm-6,.ui-sm-7,.ui-sm-8,.ui-sm-9,.ui-sm-10,.ui-sm-11,.ui-sm-12{padding:.5em}.ui-sm-1{width:8.33333333%}.ui-sm-2{width:16.66666667%}.ui-sm-3{width:25%}.ui-sm-4{width:33.33333333%}.ui-sm-5{width:41.66666667%}.ui-sm-6{width:50%}.ui-sm-7{width:58.33333333%}.ui-sm-8{width:66.66666667%}.ui-sm-9{width:75%}.ui-sm-10{width:83.33333333%}.ui-sm-11{width:91.66666667%}.ui-sm-12{width:100%}.ui-sm-offset-12{margin-left:100%}.ui-sm-offset-11{margin-left:91.66666667%}.ui-sm-offset-10{margin-left:83.33333333%}.ui-sm-offset-9{margin-left:75%}.ui-sm-offset-8{margin-left:66.66666667%}.ui-sm-offset-7{margin-left:58.33333333%}.ui-sm-offset-6{margin-left:50%}.ui-sm-offset-5{margin-left:41.66666667%}.ui-sm-offset-4{margin-left:33.33333333%}.ui-sm-offset-3{margin-left:25%}.ui-sm-offset-2{margin-left:16.66666667%}.ui-sm-offset-1{margin-left:8.33333333%}.ui-sm-offset-0{margin-left:0}}@media screen and (min-width:40.063em){.ui-md-1,.ui-md-2,.ui-md-3,.ui-md-4,.ui-md-5,.ui-md-6,.ui-md-7,.ui-md-8,.ui-md-9,.ui-md-10,.ui-md-11,.ui-md-12{padding:.2em;}.ui-md-1{width:8.33333333%}.ui-md-2{width:16.66666667%}.ui-md-3{width:25%}.ui-md-4{width:33.33333333%}.ui-md-5{width:41.66666667%}.ui-md-6{width:50%}.ui-md-7{width:58.33333333%}.ui-md-8{width:66.66666667%}.ui-md-9{width:75%}.ui-md-10{width:83.33333333%}.ui-md-11{width:91.66666667%}.ui-md-12{width:100%}.ui-md-offset-12{margin-left:100%}.ui-md-offset-11{margin-left:91.66666667%}.ui-md-offset-10{margin-left:83.33333333%}.ui-md-offset-9{margin-left:75%}.ui-md-offset-8{margin-left:66.66666667%}.ui-md-offset-7{margin-left:58.33333333%}.ui-md-offset-6{margin-left:50%}.ui-md-offset-5{margin-left:41.66666667%}.ui-md-offset-4{margin-left:33.33333333%}.ui-md-offset-3{margin-left:25%}.ui-md-offset-2{margin-left:16.66666667%}.ui-md-offset-1{margin-left:8.33333333%}.ui-md-offset-0{margin-left:0}}@media screen and (min-width:64.063em){.ui-lg-1,.ui-lg-2,.ui-lg-3,.ui-lg-4,.ui-lg-5,.ui-lg-6,.ui-lg-7,.ui-lg-8,.ui-lg-9,.ui-lg-10,.ui-lg-11,.ui-lg-12{padding:.5em}.ui-lg-1{width:8.33333333%}.ui-lg-2{width:16.66666667%}.ui-lg-3{width:25%}.ui-lg-4{width:33.33333333%}.ui-lg-5{width:41.66666667%}.ui-lg-6{width:50%}.ui-lg-7{width:58.33333333%}.ui-lg-8{width:66.66666667%}.ui-lg-9{width:75%}.ui-lg-10{width:83.33333333%}.ui-lg-11{width:91.66666667%}.ui-lg-12{width:100%}.ui-lg-offset-12{margin-left:100%}.ui-lg-offset-11{margin-left:91.66666667%}.ui-lg-offset-10{margin-left:83.33333333%}.ui-lg-offset-9{margin-left:75%}.ui-lg-offset-8{margin-left:66.66666667%}.ui-lg-offset-7{margin-left:58.33333333%}.ui-lg-offset-6{margin-left:50%}.ui-lg-offset-5{margin-left:41.66666667%}.ui-lg-offset-4{margin-left:33.33333333%}.ui-lg-offset-3{margin-left:25%}.ui-lg-offset-2{margin-left:16.66666667%}.ui-lg-offset-1{margin-left:8.33333333%}.ui-lg-offset-0{margin-left:0}}@media screen and (min-width:90.063em){.ui-xl-1,.ui-xl-2,.ui-xl-3,.ui-xl-4,.ui-xl-5,.ui-xl-6,.ui-xl-7,.ui-xl-8,.ui-xl-9,.ui-xl-10,.ui-xl-11,.ui-xl-12{padding:.5em}.ui-xl-1{width:8.33333333%}.ui-xl-2{width:16.66666667%}.ui-xl-3{width:25%}.ui-xl-4{width:33.33333333%}.ui-xl-5{width:41.66666667%}.ui-xl-6{width:50%}.ui-xl-7{width:58.33333333%}.ui-xl-8{width:66.66666667%}.ui-xl-9{width:75%}.ui-xl-10{width:83.33333333%}.ui-xl-11{width:91.66666667%}.ui-xl-12{width:100%}.ui-xl-offset-12{margin-left:100%}.ui-xl-offset-11{margin-left:91.66666667%}.ui-xl-offset-10{margin-left:83.33333333%}.ui-xl-offset-9{margin-left:75%}.ui-xl-offset-8{margin-left:66.66666667%}.ui-xl-offset-7{margin-left:58.33333333%}.ui-xl-offset-6{margin-left:50%}.ui-xl-offset-5{margin-left:41.66666667%}.ui-xl-offset-4{margin-left:33.33333333%}.ui-xl-offset-3{margin-left:25%}.ui-xl-offset-2{margin-left:16.66666667%}.ui-xl-offset-1{margin-left:8.33333333%}.ui-xl-offset-0{margin-left:0}}.ui-g-nopad{padding:0}

.logo {
	width: 100% !important;
    height: 100% !important;
    padding: 0.5em !important;
    margin-top: 0 !important;
}

.login-panel {
	background-color: rgba(255, 255, 255, 0.4) !important;
}

.datagrid-2-cols .ui-datagrid-column { width: 50% !important; min-width: 50% !important; max-width: 50% !important; }
.datagrid-3-cols .ui-datagrid-column { width: 33% !important; min-width: 33% !important; max-width: 33% !important; }

.ui-button.btn-emergency,
.ui-button.btn-previous {
	text-shadow: -1px -1px 1px #222222;
	box-shadow: 2px 2px 5px #000000;
	-moz-box-shadow: 2px 2px 5px #000000;
	-webkit-box-shadow: 2px 2px 5px #000000;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	width: 100px;
	height: 80px;
}

.footer {
/*   position: absolute; */
/*   bottom: 0; */
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  /*line-height: 40px; /* Vertically center the text there */ */
}

.btn-volver {
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	font-size: 20px !important;
}

.btn-salir {
	background: red !important;
	border-color: red !important;
	margin-top: 0px;
	margin-bottom: 0px;
	float: right;
	/*float: left;*/
	font-size: 40px !important;
}

@media (max-width: 500px) {
	.toopbar-logo {
		display: none;
	}
	
	.btn-app-opciones {
		font-size: 15px;
	}
	
	.btn-terminal-ag {
		font-size: 15px;
		min-height: 150px !important;
	}
}

@media (min-width: 501px) and (max-width: 800px) {
	.toopbar-logo {
		display: none;
	}
	
	.btn-app-opciones {
		font-size: 30px !important;
		min-height: 100px !important;
	}
	
	.btn-terminal-ag {
		font-size: 30px !important;
		min-height: 180px !important;
	}
}

@media (min-width: 801px) {
	.btn-app-opciones {
		font-size: 50px !important;
	}
	
	.btn-terminal-ag {
		font-size: 35px !important;
		min-height: 180px !important;
	}
}

.pt-0 {
	padding-top: 0px;
}

.pb-0 {
	padding-bottom: 0px;
}

.mt-0 {
	margin-top: 0px;
}

.mb-0 {
	margin-bottom: 0px;
}

.card {
	background-color: rgba(255, 255, 255, .5) !important;
}

.layout-wrapper .layout-topbar {
	width: 100vw !important;
}