﻿/* DEFAULTS
----------------------------------------------------------*/

/*
#accordion .ui-accordion-content
{
     background: #f6f6f6; 
    z-index:1; 
    padding-top:0px; 
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-left: 1px solid rgba(0, 0, 0, .2);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-top: 0px solid rgba(0, 0, 0, .2);
    margin: 0;
    padding: 2px;
}

#accordion .ui-accordion-header 
{
    box-sizing:0;
    background-image: url('../images/BackJQ.png');
    line-height: 21px;
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-left: 0px solid rgba(0, 0, 0, .2);
    border-bottom: 0px solid rgba(0, 0, 0, .2);
    border-top: 0px solid rgba(0, 0, 0, .2);
}
#accordion .ui-accordion-header:hover {
        color: darkred;
    }    
*/



hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0; 
}

html, body {
    height: 100%;
 /*   overflow-y: hidden;*/
    font-family: 'Work Sans';
}

.accordionContent
        {
            background-color: #D3DEEF;
            border-color: -moz-use-text-color #2F4F4F #2F4F4F;
            border-right: 1px dashed #2F4F4F;
            border-style: none dashed dashed;
            border-width: medium 1px 1px;
            padding: 10px 5px 5px;
          
        }
        .accordionHeaderSelected
        {
            padding :5px;
            background-color: White;
            border-top: 1px solid #F5F5F5;
            border-left: 1px solid #F5F5F5;
            border-right: 1px solid #F5F5F5;
            border-bottom: 0px solid #F5F5F5;
            color: #445388;
            cursor: pointer;
            font-family: Verdana,Arial,Sans-Serif;
            font-size: 13px;
            font-weight: normal;
            margin-top: 5px;
            padding: 5px;
            background-image: url('../images/MnuBackDown.png');
            background-position: left top;
            background-repeat: repeat;
            height: 20px;
        }
        .accordionHeader
        {
            padding :5px;
            background-color: White;
            border-top: 1px solid #F5F5F5;
            border-left: 1px solid #F5F5F5;
            border-right: 1px solid #F5F5F5;
            border-bottom: 0px solid #F5F5F5;
            color: #667588;
            cursor: pointer;
            font-family: Verdana,Arial,Sans-Serif;
            font-size: 13px;
            font-weight: normal;
            margin-top: 5px;
            padding: 5px;
            background-image: url('../images/MnuBack.png');
            background-position: left top;
            background-repeat: repeat;
            height: 20px;
        }
        .accordionPane
        {
              border-top: 0px solid #F5F5F5;
            border-left: 0px solid #F5F5F5;
            border-right: 0px solid #F5F5F5;
            border-bottom: 1px solid #E5E5E5;
              background-color: #FAFAFA;
        }

fieldset {
    /* background-color: #eeeeee;*/
    padding: 15px;
    border: 1px solid #C6D5E8;
    border-radius: 4px;
    background-color: #FDFDFB;
}

legend {
    /*background-color: gray;
    color: white;*/
    padding: 5px 10px;
}


.textbox { 
    background-color: #FFFFFF; 
    border: solid 1px #ABC1D0;  
    /*outline: none; */
     font-family: Verdana,Arial;
    font-size: 8pt;
    padding: 2px 2px; 
    border-radius: 2px;
    color: #444455;
    height: 16px;
    outline: none;
} 
.textbox:hover { 
    background-color: #fdf9ea; 
    border: solid 1px #067588; 
} 
.textbox:focus { 
    /*background-color: #fdf9ea; 
    border: solid 1px #067588;*/ 
      border: 1px solid #5897fb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
} 
.textbox:active { 
    /*background-color: #fdf9ea;
    border: solid 1px #067588;*/  
      border: 1px solid #5897fb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.textboxFields {
    background-color: #FFFFFF;
    border: solid 1px #ABC1D0;
    /*outline: none; */
    font-family: Verdana,Arial;
    font-size: 12pt;
    padding: 2px 2px;
    border-radius: 2px;
    color: #444455;
}

    .textboxFields:hover {
        background-color: #fdf9ea;
        border: solid 1px #067588;
    }

    .textboxFields:focus {
        background-color: #fdf9ea;
        border: solid 1px #067588;
    }

    .textboxFields:active {
        background-color: #fdf9ea;
        border: solid 1px #067588;
    }

.textbox_WaterMarked { 
    background-color: #FFFFFF; 
    border: solid 1px #ABC1D0; 
    /*outline: none; */
    height :10;
    font-style:italic;
    color: LightGray;
    padding: 2px 2px; 
    border-radius: 2px;
} 

.textboxWithBorder { 
    background-color: #FFFFFF; 
    border: solid 1px #ABC1D0;  
    outline: none; 
     font-family: Verdana,Arial;
    font-size: 8pt;
    padding: 2px 2px; 
    border-radius: 2px;
    color: #444455;

} 

.textboxNoBorder { 
    background-color: #FFFFFF; 
    border: solid 0px #FFFFFF; 
    /*outline: none; */
    font-family: Verdana,Arial;
    font-size: 8pt;
    padding: 0px 0px;     
    color: #444455;
    height: 16px;
} 

.textboxNoBorder:hover { 
    background-color: #FFFFFF; 
    border: solid 0px #FFFFFF; 
} 
.textboxNoBorder:focus { 
    background-color: #FFFFFF; 
    border: solid 0px #FFFFFF; 
    outline: none;
} 
.textboxNoBorder:active { 
    background-color: #FFFFFF;
    border: solid 0px #FFFFFF;  
}

.textbox_WaterMarked_User { 
    background-color: #FFFFFF; 
    border: solid 1px #ABC1D0; 
    /*outline: none; */
    height :10;
    font-style:italic;
    color: White;
    padding: 2px 2px; 
    border-radius: 2px;
   background-image:url('../images/txtWatermark_User.png') ;
   background-repeat:no-repeat;
} 
.textbox_WaterMarked_Pass { 
    background-color: #FFFFFF; 
    border: solid 1px #ABC1D0; 
    /*outline: none; */
    height :10;
    font-style:italic;
    color: White;
    font-size: 6pt;
    padding: 2px 2px; 
    border-radius: 2px;
    TextMode:SingleLine;
   background-image:url('../images/txtWatermark_Pass.png') ;
   background-repeat:no-repeat;
} 

.select  
{
    font-family: Verdana,Arial;
    font-size: 8pt;
    background-color: #FFFFFF; 
    border: solid 1px #ABC1D0;  
    height :22px;
    padding: 2px 2px; 
    border-radius: 2px;       
    color: #444455;        
   /* background-image :url(../Images/buttonuser.png);*/
}
    .select:hover {
        background-color: #fdf9ea;
        /* border: solid 1px #067588; */
        border: 1px solid var(--blue-blue-30, #A8BEFF);
       /* background-image: url(../Images/buttonuserHover.png);*/
    } 
.select:focus { 
    background-color: #fdf9ea; 
    border: solid 1px #067588; 
} 
.select:active { 
    background-color: #fdf9ea;
    border: solid 1px #067588;  
}

.select select { 
    background-color: #fdf9ea; 
    border: solid 1px #067588;     

} 

.selectDisable  
{
    font-family: Verdana,Arial;
    font-size: 8pt;
    background-color: #FFFFFF; 
    border: solid 1px #ABC1D0;  
    height :10;
    padding: 2px 2px; 
    border-radius: 2px;       
    color: #444455;        
    background-image :url(../Images/buttonuserGray.png);
} 

.buttondropdown {      
    font-family: Verdana,Arial;
    font-size: 8pt;
    font-weight: normal;
    font-style: normal;
    color: #525F6D;
    background-image: url('../Images/buttonuser.png');
    height: 26px;
    border-radius: 2px;
    border: solid 1px #ABC1D0;
}


.buttondropdown:hover {
    font-family: Verdana,Arial;
    font-size: 8pt;
    font-weight: normal;
    font-style: normal;    
    color: #525F6D;
    background-image: url('../Images/buttonuserHover.png');
    height: 26px;
    border-radius: 2px;
    border: solid 1px #ABC1D0;
}

.buttondropdownV2 {
    /*font-family: Verdana,Arial;
    font-size: 8pt;
    font-weight: normal;
    font-style: normal;
    color: #525F6D;
    background-image: url('../Images/buttonuser.png');
    height: 26px;
    border-radius: 2px;
    border: solid 1px #ABC1D0;*/
    font-size: 11pt;
    font-family: 'Work Sans';
    display: flex;
    padding: 6px 12px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--neutral-neutral-20, #D5D8DB);
    background: #FEFEFE;
    /* Shadow/Shadow-XS */
    box-shadow: 0px 3px 2px -1px rgba(0, 0, 0, 0.02), 0px 1px 1px -1px rgba(0, 0, 0, 0.04);
    outline: none;
}


    .buttondropdownV2:hover {
        /*  font-family: Verdana,Arial;
        font-size: 8pt;
        font-weight: normal;
        font-style: normal;
        color: #525F6D;
        background-image: url('../Images/buttonuserHover.png');
        height: 26px;
        border-radius: 2px;
        border: solid 1px #ABC1D0;*/
        border-radius: 8px;
        border: 1px solid var(--blue-blue-30, #A8BEFF);
        background: #FFF;
        outline: none;
    }

/*.buttonuser {      
    font-family: Verdana,Arial;
    font-size: 8pt;
    font-weight: normal;
    font-style: normal;
    color: #525F6D;
    background-image: url('../Images/buttonuser.png');
    height: 26px;
    border-radius: 2px;
    border: solid 1px #ABC1D0;
}


.buttonuser:hover {
    font-family: Verdana,Arial;
    font-size: 8pt;
    font-weight: normal;
    font-style: normal;    
    color: #525F6D;
    background-image: url('../Images/buttonuserHover.png');
    height: 26px;
    border-radius: 2px;
    border: solid 1px #ABC1D0;
}*/

.buttonuser {
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:linear-gradient(to bottom, #e2ebf5 5%, #c8d9eb 100%);
	background-color:#e2ebf5;
	border-radius:4px;
	border:1px solid #ABC1D0;
	display:inline-block;
	cursor:pointer;
	color:#5f6e80;
	font-family:Verdana;
	font-size:12px;
	padding:6px 10px;
	text-decoration:none;
}
.buttonuser:hover {
	background:linear-gradient(to bottom, #c8d9eb 5%, #e2ebf5 100%);
	background-color:#c8d9eb;
}
.buttonuser:active {
	position:relative;
	top:1px;
}


.buttonuserFlat {
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:linear-gradient(to bottom, #e2ebf5 5%, #c8d9eb 100%);
	background-color:#e2ebf5;
	border-radius:4px;
	border:1px solid #ABC1D0;
	display:inline-block;
	cursor:pointer;
	color:#5f6e80;
	font-family:Verdana;
	font-size:11px;
	padding:3px 5px;
	text-decoration:none;
}
.buttonuserFlat:hover {
	background:linear-gradient(to bottom, #c8d9eb 5%, #e2ebf5 100%);
	background-color:#c8d9eb;
}
.buttonuserFlat:active {
	position:relative;
	top:1px;
}


.operator { 
    background-color: #667588; 
    border: solid 1px #ABC1D0;
    outline: none; 
    color :#F5F5F5;
     border-radius: 3px;
} 
.operator:hover { 
    background-color: #667588; 
    border: solid 1px #ABC1D0; 
     color :#F0F0F0;
} 
.operator:focus { 
    background-color: #667588; 
    border: solid 1px #ABC1D0; 
    color :#F0F0F0;
} 
.operator:active { 
    background-color: #667588;
    border: solid 1px #ABC1D0; 
     color :#F0F0F0;
}

/* unvisited link */
a:link {
    color: #000000;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: #000000;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #333388;
    text-decoration: none;
}

/* selected link */
a:active {
    color: #333388;
    text-decoration: underline;
}

.mGrid {
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #e5e5ea;
    border-collapse: collapse;
    font-size: 12px;
}

    .mGrid td {
        padding: 2px;
        border: solid 0px #ececdf;
        color: #515151;
        font-size: 12px;
    }

    .mGrid th {
        padding: 4px 2px;
        color: #424066;
        background: #C7DCF3 url(../Images/grd_head2.png) repeat-x top;
        border-left: solid 1px #d5d5da;
        border-right: solid 1px #d5d5da;
        border-top: solid 1px #d5d5da;
        border-bottom: solid 1px #d5d5da;
        /*font-size: 0.9em;*/
        text-align: left;
        font-family: Arial;
        font-size: 12px;
    }

    .mGrid .row {
        background: #fbfbfc;
    }

    .mGrid .rowYellow {
        background: #FFFFcc;
    }

    .mGrid .rowRed {
        background: #FFE6E6;
    }

    .mGrid .rowBlue {
        background: #E1EBF7;
    }

    .mGrid .rowGreen {
        background: #E0F3E6;
    }

    .mGrid .alt {
        background: #f6f6f7; /*url(../Images/grd_alt2.png) repeat-x top;*/
    }

    .mGrid .altYellow {
        background: #f5f5c4; /* url(../Images/grd_altYellow.png) repeat-x top;*/
    }

    .mGrid .altRed {
        background: #FFDAD9; /*url(../Images/grd_altRed.png) repeat-x top;*/
    }

    .mGrid .altBlue {
        background: #DDE8F1; /*url(../Images/grd_altBlue.png) repeat-x top;*/
    }

    .mGrid .altGreen {
        background: #D7EFDE; /*url(../Images/grd_altGreen.png) repeat-x top;*/
    }

    .mGrid .pgr {
        background: #E2EAF5; /*url(../Images/grd_pgr2.png) repeat-x top;*/
    }

        .mGrid .pgr table {
            margin: 5px 0;
        }

        .mGrid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #d5d5da;
            font-weight: bold;
            color: #911818;
            line-height: 9px;
        }

        .mGrid .pgr a {
            color: #666;
            text-decoration: none;
        }

            .mGrid .pgr a:hover {
                color: #A00;
                text-decoration: none;
                background-color: #E2EAF5;
            }

    .mGrid tr:hover, .mGrid tr.row:hover, .mGrid tr.alt:hover, .mGrid tr.altBlue:hover, .mGrid tr.altYellow:hover, .mGrid tr.altRed:hover, .mGrid tr.altGreen:hover {
        background-color: #E2EAF5;
        opacity: 0.6;
        background-image: none;
    }

    .mGrid .pgr td:hover, .mGrid .pgr td.row:hover, .mGrid .pgr td.alt:hover, .mGrid .pgr td.altBlue:hover, .mGrid .pgr td.altYellow:hover, .mGrid .pgr td.altRed:hover, .mGrid .pgr td.altGreen:hover {
        background-color: #E2EAF5;
        opacity: 0.6;
        background-image: none;
    }

    .mGrid .pgr th:hover, .mGrid .pgr th.row:hover, .mGrid .pgr th.alt:hover, .mGrid .pgr th.altBlue:hover, .mGrid .pgr th.altYellow:hover, .mGrid .pgr th.altRed:hover, .mGrid .pgr th.altGreen:hover {
        background-color: #E2EAF5;
        opacity: 0.6;
        background-image: none;
    }

    .mGrid .pgr tr:hover, .mGrid .pgr tr.row:hover, .mGrid .pgr tr.alt:hover, .mGrid .pgr tr.altBlue:hover, .mGrid .pgr tr.altYellow:hover, .mGrid .pgr tr.altRed:hover, .mGrid .pgr tr.altGreen:hover {
        background-color: #E2EAF5;
        opacity: 0.6;
        background-image: none;
    }

.mGridFields {
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #e5e5ea;
    border-collapse: collapse;
    font-size: 16px;
    padding: 5px;
}

    .mGridFields td {
        padding: 2px;
        border: solid 1px #ececdf;
        color: #515151;
        font-size: 16px;
    }

    .mGridFields th {
        padding: 4px 2px;
        color: #424066;
        background: #C7DCF3 url(../Images/grd_head2.png) repeat-x top;
        border-left: solid 1px #d5d5da;
        border-right: solid 1px #d5d5da;
        border-top: solid 1px #d5d5da;
        border-bottom: solid 1px #d5d5da;
        /*font-size: 0.9em;*/
        text-align: left;
        font-family: Arial;
        font-size: 16px;
    }

    .mGridFields .row {
        background: #fbfbfc;
    }

    .mGridFields .rowYellow {
        background: #FFFFcc;
    }

    .mGridFields .rowRed {
        background: #FFE6E6;
    }

    .mGridFields .rowBlue {
        background: #E1EBF7;
    }

    .mGridFields .rowGreen {
        background: #E0F3E6;
    }

    .mGridFields .alt {
        background: #f6f6f7; /*url(../Images/grd_alt2.png) repeat-x top;*/
    }

    .mGridFields .altYellow {
        background: #f5f5c4; /* url(../Images/grd_altYellow.png) repeat-x top;*/
    }

    .mGridFields .altRed {
        background: #FFDAD9; /*url(../Images/grd_altRed.png) repeat-x top;*/
    }

    .mGridFields .altBlue {
        background: #DDE8F1; /*url(../Images/grd_altBlue.png) repeat-x top;*/
    }

    .mGridFields .altGreen {
        background: #D7EFDE; /*url(../Images/grd_altGreen.png) repeat-x top;*/
    }

    .mGridFields .pgr {
        background: #E2EAF5; /*url(../Images/grd_pgr2.png) repeat-x top;*/
    }

        .mGridFields .pgr table {
            margin: 5px 0;
        }

        .mGridFields .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #d5d5da;
            font-weight: bold;
            color: #911818;
            line-height: 9px;
        }

        .mGridFields .pgr a {
            color: #666;
            text-decoration: none;
        }

            .mGridFields .pgr a:hover {
                color: #A00;
                text-decoration: none;
                background-color: #E2EAF5;
            }

    .mGridFields tr:hover, .mGridFields tr.row:hover, .mGridFields tr.alt:hover, .mGridFields tr.altBlue:hover, .mGridFields tr.altYellow:hover, .mGridFields tr.altRed:hover, .mGridFields tr.altGreen:hover {
        background-color: #FFFFBC;
        background-image: none;
    }

    .mGridFields .pgr td:hover, .mGridFields .pgr td.row:hover, .mGridFields .pgr td.alt:hover, .mGridFields .pgr td.altBlue:hover, .mGridFields .pgr td.altYellow:hover, .mGridFields .pgr td.altRed:hover, .mGridFields .pgr td.altGreen:hover {
        background-color: #E2EAF5;
        background-image: none;
    }

    .mGridFields .pgr th:hover, .mGridFields .pgr th.row:hover, .mGridFields .pgr th.alt:hover, .mGridFields .pgr th.altBlue:hover, .mGridFields .pgr th.altYellow:hover, .mGridFields .pgr th.altRed:hover, .mGridFields .pgr th.altGreen:hover {
        background-color: #E2EAF5;
        background-image: none;
    }

    .mGridFields .pgr tr:hover, .mGridFields .pgr tr.row:hover, .mGridFields .pgr tr.alt:hover, .mGridFields .pgr tr.altBlue:hover, .mGridFields .pgr tr.altYellow:hover, .mGridFields .pgr tr.altRed:hover, .mGridFields .pgr tr.altGreen:hover {
        background-color: #E2EAF5;
        background-image: none;
    }

.ButtonAsLink{
   background-color:transparent;
   border:none;
   color:#034AF3;
   font-size: 12px;
   cursor:pointer;
   text-decoration:underline;
   font-weight:normal;
   padding: 0px 0px 0px 0px; 
 }



.tabela
{
    padding: 0px 0px 0px 0px;
    border: 1px solid #C6D5E8; /*#E5E5E0*/
        border-radius: 4px;
        background-color: #FCFCFA; /*FCFCFA*/
        width: 100%;
    }

.text_normal
{
	font-family: Arial;
	font-weight: normal;
    font-size: 9pt;
	color: #5f6e80;/*#505E69; */
}

.text_normal_red
{
	font-family: Arial;
	font-weight: normal;
    font-size: 9pt;
	color: #A20066; 
}

.text_normal_red_bold
{
	font-family: Arial;
    font-size: 11pt;
    font-weight:bold;
	color: #CC4466; 
}

.text_comment
{
	font-family: Verdana;
	font-weight: normal;
    font-size: 7pt;
	color: #ABABAB; 
}

.text_divTitle {   
    Font-Size: 10pt; 
    Font-family: Verdana;
    /*color: #592421;*/   
    color: #5c2c29;
    text-decoration: none; 
}
.text_divTitle:link { 
    Font-Size: 10pt; 
    Font-family: Verdana;
    /*color: #592421;*/   
    color: #5c2c29;
    text-decoration: none;
} 
.text_divTitle:active { 
    Font-Size: 10pt; 
    Font-family: Verdana;
    /*color: #592421;*/   
    color: #5c2c29;
    text-decoration: none;
} 
.text_divTitle:hover { 
    Font-Size: 10pt; 
    Font-family: Verdana;
    /*color: #592421;*/   
    color: #5c2c29;
    text-decoration: none;
} 
.text_divTitle:focus { 
    Font-Size: 10pt; 
    Font-family: Verdana;
    /*color: #592421;*/   
    color: #5c2c29;
    text-decoration: none;
} 

.botoesgvuser{	
	font-family:Arial;
	font-size:8pt;
	font-weight:bold;
	font-style:normal;
	color:#505E69;
	background-color:#C6D3DC;
	border-style:outset;
	border-width:2px;
	border-color:#BBC9D4;
}

.botoesgvuser2{	
	font-family:Arial;
	font-size:8pt;
	font-weight:bold;
	font-style:normal;
	color:#505E69;
	background-color:#C6D3DC;
		border-style:solid;
	border-width:1px;
	border-color:#F8FCFF;
}

.botoesgvuser2:hover {
	font-family:Arial;
	font-size:8pt;
	font-weight:bold;
	font-style:normal;
	color:#505E69;
	background-color:#E6E3FC;
		border-style:solid;
	border-width:1px;
	border-color:#F8FCFF;	
}


.datagrid_header
{
	background-color: #C6D3DC;
	font-family: Verdana;
	color: #ffffff;
	font-weight: BOLD;
	font-size: 7pt;
	text-decoration: none;
}

body   
{
    background: #FFFFFF;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    
    scrollbar-base-color: #D9D9D9;
    scrollbar-3dlight-color: #D9D9D9;
    scrollbar-highlight-color: #D9D9D9;
    scrollbar-track-color: #FAFAFA;
    scrollbar-arrow-color: #EAEAEA;
    scrollbar-shadow-color: #D9D9D9;
    scrollbar-dark-shadow-color: #D9D9D9;
}

#divImage2 {
    position: absolute;
    padding: 4px;
    top: 0px;
    right: 0px;
    color: gray;
    font-size: 13px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    width: 150px;
    height:20px;

 }
.Titulo
{
    font-size: 34px;
    color: #00B7C6;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    
}

.tabelaAlertaInfo {
border: 1px solid #688CAF;
padding: 0px 0px 0px 0px;
background-color: #F9FAFB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;	
	text-decoration: none;
	
}

.tabelaAlertaErro {
border: 1px solid #688CAF;
padding: 0px 0px 0px 0px;
background-color: #F9FAFB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;	
	text-decoration: none;
}

.tabelaAlertaOk {
border: 1px solid #688CAF;
padding: 0px 0px 0px 0px;
background-color: #F9FAFB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;	
	text-decoration: none;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.2; }
}

/*a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}*/


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    background-color: #ffffff;
    /*margin: 20px auto 0px auto;*/
    margin: 20px 20px 0px 20px;
    border: 1px solid #496077;
    position: absolute;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #ffffff;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    background: #ffffff;
    padding: 0px 12px;
    /*margin: 12px 8px 8px 8px;*/
    margin: 50px 20px 10px 20px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


.CalendarExtenderCSS .ajax__calendar_container
{
width:190px;
 border:1px solid #848499;
    background-color: #F4F4F4;
font-family:'work sans',verdana,arial,helvetica,tahoma;
font-size:10pt;

-moz-border-radius-topleft: 8px/*{cornerRadius}*/; -webkit-border-top-left-radius: 8px/*{cornerRadius}*/; -khtml-border-top-left-radius: 8px/*{cornerRadius}*/; border-top-left-radius: 8px/*{cornerRadius}*/;
-moz-border-radius-topright: 8px/*{cornerRadius}*/; -webkit-border-top-right-radius: 8px/*{cornerRadius}*/; -khtml-border-top-right-radius: 8px/*{cornerRadius}*/; border-top-right-radius: 8px/*{cornerRadius}*/; 
-moz-border-radius-bottomleft: 8px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 8px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 8px/*{cornerRadius}*/; border-bottom-left-radius: 8px/*{cornerRadius}*/;
-moz-border-radius-bottomright: 8px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 8px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 8px/*{cornerRadius}*/; border-bottom-right-radius: 8px/*{cornerRadius}*/;
}
.CalendarExtenderCSS .ajax__calendar_body
{
width:182px;
height:144px;
background-color: #F4F4F4; border: solid 0px #eeeeee;
}
.CalendarExtenderCSS .ajax__calendar_header
{
background-color: #8591A0; margin-bottom: 10px;
-moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/;
-moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; 
-moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/;
-moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/;
} 
.CalendarExtenderCSS .ajax__calendar_title
{
color: #ffffff; padding-top: 2px;
}
.CalendarExtenderCSS .ajax__calendar_prev {cursor:pointer;width:15px;height:16px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);
                      border:solid 1px #ffffff; margin-top: 1px;margin-left: 1px;
background-color: #8591A0;
-moz-border-radius-topleft: 18px; -webkit-border-top-left-radius: 18px; -khtml-border-top-left-radius: 18px; border-top-left-radius: 18px;
-moz-border-radius-topright: 18px; -webkit-border-top-right-radius: 18px; -khtml-border-top-right-radius: 18px; border-top-right-radius: 18px; 
-moz-border-radius-bottomleft: 18px; -webkit-border-bottom-left-radius: 18px; -khtml-border-bottom-left-radius: 18px; border-bottom-left-radius: 18px;
-moz-border-radius-bottomright: 18px; -webkit-border-bottom-right-radius: 18px; -khtml-border-bottom-right-radius: 18px; border-bottom-right-radius: 18px;}
.CalendarExtenderCSS .ajax__calendar_next {cursor:pointer;width:15px;height:16px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);
                       border:solid 1px #ffffff; margin-top: 1px;margin-right: 1px;
background-color: #8591A0;
-moz-border-radius-topleft: 18px; -webkit-border-top-left-radius: 18px; -khtml-border-top-left-radius: 18px; border-top-left-radius: 18px;
-moz-border-radius-topright: 18px; -webkit-border-top-right-radius: 18px; -khtml-border-top-right-radius: 18px; border-top-right-radius: 18px; 
-moz-border-radius-bottomleft: 18px; -webkit-border-bottom-left-radius: 18px; -khtml-border-bottom-left-radius: 18px; border-bottom-left-radius: 18px;
-moz-border-radius-bottomright: 18px; -webkit-border-bottom-right-radius: 18px; -khtml-border-bottom-right-radius: 18px; border-bottom-right-radius: 18px;}
.CalendarExtenderCSS .ajax__calendar_hover .ajax__calendar_next
{
border:solid 1px #FF7F50; margin-top: 1px;margin-right: 1px;
background-color: #8591A0;
-moz-border-radius-topleft: 18px; -webkit-border-top-left-radius: 18px; -khtml-border-top-left-radius: 18px; border-top-left-radius: 18px;
-moz-border-radius-topright: 18px; -webkit-border-top-right-radius: 18px; -khtml-border-top-right-radius: 18px; border-top-right-radius: 18px; 
-moz-border-radius-bottomleft: 18px; -webkit-border-bottom-left-radius: 18px; -khtml-border-bottom-left-radius: 18px; border-bottom-left-radius: 18px;
-moz-border-radius-bottomright: 18px; -webkit-border-bottom-right-radius: 18px; -khtml-border-bottom-right-radius: 18px; border-bottom-right-radius: 18px;
}
.CalendarExtenderCSS .ajax__calendar_hover .ajax__calendar_prev
{
border:solid 1px #FF7F50; margin-top: 1px;margin-left: 1px;
background-color: #8591A0;
-moz-border-radius-topleft: 18px; -webkit-border-top-left-radius: 18px; -khtml-border-top-left-radius: 18px; border-top-left-radius: 18px;
-moz-border-radius-topright: 18px; -webkit-border-top-right-radius: 18px; -khtml-border-top-right-radius: 18px; border-top-right-radius: 18px; 
-moz-border-radius-bottomleft: 18px; -webkit-border-bottom-left-radius: 18px; -khtml-border-bottom-left-radius: 18px; border-bottom-left-radius: 18px;
-moz-border-radius-bottomright: 18px; -webkit-border-bottom-right-radius: 18px; -khtml-border-bottom-right-radius: 18px; border-bottom-right-radius: 18px;
}
.CalendarExtenderCSS .ajax__calendar_dayname
{
text-align:center; margin-bottom: 4px; margin-top: 2px;
color:#000000;
} 
.CalendarExtenderCSS .ajax__calendar_day,
.CalendarExtenderCSS .ajax__calendar_month,
.CalendarExtenderCSS .ajax__calendar_year
{
margin:1px 1px 1px 1px;
text-align:right;
border:solid 1px #eeeeee;
color:#444444;
background-color: #d1d8e0; font-size: 9pt;
}
.CalendarExtenderCSS .ajax__calendar_hover .ajax__calendar_day,
.CalendarExtenderCSS .ajax__calendar_hover .ajax__calendar_month,
.CalendarExtenderCSS .ajax__calendar_hover .ajax__calendar_year
{
color: #ffffff; font-weight:normal; background-color: #667588;border:solid 1px #328BC8;font-size: 9pt;
}
.CalendarExtenderCSS .ajax__calendar_active .ajax__calendar_day,
.CalendarExtenderCSS .ajax__calendar_active .ajax__calendar_month,
.CalendarExtenderCSS .ajax__calendar_active .ajax__calendar_year
{
color: #ffffff; font-weight:bold;background-color: #667588;	 /*background-color: #F7B64A;	*/
}
.CalendarExtenderCSS .ajax__calendar_today .ajax__calendar_day
{
color: #CC0505; font-weight:bold; background-color: #F4F4F4;	
}

.ajax__calendar_days
{
background-color: #F4F4F4; 
}
.CalendarExtenderCSS .ajax__calendar_other,
.CalendarExtenderCSS .ajax__calendar_hover .ajax__calendar_today
{
color: maroon;
font-weight:normal;
background-color: #F4F4F4;
}

.CalendarExtenderCSS .ajax__calendar_other .ajax__calendar_day {background-color:#F4F4F4;border-color:#ffffff;color:#9a9a9a;}
.CalendarExtenderCSS .ajax__calendar_other .ajax__calendar_year {background-color:#F4F4F4;border-color:#ffffff;color:#9a9a9a;}

/* TAB MENU   
----------------------------------------------------------*/



/* FORM ELEMENTS   
----------------------------------------------------------*/



/* MISC  
----------------------------------------------------------*/


/* TABLES  
----------------------------------------------------------*/

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 0px;
}

::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.7);
}


::-webkit-scrollbar-corner {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
}


/*RWS V2*/

.LabelOption {
    --fa-primary-color: #426490;
    --fa-secondary-color: #adbbce;
    --fa-primary-opacity: 0.9;
    --fa-secondary-opacity: 1;
    cursor: pointer;
    Font-Size: 20pt;
    text-decoration: none;
}

.LinkOption {
    /*Adriana*/
    /*--fa-primary-color: #5577a3;
    --fa-secondary-color: #bfcde0;
    --fa-primary-opacity: 0.9;
    --fa-secondary-opacity: 1;*/
    /*Márcio*/
    /*--fa-primary-color: #4d5866;
    --fa-secondary-color: #b6bbc2;
    --fa-primary-opacity: 0.9;
    --fa-secondary-opacity: 1;*/
    /*Ricardo*/
    /*--fa-primary-color: #805252;
    --fa-secondary-color: #b6bbc2;
    --fa-primary-opacity: 0.9;
    --fa-secondary-opacity: 1;*/
    /*--fa-primary-color: #426490;
    --fa-secondary-color: #adbbce;
    --fa-primary-opacity: 0.9;
    --fa-secondary-opacity: 1;*/
    --fa-primary-color: #426490;
    --fa-secondary-color: #adbbce;
    --fa-primary-opacity: 0.9;
    --fa-secondary-opacity: 1;
    cursor: pointer;
    Font-Size: 20pt;
    text-decoration: none;
   /* background: #426490;
    background: -webkit-gradient(linear, left top, left bottom, from(#426490), to(#204278));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    /*primary-background: pink;   
    background: -webkit-radial-gradient(33% 100% circle, #515ECF 4%, #9B36B7 30%, #D92E7F 62%, #F15245 85%, #FED373);
    background: radial-gradient(circle at 33% 100%, #ff3be7 4%, #ff3be7 28%, #03ffe8 62%, #F15245 85%, #FED373);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}

    .LinkOption:hover {
        --fa-primary-color: #5577a3;
        --fa-secondary-color: #bfcde0;
        --fa-primary-opacity: 0.9;
        --fa-secondary-opacity: 1;
        cursor: pointer;
    }

    .LinkOption:active {
        --fa-primary-color: #5577a3;
        --fa-secondary-color: #bfcde0;
        --fa-primary-opacity: 0.8;
        --fa-secondary-opacity: 0.4;
        cursor: pointer;
    }

    .LinkOption:disabled,
    .LinkOption[disabled] {
        --fa-primary-color: #5577a3;
        --fa-secondary-color: #bfcde0;
        --fa-secondary-opacity: 1;
        cursor: pointer;
    }

.LinkOptionInvert {
    /*Márcio*/
    /*--fa-primary-color: #b6bbc2;
    --fa-secondary-color: #4d5866;
    --fa-primary-opacity: 1;
    --fa-secondary-opacity: 0.9;*/
    --fa-primary-color: #adbbce;
    --fa-secondary-color: #426490;
    --fa-primary-opacity: 1;
    --fa-secondary-opacity: 0.9;
    cursor: pointer;
    Font-Size: 20pt;
    text-decoration: underline;
}

    .LinkOptionInvert:hover {
        --fa-primary-color: #bfcde0;
        --fa-secondary-color: #5577a3;
        --fa-primary-opacity: 1;
        --fa-secondary-opacity: 0.9;
        cursor: pointer;
    }

    .LinkOptionInvert:active {
        --fa-primary-color: #bfcde0;
        --fa-secondary-color: #5577a3;
        --fa-primary-opacity: 1;
        --fa-secondary-opacity: 0.9;
        cursor: pointer;
    }

    .LinkOptionInvert:disabled,
    .LinkOptionInvert[disabled] {
        --fa-primary-color: #bfcde0;
        --fa-secondary-color: #5577a3;
        --fa-primary-opacity: 1;
        --fa-secondary-opacity: 0.9;
        cursor: pointer;
    }

.buttonuserBlueTask {
    color: #FFFFFF;
    border: 0px;
    font-family: 'Work Sans';
    display: inline-flex;
    padding: 2px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: var(--blue-blue-40, #6188FF);
    /* Shadow/Shadow-S */
    box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.02), 0px 3px 1px -2px rgba(0, 0, 0, 0.06);
    cursor:pointer;
}

    .buttonuserBlueTask:hover {
        display: inline-flex;
        padding: 2px 8px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 8px;
        background: var(--blue-blue-50, #245BFF);
        /* Shadow/Shadow-S */
        box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.02), 0px 3px 1px -2px rgba(0, 0, 0, 0.06);
    }

    .buttonuserBlueTask:active {
        display: inline-flex;
        padding: 2px 8px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 8px;
        background: var(--blue-blue-40, #6188FF);
        /* Shadow/Shadow-S */
        box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.02), 0px 3px 1px -2px rgba(0, 0, 0, 0.06);
    }

    .buttonuserBlueTask:disabled,
    .buttonuserBlueTask[disabled] {
        display: inline-flex;
        padding: 2px 8px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 8px;
        background: var(--neutral-neutral-20, #E5E8EB);
    }


.buttonuserBlueV2 {
    color: #FFFFFF;
    border: 0px;
    font-family: 'Work Sans';
    display: inline-flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: var(--blue-blue-40, #6188FF);
    /* Shadow/Shadow-S */
    box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.02), 0px 3px 1px -2px rgba(0, 0, 0, 0.06);
}

.buttonuserBlueV2:hover {
    display: inline-flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: var(--blue-blue-50, #245BFF);
    /* Shadow/Shadow-S */
    box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.02), 0px 3px 1px -2px rgba(0, 0, 0, 0.06);
}

.buttonuserBlueV2:active {
    display: inline-flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: var(--blue-blue-40, #6188FF);
    /* Shadow/Shadow-S */
    box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.02), 0px 3px 1px -2px rgba(0, 0, 0, 0.06);
}

.buttonuserBlueV2:disabled,
.buttonuserBlueV2[disabled] {
    display: inline-flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: var(--neutral-neutral-20, #E5E8EB);
}

.buttonuserRedV2 {
    color: #FFFFFF;
    border: 0px;
    font-family: 'Work Sans';
    display: inline-flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: var(--red-red-40, #E27878);
    /* Shadow/Shadow-S */
    box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.02), 0px 3px 1px -2px rgba(0, 0, 0, 0.06);
}

    .buttonuserRedV2:hover {
        display: inline-flex;
        padding: 10px 16px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 8px;
        background: var(--red-red-50, #CA2B2B);
        /* Shadow/Shadow-S */
        box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.02), 0px 3px 1px -2px rgba(0, 0, 0, 0.06);
    }

    .buttonuserRedV2:active {
        display: inline-flex;
        padding: 10px 16px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 8px;
        background: var(--red-red-40, #E27878);
        /* Shadow/Shadow-S */
        box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.02), 0px 3px 1px -2px rgba(0, 0, 0, 0.06);
    }

    .buttonuserRedV2:disabled,
    .buttonuserRedV2[disabled] {
        display: inline-flex;
        padding: 10px 16px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 8px;
        background: var(--neutral-neutral-20, #E5E8EB);
    }

.buttonuserWhiteV2 {
    color: #0F0F0F;
    border: 1px solid var(--neutral-neutral-20, #E5E8EB);
    font-family: 'Work Sans';
    display: inline-flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: var(--White-White-40, #fefefe);
    /* Shadow/Shadow-S */
    text-decoration:none;
    box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.02), 0px 3px 1px -2px rgba(0, 0, 0, 0.06);
}

    .buttonuserWhiteV2:hover {
        display: inline-flex;
        padding: 10px 16px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 8px;
        text-decoration: none;
        background: var(--White-White-50, #fAfAfA);
        /* Shadow/Shadow-S */
        box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.02), 0px 3px 1px -2px rgba(0, 0, 0, 0.06);
    }

    .buttonuserWhiteV2:active {
        display: inline-flex;
        padding: 10px 16px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 8px;
        text-decoration: none;
        background: var(--White-White-40, #e3e3e3);
        /* Shadow/Shadow-S */
        box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.02), 0px 3px 1px -2px rgba(0, 0, 0, 0.06);
    }

    .buttonuserWhiteV2:disabled,
    .buttonuserWhiteV2[disabled] {
        display: inline-flex;
        padding: 10px 16px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 8px;
        text-decoration: none;
        background: var(--neutral-neutral-20, #d5d8dB);
        /* Shadow/Shadow-S */
        /*  box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.02), 0px 3px 1px -2px rgba(0, 0, 0, 0.06);*/
    }

.buttonuserWhiteDisableV2 {
    color: #0F0F0F;
    border: 1px solid var(--neutral-neutral-20, #E5E8EB);
    font-family: 'Work Sans';
    display: inline-flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: var(--White-White-40, #EFEFEF);
    /* Shadow/Shadow-S */
    text-decoration: none;
    box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.02), 0px 3px 1px -2px rgba(0, 0, 0, 0.06);
}

    .buttonuserWhiteDisableV2:active {
        color: #0F0F0F;
        border: 1px solid var(--neutral-neutral-20, #E5E8EB);
        font-family: 'Work Sans';
        display: inline-flex;
        padding: 10px 16px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 8px;
        background: var(--White-White-40, #EFEFEF);
        /* Shadow/Shadow-S */
        text-decoration: none;
        box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.02), 0px 3px 1px -2px rgba(0, 0, 0, 0.06);
    }


.LabelNeutral20 {
    color: var(--neutral-neutral-20, #E5E8EB);
    font-family: Work Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 16.8px */
}

.LabelNeutral40 {
    color: var(--neutral-neutral-40, #A6AEBA);
    font-family: Work Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 16.8px */
}

.LabelNeutral70 {
    color: var(--neutral-neutral-20, #4D5866);
    font-family: Work Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 16.8px */
}

.divMainInfoTasks {
    display: flex;
    width: 290.5px;
    padding-bottom: 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 0px 0px 8px 8px;
    border-right: 1px solid var(--neutral-neutral-20, #E5E8EB);
    border-left: 1px solid var(--neutral-neutral-20, #E5E8EB);
    border-bottom: 1px solid var(--neutral-neutral-20, #E5E8EB);
    border-top: 2px solid var(--neutral-neutral-20, #972020);
    background: #FFF;
}
    .divMainInfoTasks:hover {
        display: flex;
        width: 290.5px;
        padding-bottom: 0px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        border-radius: 0px 0px 8px 8px;
        border-right: 1px solid var(--neutral-neutral-20, #E5E8EB);
        border-left: 1px solid var(--neutral-neutral-20, #E5E8EB);
        border-bottom: 1px solid var(--neutral-neutral-20, #E5E8EB);
        border-top: 2px solid var(--neutral-neutral-20, #972020);
        background: linear-gradient(#e6ebef, #FFFFFF 18%);
        box-shadow: 3px 3px 3px rgba(0,0,0,0.050);
    }

.divMainInfoTasksAux {
    display: flex;
    padding: 16px 24px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
 

.divMainInfoTasksStatusCount {
    display: flex;
    padding: 1px 4px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 4px;
    background: #C9CED4;
    color: #333B44;
    margin-left :5px;
}

.divMainInfoTasksStatusCountTotal {
    display: flex;
    padding: 1px 4px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 4px;
    background: #C9CED4;
    color: #333B44;
    margin-left: 5px;
    font-size :13px;
    height:22px;
}

.normal_TDV2 {

    color: var(--neutral-neutral-100, #666677);
    /* Body/Regular */
    font-family: 'Work Sans';
    font-size: 11pt;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
}

.normal_TDPropertiesV2 {
    color: var(--neutral-neutral-100, #6D7886);
    font-family: 'Work Sans';
    font-size: 7pt;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; 
}

.linkMnu_TDV2 {
    color: var(--neutral-neutral-100, #666677);
    /* Body/Regular */
    font-family: 'Work Sans';
    font-size: 9pt;
    font-style: normal;
    font-weight: 200;
    line-height: 140%; /* 16.8px */
    color: #C9CED4 !important;
    text-decoration: none;
}
    .linkMnu_TDV2:link {
        text-decoration: none;
    }
    .linkMnu_TDV2:visited {
        text-decoration: none;
    }
    .linkMnu_TDV2:hover {
        text-decoration: none;
        color: #A8BEFF !important;
    }
    .linkMnu_TDV2:active {
        text-decoration: none;
    }

.linkMnu_TDV2_11 {
    color: var(--neutral-neutral-100, #666677);
    /* Body/Regular */
    font-family: 'Work Sans';
    font-size: 11pt;
    font-style: normal;
    font-weight: 200;
    line-height: 140%; /* 16.8px */
    color: #C9CED4 !important;
    text-decoration: none;
}

    .linkMnu_TDV2_11:link {
        text-decoration: none;
    }

    .linkMnu_TDV2_11:visited {
        text-decoration: none;
    }

    .linkMnu_TDV2_11:hover {
        text-decoration: none;
        color: #A8BEFF !important;
    }

    .linkMnu_TDV2_11:active {
        text-decoration: none;
    }

.iconMnu_TDV2 {
    color: var(--neutral-neutral-100, #666677);
    /* Body/Regular */
    font-family: 'Work Sans';
    font-size: 10pt;
    font-style: normal;
    font-weight: 200;
    line-height: 140%; /* 16.8px */
    color: #C9CED4 !important;
    text-decoration: none;
}

    .iconMnu_TDV2:link {
        text-decoration: none;
    }

    .iconMnu_TDV2:visited {
        text-decoration: none;
    }

    .iconMnu_TDV2:hover {
        text-decoration: none;
        color: #A8BEFF !important;
    }

    .iconMnu_TDV2:active {
        text-decoration: none;
    }

.treeview_TDV2 {
   /* color: var(--neutral-neutral-100, #666677);*/
    /* Body/Regular */
    font-family: 'Work Sans';
    font-size: 9pt;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
    color: #C9CED4;
}
        .treeview_TDV2:hover {
            text-decoration: none;
            color: #A8BEFF !important;
        }
/*    .treeview_TDV2 img{
        width:10px;
    }*/

    .textboxWithBorderV2 {
        /*   background-color: #FFFFFF;
    border: solid 1px #ABC1D0;
    outline: none;
    font-family: Verdana,Arial;
    font-size: 8pt;
    padding: 2px 2px;
    border-radius: 2px;
    color: #444455;*/
        display: flex;
        padding: 8px 12px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 8px;
        border: 1px solid var(--neutral-neutral-20, #D5D8DB);
        background: #FFF;
        /* Shadow/Shadow-XS */
        box-shadow: 0px 3px 2px -1px rgba(0, 0, 0, 0.02), 0px 1px 1px -1px rgba(0, 0, 0, 0.04);
    }

.textboxNoBorderV2 {
    background-color: #FFFFFF;
    border: solid 0px #FFFFFF;
    /*outline: none; */
    font-family: 'Work Sans';
    font-size: 11pt;
    padding: 0px 0px;
    color: #666677;
    height: 20px;
}

    .textboxNoBorderV2:hover {
        background-color: #FFFFFF;
        border: solid 0px #FFFFFF;
    }

    .textboxNoBorderV2:focus {
        background-color: #FFFFFF;
        border: solid 0px #FFFFFF;
        outline: none;
    }

    .textboxNoBorderV2:active {
        background-color: #FFFFFF;
        border: solid 0px #FFFFFF;
    }

.textboxV2 {
    /*background-color: #FFFFFF;
    border: solid 1px #ABC1D0;    
    font-family: Verdana,Arial;
    font-size: 8pt;
    padding: 2px 2px;
    border-radius: 2px;
    color: #444455;
    height: 16px;
    outline: none;*/
    font-size: 11pt;
    font-family: 'Work Sans';
    display: flex;
    padding: 6px 12px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--neutral-neutral-20, #D5D8DB);
    background: #FEFEFE;
    /* Shadow/Shadow-XS */
    box-shadow: 0px 3px 2px -1px rgba(0, 0, 0, 0.02), 0px 1px 1px -1px rgba(0, 0, 0, 0.04);
    outline: none;
}

    .textboxV2:hover {
        border-radius: 8px;
        border: 1px solid var(--blue-blue-30, #A8BEFF);
        background: #FFF;
        outline: none;
    }

    .textboxV2:focus {
        border-radius: 8px;
        border: 1px solid var(--blue-blue-30, #A8BEFF);
        background: #FFF;
        outline: none;
    }

    .textboxV2:active {
        border-radius: 8px;
        border: 1px solid var(--blue-blue-30, #A8BEFF);
        background: #FFF;
        outline: none;
    }


    .textboxV2:disabled,
    .textboxV2[disabled] {
        border-radius: 8px;
        border: 1px solid var(--neutral-neutral-30, #C9CED4);
        background: var(--neutral-neutral-10, #F0F2F4);
        /* Shadow/Shadow-XS */
        box-shadow: 0px 3px 2px -1px rgba(0, 0, 0, 0.02), 0px 1px 1px -1px rgba(0, 0, 0, 0.04);
    }


.textboxDateV2 {
    font-size: 11pt;
    padding: 6px 12px;
    font-family: 'Work Sans';
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--neutral-neutral-20, #D5D8DB);
    background: #FEFEFE;
    /* Shadow/Shadow-XS */
    box-shadow: 0px 3px 2px -1px rgba(0, 0, 0, 0.02), 0px 1px 1px -1px rgba(0, 0, 0, 0.04);
    outline: none;
    transition: .3s;    
    background-image: url(../images/calendarV2_3.png);
    background-repeat: no-repeat;
    background-position: right;
    vertical-align: middle;
    autocomplete: off;
}


    .textboxDateV2:hover {
        border-radius: 8px;
        border: 1px solid var(--blue-blue-30, #A8BEFF);
        background: #FFF;
        outline: none;
        background-image: url(../images/calendarV2_1.png);
        background-repeat: no-repeat;
        background-position: right;
        vertical-align: middle;
    }

    .textboxDateV2:focus {
        border-radius: 8px;
        border: solid 1px #067588;
        background: #FFF;
        outline: none;
        background-image: url(../images/calendarV2_1.png);
        background-repeat: no-repeat;
        background-position: right;
        vertical-align: middle;
           
    }

    .textboxDateV2:active {
        border-radius: 8px;
        border: solid 1px #067588;
        background: #FFF;
        outline: none;
        background-image: url(../images/calendarV2_1.png);
        background-repeat: no-repeat;
        background-position: right;
        vertical-align: middle;
      
    }


    .textboxDateV2:disabled,
    .textboxDateV2[disabled] {
        border-radius: 8px;
        border: 1px solid var(--neutral-neutral-30, #C9CED4);
        background: var(--neutral-neutral-10, #F0F2F4);
        /* Shadow/Shadow-XS */
        box-shadow: 0px 3px 2px -1px rgba(0, 0, 0, 0.02), 0px 1px 1px -1px rgba(0, 0, 0, 0.04);
    }

    /*.inputWithIcon input[type=text] {*/
       /* padding-left: 30px;*/
    /*}
    .inputWithIcon{
        position :relative;
    }

        .inputWithIcon i {
            position: absolute;
            right: 0;
            top: 8px;
            padding: 5px 8px;
            color: #aaa;
        }

        .inputWithIcon input[type=text]:focus + i {
            color:dodgerblue;
        }*/

      .LoginBox {
    display: flex;
    padding: 48px 40px 40px 40px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid #EDEDED;
    background: var(--neutral-neutral-5, #F6F7F9);
    /* Shadow/Shadow-XL */
    box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, 0.04), 0px 20px 24px -4px rgba(0, 0, 0, 0.10);
}

.neutral-neutral-50 {
    align-self: stretch;
    color: var(--neutral-neutral-50, #8591A0);
    text-align: center;
    /* Body Big/Regular */
    font-family: 'Work Sans';
    font-size: 14pt;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
}

.divAlertError {
    display: flex;
    width: 560px;
    padding: 16px;
    align-items: center;
    gap: 32px;
    border-radius: 8px;
    border: 1px solid var(--neutral-neutral-10, #d5dde3);
    border-left: 1px solid #f58c8c;
    background: #FFF;
    /* Shadow/Shadow-L #E27878 */
    box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.06), 0px 12px 16px -4px rgba(0, 0, 0, 0.10);
    bottom: 40px;
    right: 10px;
    position: fixed;
    z-index: 9999;
    font-family: 'Work Sans';
    font-size: 11pt;
    background: #FEF1EE;
}

.divAlertSuccess {
    display: flex;
    width: 560px;
    padding: 16px;
    align-items: center;
    gap: 32px;
    border-radius: 8px;
    border: 1px solid var(--neutral-neutral-10, #d5dde3);
    border-left: 1px solid #6CA834;
    background: #FFF;
    /* Shadow/Shadow-L #6CA834 */
    box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.06), 0px 12px 16px -4px rgba(0, 0, 0, 0.10);
    bottom: 40px;
    right: 10px;
    position: fixed;
    z-index: 9999;
    font-family: 'Work Sans';
    font-size: 11pt;
    background: #F2FEF3;
}

.divAlertInfo {
    display: flex;
    width: 560px;
    padding: 16px;
    align-items: center;
    gap: 32px;
    border-radius: 8px;
    border: 1px solid var(--neutral-neutral-10, #d5dde3);
    border-left: 1px solid #7294fc;
    background: #FFF;
    /* Shadow/Shadow-L #6188FF */
    box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.06), 0px 12px 16px -4px rgba(0, 0, 0, 0.10);
    bottom: 40px;
    right: 10px;
    position: fixed;
    z-index: 9999;
    font-family: 'Work Sans';
    font-size: 11pt;
    background: #F2F9FE;
}

.divAlertWarning {
    display: flex;
    width: 560px;
    padding: 16px;
    align-items: center;
    gap: 32px;
    border-radius: 8px;
    border: 1px solid var(--neutral-neutral-10, #d5dde3);
    border-left: 1px solid #faba25;
    background: #FFF;
    /* Shadow/Shadow-L #FDB50D */
    box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.06), 0px 12px 16px -4px rgba(0, 0, 0, 0.10);
    bottom: 40px;
    right: 10px;
    position: fixed;
    z-index: 9999;
    font-family: 'Work Sans';
    font-size: 11pt;
    background: #FEFEF2;
}




.td-right {
    text-align: right;
}

.td-left {
    text-align: left;
}

.td-center {
    text-align: center;
}

.td-top {
    vertical-align: top;
}




.btn-close-panel {
    margin: 0;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
    transition: all 400ms;
    font-size: 18pt;
    color: #778699;
    /*display: flex;
    flex-flow: column nowrap;
    border-radius: 50%;
    width: 30px;
    height: 30px;   
    justify-content: center;
    align-items: center;*/
}

    .btn-close-panel:hover,
    .btn-close-panel:focus {
        transform: rotateZ(90deg);
        color: #775366;
    }

.btn-close-modal {
    margin: 0;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
    transition: all 400ms;
    font-size: 16pt;
    color: #dedede;
    /*display: flex;
    flex-flow: column nowrap;
    border-radius: 50%;
    width: 30px;
    height: 30px;   
    justify-content: center;
    align-items: center;*/
}

    .btn-close-modal:hover,
    .btn-close-modal:focus {
        transform: rotateZ(90deg);
        color: #fdfdfd;
    }


.accordionContentV2 {
    background-color: #333B44;
    border-color: -moz-use-text-color #2F4F4F #2F4F4F;
    border-right: 1px dashed #2F4F4F;
    border-style: none dashed dashed;
    border-width: medium 1px 1px;
    padding: 10px 5px 5px;
    color: #C9CED4;
    font-family: 'Work Sans',Verdana,Arial,Sans-Serif;
    font-size: 9pt;
}

.accordionHeaderSelectedV2 {
    padding: 5px;
    background-color: #4D5866;
    color: #C9CED4;
    cursor: pointer;
    font-family: 'Work Sans',Verdana,Arial,Sans-Serif;
    font-size: 9pt;
    font-weight: normal;
    margin-top: 5px;
    padding: 6px;
    background-image: url('../images/MoveDown.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-position-x: 6px;
    height: 20px;
    border-radius: 8px;
}

.accordionHeaderV2 {
    padding: 5px;
    background-color: #4D5866;
    color: #C9CED4;
    cursor: pointer;
    font-family: 'Work Sans',Verdana,Arial,Sans-Serif;
    font-size: 9pt;
    font-weight: normal;
    margin-top: 5px;
    padding: 6px;
    background-image: url('../images/MoveUp.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-position-x: 6px;
    height: 20px;
    border-radius: 8px;
}

.accordionPaneV2 {
    /*border-top: 0px solid #F5F5F5;
    border-left: 0px solid #F5F5F5;
    border-right: 0px solid #F5F5F5;
    border-bottom: 1px solid #E5E5E5;*/
    background-color: #333B44;
    font-family: 'Work Sans',Verdana,Arial,Sans-Serif;
}

.ButtonAsLinkV2 {
    background-color: transparent;
    Font-family: 'Work Sans',Verdana;
    border: none;
    color: #034AF3;
    font-size: 12px;
    cursor: pointer;
    text-decoration: underline;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
}

.tabelaV2 {
    /*    display: flex;
    padding: 8px 12px;*/
    border: 1px solid #E5E8EB; /*#E5E5E0*/
    border-radius: 8px;
    background-color: #F6F7F9; /*FCFCFA*/
    width: 100%;
}

.tabelaV2Model {
    /*    display: flex;
    padding: 8px 12px;*/
    border: 0px solid #E5E8EB; /*#E5E5E0*/
  
    background: var(--neutral-neutral-5, #F6F7F9);
    width: 100%;
}

.tabelaTitleV2 {
    background: #8591A0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 8px 12px
}

.tabelaContentV2 {
    padding: 16px;
   
}



.text_divTitleV2 {
    Font-Size: 10pt;
    Font-family: 'Work Sans',Verdana;
    /*color: #592421;*/
    color: #F0F2F4;
    text-decoration: none;
}

    .text_divTitleV2:link {
        Font-Size: 10pt;
        Font-family: 'Work Sans',Verdana;
        /*color: #592421;*/
        color: #F0F2F4;
        text-decoration: none;
    }

    .text_divTitleV2:active {
        Font-Size: 10pt;
        Font-family: 'Work Sans',Verdana;
        /*color: #592421;*/
        color: #F0F2F4;
        text-decoration: none;
    }

    .text_divTitleV2:hover {
        Font-Size: 10pt;
        Font-family: 'Work Sans',Verdana;
        /*color: #592421;*/
        color: #F0F2F4;
        text-decoration: none;
    }

    .text_divTitleV2:focus {
        Font-Size: 10pt;
        Font-family: 'Work Sans',Verdana;
        /*color: #592421;*/
        color: #F0F2F4;
        text-decoration: none;
    }


.text_divSubTitleV2 {
    Font-Size: 10pt;
    Font-family: 'Work Sans',Verdana;
    /*color: #592421;*/
    color: #4D5866;
    text-decoration: none;
}

    .text_divSubTitleV2:link {
        Font-Size: 10pt;
        Font-family: 'Work Sans',Verdana;
        /*color: #592421;*/
        color: #4D5866;
        text-decoration: none;
    }

    .text_divSubTitleV2:active {
        Font-Size: 10pt;
        Font-family: 'Work Sans',Verdana;
        /*color: #592421;*/
        color: #4D5866;
        text-decoration: none;
    }

    .text_divSubTitleV2:hover {
        Font-Size: 10pt;
        Font-family: 'Work Sans',Verdana;
        /*color: #592421;*/
        color: #4D5866;
        text-decoration: none;
    }

    .text_divSubTitleV2:focus {
        Font-Size: 10pt;
        Font-family: 'Work Sans',Verdana;
        /*color: #592421;*/
        color: #4D5866;
        text-decoration: none;
    }

.frame {
    margin-left: 24px;
    margin-right: 24px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.frameSmall {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.text_normalV2 {
    font-family: 'Work Sans', Arial;
    font-weight: normal;
    font-size: 14px;
    color: #4f5e70; /*#505E69; */
}

.text_normal_redV2 {
    font-family: 'Work Sans', Arial;
    font-weight: normal;
    font-size: 14px;
    color: #A20066;
}

.text_normal_red_boldV2 {
    font-family: 'Work Sans', Arial;  
    font-size: 14px;
    font-weight: bold;
    color: #CC4466;
}

.text_normal_blue_boldV2 {
    font-family: 'Work Sans', Arial;
    font-size: 14px;
    font-weight: bold;
    color: #8591a0;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: lightgray;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: lightgray;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: lightgray;
}

.selectV2 {
    Font-family: 'Work Sans',Verdana;
    display: flex;
    padding: 6px 12px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border-radius: 8px;
    border: 1px solid var(--neutral-neutral-20, #D5D8DB);
    /*background: #FFF;*/
    /* Shadow/Shadow-XS */
    transition: .3s;
    outline: none;
    box-shadow: 0px 3px 2px -1px rgba(0, 0, 0, 0.02), 0px 1px 1px -1px rgba(0, 0, 0, 0.04);
    font-size: 11pt;
    /* font-family: 'Work Sans',Verdana,Arial;
    font-size: 8pt;
    
    border: solid 1px #ABC1D0;
    height: 22px;
    padding: 2px 2px;
    border-radius: 2px;
    color: #444455;
    background-image: url(../Images/buttonuser.png);*/

    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
    background: url("../Styles/images/selectArrow.png") no-repeat;
    background-position: right;
    background-color: #FEFEFE;
    /*background-attachment: fixed;*/
    height: 32px;
}

    .selectV2:hover {
        /*background-color: #f7f7f7;*/
        /*border: solid 1px #067588;*/
        border: 1px solid var(--blue-blue-30, #A8BEFF);
        background-color: #FFF;
        /*background-image: url(../Images/buttonuserHover.png);*/
    }

    .selectV2:focus {
        /*background-color: #f7f7f7;*/
        border: solid 1px #067588;
    }

    .selectV2:active {
        /*background-color: #f7f7f7;*/
        border: solid 1px #067588;
    }

    .selectV2 select {
        /*background-color: #f7f7f7;*/
        border: solid 1px #067588;
    }

.selectDisableV2 {
    font-family: Verdana,Arial;
    font-size: 8pt;
    background-color: #FFFFFF;
    border: solid 1px #ABC1D0;
    height: 10px;
    padding: 2px 2px;
    border-radius: 2px;
    color: #444455;
    background-image: url(../Images/buttonuserGray.png);
}


.mGridV2 {
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #e5e5ea;
    border-collapse: collapse;
    font-size: 12px;    
}

.mGridV2 td {
    padding: 2px;
    border: solid 0px #ececdf;
    color: #515151;
    font-family: 'Work Sans',Arial;
    font-size: 12px;
    height: 12px;
}

.mGridV2 th {
    padding: 6px 4px;
    color: #667588; /*#424066;*/
    background: #EBF0FF; /*#C7DCF3 url(../Images/grd_head2.png) repeat-x top;*/
    /* border-width: 0px;*/
    border-left: solid 1px #EBF0FF;
    border-right: solid 1px #EBF0FF;
    border-top: solid 1px #EBF0FF;
    border-bottom: solid 1px #EBF0FF;
    /* border-left: solid 1px #d5d5da;
        border-right: solid 1px #d5d5da;
        border-top: solid 1px #d5d5da;
        border-bottom: solid 1px #d5d5da;*/
    /*font-size: 0.9em;*/
    text-align: left;
    font-family: 'Work Sans',Arial;
    font-size: 12px;
    height: 26px;
}

.mGridV2 .row {
    background: #fbfbfc;
}

.mGridV2 .rowResults {
    background: #fbfbfc;
}

.mGridV2 .rowYellow {
    background: #FFFFcc;
}

.mGridV2 .rowRed {
    background: #FFE6E6;
}

.mGridV2 .rowBlue {
    background: #E1EBF7;
}

.mGridV2 .rowGreen {
    background: #E0F3E6;
}

.mGridV2 .alt {
    background: #f6f6f7; /*url(../Images/grd_alt2.png) repeat-x top;*/
}

.mGridV2 .altResults {
    background: #f6f6f7; /*url(../Images/grd_alt2.png) repeat-x top;*/
}

.mGridV2 .altYellow {
    background: #f5f5c4; /* url(../Images/grd_altYellow.png) repeat-x top;*/
}

.mGridV2 .altRed {
    background: #FFDAD9; /* url(../Images/grd_altRed.png) repeat-x top;*/
}

.mGridV2 .altBlue {
    background: #DDE8F1; /* url(../Images/grd_altBlue.png) repeat-x top;*/
}

.mGridV2 .altGreen {
    background: #D7EFDE; /* url(../Images/grd_altGreen.png) repeat-x top;*/
}

.mGridV2 .pgr {
    background: #E2EAF5; /*url(../Images/grd_pgr2.png) repeat-x top;*/
}

.mGridV2 .pgr table {
    margin: 5px 0;
}

.mGridV2 .pgr td {
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #d5d5da;
    font-weight: bold;
    color: #911818;
    line-height: 9px;
}

.mGridV2 .pgr a {
    color: #666;
    text-decoration: none;
}

.mGridV2 .pgr a:hover {
    color: #A00;
    text-decoration: none;
    background-color: #e4e9f0;
    /*#E2EAF5;*/
}

.mGridV2 tr:hover, .mGridV2 tr.row:hover, .mGridV2 tr.alt:hover, .mGridV2 tr.altBlue:hover, .mGridV2 tr.altYellow:hover, .mGridV2 tr.altRed:hover, .mGridV2 tr.altGreen:hover {
    background-color: #e5eAf1; /*#e1e8f0;*/ /*#FFFFBC;   */
    background-image: none;
}

.mGridV2 .pgr td:hover, .mGridV2 .pgr td.row:hover, .mGridV2 .pgr td.alt:hover, .mGridV2 .pgr td.altBlue:hover, .mGridV2 .pgr td.altYellow:hover, .mGridV2 .pgr td.altRed:hover, .mGridV2 .pgr td.altGreen:hover {
    background-color: #e4e9f0;
    background-image: none;
}

.mGridV2 .pgr th:hover, .mGridV2 .pgr th.row:hover, .mGridV2 .pgr th.alt:hover, .mGridV2 .pgr th.altBlue:hover, .mGridV2 .pgr th.altYellow:hover, .mGridV2 .pgr th.altRed:hover, .mGridV2 .pgr th.altGreen:hover {
    background-color: #e4e9f0;
    background-image: none;
}

.mGridV2 .pgr tr:hover, .mGridV2 .pgr tr.row:hover, .mGridV2 .pgr tr.alt:hover, .mGridV2 .pgr tr.altBlue:hover, .mGridV2 .pgr tr.altYellow:hover, .mGridV2 .pgr tr.altRed:hover, .mGridV2 .pgr tr.altGreen:hover {
    background-color: #e4e9f0;
    background-image: none;
}

.mGridFieldsV2 {
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #e5e5ea;
    border-collapse: collapse;
    font-size: 16px;
    padding: 5px;
}

.mGridFieldsV2 td {
    padding: 2px;
    border: solid 1px #ececdf;
    color: #515151;
    font-size: 16px;
}

.mGridFieldsV2 th {
    padding: 4px 2px;
    color: #424066;
    background: #C7DCF3 url(../Images/grd_head2.png) repeat-x top;
    border-left: solid 1px #d5d5da;
    border-right: solid 1px #d5d5da;
    border-top: solid 1px #d5d5da;
    border-bottom: solid 1px #d5d5da;
    /*font-size: 0.9em;*/
    text-align: left;
    font-family: Arial;
    font-size: 16px;
}

.mGridFieldsV2 .row {
    background: #fbfbfc;
}

.mGridFieldsV2 .rowYellow {
    background: #FFFFcc;
}

.mGridFieldsV2 .rowRed {
    background: #FFE6E6;
}

.mGridFieldsV2 .rowBlue {
    background: #E1EBF7;
}

.mGridFieldsV2 .rowGreen {
    background: #E0F3E6;
}

.mGridFieldsV2 .alt {
    background: #f6f6f7; /*url(../Images/grd_alt2.png) repeat-x top;*/
}

    .mGridFieldsV2 .altYellow {
        background: #f5f5c4; /*url(../Images/grd_altYellow.png) repeat-x top;*/
    }

.mGridFieldsV2 .altRed {
    background: #FFDAD9; /*url(../Images/grd_altRed.png) repeat-x top;*/
}

.mGridFieldsV2 .altBlue {
    background: #DDE8F1; /*url(../Images/grd_altBlue.png) repeat-x top;*/
}

.mGridFieldsV2 .altGreen {
    background: #D7EFDE; /*url(../Images/grd_altGreen.png) repeat-x top;*/
}

.mGridFieldsV2 .pgr {
    background: #E2EAF5; /*url(../Images/grd_pgr2.png) repeat-x top;*/
}

.mGridFieldsV2 .pgr table {
    margin: 5px 0;
}

.mGridFieldsV2 .pgr td {
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #d5d5da;
    font-weight: bold;
    color: #911818;
    line-height: 9px;
}

.mGridFieldsV2 .pgr a {
    color: #666;
    text-decoration: none;
}

.mGridFieldsV2 .pgr a:hover {
    color: #A00;
    text-decoration: none;
    background-color: #E2EAF5;
}

.mGridFieldsV2 tr:hover, .mGridFieldsV2 tr.row:hover, .mGridFieldsV2 tr.alt:hover, .mGridFieldsV2 tr.altBlue:hover, .mGridFieldsV2 tr.altYellow:hover, .mGridFieldsV2 tr.altRed:hover, .mGridFieldsV2 tr.altGreen:hover {
    background-color: #FFFFBC;
    background-image: none;
}

.mGridFieldsV2 .pgr td:hover, .mGridFieldsV2 .pgr td.row:hover, .mGridFieldsV2 .pgr td.alt:hover, .mGridFieldsV2 .pgr td.altBlue:hover, .mGridFieldsV2 .pgr td.altYellow:hover, .mGridFieldsV2 .pgr td.altRed:hover, .mGridFieldsV2 .pgr td.altGreen:hover {
    background-color: #E2EAF5;
    background-image: none;
}

.mGridFieldsV2 .pgr th:hover, .mGridFieldsV2 .pgr th.row:hover, .mGridFieldsV2 .pgr th.alt:hover, .mGridFieldsV2 .pgr th.altBlue:hover, .mGridFieldsV2 .pgr th.altYellow:hover, .mGridFieldsV2 .pgr th.altRed:hover, .mGridFieldsV2 .pgr th.altGreen:hover {
    background-color: #E2EAF5;
    background-image: none;
}

.mGridFieldsV2 .pgr tr:hover, .mGridFieldsV2 .pgr tr.row:hover, .mGridFieldsV2 .pgr tr.alt:hover, .mGridFieldsV2 .pgr tr.altBlue:hover, .mGridFieldsV2 .pgr tr.altYellow:hover, .mGridFieldsV2 .pgr tr.altRed:hover, .mGridFieldsV2 .pgr tr.altGreen:hover {
    background-color: #E2EAF5;
    background-image: none;
}


.mGridDocumentsV2 {
    background-color: #FCFCFA;
    margin: 5px 0 10px 0;
    border: solid 1px #e5e5ea;
    border-collapse: collapse;
    font-size: 12px;
}

    .mGridDocumentsV2 td {
        padding: 2px;
        border: solid 0px #ececdf;
        color: #515151;
        font-family: 'Work Sans',Arial;
        font-size: 12px;
    }

    .mGridDocumentsV2 th {
        padding: 4px 2px;
        color: #424066;
        background: #C7DCF3 url(../Images/grd_head2.png) repeat-x top;
        border-left: solid 1px #d5d5da;
        border-right: solid 1px #d5d5da;
        border-top: solid 1px #d5d5da;
        border-bottom: solid 1px #d5d5da;
        /*font-size: 0.9em;*/
        text-align: left;
        font-family: Arial;
        font-size: 12px;
    }

    .mGridDocumentsV2 .row {
        background: #fbfbfc;
    }

    .mGridDocumentsV2 .rowYellow {
        background: #FFFFcc;
    }

    .mGridDocumentsV2 .rowRed {
        background: #FFE6E6;
    }

    .mGridDocumentsV2 .rowBlue {
        background: #E1EBF7;
    }

    .mGridDocumentsV2 .rowGreen {
        background: #E0F3E6;
    }

    .mGridDocumentsV2 .alt {
        background: #f6f6f7; /*url(../Images/grd_alt2.png) repeat-x top;*/
    }

    .mGridDocumentsV2 .altYellow {
        background: #f5f5c4; /* url(../Images/grd_altYellow.png) repeat-x top;*/
    }

    .mGridDocumentsV2 .altRed {
        background: #FFDAD9; /*url(../Images/grd_altRed.png) repeat-x top;*/
    }

    .mGridDocumentsV2 .altBlue {
        background: #DDE8F1; /*url(../Images/grd_altBlue.png) repeat-x top;*/
    }

    .mGridDocumentsV2 .altGreen {
        background: #D7EFDE; /*url(../Images/grd_altGreen.png) repeat-x top;*/
    }

    .mGridDocumentsV2 .pgr {
        background: #E2EAF5; /*url(../Images/grd_pgr2.png) repeat-x top;*/
    }

        .mGridDocumentsV2 .pgr table {
            margin: 5px 0;
        }

        .mGridDocumentsV2 .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #d5d5da;
            font-weight: bold;
            color: #911818;
            line-height: 9px;
        }

        .mGridDocumentsV2 .pgr a {
            color: #666;
            text-decoration: none;
        }

            .mGridDocumentsV2 .pgr a:hover {
                color: #A00;
                text-decoration: none;
                background-color: #E2EAF5;
            }

    /*.mGridDocumentsV2 tr:hover, .mGridDocumentsV2 tr.row:hover, .mGridDocumentsV2 tr.alt:hover, .mGridDocumentsV2 tr.altBlue:hover, .mGridDocumentsV2 tr.altYellow:hover, .mGridDocumentsV2 tr.altRed:hover, .mGridDocumentsV2 tr.altGreen:hover {
        background-color: #E2EAF5;
        opacity: 0.6;
        background-image: none;
    }

    .mGridDocumentsV2 .pgr td:hover, .mGridDocumentsV2 .pgr td.row:hover, .mGridDocumentsV2 .pgr td.alt:hover, .mGridDocumentsV2 .pgr td.altBlue:hover, .mGridDocumentsV2 .pgr td.altYellow:hover, .mGridDocumentsV2 .pgr td.altRed:hover, .mGridDocumentsV2 .pgr td.altGreen:hover {
        background-color: #E2EAF5;
        opacity: 0.6;
        background-image: none;
    }

    .mGridDocumentsV2 .pgr th:hover, .mGridDocumentsV2 .pgr th.row:hover, .mGridDocumentsV2 .pgr th.alt:hover, .mGridDocumentsV2 .pgr th.altBlue:hover, .mGridDocumentsV2 .pgr th.altYellow:hover, .mGridDocumentsV2 .pgr th.altRed:hover, .mGridDocumentsV2 .pgr th.altGreen:hover {
        background-color: #E2EAF5;
        opacity: 0.6;
        background-image: none;
    }

    .mGridDocumentsV2 .pgr tr:hover, .mGridDocumentsV2 .pgr tr.row:hover, .mGridDocumentsV2 .pgr tr.alt:hover, .mGridDocumentsV2 .pgr tr.altBlue:hover, .mGridDocumentsV2 .pgr tr.altYellow:hover, .mGridDocumentsV2 .pgr tr.altRed:hover, .mGridDocumentsV2 .pgr tr.altGreen:hover {
        background-color: #E2EAF5;
        opacity: 0.6;
        background-image: none;
    }*/
/*.mGridDocumentsV2 {
    background-color: #FCFCFA;
    margin: 5px 0 10px 0;
    border: solid 1px #e5e5ea;
    border-collapse: collapse;
    font-size: 12px;
}

    .mGridDocumentsV2 td {
        padding: 2px;
        border: solid 0px #ececdf;
        color: #515151;
        font-family: 'Work Sans',Arial;
        font-size: 12px;
        height: 12px;
    }

    .mGridDocumentsV2 th {
        padding: 6px 4px;
        color: #667588;
        background: #FCFCFA; 
 
        border-left: solid 1px #EBF0FF;
        border-right: solid 1px #EBF0FF;
        border-top: solid 1px #EBF0FF;
        border-bottom: solid 1px #EBF0FF;

        text-align: left;
        font-family: 'Work Sans',Arial;
        font-size: 12px;
        height: 26px;
    }

    .mGridDocumentsV2 .row {
        background: #FCFCFA;
    }

    .mGridDocumentsV2 .alt {
        background: #FCFCFA; 
    }

    .mGridDocumentsV2 .pgr {
        background: #E2EAF5; 
    }

        .mGridDocumentsV2 .pgr table {
            margin: 5px 0;
        }

        .mGridDocumentsV2 .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #d5d5da;
            font-weight: bold;
            color: #911818;
            line-height: 9px;
        }

        .mGridDocumentsV2 .pgr a {
            color: #666;
            text-decoration: none;
        }

            .mGridDocumentsV2 .pgr a:hover {
                color: #A00;
                text-decoration: none;
                background-color: #FCFCFA;
              
            }*/

   

.ConfirmBackgroundV2 {
    background-color: Gray;
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.ConfirmPanelV2 {
    Font-family: 'Work Sans',Verdana;
    padding: 8px 12px;
    position: static;
    top: 10%;
    left: 10px;
    width: 300px;
    height: 100px;
    text-align: center;
    background-color: White;
    border: 1px solid var(--neutral-neutral-20, #D5D8DB);
    border-radius: 8px;
    box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, 0.04), 0px 20px 24px -4px rgba(0, 0, 0, 0.10);
}

.bodyOverflowYHidden {
    overflow-y: hidden;
}
.bodyOverflowYAuto {
    overflow-y: auto;
}

.operatorV2 {
    color: #e5e5e5;
    /*   background-color: #667588;
    border: solid 1px #ABC1D0;
    outline: none;
    color: #F5F5F5;
    border-radius: 3px;
*/
    Font-family: 'Work Sans',Verdana;
    font-size: 9pt;
    display: flex;
    padding: 6px 12px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border-radius: 8px;
    border: 1px solid var(--neutral-neutral-20, #D5D8DB);
    transition: .3s;
    outline: none;
    box-shadow: 0px 3px 2px -1px rgba(0, 0, 0, 0.02), 0px 1px 1px -1px rgba(0, 0, 0, 0.04);
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
    background: url("../Styles/images/selectArrow.png") no-repeat;
    background-position: right;
    background-color: #667588;
    height: 32px;
}

    .operatorV2:hover {
        background-color: #667588;
        border: solid 1px #ABC1D0;
        color: #F0F0F0;
    }

    .operatorV2:focus {
        background-color: #667588;
        border: solid 1px #ABC1D0;
        color: #F0F0F0;
    }

    .operatorV2:active {
        background-color: #667588;
        border: solid 1px #ABC1D0;
        color: #F0F0F0;
    }

.TabInitial {
    Font-family: 'Work Sans',Verdana;
    display: block;
    padding: 8px 18px 8px 18px;
    float: left;
    background-color: #F4F5F7;
    color: #6f6f6f;
    border-top: solid 1px #E6E7E9;
    border-right: solid 1px #EFF0F2;
    border-left: solid 1px #F0F1F3;
    border-bottom: solid 0px #F0F1F3;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-right: 2px;
    cursor: pointer;
}

    .TabInitial:hover {
        color: #4f4f4f;
        background-color: #F0F1F3;
        
    }

.TabClicked {
    Font-family: 'Work Sans',Verdana;
    float: left;
    display: block;
    background-color: #E5E8EB;
    padding: 8px 18px 8px 18px;
    color: maroon;
    border-top: solid 1px #D5D8DB;
    border-right: solid 1px #E5E8EB;
    border-left: solid 1px #E5E8EB;
    border-bottom: solid 0px #E5E8EB;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-right: 2px;
}


.switch {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 16px;
}

    .switch input {
        opacity: 0;
    }

.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: 12px;
        width: 12px;
        left: 4px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #4aa15a;
}

input:focus + .slider {
    box-shadow: 0 0 1px #4aa15a;
}

input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }


.FlagColorGreen {
    --fa-primary-color: #444e5f;
    --fa-secondary-color: #04bf1a;
    --fa-primary-opacity: 1;
    --fa-secondary-opacity: 1;
}

.FlagColorRed {
    --fa-primary-color: #444e5f;
    --fa-secondary-color: #df0101;
    --fa-primary-opacity: 1;
    --fa-secondary-opacity: 1;
}

.FlagColorYellow {
    --fa-primary-color: #444e5f;
    --fa-secondary-color: #d7e022;
    --fa-primary-opacity: 1;
    --fa-secondary-opacity: 1;
}

.FlagColorBlue {
    --fa-primary-color: #444e5f;
    --fa-secondary-color: #028eeb;
    --fa-primary-opacity: 1;
    --fa-secondary-opacity: 1;
}