/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* LabPlus v.3 StyleSheet                                                                         */
/*                                                                                                */
/*                                                                                                */
/* Modification : February/March 2010 - P.Desjardins - Make compatible to FF and Chrome           */
/*                                                                                                */
/*                                                                                                */
/* ---------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
/* Page Layout DIV Styles                                           */
/* ---------------------------------------------------------------- */

/*scrollbar background*/
#maintable #div_contents::-webkit-scrollbar {
}
/*scrollbar button*/
#maintable #div_contents::-webkit-scrollbar-button {
}
/*scrollbar track*/
#maintable #div_contents::-webkit-scrollbar-track {
}
/*scrollbar topmost layer progross bar not covered by thumbk*/
#maintable #div_contents::-webkit-scrollbar-track-piece {
}
/*draggable scrolling element that resizes depending of scrollable elementk*/
#maintable #div_contents::-webkit-scrollbar-thumb {
}
/*scrollbar bottom corner of the scrollable element*/
#maintable #div_contents::-webkit-scrollbar-corner {
}
/*draggable resizing handle*/
#maintable #div_contents::-webkit-resizer {
}

#div_row_header > .rxTable{
    display:block;
    max-height:45vh;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background: transparent;
}

.msgbox {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    overflow: auto;
    /*padding: 25% 0;*/
    /*text-align: center;*/
    max-height: 225px;
    max-width: 275px;
}



span#sbMinimize, span#Home, span#AddFavorites, span#Scan {
    cursor: pointer;
    float: left;
    display: block;
}

/*Quick fix for the image vertical alignment because the image is smaller than the other one.*/
    span #AddFavorites, span#Home, #M_Img1, span#Scan {
    margin-top: 7px;
    margin-left: 5px;
}

span.sbmenu {
    float: left;
    display: block;
}


/* ---------------------------------------------------------------- */
/* Rounded Containers/Box Style -- Login page                       */
/* ---------------------------------------------------------------- */
.RoundedContainerHead {
    BACKGROUND-COLOR: #d6dde3;
    HEIGHT: 5px;
}

.RoundedContainerTitle {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #0683c3;
    VERTICAL-ALIGN: top;
}

.RoundedContainerContent {
    color: #127CC8;
    background-color: #ffffff;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    padding-bottom: 0px;
    padding-top: 0px;
}

.RoundedContainerContentSmall {
    COLOR: #127CC8;
    BACKGROUND-COLOR: #ffffff;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.RoundedContainerFoot {
    BACKGROUND-COLOR: #ffffff;
    VERTICAL-ALIGN: bottom;
    HEIGHT: 3px;
    FONT-SIZE: 3pt;
}

.Unbold {
    FONT-WEIGHT: normal;
}

td.versionInfo span {
    margin-top: 2px;
    display: block;
}

/* ---------------------------------------------------------------- */
/* Page Formaters -- Table classes                                  */
/* ---------------------------------------------------------------- */
.fullpageLogin {
    BACKGROUND-IMAGE: url(../Images/loginbg.jpg);
    /* BACKGROUND-IMAGE:   url(https://www.labplus.biz/images/slider1.jpg); */
    BACKGROUND-REPEAT: repeat-x;
    background-position: center center;
    background-size: cover;
    BACKGROUND-COLOR: #FFF;
    BORDER-STYLE: none;
    MARGIN: 0;
    PADDING: 0;
}

.fullpage {
    BACKGROUND-COLOR: white;
    BORDER-STYLE: none;
    MARGIN: 0;
    PADDING: 0;
    height: fit-content;
}

#main > tbody{
    height:100%;
}




.fillcontent {
    height: calc(100vh - 205px);
}

#headerzone {
    background-color: white;
}

#corestructure {
}

#M_copyright {
    font-size: 8pt;
    text-align: center;
    color: white;
    text-decoration: none;
    width: 100%;
    clear: both;
    float: left;
    background-color: #819cb1;
}

#M_PnlReadOnly /*[P]Should be changed to header*/ {
    clear: both;
    float: left;
    width: 100%;
}

#pagezone {
}

#loginformouter {
    text-align: center; /*Move in the middle for IE only, FireFox and Chrome work without because of the #loginform auto*/
}

#loginform {
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;
    width: 320px;
}

#logininner {
    text-align: left;
    padding-left: 50px;
    font-size: 12px;
}

#labelUsername, #labelPassword, #Button1 {
    margin-top: 10px;
    display: block;
}


#loginform .contentf {
    box-shadow: 3px 7px 6px #102332;
    -webkit-box-shadow: 3px 7px 6px #102332;
    -moz-box-shadow: 3px 7px 6px #102332;
}

#loginform .contentfheader {
    box-shadow: 3px 7px 6px #102332;
    -webkit-box-shadow: 3px 7px 6px #102332;
    -moz-box-shadow: 3px 7px 6px #102332;
    background-color: #d6dde3;
    padding-bottom: 5px;
}

/*This is to have babyblue for the login header*/
.b1fheader, .b2fheader, .b3fheader, .b4fheader {
    font-size: 1px;
    overflow: hidden;
    display: block;
}

.b1fheader {
    height: 1px;
    background: #d6dde3;
    margin: 0 5px;
}

.b2fheader {
    height: 1px;
    background: #d6dde3;
    margin: 0 3px;
}

.b3fheader {
    height: 1px;
    background: #d6dde3;
    margin: 0 2px;
}

.b4fheader {
    height: 2px;
    background: #d6dde3;
    margin: 0 1px;
}

#M_MenuPane {
    background-color: #1faf0d;
    clear: both;
    float: left;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
}

#MainMenu {
    border: none;
    clear: both;
    float: left;
    width: 100%;
}

#menusectiondroite {
    float: right;
    margin: 6px 10px 0px 0px;
}

#pagezonemiddle {
}

#M_SideBarPane {
}

table.sidebartable {
    border: 0;
    padding: 0;
    margin: 0;
    background-color: #6981da;
}

.sidebartable {
    height: calc(100vh - 100px);
    background-color: #ededed;
}


#pagezonepagecontent {
}

#mainplaceholder {
    width: auto;
    margin: 5px;
}

#M_commandsstrips {
    /*
	margin-left:5px; 
	clear:both;
	float:left;
	width:99%;
	
	*/
    width: auto;
    /*margin-bottom: 2px;*/
    margin-left: 0px;
    margin-right: 0px;
    height:fit-content;
}

    #M_commandsstrips * {
         height: fit-content;
         border-spacing:0px;
    }

    #M_ctlCommandStrip {
        float: right;
        clear: both;
    }

.commandStripCommand {
}

#M_tblEntityTabsFrame {
    margin: 5px 3px 5px 5px;
}


#M_tblEntityTabs {
    background-color: White;
    padding: 2px;
    padding-left: 7px;
}



.pageseparator {
    width: 100%;
    clear: both;
    float: left;
}

#messagepanel {
    margin: 0px;
    -moz-border-radius: 0.75em;
    border-radius: 0.75em;
}

/*Panel class added when error on the messagepanel*/
.messagepanelerror {
    display: none;
    background-color: #FDADAD;
    color: #990000;
    padding: 5px;
    -moz-border-radius: 0.75em;
    border-radius: 0.75em;
}

/*	This is a hack to be able to have ROUND corner to DIV without having to
	use any images. This must be replaced when CSS3 will be well implemented
	on all web browser...*/

.b1f {height:0px; background:white; margin:0 0px;}
.b2f {height:0px; background:white; margin:0 0px;}
.b3f {height:0px; background:white; margin:0 0px;}
.b4f {height:0px; background:white; margin:0 0px;}

.contentf {
    background: white;
    overflow: hidden;
    /** padding: 1px;*/
    padding-left: 15px;
}

.contentf div {
    margin-left: 2px;
}



.homepage {
    border: 0;
    margin: -10px;
    width: 101%;
    height: 85vh;
    overflow: hidden;
}

/*	End of the Corner Hack*/
.Pg, .PageContent {
    background-color: #e9e9e9;
}

.topleft {
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: left;
}

.left {
    TEXT-ALIGN: left;
}

.right {
    TEXT-ALIGN: right;
}

.top {
    VERTICAL-ALIGN: top;
}

.bottom {
    VERTICAL-ALIGN: bottom;
}

.silverright {
    COLOR: Silver;
    TEXT-ALIGN: right;
}

.pagehead {
    BACKGROUND-COLOR: White;
}

.pageheadmiddle {
    VERTICAL-ALIGN: middle;
    WIDTH: 100%;
    TEXT-ALIGN: left;
}

.pageheadright {
    VERTICAL-ALIGN: middle;
    TEXT-ALIGN: right;
}

#M_Pg_pnlLink {
    FONT-SIZE: 14px;
    line-height: 24px;
}


    #M_Pg_pnlLink .menupagetxt {
        FONT-SIZE: 14px;
    }



.menupagetxt {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: Gray;
}

.rightclickableheader {
    background-image: url(../Images/rightclickmenublue.png);
    background-position: 95% 5%;
    background-repeat: no-repeat;
}

.stdmargins {
    margin: 5px;
}

.stdmargins10 {
    margin: 10px;
}

/* Styles for ResultQueriesCrossTab.aspx */

.resultsMtdTestColumnHeader {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #696969;
    BACKGROUND-COLOR: #d7def8;
    FONT-VARIANT: capitalize;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-BOTTOM-STYLE: solid;
    BORDER-BOTTOM-COLOR: #000066;
    BORDER-TOP-COLOR: #000066;
    BORDER-RIGHT-COLOR: #000066;
    BORDER-LEFT-COLOR: #000066;
}

.resultsMtdTestColumn {
    text-align: right;
    width: 50px;
}

.resultsNonTestColumn {
    text-align: left;
    width: 100px;
}

/* End Styles for ResultQueriesCrossTab.aspx */

/* Floating footer*/
html, body, #wrap {
    height: 100%;
}

    body > #wrap {
        height: auto;
        min-height: 99%;
    }

#mainForm {
    padding-bottom: 20px;
}
/* must be same height as the footer */

#footer {
    position: relative;
    margin-top: -20px; /* negative value of footer height */
    border-top: 1px solid #8BA4B7;
    height: 20px;
    clear: both;
}
/*End floating footer*/


#M_Pg_pnlResultTable {
    width: 100%;
    overflow: hidden;
}

.tblBottomOptions {
    clear: both;
}


/* ---------------------------------------------------------------- */
/* Basic Styles -- Links                                            */
/* ---------------------------------------------------------------- */
A {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    TEXT-DECORATION: underline;
}

    A:link, A:visited, A:active {
        FONT-SIZE: 12px;
        TEXT-DECORATION: underline;
        COLOR: #006699;
    }


    A:hover {
        FONT-SIZE: 12px;
        TEXT-DECORATION: underline;
        COLOR: #004dea;
    }

    A.linkcopyright {
        FONT-SIZE: 8pt;
        COLOR: #FFFFFF;
        TEXT-ALIGN: center;
        TEXT-DECORATION: none;
    }

        A.linkcopyright:link, A.linkcopyright:visited {
            COLOR: #FFFFFF;
            TEXT-DECORATION: none;
        }

        A.linkcopyright:hover {
            COLOR: #000000;
            TEXT-DECORATION: none;
        }
/* ---------------------------------------------------------------- */
/* Basic Styles -- HTML                                             */
/* ---------------------------------------------------------------- */
BODY {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: #FFF;
    FONT-SIZE: 10px;
}

TD {
    FONT-SIZE: 12px;
}

P {
    FONT-SIZE: 11px;
    margin-bottom: 0px;
}

H1 {
    FONT-SIZE: 18px;
    FONT-WEIGHT: bold;
    COLOR: #006699;
    FONT-VARIANT: capitalize;
    BORDER-SPACING: 0px;
    MARGIN: 0px;
    PADDING: 0px;
}

H2 {
    FONT-SIZE: 20px;
    FONT-WEIGHT: normal;
    COLOR: #527ECE;
}

TFOOT, THEAD, TBODY {
    FONT-SIZE: 12px;
    COLOR: #006699;
    PADDING: 0 0 0 0;
}

LI {
    list-style-type: none;
}





fieldset {
    border: solid 1px black;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 10px;
}

legend {
    background: white;
    border: solid 1px black;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 6px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px;
}


/* ---------------------------------------------------------------- */
/* SPECIAL Styles -- TO CLASSIFY                                    */
/* ---------------------------------------------------------------- */
.sectionflex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.flexbox {
    display: inline-block;
    align-items: flex-start;
    width: auto;
    height: auto;
    margin-bottom: 5px;
    margin-right: 10px;
}


.hiddenButRendered {
    display: none;
}

.pagetitle2 {
    FONT-SIZE: 24px;
    FONT-WEIGHT: bold;
    COLOR: #006699;
    FONT-VARIANT: capitalize;
}

.contenttable {
    WIDTH: 100%;
    HEIGHT: 100%;
    border: 0 0 0 0;
    padding: 0 0 0 0;
}

.contentTableShort {
    width: 96%;
}

.contentCellFixHeight {
    VERTICAL-ALIGN: top;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    HEIGHT: auto;
}

.contentCellFixDetail {
    VERTICAL-ALIGN: top;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    HEIGHT: 300px;
}

.contentCell {
    VERTICAL-ALIGN: top;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
}



.std, .standardText {
    FONT-SIZE: 0.9em;
    COLOR: #000000;
}

.stdBold, .standardBoldText {
    FONT-WEIGHT: 700;
    FONT-SIZE: 0.9em;
    COLOR: #000000;
}

.largerBold, .largerBoldText {
    FONT-WEIGHT: bold;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 1.1em;
    COLOR: #000000;
}

.biggerBoldText {
    FONT-WEIGHT: 700;
    FONT-SIZE: 1.5em;
    COLOR: #000000;
}

.smallLabelText {
    FONT-SIZE: 0.8em;
    COLOR: #000000;
}

.smallNumericText {
    FONT-SIZE: 0.9em;
    FONT-WEIGHT: 700;
    COLOR: #000000;
    TEXT-ALIGN: left;
}

/* ---------------------------------------------------------------- */
/* NAVIGATION                                                       */
/* ---------------------------------------------------------------- */
.adminTabInactive {
    FONT-SIZE: 0.7em;
    FONT-WEIGHT: bold;
    COLOR: #666666;
    BACKGROUND-COLOR: #CCCCCC;
    TEXT-ALIGN: center;
    PADDING-TOP: 3px;
    PADDING-RIGHT: 18px;
    PADDING-BOTTOM: 3px;
    PADDING-LEFT: 18px;
    BORDER-TOP: solid thin #797979;
    BORDER-RIGHT: solid thin #797979;
    BORDER-BOTTOM: none 0px #000000;
    BORDER-LEFT: none 0px #797979;
    BACKGROUND-IMAGE: url(../Images/buttontop.jpg);
    BACKGROUND-REPEAT: repeat-x;
}

    .adminTabInactive A:link, .adminTabInactive A:visited {
        FONT-WEIGHT: bold;
        COLOR: #999999;
        TEXT-DECORATION: none;
        FONT-VARIANT: capitalize;
    }

.adminTabActive {
    FONT-SIZE: 0.7em;
    FONT-WEIGHT: bold;
    COLOR: #696969;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: center;
    PADDING-TOP: 3px;
    PADDING-RIGHT: 18px;
    PADDING-BOTTOM: 3px;
    PADDING-LEFT: 18px;
    BORDER-TOP: solid thin #666666;
    BORDER-RIGHT: solid thin #797979;
    BORDER-BOTTOM: none 0px #FFFFFF;
    BORDER-LEFT: none 0px #797979;
    TEXT-DECORATION: none;
    FONT-VARIANT: capitalize;
    BACKGROUND-IMAGE: URL(../Images/over.jpg);
    BACKGROUND-REPEAT: repeat-x;
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-POSITION: top;
}

    .adminTabActive a:link, .adminTabActive a:visited {
        FONT-WEIGHT: bold;
        COLOR: #696969;
        TEXT-DECORATION: none;
        FONT-VARIANT: capitalize;
    }

.tabInactive {
    FONT-SIZE: 0.7em;
    FONT-WEIGHT: bold;
    COLOR: #666666;
    BACKGROUND-COLOR: #CCCCCC;
    TEXT-ALIGN: center;
    PADDING-TOP: 3px;
    PADDING-RIGHT: 18px;
    PADDING-BOTTOM: 3px;
    PADDING-LEFT: 18px;
    BORDER-TOP: solid thin #797979;
    BORDER-RIGHT: solid thin #797979;
    BORDER-BOTTOM: none 0px #000000;
    BORDER-LEFT: none 0px #797979;
    BACKGROUND-IMAGE: url(../Images/buttontop.jpg);
    BACKGROUND-REPEAT: repeat-x;
}

    .tabInactive A:link, .tabInactive A:visited {
        FONT-WEIGHT: bold;
        COLOR: #666666;
        TEXT-DECORATION: none;
        FONT-VARIANT: capitalize;
    }

.tabActive {
    FONT-SIZE: 0.7em;
    FONT-WEIGHT: bold;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #006699;
    TEXT-ALIGN: center;
    PADDING-TOP: 3px;
    PADDING-RIGHT: 18px;
    PADDING-BOTTOM: 3px;
    PADDING-LEFT: 18px;
    BORDER-TOP: solid thin #006699;
    BORDER-RIGHT: solid thin #006699;
    BORDER-BOTTOM: none 0px #006699;
    BORDER-LEFT: none 0px #006699;
}

    .tabActive A:link, .tabActive A:visited {
        FONT-WEIGHT: bold;
        COLOR: #FFFFFF;
        TEXT-DECORATION: none;
        FONT-VARIANT: capitalize;
    }

.OtherTabs {
    FONT-WEIGHT: normal;
    FONT-SIZE: 8.0pt;
    COLOR: #333333;
    TEXT-DECORATION: none;
    FONT-VARIANT: capitalize;
}

A.OtherTabs:link, A.OtherTabs:visited, A.OtherTabs:active {
    FONT-SIZE: 8.5pt;
    TEXT-DECORATION: none;
    COLOR: #006699;
}

A.OtherTabs:hover {
    FONT-SIZE: 8.5pt;
    TEXT-DECORATION: none;
    COLOR: #cccccc;
}

.DomainTabInactive {
    FONT-SIZE: 0.7em;
    FONT-WEIGHT: bold;
    COLOR: #666666;
    BACKGROUND-COLOR: #CCCCCC;
    TEXT-ALIGN: center;
    PADDING-TOP: 3px;
    PADDING-RIGHT: 18px;
    PADDING-BOTTOM: 3px;
    PADDING-LEFT: 18px;
    BORDER-TOP: solid thin #797979;
    BORDER-RIGHT: solid thin #797979;
    BORDER-BOTTOM: none 0px #000000;
    BORDER-LEFT: none 0px #797979;
    BACKGROUND-IMAGE: url(../Images/buttontop.jpg);
    BACKGROUND-REPEAT: repeat-x;
}

    .DomainTabInactive A:link, .DomainTabInactive A:visited {
        FONT-WEIGHT: bold;
        COLOR: #999999;
        TEXT-DECORATION: none;
        FONT-VARIANT: small-caps;
    }

.DomainTabActive {
    FONT-SIZE: 0.7em;
    FONT-WEIGHT: bold;
    COLOR: #696969;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: center;
    PADDING-TOP: 3px;
    PADDING-RIGHT: 18px;
    PADDING-BOTTOM: 3px;
    PADDING-LEFT: 18px;
    BORDER-TOP: solid thin #666666;
    BORDER-RIGHT: solid thin #797979;
    BORDER-BOTTOM: none 0px #FFFFFF;
    BORDER-LEFT: none 0px #797979;
    TEXT-DECORATION: none;
    FONT-VARIANT: capitalize;
    BACKGROUND-IMAGE: URL(../Images/over.jpg);
    BACKGROUND-REPEAT: repeat-x;
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-POSITION: top;
}

    .DomainTabActive A:link, .DomainTabActive A:visited {
        FONT-WEIGHT: bold;
        COLOR: #696969;
        TEXT-DECORATION: none;
        FONT-VARIANT: capitalize;
    }

.DomainTabHidden {
    DISPLAY: none;
}
/* ---------------------------------------------------------------- */
/* Grid Styles                                                      */
/* -----------------------------------------------------------------*/
.rxTable {
    table-layout: auto;
}

#maintable {
    display: block;
    overflow: hidden;
}

.rxCell {
    width: 180px;
    height:37px;
    min-height: 37px;
    padding:0px;
}

    .rxCell input {
        margin-left: 2px;
    }

.rxHdr {
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    COLOR: #696969;
    BACKGROUND-COLOR: #d7def8;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-BOTTOM-STYLE: solid;
    BORDER-BOTTOM-COLOR: #000066;
    BORDER-TOP-WIDTH: 1px;
    BORDER-TOP-STYLE: solid;
    BORDER-TOP-COLOR: #000066;
    BORDER-RIGHT-WIDTH: 1px;
    BORDER-RIGHT-STYLE: solid;
    BORDER-RIGHT-COLOR: #000066;
    BORDER-LEFT-WIDTH: 1px;
    BORDER-LEFT-STYLE: double;
    BORDER-LEFT-COLOR: #000066;
    OVERFLOW: hidden;
    WHITE-SPACE: nowrap;
}

.rxHdr-NonConformity {
    HEIGHT: 55px;
}

.rxHdr A:active, .rxHdr A:link, .rxHdr A:visited, .rxHdr td {
    FONT-SIZE: 9px;
    COLOR: #696969;
    TEXT-DECORATION: none;
}

.rxHdr A:hover {
    COLOR: #cc0000;
    TEXT-DECORATION: none;
}

.rxHdr2 {
    border-spacing: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    HEIGHT: 36px;
    COLOR: #696969;
    BACKGROUND-COLOR: #d7def8;
    FONT-VARIANT: capitalize;
    OVERFLOW: hidden;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-BOTTOM-STYLE: solid;
    BORDER-BOTTOM-COLOR: #000066;
    BORDER-TOP-WIDTH: 1px;
    BORDER-TOP-STYLE: solid;
    BORDER-TOP-COLOR: #000066;
    BORDER-RIGHT-WIDTH: 1px;
    BORDER-RIGHT-STYLE: solid;
    BORDER-RIGHT-COLOR: #000066;
    BORDER-LEFT-WIDTH: 1px;
    BORDER-LEFT-STYLE: double;
    BORDER-LEFT-COLOR: #000066;
    padding: 0px;
    margin:0px;
}

.rxHdr2-NonConformity {
    height: 55px;
}

.rxHdr2 A:active, .rxHdr2 A:link, .rxHdr2 A:visited, .rxHdr2 td {
    FONT-SIZE: 9px;
    COLOR: #696969;
    TEXT-DECORATION: none;
}

.rxHdr2 A:hover {
    COLOR: #cc0000;
    TEXT-DECORATION: none;
}

.rxIt {
    BORDER-RIGHT: #696969 1px solid;
    BORDER-TOP: #696969 1px solid;
    BORDER-LEFT: #696969 1px double;
    BORDER-BOTTOM: #696969 1px solid;
    text-align: left;
    vertical-align: middle;
    padding:0px;
}

.rxIt-NonConformity {
    height: 55px;
}

.gridSideHeader {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #696969;
    BACKGROUND-COLOR: #6cc9fc;
    FONT-VARIANT: capitalize;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-BOTTOM-STYLE: solid;
    BORDER-BOTTOM-COLOR: #000066;
}
/*---------------------------------------------------*/
th {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11x;
    BACKGROUND-COLOR: #6cc9fc;
    FONT-VARIANT: capitalize;
    BORDER-BOTTOM-COLOR: #000066;
    BORDER-TOP-COLOR: #000066;
    BORDER-RIGHT-COLOR: #000066;
    BORDER-LEFT-COLOR: #000066;
    POSITION: sticky;
    top: 0;
    border-collapse: separate;
    padding:6px;
     
 }
/*---box-shadow:2px;------*/


.gridHeader {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    FONT-VARIANT: capitalize;
    BACKGROUND-COLOR: #6cc9fc;
    BORDER-BOTTOM-COLOR: #000066;
    BORDER-TOP-COLOR: #000066;
    BORDER-RIGHT-COLOR: #000066;
    BORDER-LEFT-COLOR: #000066;
    POSITION: sticky;
    border: none;
}

    .gridHeader A:active, .gridHeader A:link, .gridHeader A:visited, .gridHeader td {
        FONT-SIZE: 10px;
        COLOR: #696969;
        TEXT-DECORATION: none;
        POSITION: sticky;
    }



.scrollable tr:nth-child(even) {
    background-color: #f2f2f2
}


.gridHeader A:hover {
    COLOR: #FFF;
    TEXT-DECORATION: none;
}

.gridHeaderPermissionLink {
    font-variant: normal;
    text-decoration: underline !important;
}

.gridFirstItem, .gFI {
    BORDER-TOP: #696969 1px solid;
    BORDER-RIGHT: #696969 1px solid;
    BORDER-BOTTOM: #696969 1px solid;
    PADDING: 10px;
    MARGIN: 1px;
}

.gridItem, .gI {
    BORDER-RIGHT: #696969 1px solid;
    BORDER-TOP: #696969 1px solid;
    BORDER-LEFT: #696969 1px double;
    BORDER-BOTTOM: #696969 1px solid;
    PADDING: 10px;
    MARGIN: 1px;
    text-align: left;
    vertical-align: top;
    font-size: 12px;
    color: #575757;
}

.gridItemEmpty, .gIE {
    BORDER-RIGHT: #696969 1px solid;
    BORDER-TOP: #696969 1px solid;
    BORDER-LEFT: #696969 1px double;
    BORDER-BOTTOM: #696969 1px solid;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    MARGIN: 0px;
    background-color: Silver;
}

.gridLastItem, .gLI {
    BORDER-TOP: #696969 1px solid;
    BORDER-LEFT: #696969 1px solid;
    BORDER-BOTTOM: #696969 1px solid;
    PADDING: 10px;
    MARGIN: 1px;
}

.gridCenterItem {
    BORDER-RIGHT: #696969 1px solid;
    BORDER-TOP: #696969 1px solid;
    BORDER-LEFT: #696969 1px double;
    BORDER-BOTTOM: #696969 1px solid;
    PADDING: 10px;
    MARGIN: 1px;
    text-align: center;
    vertical-align: middle;
}

.spParamatersTable {
    border: #9f9f9f 1px solid;
}

.gridUnderTab {
    margin-top: 10px;
}

.unitControl {
    margin-left: 5px;
}

/* ---------------------------------------------------------------- */
/* Scrollable Grid Styles                                           */
/* -----------------------------------------------------------------*/

div.scrollable {
    /* NOTE MB: Avoid setting widths, heights, margins and paddings here.
              Widths and heights are determined in ASCX pages; margins and
              paddings are not supported.
  */
    border: #9f9f9f 1px solid;
    overflow: auto;
}

div.pagelistscrollable {
    max-height: 64vh; /*calc(100vh - 375px);*/
    overflow: auto;
}

div.quarterlistscrollable {
    max-height: 60vh;
    overflow: auto;
}

div.editLocation {
    display: block;
    position: absolute;
    left: 10%;
    top: 25%;
    width: 350px;
    height: auto;
    min-height: 15%;
    border: solid 1px black;
    background-color: #819cb1;
}


div.batchEdit {
    display: block;
    position: absolute;
    left: 10%;
    top: 25%;
    width: 350px;
    height: auto;
    min-height: 15%;
    border: solid 1px black;
    background-color: #819cb1;
}

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

.radtext {
    padding: 0px 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #215dc6;
    line-height: 20px;
    vertical-align: middle;
    TEXT-DECORATION: none;
    FONT-VARIANT: capitalize;
}

.radlink {
    padding: 0px 6px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    line-height: 16px;
    vertical-align: middle;
    TEXT-DECORATION: none;
    /*FONT-VARIANT:		capitalize;*/
}

A.radlink:link, A.radlink:visited, A.radlink:active {
    FONT-SIZE: 12px;
    TEXT-DECORATION: none;
    COLOR: #333;
}

A.radlink:hover {
    TEXT-DECORATION: underline;
    COLOR: #417de6;
}

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

.outlookMainFrame {
    background-color: #c4dafa;
    border: solid 1px #002d96;
}

.outLookTopCell {
    height: 24px;
    /*background-color: #adc9f7;*/
    background-repeat: repeat-x;
    font-weight: 700;
    font-size: 14px;
    color: Black;
    cursor: default;
    padding-left: 4px;
}

.outLookOpenMessageCell {
    border: solid 1px #002d96;
    background-color: #fff;
}

.messageSeparator {
    width: 100%;
    height: 1px;
}

.messageScroll {
    height: 285px;
    overflow: scroll;
}

.msgTxt {
    font-size: 11px;
}


.OutlookHeader {
    font-size: 11px;
    border-bottom: 3px solid #D2CFBE;
    font-weight: normal;
    BORDER-right: 2px inset white;
    padding-left: 5px;
}

    .OutlookHeader A {
        color: black;
        text-decoration: none;
    }

.GroupHeaderItem TD {
    border-bottom: 2px solid #7BA4E0;
    font-size: 12px;
    cursor: default;
    background-color: white;
}


.OutlookItem TD {
    border-bottom: 1px solid #EAE9E1;
    font-size: 11px;
    background-color: white;
}

.Pager {
    border-top: 1px solid #7BA4E0;
    font-size: 11px;
}

    .Pager A {
        color: black;
    }

.ContentPane {
    BORDER-RIGHT: #808080 5px solid;
    BORDER-TOP: #808080 5px solid;
    BORDER-LEFT: #808080 5px solid;
    BORDER-BOTTOM: #808080 5px solid
}

.contactTitle {
    background-color: Maroon;
}



.fullWidth {
    width: 100%;
}


/****************** Auto complete class *****************/
.autocomplete_completionListElement {
    visibility: hidden;
    margin: 0px !important;
    background-color: inherit;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    max-height: 200px;
    text-align: left;
    list-style-type: none;
    z-index: 1111;
}

.autocomplete_refElementListCompletion {
    visibility: hidden;
    margin: 0px;
    background-color: window;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    overflow: auto;
    height: 200px;
    text-align: left;
    list-style-type: none;
    z-index: 1111;
    padding: 0px;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem {
    background-color: Highlight;
    color: White;
    padding: 1px;
    z-index: 1111;
}

/* AutoComplete item */

.autocomplete_listItem {
    background-color: window;
    color: windowtext;
    padding: 1px;
}
/************************ Fin de l'autocomplete ********************************/

/* Class for formatting the Structure into a Left Column that can be fix in Width (menu)
   Some JavaScript in gui.js is used to make appear or disappear this menu. This code has
   been taken in most part from Internet. These class could be place in ID of the structure
   but has not been done in case some movement of Control could occur in the future.
*/
.colmask {
    position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
}
/* 2 column left menu settings */
.leftmenu {
    background: #6981DA;
}

    .leftmenu .colright {
        float: left;
        width: 200%;
        position: relative;
        left: 0px;
        background: #7788aa;
    }

    .leftmenu .col1wrap {
        float: right;
        width: 50%;
        position: relative;
        right: 0px;
        padding-bottom: 1em;
    }

    .leftmenu .col1 {
        margin: 0 15px 0 0px;
        position: relative;
        right: 100%;
        overflow: hidden;
        /* width:100%; /*FF require not to have this. Erase that line in FF*/
    }

    .leftmenu .col2 {
        float: left;
        width: 170px;
        position: relative;
        right: 170px;
    }


/* End Structure Classes */




/*The number of record in an Entity Grid*/
.lblRecordCount {
    float: right;
    clear: both;
    text-align: right;
    /*margin-right:30px;*/
}

/***********************************************/
/*              SectionTitle.ascx              */
/***********************************************/

#sectiontitleoverall {
    padding: 0;
    margin: 0;
    margin-left: 5px;
    margin-right: 5px;
}

    #sectiontitleoverall img {
        border: 0;
        padding: 0;
        margin: 0;
    }

    #sectiontitleoverall .beginningsection {
        float: left;
        padding: 0;
        margin: 0;
    }

    #sectiontitleoverall .textsection {
        float: left;
        padding: 0;
        margin: 0;
        padding-top: 3px;
        padding-bottom: 5px;
    }

    #sectiontitleoverall .textsection2 {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 18px;
        line-height: 1.6;
        color: #1faf0d;
        border-bottom: #1faf0d dashed 1px;
        padding-top: 10px;
    }

    #sectiontitleoverall .middlesection {
        float: left;
        padding: 0;
        margin: 0;
        margin-right: -5px;
    }

    #sectiontitleoverall .rightsection {
        float: right;
        padding: 0;
        margin: 0;
        margin-left: -5px;
    }

    #sectiontitleoverall .backgroundsection {
        padding: 0;
        margin: 0;
        padding-top: 3px;
        padding-bottom: 9px;
        background-repeat: repeat-x;
    }


/* End SectionTitle.ascx css*/

/*This let the count to be under the grid in IE8. See Audit.ascx*/
#M_ctlEntityTabs_ctlContent_ctlEntityGrid_lblRecordCount {
    display: block;
    clear: both;
}

/*For all Entity Attributes to have the same size at the left*/
#M_Pg_pnlEntityAttributes {
    margin-left: -3px;
    margin-right: 0px;
}

/*---- Sub Menu : Comment ----*/
.CommentGrid {
    border: none;
}

    .CommentGrid tr {
        border: none;
    }

    .CommentGrid td {
        border: none;
        border-bottom: solid 1 #676767;
    }

    .CommentGrid pre {
        margin-top: 3px;
        margin-bottom: 3px;
    }

/*On Grid when a check box is checked*/
.highlightTableRow {
    background-color: #F8F9E7;
}


/***********************************************/
/*               QueryFilter.ascx              */
/***********************************************/

/*Create a light border effect and round the corner*/
div.queryfilter {
    margin-left: 4px;
    margin-right: 4px;
}

/*This is the box that contain the Filter + the SimpleEditor*/
.queryfilter {
    margin: 0px 0px 5px 7px;
    padding: 0 3px 0 3px;
    -moz-box-shadow: 1px 1px 1px #D9E9FD, -1px -1px 1px #D9E9FD;
    box-shadow: 1px 1px 1px #D9E9FD, -1px -1px 1px #D9E9FD;
    -webkit-box-shadow: 1px 1px 1px #D9E9FD, -1px -1px 1px #D9E9FD;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: solid 1px #1E89AA;
}

/*This is the behavior that we should have in all browser. Chrome works, FF works but IE bugs.
For the moment, lets enable it just for FF and IE will still be able to see the data without
all the gui. The code below should be directly in queryfilter.
*/
@-moz-document url-prefix() {
    .queryfilter {
        /*Expand if require or have a min width*/
        width: auto;
        display: block;
        float: left;
        min-width: 500px;
        background-color: White;
    }
}

/*This is the behavior that we should have in all browser. Chrome works, FF works but IE bugs.
For the moment, lets enable it just for Chrome and IE will still be able to see the data without
all the gui. The code below should be directly in queryfilter.
*/
body:nth-of-type(1) .queryfilter {
    /*Expand if require or have a min width*/
    width: auto;
    display: block;
    float: left;
    background-color: White;
    padding: 15px;
}

/*Remove all possible margin and padding to all inner DIV*/
.queryfilter div {
    margin: 0;
    padding: 0;
    border: 0;
}

/*Create a border under the filter*/
div.queryfilterMenu {
    vertical-align: top;
    padding: 2px 0px 2px 0px;
    margin: 0 0 0 4px;
}

.queryfilterSelection {
    vertical-align: top;
}

.queryfilterDDL {
    vertical-align: top;
    position: relative;
    top: -3px;
}


/*Space between button of the left side*/
.queryfilterbuttonsleft input {
    margin-left: 3px;
}

.queryfilterbuttonsFilter {
    vertical-align: top;
}

.queryfilterbuttonsleft {
    vertical-align: top;
}

/*Have the Pin button to the right*/
.queryfilterbuttonsright {
    vertical-align: top;
    float: right;
}

.queryfilterbuttons input {
    vertical-align: top;
    padding: 0;
    margin: 0;
}

div.queryfilterpanel {
    border-top: 1px solid #0E799A;
    -moz-box-shadow: 0px 1px 1px #D9E9FD;
    box-shadow: 0px 1px 1px #D9E9FD;
    -webkit-box-shadow: 0px 1px 1px #D9E9FD;
    vertical-align: top;
    padding: 0;
    margin: 0;
    margin-bottom: 2px;
    display: block;
}

#queryEditorPanel {
    padding: 0;
    margin: 0;
}

.queryfilterpanel table, queryfilterpanel.tr, queryfilterpanel.td {
    border: 0;
}

/*Remove all Cells that must not be there for Hidden Field. The design was made to have hidden
field inside cell. This cause problem in the GUI with blank cell. This remove the space without
destroying all the GUI*/
td.remove {
    display: none;
}

/**************************************** End of QueryFilter.aspx ***********************************************/

/**** Start grid selection checkboxes ****/

.pnlSelectChoices {
    position: absolute;
    z-index: 20;
    display: none;
    /*background-color: Gray;*/
}

/**** End grid selection checkboxes ****/

.btnToCsv {
    background-color: #53a40a;
    border: 1px solid #b4b4b4;
    color: #FFF !important;
    font-size: 14px;
    line-height: 30px;
    padding: 0 15px;
}

input[type="button"] {
    background-color: #53a40a;
    border: 1px solid #b4b4b4;
    color: #FFF !important;
    font-size: 11px !important;
    letter-spacing: 2px;
    line-height: 21px;
    padding: 0px 5px 0px 5px;
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
}

input[type="submit"] {
    background-color: #53a40a;
    border: 1px solid #b4b4b4;
    color: #FFF !important;
    font-size: 11px !important;
    letter-spacing: 2px;
    line-height: 21px;
    padding: 0 15px;
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
}

    input[type="submit"]:disabled {
        display: none;
    }

.searchAttributeListHighlight {
    background-color: Yellow;
}

.samplesLabelsLabels {
    color: #127CC8;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
}

.samplesLabelBtn {
    margin-top: 25px;
}

.samplesLabelNote {
    display: block;
    margin-bottom: 10px;
}

.PosLeftBtnMargins {
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.PosRightBtnMargins {
    margin-top: 5px;
    margin-bottom: 5px;
}

.AssignationListBox {
    height: 400px;
    width: 200px;
}

.AssignButton {
    margin: 150px 10px 10px 10px;
}

.UnAssignButton {
    margin: 10px 10px 10px 10px;
}

.btnSelectColumns {
    margin-left: 10px;
    margin-right: 10px;
}

.btnToCsv {
    margin-top: 15px;
}

.btnToExcel {
    margin-left: 10px;
    margin-right: 10px;
}

.indented10px {
    margin-left: 10px;
}

.addCommentPanelFirstPart {
    margin-bottom: 10px;
}

.addCommentPanelSecondPart {
    margin-bottom: 20px;
}

.ddlQCPlanGroups {
    margin: 15px 15px 0px 15px;
}

.labelMargin15px {
    display: inline-block;
    margin: 15px 0px 0px 15px;
}

.labelAttribute {
    display: inline-block;
    margin: 10px 50px 10px 5px;
}

.dropDownListAttribute {
    margin: 5px 0px 5px 0px;
}

.width100pct {
    width: 100%;
}

.margin10px {
    margin: 10px 10px 10px 10px;
}

.margin15px {
    margin: 15px 15px 15px 15px;
}

.margin15pxExceptBottom {
    margin: 15px 15px 0px 15px;
}

.scrolling-table-container {
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: center;
}

.dialogTextMargin {
    margin-top: 75px;
}

.okButton {
    margin-right: 170px !important;
}

.ui-dialog-titlebar {
    background-color: #1faf0d !important; /* Original color was #ADC9F7 !important */
    background-image: none;
    color: #000;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

#replicateDialog {
    text-align: center;
}

#replicateDialogText {
    line-height: 150px;
    font-size: 1.5em;
}

.commentAuditLabel {
    margin: 10px 10px 10px 0px;
}

.pnlCommentAudits {
    margin: 10px 10px 10px 10px;
}

.gridLink {
    text-decoration: none !important;
    font-weight: normal !important;
}

    .gridLink:hover {
        text-decoration: underline !important;
    }

.listHeader {
    margin-left: 10px !important;
    margin: 10px;
}

.contentPlaceHolderWidth {
    width: 97vw;
}

/*.contentPlaceHolderWidth > table {
    height: 95vw;
}

.contentPlaceHolderWidth table {
    height: 75vw;
}

.contentPlaceHolderWidth * {
  height: 75vw;
}*/
/*
#div_M_Pg_ctlDisplaySamples_grdEntities {
   min-height:800px;
}*/

.contentf * {
 
}
#div_contents {
    /*max-height:55vh;*/
    max-height:45vh;
}

#div_row_header {
    /*max-height:70vh;*/
    overflow-y: hidden;
    display: block;
    height: 45vh;
    /*height: 55vh; must be same as : #div_contents.max-height*/
}

#M_Pg_pnlResultTable {
    height: 100%;
}

#contentPlaceHolderDiv {
    height: 100%;
    /*max-height: 76vh;*/
}

.fullpage > table{
    height:100%;
    display:block;
}

.fullpage > table > tbody {
        display: block;
        height: 100%;
}

.fullpage > table > tbody .tr:nth-child(2) {
        display: block;
        height: 100%;
}

.fullpage > table > tbody .tr:nth-child(2) > td {
        display: block;
        height: 100%;
}



/*.contentPlaceHolderWidth {
    min-height: 1000px;
}*/

/*#M_Pg_pnlResultTable {
    height: 100vw;
}

#M_Pg_rx_ctlRx {
    height: 90vw;
}

    #M_Pg_rx_ctlRx td {
        max-height: 60px;
        height: 60px;
    }

#div_row_header {
    height: 550px;
}

.inlineBlock {
    display: inline-block;
}*/

/* New visual for dialog pop-up overriding jquery .ui-dialog */

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
    border: none;
    padding: 0;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
    border: none;
    padding: 0;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    color: white;
    min-height: 30px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.ui-dialog .ui-resizable-s {
    height: 10px !important;
    background-color: #1faf0d;
}

.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
    border: none;
    padding: 0;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #1faf0d;
}

.ui-button-icon.ui-icon.ui-icon-closethick {
    background-image: url(/AceWeb/JavaScripts/jquery-ui-1.12.1.custom/images/ui-icons_ffffff_256x240.png)
}

    .ui-button-icon.ui-icon.ui-icon-closethick:focus {
        outline: none;
    }

iframe#dialogiframe {
    border: none;
}


/* New visual for pop-ups overriding jquery Framework RadDockableObject RadWWrapper and RadWTitle */
.RadDockableObjectFixed {
    border: unset !important;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

.RadDockableObjectTitleBarLeft {
    width: 0px !important;
}

.RadDockableObjectTitle {
    padding-left: 10px !important;
    color: white !important;
    text-transform: uppercase !important;
}

.RadDockableObjectInnerContainer {
    background: white !important;
    border: unset !important;
}

.RadWTitleText {
    font-weight: 700 !important;
    color: white !important;
}

.RadWWrapperHeaderCenter {
    height: 30px !important;
}

.RadWWrapperBodyLeft {
    border-left: unset !important;
    font-size: 0px !important;
    color: white !important;
}

.RadWWrapperBodyRight {
    border-right: unset !important;
}

.RadDragHelper {
    background-color: #1faf0d !important;
}

.ChkBoxColumn {
    display: inline;
    justify-content: center;
    justify-self: center;
}

.Error {
    color: red;
}

.dataPanel {
    visibility: hidden;
}

.rowPadding td {
    padding-bottom: 15px;
    max-height: 37px;
}

    .rowPadding td span span {
        height: 0px !important;
    }

.tableDetails tbody tr td {
    width: 225px;
    padding-bottom: 15px;
}

.statisticsDatePicker * {
    display: none;
}

.statisticsDatePicker input {
    display: inline !important;
    width: 80px;
}

.statisticsDatePicker span {
    display: none;
}

.entityAssociationList {
    resize: both;
    min-height: 160px;
    min-width: 140px;
    width: 400px !important;
    max-width: 1000px;
    max-height: 40%;
}

.resultGridilinkId {
    font-size: 18px !important;
    font-weight: bold;
}

.entitySelectorDropDown {
    width: 14px;
    background: #6CC9FC;
    border: transparent;
}

.entitySelectorDropDown option {
    background: white;
}

.dragdropzone {
/*    background-image: url(../Images/Icons/dragdrop.jpg);
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: top left;*/
    border:none;
    margin-top: 15px;
}

.grab:hover{
   cursor: -webkit-grab;
   cursor: grab;
}