html, body,form {
    margin: 0;
    padding: 0;
    font:12px "Segoe UI",Helvetica,"Droid Sans",Tahoma,Geneva,sans-serif;
    color:#4c4c4c;
    width:100%;
    height:100%;
}



/* Header */
.headerPane {
    position: fixed;
    z-index: 99;
    margin: auto;
    width: 100%;
    /*vali background-color: #EDEDED;*/
    background-color: #0072c6;
    background-position: left top;
    background-repeat: no-repeat;
    /*vali*/
    /*font-family: Tahoma;*/
    height: 40px;
    vertical-align: middle;
}
.headerPane .headerTop
{
    height: 40px;
    /*vali*/
    color:#fff;    
}
.templateTitle 
{
    float:left;
    margin-left: 15px;
    /*vali margin-top: 11px;*/
    padding-top:10px;
    text-transform:uppercase;
}
.templateTitle a 
{
    text-decoration: none;
    /*font-size: x-large;*/
     /*vali*/
    color:#fff;
    font-size:14px;

}
.loginControl 
{
    
    float: right;
    /*vali margin-top: 17px;*/
    margin-top: 8px;
    /*margin-right: 25px;*/
    margin-right: 5px;
    font-size:14px;
}
.loginControl a 
{
     /*vali*/
    color:#fff;
    text-decoration: none;    
    display: inline-block;
}
.loginControl a:hover
{
     /*vali*/    
    text-decoration: underline;    
}
.headerMenu 
{
    margin-top: 11px;
    
    float:left;
    padding-left:20px;
}


/* Footer */
.footerPane 
{
    background-color: #EDEDED;
    height:100%;
}
.footerMenu {
    float: right;
    padding-top: 7px;
}
.copyright 
{
    float: left;
    margin-left: 15px;
    margin-top: 100px;
}

.content 
{
    padding: 5px;
}


/* Account */
.accountHeader h2 
{
    margin: 10px 0 7px 0;
    font-size: 16px;
}
.accountHeader p 
{
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.accountHeader 
{
    margin-bottom: 20px;
}
.form-field
{
    margin-bottom: 8px;
}


/* iOS */
.dxsplVSeparator_iOS,
.dxsplHSeparator_iOS
{
    border-width: 0px !important;
}
.dxsplPane_iOS.leftPane,
.dxsplPane_iOS.rightPane,
.dxsplPane_iOS.contentPane
{
    border-width: 1px !important;
}
.dxsplControl_iOS .templateTitle
{
    margin-top: 3px;    
}
.dxsplControl_iOS .templateTitle a
{
    color: #303030;
    font-size: 26px;
    line-height: 1em;
    font-weight: bold;
}
.dxsplControl_iOS .headerTop,
.dxsplControl_iOS .content
{
    font-family: HelveticaNeue,Helvetica,Verdana,sans-serif;
}
.dxsplControl_iOS .loginControl
{
    margin-top: 4px;    
}
.dxsplControl_iOS .loginControl a
{
    color: #0160E7;
    text-decoration: underline;
    font-size: 20px;
    font-weight: bold;
}
.dxsplControl_iOS .headerTop
{
    height: 33px;
}
.dxsplControl_iOS .headerMenu
{
    margin-top: 0px;   
}
.dxsplPane_iOS.mainContentPane
{
    border-width: 0px !important;
    box-shadow: initial;
    -webkit-box-shadow: initial;
    -moz-box-shadow: initial;
}
.dxsplPane_iOS.footerPane
{
    border-width: 1px !important;
}
.dxsplControl_iOS .accountHeader p
{
    color: #303030;
    font-size: 18px;
}
.dxsplControl_iOS .accountHeader h2
{
    color: #303030;
    font-size: 26px;
    margin-bottom: 10px;
}


/* Aqua */
.dxsplControl_Aqua 
{
    /*vali*/
    /*font-family: Tahoma;*/
    font-family:"Segoe UI",Helvetica,"Droid Sans",Tahoma,Geneva,sans-serif;
}
.dxsplControl_Aqua .headerPane,
.dxsplControl_Aqua .footerPane,
.dxsplControl_Aqua .footerMenu li
{
    background-color: #BFDBFF;
}
.dxsplControl_Aqua .headerPane
{
    background-image: url('images/AquaHeader.jpg');
}
.dxsplControl_Aqua .headerMenu li b
{
    height: 25px !important;
}
.dxsplControl_Aqua .accountHeader h2
{
    color: #5689C5;
}
.dxsplControl_Aqua .loginControl a,
.dxsplControl_Aqua .templateTitle a
{
    color: White;
    border-color: White;
}


/* DevEx */
.dxsplControl_DevEx 
{
    font-family: Verdana;
    color: #201F35;
}
.dxsplControl_DevEx .headerPane,
.dxsplControl_DevEx .footerPane,
.dxsplControl_DevEx .footerMenu li
{
    background-color: #F2F3F4;
}
.dxsplControl_DevEx .templateTitle a,
.dxsplControl_DevEx .loginControl,
.dxsplControl_DevEx .loginControl a
{
    color: #4B4B57;
}
.dxsplControl_DevEx .loginControl a 
{
    border-bottom-color: #4B4B57;
}
.dxsplControl_DevEx .headerMenu 
{
    margin-top: 13px;
}
.dxsplControl_DevEx .accountHeader p
{
    font-size: 11px;
}


/* BlackGlass */
.dxsplControl_BlackGlass 
{
    /*font-family: Tahoma;*/
    font-family:"Segoe UI",Helvetica,"Droid Sans",Tahoma,Geneva,sans-serif;
}
.dxsplControl_BlackGlass .headerPane,
.dxsplControl_BlackGlass .footerPane,
.dxsplControl_BlackGlass .footerMenu li
{
    background-color: #2A2A2A;
    color: white;
}
.dxsplControl_BlackGlass .headerPane
{
    background-image: url('images/BlackGlassHeader.jpg');
}
.dxsplControl_BlackGlass .leftPanel li[class$="dxnb-last"] ul
{
    border-bottom: 1px solid black;
}
.dxsplControl_BlackGlass .accountHeader p
{
    color: #585858;
}
.dxsplControl_BlackGlass .loginControl a,
.dxsplControl_BlackGlass .templateTitle a
{
    color: White;
    border-color: White;
}


/* Glass */
.dxsplControl_Glass 
{
    /*font-family: Tahoma;*/
    font-family:"Segoe UI",Helvetica,"Droid Sans",Tahoma,Geneva,sans-serif;
}
.dxsplControl_Glass .headerPane,
.dxsplControl_Glass .footerPane,
.dxsplControl_Glass .footerMenu li
{
    background-color: #CFE0E7;
}
.dxsplControl_Glass .headerPane
{
    background-image: url('images/GlassHeader.jpg');
}
.dxsplControl_Glass .footerMenu *
{
    background-image: none !important;
}
.dxsplControl_Glass .headerMenu li b
{
    height: 25px !important;
}
.dxsplControl_Glass .templateTitle a,
.dxsplControl_Glass .loginControl,
.dxsplControl_Glass .loginControl a
{
    color: #4B4B57;
}
.dxsplControl_Glass .loginControl a 
{
    border-bottom-color: #4B4B57;
}
.dxsplControl_Glass .accountHeader h2
{
    color: #387FA4;
}
.dxsplControl_Glass .accountHeader p
{
    color: #575757;
}



/* Office2003Blue */
.dxsplControl_Office2003Blue 
{
    /*font-family: Tahoma;*/
    font-family:"Segoe UI",Helvetica,"Droid Sans",Tahoma,Geneva,sans-serif;
}
.dxsplControl_Office2003Blue .headerPane,
.dxsplControl_Office2003Blue .footerPane,
.dxsplControl_Office2003Blue .footerMenu li
{
    background-color: #BCD4F6;
}
.dxsplControl_Office2003Blue .footerMenu div
{
    background: transparent none;
}
.dxsplControl_Office2003Blue .leftPanel > ul
{
    background: transparent none;
}
.dxsplControl_Office2003Blue .templateTitle a,
.dxsplControl_Office2003Blue .loginControl,
.dxsplControl_Office2003Blue .loginControl a
{
    color: #4B4B57;
}
.dxsplControl_Office2003Blue .loginControl a 
{
    border-bottom-color: #4B4B57;
}
.dxsplControl_Office2003Blue .accountHeader p
{
    color: #424242;
}
.dxsplControl_Office2003Blue .headerMenu 
{
    margin-top: 5px;
}


/* Office2003Olive */
.dxsplControl_Office2003Olive 
{
    /*font-family: Tahoma;*/
    font-family:"Segoe UI",Helvetica,"Droid Sans",Tahoma,Geneva,sans-serif;
}
.dxsplControl_Office2003Olive .headerPane,
.dxsplControl_Office2003Olive .footerPane,
.dxsplControl_Office2003Olive .footerMenu li
{
    background-color: #D6DCBB;
}
.dxsplControl_Office2003Olive .footerMenu div
{
    background: transparent none;
}
.dxsplControl_Office2003Olive .leftPanel > ul
{
    background: transparent none;
}
.dxsplControl_Office2003Olive .templateTitle a,
.dxsplControl_Office2003Olive .loginControl,
.dxsplControl_Office2003Olive .loginControl a
{
    color: #4B4B57;
}
.dxsplControl_Office2003Olive .loginControl a 
{
    border-bottom-color: #4B4B57;
}
.dxsplControl_Office2003Olive .accountHeader p
{
    color: #424242;
}
.dxsplControl_Office2003Olive .headerMenu 
{
    margin-top: 5px;
}

/* Office2003Silver */
.dxsplControl_Office2003Silver 
{
    /*font-family: Tahoma;*/
    font-family:"Segoe UI",Helvetica,"Droid Sans",Tahoma,Geneva,sans-serif;
}
.dxsplControl_Office2003Silver .headerPane,
.dxsplControl_Office2003Silver .footerPane,
.dxsplControl_Office2003Silver .footerMenu li
{
    background-color: #D0D0DE;
}
.dxsplControl_Office2003Silver .footerMenu div
{
    background: transparent none;
}
.dxsplControl_Office2003Silver .leftPanel > ul
{
    background: transparent none;
}
.dxsplControl_Office2003Silver .templateTitle a,
.dxsplControl_Office2003Silver .loginControl,
.dxsplControl_Office2003Silver .loginControl a
{
    color: #4B4B57;
}
.dxsplControl_Office2003Silver .loginControl a
{
    border-bottom-color: #4B4B57;
}
.dxsplControl_Office2003Silver .accountHeader p
{
    color: #424242;
}
.dxsplControl_Office2003Silver .headerMenu 
{
    margin-top: 5px;
}


/* Office2010Black */
.dxsplControl_Office2010Black 
{
    font-family: Verdana;
}
.dxsplControl_Office2010Black .headerPane,
.dxsplControl_Office2010Black .footerPane,
.dxsplControl_Office2010Black .footerMenu li
{
    background-color: #393939;
    color: white;
}
.dxsplControl_Office2010Black .footerMenu a
{
    color: white !important;
}
.dxsplControl_Office2010Black .accountHeader h2
{
    color: #3C3C3C;
}
.dxsplControl_Office2010Black .accountHeader p
{
    font-size: 11px;
}
.dxsplControl_Office2010Black .headerMenu 
{
    margin-top: 13px;
}
.dxsplControl_Office2010Black .loginControl a,
.dxsplControl_Office2010Black .templateTitle a
{
    color: White;
    border-color: White;
}


/* Office2010Blue */
.dxsplControl_Office2010Blue 
{
    font-family: Verdana;
}
.dxsplControl_Office2010Blue .headerPane,
.dxsplControl_Office2010Blue .footerPane,
.dxsplControl_Office2010Blue .footerMenu li
{
    background-color: #D3E4F6;
}
.dxsplControl_Office2010Blue .templateTitle a,
.dxsplControl_Office2010Blue .loginControl,
.dxsplControl_Office2010Blue .loginControl a
{
    color: Black;
}
.dxsplControl_Office2010Blue .loginControl a 
{
    border-bottom-color: Black;
}
.dxsplControl_Office2010Blue .accountHeader h2
{
    color: #498BC2;
}
.dxsplControl_Office2010Blue .accountHeader p
{
    font-size: 11px;
}
.dxsplControl_Office2010Blue .headerMenu 
{
    margin-top: 13px;
}


/* Office2010Silver */
.dxsplControl_Office2010Silver 
{
    font-family: Verdana;
}
.dxsplControl_Office2010Silver .headerPane,
.dxsplControl_Office2010Silver .footerPane,
.dxsplControl_Office2010Silver .footerMenu li
{
    background-color: #A9ACB4;
    color: white;
}
.dxsplControl_Office2010Silver .accountHeader h2
{
    color: #3B3B3B;
}
.dxsplControl_Office2010Silver .accountHeader p
{
    font-size: 11px;
}
.dxsplControl_Office2010Silver .headerMenu 
{
    margin-top: 13px;
}
.dxsplControl_Office2010Silver .loginControl a,
.dxsplControl_Office2010Silver .templateTitle a
{
    color: White;
    border-color: White;
}



/* PlasticBlue */
.dxsplControl_PlasticBlue 
{
    /*font-family: Tahoma;*/
    font-family:"Segoe UI",Helvetica,"Droid Sans",Tahoma,Geneva,sans-serif;
}
.dxsplControl_PlasticBlue .headerPane,
.dxsplControl_PlasticBlue .footerPane,
.dxsplControl_PlasticBlue .footerMenu li
{
    background-color :#3C4F8F;
    color: white;
}
.dxsplControl_PlasticBlue .headerPane
{
    background-image: url('images/PlasticBlueHeader.jpg');
}
.dxsplControl_PlasticBlue .accountHeader h2
{
    color: #5A83D0;
}
.dxsplControl_PlasticBlue .accountHeader p
{
    color: #575757;
}
.dxsplControl_PlasticBlue .headerMenu 
{
    margin-top: 12px;
}
.dxsplControl_PlasticBlue .loginControl a,
.dxsplControl_PlasticBlue .templateTitle a
{
    color: White;
    border-color: White;
}


/* RedWine */
.dxsplControl_RedWine 
{
    /*font-family: Tahoma;*/
    font-family:"Segoe UI",Helvetica,"Droid Sans",Tahoma,Geneva,sans-serif;
}
.dxsplControl_RedWine .headerPane,
.dxsplControl_RedWine .footerPane,
.dxsplControl_RedWine .footerMenu li
{
    background-color: #78002B;
    color: white;
}
.dxsplControl_RedWine .headerPane
{
    background-image: url('images/RedWineHeader.jpg');
    background-position: top right;
}
.dxsplControl_RedWine .footerMenu div 
{
    background: transparent none;
}
.dxsplControl_RedWine .accountHeader h2
{
    color: #8A0A37;
}
.dxsplControl_RedWine .headerMenu 
{
    margin-top: 9px;
}
.dxsplControl_RedWine .loginControl a,
.dxsplControl_RedWine .templateTitle a
{
    color: White;
    border-color: White;
}


/* SoftOrange */
.dxsplControl_SoftOrange 
{
    /*font-family: Tahoma;*/
    font-family: "Segoe UI",Helvetica,"Droid Sans",Tahoma,Geneva,sans-serif;
}
.dxsplControl_SoftOrange .headerPane,
.dxsplControl_SoftOrange .footerPane,
.dxsplControl_SoftOrange .footerMenu li
{
    background-color: #F9F9F9 !important;
    background-image: none !important;
}
.dxsplControl_SoftOrange .templateTitle a,
.dxsplControl_SoftOrange .loginControl,
.dxsplControl_SoftOrange .loginControl a
{
    color: Black;
}
.dxsplControl_SoftOrange .loginControl a 
{
    border-bottom-color: Black;
}
.dxsplControl_SoftOrange .accountHeader h2
{
    color: Black;
}
.dxsplControl_SoftOrange .accountHeader p
{
    color: #707070;
}
.dxsplControl_SoftOrange .headerMenu 
{
    margin-top: 8px;
}


/* Youthful */
.dxsplControl_Youthful 
{
    /*font-family: Tahoma;*/
    font-family: "Segoe UI",Helvetica,"Droid Sans",Tahoma,Geneva,sans-serif;
}
.dxsplControl_Youthful .headerPane,
.dxsplControl_Youthful .footerPane,
.dxsplControl_Youthful .footerMenu li
{
    background-color: #8AA150;
    color: white !important;
}
.dxsplControl_Youthful .headerMenu li b
{
    height: 35px !important;
}
.dxsplControl_Youthful .accountHeader h2
{
    color: #80A70E;
}
.dxsplControl_Youthful .headerMenu 
{
    margin-top: 1px;
}
.dxsplControl_Youthful .loginControl a,
.dxsplControl_Youthful .templateTitle a
{
    color: White;
    border-color: White;
}

/* Metropolis */
.dxsplControl_Metropolis 
{
    font-family: Segoe UI;
}
.dxsplControl_Metropolis .headerPane,
.dxsplControl_Metropolis .footerMenu li
{
    background-color: White;
    color: Black;
}
.dxsplControl_Metropolis .accountHeader h2
{
    color: #3B3B3B;
}
.dxsplControl_Metropolis .accountHeader p
{
    font-size: 11px;
}
.dxsplControl_Metropolis .headerMenu 
{
    margin-top: 13px;
}
.dxsplControl_Metropolis .loginControl a,
.dxsplControl_Metropolis .templateTitle a
{
    color: Black;
    border-color: Black;
}
.dxsplControl_Metropolis .templateTitle a 
{
    font-size: 28px;
}
.dxsplControl_Metropolis .dxsplVSeparator_Metropolis 
{
    border-bottom: 0!important;
}

/* MetropolisBlue */
.dxsplControl_MetropolisBlue 
{
    font-family: Segoe UI;
}
.dxsplControl_MetropolisBlue .headerPane,
.dxsplControl_MetropolisBlue .footerMenu li
{
    background-color: White;
    color: Black;
}
.dxsplControl_MetropolisBlue .accountHeader h2
{
    color: #3B3B3B;
}
.dxsplControl_MetropolisBlue .accountHeader p
{
    font-size: 11px;
}
.dxsplControl_MetropolisBlue .headerMenu 
{
    margin-top: 13px;
}
.dxsplControl_MetropolisBlue .loginControl a,
.dxsplControl_MetropolisBlue .templateTitle a
{
    color: Black;
    border-color: Black;
}
.dxsplControl_MetropolisBlue .templateTitle a 
{
    font-size: 28px;
}
.dxsplControl_MetropolisBlue .dxsplVSeparator_MetropolisBlue 
{
    border-bottom: 0!important;
}

/*vali overwrite*/
.dxGridView_gvShowAdaptiveDetailButton_MetropolisBlue {
    background: url(/MrGPortalWeb/Images/Operations/more-24.png) center center no-repeat !important;
    opacity: 1 !important;
    width: 30px;
    height: 30px;
}

/*vali overwrite*/
.dxGridView_gvHideAdaptiveDetailButton_MetropolisBlue {
    background: url(/MrGPortalWeb/Images/Operations/close-24-gray.png) left center no-repeat !important;
    opacity: 1 !important;
    width: 30px;
    height: 30px;
}

/* Moderno */
.dxsplControl_Moderno 
{
    font-family: Segoe UI;
}
.dxsplControl_Moderno .headerPane,
.dxsplControl_Moderno .footerMenu li
{
    background-color: White;
    color: Black;
}
.dxsplControl_Moderno .accountHeader h2
{
    color: #3B3B3B;
}
.dxsplControl_Moderno .accountHeader p
{
    font-size: 11px;
}
.dxsplControl_Moderno .headerMenu 
{
    margin-top: 13px;
}
.dxsplControl_Moderno .loginControl a,
.dxsplControl_Moderno .templateTitle a
{
    color: #0072c6;
    border-color: #0072c6;
}
.dxsplControl_Moderno .templateTitle a 
{
    font-size: 28px;
}
.dxsplControl_Moderno .dxsplVSeparator_Moderno 
{
    border-bottom: 0!important;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
}
.dxsplControl_Moderno .footerPane 
{
    background: #EDEDED;
}

/* Mulberry */
.dxsplControl_Mulberry
{
    font-family: Segoe UI;
}
.dxsplControl_Mulberry .footerMenu li
{
    background-color: White;
    color: Black;
}
.dxsplControl_Mulberry .accountHeader h2
{
    color: #3B3B3B;
}
.dxsplControl_Mulberry .accountHeader p
{
    font-size: 11px;
}
.dxsplControl_Mulberry .headerMenu 
{
    margin-top: 10px;
}
.dxsplControl_Mulberry .loginControl a,
.dxsplControl_Mulberry .templateTitle a
{
    color: #BF4E6A;
    border-color: #BF4E6A;
}
.dxsplControl_Mulberry .templateTitle a 
{
    font-size: 28px;
}
.dxsplControl_Mulberry .dxsplVSeparator_Mulberry
{
    border-width: 0px !important;
}
.dxsplControl_Mulberry .headerPane,
.dxsplControl_Mulberry .footerPane
{
    background: #F1F2F5;
}


/*Vali*/

.table-editform > thead > tr > th {padding: 4px;vertical-align: top;}
.table-editform>tbody>tr>td {padding:4px;vertical-align:top;}
.table-editform>tr>td {padding:4px ;}

.table-editform-min > thead > tr > th {padding: 1px;vertical-align: top;}
.table-editform-min > tbody > tr > td {padding: 1px;vertical-align: top;}
.table-editform-min > tr > td {padding: 1px;}

.table-editform-min-2 > thead > tr > th {padding: 2px;vertical-align: top;}
.table-editform-min-2 > tbody > tr > td {padding: 2px;vertical-align: top;}
.table-editform-min-2 > tr > td {padding: 2px;}

.align-left {text-align:left !important;}
.align-center {text-align:center !important;}
.align-right {text-align:right !important;}
.valign-middle {vertical-align:middle !important;}
.valign-bottom {vertical-align: bottom !important;}
.background-gray {background-color: #c0c0c0;}
.background-light-gray {background-color: #f2f2f2;}
.bold {font-weight: bold !important;}
.border-gray {border: 1px solid #c0c0c0;}
.border-left-gray {border-left: 1px solid #c0c0c0;}
.border-right-gray {border-right: 1px solid #c0c0c0;}
.border-bottom-gray{ border-bottom: 1px solid #c0c0c0;}
.border-bottom-light-gray {border-bottom: 1px solid #f2f2f2;}

.border-bottom-lightblue { border-bottom: 1px solid #cde6f7;}
.border-top-lightblue { border-top: 1px solid #cde6f7;}

.color-gray-3 {color: #333333 !important;}

.color-blue { color: #407fc5;}

.color-blue2 { color: #0072c6;}

.valign-top {
    vertical-align: top !important;
}
.valign-middle {vertical-align:middle !important;}
.font8 {font-size: 8px !important;}
.font9 {font-size: 9px !important;}
.font10 {font-size: 10px !important;}
.font11 {font-size: 11px !important;}
.font12 {font-size: 12px !important;}
.font13 {font-size: 13px !important;}
.font14 {font-size: 14px !important; }
.font16 {font-size: 16px !important;}
.font18 {font-size: 18px !important;}
.font20 {font-size: 20px !important;}
.font22 {font-size: 22px !important;}
.font24 {font-size: 24px !important;}
.font26 {font-size: 26px !important;}
.font28 {font-size: 28px !important;}
.font30 {font-size: 30px !important;}
.font32 {font-size: 32px !important;}
.font34 {font-size: 34px !important;}
.font36 {font-size: 36px !important;}

.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-both {clear:both;}

.cursor-pointer {cursor: pointer !important;}

.float-left {float:left;}
.float-right {float:right;}

.display-none { display:none !important; }
.margin-auto {margin:auto !important;}
.padding-2 {padding: 2px !important;}
.padding-5 { padding:5px !important;}
.padding-8 {padding: 8px !important;}
.padding-10 { padding:10px !important;}
.padding-20 { padding:20px !important;}

.padding-bottom-5 {padding-bottom: 5px !important;}
.padding-bottom-10 {padding-bottom: 10px !important;}

.padding-left-2 {padding-left: 2px !important;}
.padding-left-3 {padding-left: 3px !important;}
.padding-left-4 {padding-left: 4px !important;}
.padding-left-5 { padding-left:5px !important;}
.padding-left-10 { padding-left:10px !important;}
.padding-left-15 {padding-left: 15px !important;}
.padding-left-17 {padding-left: 17px !important;}
.padding-left-18 {padding-left: 18px !important;}
.padding-left-19 {padding-left: 19px !important;}
.padding-left-20 { padding-left:20px !important;}
.padding-left-30 { padding-left:30px !important;}

.padding-right-8 {
    padding-right: 8px !important;
}
.padding-right-10 { padding-right:10px !important;}
.padding-right-20 { padding-right:20px !important;}
.padding-right-30 { padding-right:30px !important;}

.padding-top-0 { padding-top: 0px !important;}
.padding-top-4 { padding-top: 4px !important; }
.padding-top-5 { padding-top: 5px !important;}
.padding-top-7 {padding-top: 5px !important;}
.padding-top-10 { padding-top: 10px !important;}
.padding-top-15 {padding-top: 15px !important;}
.padding-top-20 {padding-top: 20px !important;}
.padding-top-25 {padding-top: 25px !important;}
.padding-top-30 {padding-top: 30px !important;}

.text-decoration-none {
    text-decoration:none !important;
}
.underline {
    text-decoration: underline !important
}


.ribbon {
    background-color:#e1e1e1 !important;

}
.ribbon > .dxtc-top > .dxtc-stripContainer {
    padding-top: 0px !important;
    height:24px !important;
}

.ribbon-label-padding-top-10 {
    padding-top:10px !important;
}

.pos-fixed{position:fixed;}
.pos-absolute{position:absolute;}
.display-block {display:block;}

.valign-middle{vertical-align:middle !important;}
.valign-top{vertical-align:top !important;}

.width-30 {
    width: 30px !important;
}

.width-min {
    width: 0px !important;
}

.width-max {
    width:100%;
}


.height-max {
    height:100%;
}
.height-80 {
    height:75px !important;
}

.max-width-350 {
    max-width:350px;
}

.max-width-400 {
    max-width: 400px;
}

.min-width-15 {
    min-width: 15px;
}

.min-width-20 {
    min-width: 20px;
}

.min-width-30 {
    min-width: 30px;
}

.min-width-40 {
    min-width: 40px;
}

.min-width-50 {
    min-width: 50px;
}

.min-width-60 {
    min-width: 60px;
}

.min-width-70 {
    min-width: 70px;
}

.min-width-80 {
    min-width: 80px;
}

.min-width-90 {
    min-width: 90px;
}

.min-width-100 {
    min-width: 100px;
}

.min-width-120 {
    min-width: 120px;
}

.min-width-150 {
    min-width: 150px;
}

.min-width-220 {
    min-width: 220px;
}

.min-width-250 {
    min-width: 250px;
}

.min-width-290 {
    min-width: 290px;
}

.min-width-300 {
    min-width: 300px !important;
}

.min-width-310 {
    min-width: 310px;
}

.min-width-320 {
    min-width: 320px;
}

.min-width-mobile {
    min-width:290px;
}




.input-text-mobile{
    height:30px !important;    
    max-width:320px;
}

.input-text-mobile-login {
    height: 40px !important;
    width: 80%;
    max-width: 320px !important;
    border: 1px solid #c0c0c0;
    font: 16px "Segoe UI",Helvetica,"Droid Sans",Tahoma,Geneva,sans-serif;
    padding-left: 5px !important;
}

.input-text-mobile-login:focus {
    border: 1px solid #0072C6;
}


.cmbbox-mobile {
    height: 30px !important;
    max-width: 320px;
    border: 1px solid #c0c0c0;
}

#divMainContentPopupRibbon {
    padding: 30px 20px 0px 20px;
}

#divPopuRibbonTopBlue {
    /*background-color:#0072C6;*/
    background: #0072C6 url(/MrGPortalWeb/Images/Logo/logo-white-113x30.png) left top no-repeat !important;    
    min-height: 25px;
    height: 25px;
    width: 100%;
    position: fixed;
    z-index: 99;
    padding-bottom: 5px;
}

#mainDiv {
    min-width:320px;
}

#divHeader {
    position:fixed;
    width:100%;
    z-index:99;
}

#topMenuOpener {
     /*padding-left:20px;*/
     padding-top:0px;
     font-size:16px;
     max-height:40px;
    overflow:hidden;
}
#topMenuOpenerLink {
    color:#fff;
    text-decoration:none;
    padding-right:10px;
    font-size:16px;        
}

#topMenusContainer {
    width: 100%;
    z-index: 98;
    margin-top: 40px;
    position: fixed;
}

#topMenus {
    /*vali display:block;*/
    position:absolute;
    font-size:16px;
    color:#fff;
    
    /*vali*/
    background-color:#dcdee5;
    height:80px;
    width:100%;    
    vertical-align:middle;
    overflow:hidden;
     white-space:nowrap;
      margin: 0px;
    padding: 0px;
    z-index:98;
}

#topMenusContent {
    overflow:hidden;
    white-space:nowrap;
    z-index:98;
}
#topMenusContent ul{
    margin: 0px 5px 0px 5px;
    
    padding: 0px;
    list-style-type: none !important;
    display: inline;
}

#topMenusContent  ul li{
    margin:0px 0px 0px 15px;

    padding: 0px !important;
    text-align: center !important;
    vertical-align: top;
    list-style-type: none !important;
    min-width: 105px !important;
    min-height: 70px !important;
    display: inline;
}
#topMenusContent  ul li div{
    margin-top:10px;
    margin-bottom:10px;
    cursor:pointer;
    display:inline-block;
    min-width: 105px !important;
    min-height: 60px;
    line-height:55px;
    vertical-align:top;      
    text-align:left;
    padding-left:5px;   
}

#topMenusContent  ul li div img{
    vertical-align:middle;
    text-align:right !important;
    padding-left:15px;         
    padding-right:5px;  
}



#topSubMenus {
    display:block;
    background-color:#fff;
    z-index:99;
}

#topSubMenus ul{
    margin: 0px;
    padding: 0px;
    padding-right: 0px;
    list-style-type: none !important;
    display: inline;

}


#topSubMenus div  ul li{
    margin:15px 30px 0px 15px;

    padding: 0px !important;
    text-align: left !important;
    vertical-align: top;
    list-style-type: none !important;
    /*min-width: 105px !important;
    min-height: 70px !important;    
        */
    display: inline-block;   
}
#topSubMenus div ul li div {
    min-height:30px;
}

#topSubMenus div ul li span{
    /*margin-top:10px;
    margin-bottom:10px;
    cursor:pointer;
    display:inline-block;
    min-width: 105px !important;
    min-height: 60px;
    line-height:55px;*/
    vertical-align:top;     
           
}

#topSubMenus div ul li a, #topSubMenus div ul li a:active,#topSubMenus div ul li a:link,#topSubMenus div ul li a:visited{
    /*margin-top:10px;
    margin-bottom:10px;
    cursor:pointer;
    display:inline-block;
    min-width: 105px !important;
    min-height: 60px;
    line-height:55px;*/
    vertical-align:top; 
    line-height:30px;    
    text-decoration:none;       
    color:#407fc5;
    vertical-align:middle;    
}
#topSubMenus div ul li a:hover {
	
    color:#0072C6;
    text-decoration:underline;
}


#topSubMenus div ul li a img{
    vertical-align:middle;
    text-align:left !important;           
    padding-right:5px;  
}

#topMenuArrLeft {
    cursor:pointer;
    position:absolute;
    height:100%;
    left:0px;
    top:0px;    
    background-color:#bec1c8;
    width:20px;    
    z-index:2;
}
#topMenuArrLeft:hover {
    background-color:#b1b3ba;
}

#topMenuArrLeft img {    
    padding-top:30px;
    padding-left:3px;
}

#topMenuArrRight {
    cursor:pointer;
    position:absolute;
    right:0px;
    top:0px;
    height:100%;    
    background-color:#bec1c8;
    width:20px;     
    z-index:2;
}
#topMenuArrRight:hover {
    background-color:#b1b3ba;
}
#topMenuArrRight img {    
    padding-top:30px;
    padding-left:2px;
}

.top-menu:hover {
    height:62px;
     /*background-image: url(/MrGPortalWeb/Images/TopMenu/menu-over.gif) ;*/
     border-top:solid 1px #fff;
     border-bottom:solid 1px #fff;

}
.top-menu-selected {
    height:70px !important;
    border:none !important;
    margin-bottom:0px;
    padding-top:0px;
    background-image: url(/MrGPortalWeb/Images/TopMenu/arr-menu-selected.png) !important;
    background-position:center bottom;
    background-repeat:no-repeat;
    padding-top:5px;
    
}

.top-menu-selected img {    
    
}



.top-submenu-column-title{
    font-size:14px;    
    color:#666;
    line-height:30px;
}

.top-submenu-item {
    padding-top:10px;
}
.top-submenu-active {
        padding-bottom:25px;    
    /*border-bottom:1px solid #bec1c8;*/
    /*margin-top:110px;*/
}
#divMainContent {
    padding:40px 20px 40px 20px;
}
.div-page-title {
 font-size:18px;    
 color:#666;
 padding-bottom:10px;
 padding-top:20px;
}
.div-page-title-ribbon {
 font-size:18px;    
 color:#666;
 padding-bottom:10px;
 padding-top:140px;
}

.div-page-title-ribbon-small {
    font-size: 12px;
    font-weight:bold;
    color: #666;
    padding-bottom: 5px;
    padding-top: 130px;
}

.div-page-title-ribbon-small-v2 {
    font-size: 12px;
    font-weight: bold;
    color: #666;
    padding-bottom: 5px;
    padding-top: 120px;
}

.div-page-title-ribbon-small-v3 {
    font-size: 12px;
    font-weight: bold;
    color: #666;
    padding-bottom: 5px;
    padding-top: 110px;
}


.div-section-title {
font-size: 15px;
color: #0072c6;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 7px;
border-left: 4px solid #0072C6;
vertical-align: middle;
}


#topMenuShadowDiv {
/*background-color:#0072C6; */
background-color:#666666;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:98;
position:absolute;
-khtml-opacity: .1;
-moz-opacity: .1;
-ms-filter: 'alpha(opacity=10)';
filter: alpha(opacity=10);
opacity: .1;
}

.dx-horizontal-collapse-pnl {
    /*border-left: 4px solid #0072C6;*/
    border-top: 0px !important;
    border-bottom: 0px !important;
}

.dx-collapse-panel-header {
    border-left: 4px solid #0072C6;
    padding-right: 20px;
    font-size: 15px !important;
    font-weight: normal;
}

.hyperlinkDownload_24, hyperlinkDownload_24:active, hyperlinkDownload_24:link, hyperlinkDownload_24:visited {
    background: url(/MrGPortalWeb/Images/Operations/download-24.png) left center no-repeat !important;
    padding-left: 24px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none !important;
    color: #0072C6;    
    vertical-align:middle;
}

.hyperlinkDownload_24:hover {    
    text-decoration: underline;    
}

.dxHyperlinkAdd_16 {
      background: url(/MrGPortalWeb/Images/Operations/add_16.png) left center no-repeat !important;
      padding-left:20px !important;
      text-decoration:none !important;
}
.dxHyperlinkAdd_16:hover {      
      text-decoration:underline !important;
}

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

.dxHyperlinkAdd_24_notext-mobile {
    background: url(/MrGPortalWeb/Images/Operations/add_24.png) center center no-repeat !important;
    text-decoration: none !important;
    width: 24px;
    height: 24px;
    display: block;
    padding: 2px !important;
    border: 1px solid #c0c0c0 !important;
}

.dxHyperlinkAdd_24_notext-mobile:hover {
    background: url(/MrGPortalWeb/Images/Operations/add_24.png) #cde6f7 center center no-repeat !important;
    border-color: #b2cadb !important;
    text-decoration: none !important;
}


.dxHyperlinkCancel_16 {
    background: url(/MrGPortalWeb/Images/Operations/cancel_16.png) left center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    border:none !important;
}
.dxHyperlinkCancel_16:hover {
    text-decoration: underline !important;
}


.dxHyperlinkChartTrendLine_16 {
    background: url(/MrGPortalWeb/Images/Operations/chart-trendline-16.png) left center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    border: none !important;
}

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


.dxHyperlinkCopy_16 {
    background: url(/MrGPortalWeb/Images/Operations/copy-16.png) left center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    border: none !important;
}

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


.dxHyperlinkDelete_16 {
      background: url(/MrGPortalWeb/Images/Operations/delete_16.png) left center no-repeat !important;
      padding-left:20px !important;
      text-decoration:none !important;
}
.dxHyperlinkDelete_16:hover {      
      text-decoration:underline !important;
}


.dxHyperlinkDelete_24_notext-mobile {
    background: url(/MrGPortalWeb/Images/Operations/delete_24.png) center center no-repeat !important;
    text-decoration: none !important;
    width: 24px;
    height: 24px;
    display: block;
    padding: 2px !important;
    border: 1px solid #c0c0c0 !important;
}

.dxHyperlinkDelete_24_notext-mobile:hover {
    background: url(/MrGPortalWeb/Images/Operations/delete_24.png) #cde6f7 center center no-repeat !important;
    border-color: #b2cadb !important;
    text-decoration: none !important;
}

.dxHyperlinkEdit_16 {
      background: url(/MrGPortalWeb/Images/Operations/edit_16.png) left center no-repeat !important;      
      padding-left:20px !important;
      text-decoration:none !important;      
}
.dxHyperlinkEdit_16:hover {      
      text-decoration:underline !important;      
}

.dxHyperlinkEdit_24_notext-mobile {
    background: url(/MrGPortalWeb/Images/Operations/edit_24.png) center center no-repeat !important;
    text-decoration: none !important;
    width: 24px;
    height: 24px;
    display: block;
    padding: 2px !important;
    border: 1px solid #c0c0c0 !important;
}

.dxHyperlinkEdit_24_notext-mobile:hover {
    background: url(/MrGPortalWeb/Images/Operations/edit_24.png) #cde6f7 center center no-repeat !important;
    border-color: #b2cadb !important;
    text-decoration: none !important;
}


.dxHyperlinkDownload_16 {
    background: url(/MrGPortalWeb/Images/Operations/download-16.png) left center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
}

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

.dxHyperlinkDownload_24_notext-mobile {
    background: url(/MrGPortalWeb/Images/Operations/download-24.png) center center no-repeat !important;
    text-decoration: none !important;
    width: 24px;
    height: 24px;
    display: block;
    padding: 2px !important;
    border: 1px solid #c0c0c0 !important;
}

.dxHyperlinkDownload_24_notext-mobile:hover {
    background: url(/MrGPortalWeb/Images/Operations/download-24.png) #cde6f7 center center no-repeat !important;
    border-color: #b2cadb !important;
    text-decoration: underline !important;
}


.dxHyperlinkList_16 {
    background: url(/MrGPortalWeb/Images/Operations/list-16.png) left center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
}

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

.dxHyperlinkList_24_notext-mobile {
    background: url(/MrGPortalWeb/Images/Operations/list-24.png) center center no-repeat !important;
    text-decoration: none !important;
    width: 24px;
    height: 24px;
    display: block;
    padding: 2px !important;
    border: 1px solid #c0c0c0 !important;
}

.dxHyperlinkList_24_notext-mobile:hover {
    background: url(/MrGPortalWeb/Images/Operations/list-24.png) #cde6f7 center center no-repeat !important;
    border-color: #b2cadb !important;
    text-decoration: underline !important;
}


.dxHyperlinkPicture_16 {
    background: url(/MrGPortalWeb/Images/Operations/picture-16.png) left center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
}

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


.dxHyperlinkPicture_24_notext-mobile {
    background: url(/MrGPortalWeb/Images/Operations/picture-24.png) center center no-repeat !important;
    text-decoration: none !important;
    width: 24px;
    height: 24px;
    display: block;
    padding: 2px !important;
    border: 1px solid #c0c0c0 !important;
}

.dxHyperlinkPicture_24_notext-mobile:hover {
    background: url(/MrGPortalWeb/Images/Operations/picture-24.png) #cde6f7 center center no-repeat !important;
    border-color: #b2cadb !important;
    text-decoration: none !important;
}



.dxHyperlinkReject_16 {
    background: url(/MrGPortalWeb/Images/Operations/reject-16.png) left center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
}

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


.dxHyperlinkReport_16 {
    background: url(/MrGPortalWeb/Images/Operations/reports-16.png) left center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
}

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

.dxHyperlinkView_16 {
    background: url(/MrGPortalWeb/Images/Operations/view_16.png) left center no-repeat !important;
    padding-left: 20px !important;
    padding-left: 20px !important;
    text-decoration: none !important;
}

.dxHyperlinkView_16:hover {
    text-decoration: underline !important;
    cursor:pointer;
}

.dxHyperlinkSave_32 {
      background: url(/MrGPortalWeb/Images/Operations/save_32.png) 2px  center no-repeat !important;      
}

.dxHyperlinkValidate_16 {
    background: url(/MrGPortalWeb/Images/Operations/validate-16.png) left center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
}

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

.dxHyperlinkValidate_24_notext-mobile {
    background: url(/MrGPortalWeb/Images/Operations/validate_24.png) center center no-repeat !important;
    text-decoration: none !important;    
    width: 24px;
    height: 24px;
    display: block;
    padding: 2px !important;
    border: 1px solid #c0c0c0 !important;
}

.dxHyperlinkValidate_24_notext-mobile:hover {
    background: url(/MrGPortalWeb/Images/Operations/validate_24.png) #cde6f7 center center no-repeat !important;
    border-color: #b2cadb !important;
    text-decoration: underline !important;
}

.dxHyperlinkUpload_16 {
    background: url(/MrGPortalWeb/Images/Operations/upload-16.png) left center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
}

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


.dxHyperlinkUpload_24_notext-mobile {
    background: url(/MrGPortalWeb/Images/Operations/upload-24.png) center center no-repeat !important;
    text-decoration: none !important;
    width: 24px;
    height: 24px;
    display: block;
    padding: 2px !important;
    border: 1px solid #c0c0c0 !important;
}

.dxHyperlinkUpload_24_notext-mobile:hover {
    background: url(/MrGPortalWeb/Images/Operations/upload-24.png) #cde6f7 center center no-repeat !important;
    border-color: #b2cadb !important;
    text-decoration: none !important;
}

.dxHyperlinkURL_16 {
    background: url(/MrGPortalWeb/Images/Operations/url-16.png) left center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
}

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


.dxHyperlinkView_24_notext-mobile {
    background: url(/MrGPortalWeb/Images/Operations/view_24.png) center center no-repeat !important;
    text-decoration: none !important;
    width: 24px;
    height: 24px;
    display: block;
    padding: 2px !important;
    border: 1px solid #c0c0c0 !important;
}

.dxHyperlinkView_24_notext-mobile:hover {
    background: url(/MrGPortalWeb/Images/Operations/view_24.png) #cde6f7 center center no-repeat !important;
    border-color: #b2cadb !important;
    text-decoration: none !important;
}

.btn-add-16-link {
    background: url(/MrGPortalWeb/Images/Operations/add_16.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    border: none !important;
    height: 30px;
    color: #0072C6 !important;
}

.btn-add-16-link:hover {            
    text-decoration: underline !important;
}

.btn-add-16-link:active {
    color: #333333;
}

.btn-add-24 {
      background: url(/MrGPortalWeb/Images/Operations/add_24.png) 2px center no-repeat !important;      
      padding-left:20px !important;
      text-decoration:none !important;
      height:30px;
}
.btn-add-24:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/add_24.png) #cde6f7 2px center no-repeat !important;
}
.btn-add-24:active {
    color: #333333;
}

.btn-add-24-noborder {
    background: url(/MrGPortalWeb/Images/Operations/add_24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
    border:none !important;
}

.btn-add-24-noborder:hover {    
    background: url(/MrGPortalWeb/Images/Operations/add_24.png) #cde6f7 2px center no-repeat !important;
}

.btn-add-24-noborder:active {
    color: #333333;
}

.btn-barcode-24 {
    background: url(/MrGPortalWeb/Images/Operations/barcode-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
}

.btn-barcode-24:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/barcode-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-barcode-24:active {
    color: #333333;
}


.btn-barcode-24-noborder {
background: url(/MrGPortalWeb/Images/Operations/barcode-24.png) 2px center no-repeat !important;
padding-left: 20px !important;
text-decoration: none !important;
height: 30px;
border: none !important;
}

.btn-barcode-24-noborder:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/barcode-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-barcode-24-noborder:active {
    color: #333333;
}

.btn-cancel-24 {
      background: url(/MrGPortalWeb/Images/Operations/cancel_24.png)  2px center no-repeat !important;      
      padding-left:20px !important;
      text-decoration:none !important;
      height:30px;
}
.btn-cancel-24:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/cancel_24.png) #cde6f7 2px center no-repeat !important;
}
.btn-cancel-24:active {
    color: #333333;
}

.btn-cancel-24-noborder {
    background: url(/MrGPortalWeb/Images/Operations/cancel_24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
    border:none !important;
}

.btn-cancel-24-noborder:hover {    
    background: url(/MrGPortalWeb/Images/Operations/cancel_24.png) #cde6f7 2px center no-repeat !important;
}

.btn-cancel-24-noborder:active {
    color: #333333;
}


.btn-check-in-24 {
    background: url(/MrGPortalWeb/Images/Operations/check-in-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
}

.btn-check-in-24:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/check-in-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-check-in-24:active {
    color: #333333;
}

.btn-check-in-24-noborder {
    background: url(/MrGPortalWeb/Images/Operations/check-in-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
    border: none !important;
}

.btn-check-in-24-noborder:hover {
    background: url(/MrGPortalWeb/Images/Operations/check-in-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-check-in-noborder:active {
    color: #333333;
}

.btn-check-out-24 {
    background: url(/MrGPortalWeb/Images/Operations/check-out-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
}

.btn-check-out-24:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/check-out-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-check-out-24:active {
    color: #333333;
}

.btn-check-out-24-noborder {
    background: url(/MrGPortalWeb/Images/Operations/check-out-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
    border: none !important;
}

.btn-check-out-24-noborder:hover {
    background: url(/MrGPortalWeb/Images/Operations/check-out-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-check-out-noborder:active {
    color: #333333;
}


.btn-close-24 {
    background: url(/MrGPortalWeb/Images/Operations/close-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
}
.btn-close-24:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/close-24.png) #cde6f7 2px center no-repeat !important;
}
.btn-close-24:active {
    color: #333333;
}

.btn-close-24-noborder {
    background: url(/MrGPortalWeb/Images/Operations/close-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
    border:none !important;
}
.btn-close-24-noborder:hover {    
    background: url(/MrGPortalWeb/Images/Operations/close-24.png) #cde6f7 2px center no-repeat !important;
}
.btn-close-24-noborder:active {
    color: #333333;
}

.btn-consolidate-16-noborder {
    cursor: pointer !important;
    background: transparent url(/MrGPortalWeb/Images/Operations/consolidate-16.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    border: none !important;
    color: #0072C6 !important;
    height: 22px;
}

.btn-consolidate-16-noborder:hover {
    background: transparent url(/MrGPortalWeb/Images/Operations/consolidate-16.png) 2px center no-repeat !important;
    text-decoration: underline !important;
}

.btn-copy-24 {
    background: url(/MrGPortalWeb/Images/Operations/copy-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
}

.btn-copy-24:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/copy-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-copy-24:active {
    color: #333333;
}


.btn-delete-16-notext-noborder {
    background: url(/MrGPortalWeb/Images/Operations/delete_16.png) 1px center no-repeat !important;
    padding: 0px !important;
    text-decoration: none !important;
    height: 18px;
    border:none !important;
}

.btn-delete-16-notext-notext-noborder:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/delete_16.png) #cde6f7 1px center no-repeat !important;
}


.btn-delete-24 {
    background: url(/MrGPortalWeb/Images/Operations/delete_24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
}

.btn-delete-24:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/delete_24.png) #cde6f7 2px center no-repeat !important;
}

.btn-delete-24:active {
    color: #333333;
}

.btn-delete-24-noborder {
    background: url(/MrGPortalWeb/Images/Operations/delete_24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
    border: none !important;
}

.btn-delete-24-noborder:hover {
    background: url(/MrGPortalWeb/Images/Operations/delete_24.png) #cde6f7 2px center no-repeat !important;
}

.btn-delete-24-noborder:active {
    color: #333333;
}

.btn-maps-24-noborder {
    background: url(/MrGPortalWeb/Images/Operations/maps-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
    border: none !important;
}

.btn-maps-24-noborder:hover {
    background: url(/MrGPortalWeb/Images/Operations/maps-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-maps-24-noborder:active {
    color: #333333;
}


.btn-next-24 {
    cursor: pointer !important;
    background: #ffffff url(/MrGPortalWeb/Images/Operations/next-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
}

.btn-next-24:hover {
    background: #cde6f7 url(/MrGPortalWeb/Images/Operations/next-24.png) 2px center no-repeat !important;
}


.btn-next-green-24 {
    cursor: pointer !important;
    background: #ffffff url(/MrGPortalWeb/Images/Operations/next-green-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
}

.btn-next-green-24:hover {
    background: #cde6f7 url(/MrGPortalWeb/Images/Operations/next-green-24.png) 2px center no-repeat !important;
}

.btn-previous-24 {
    cursor: pointer !important;
    background: #ffffff url(/MrGPortalWeb/Images/Operations/previous-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
}

.btn-previous-24:hover {
    background: #cde6f7 url(/MrGPortalWeb/Images/Operations/previous-24.png) 2px center no-repeat !important;
}

.btn-previous-green-24 {
    cursor: pointer !important;
    background: #ffffff url(/MrGPortalWeb/Images/Operations/previous-green-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
}

.btn-previous-green-24:hover {
    background: #cde6f7 url(/MrGPortalWeb/Images/Operations/previous-green-24.png) 2px center no-repeat !important;
}


.btn-refresh-24 {
      background: url(/MrGPortalWeb/Images/Operations/refresh-24.png)  2px center no-repeat !important;      
      padding-left:20px !important;
      text-decoration:none !important;
      height:30px;
}
.btn-refresh-24:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/refresh-24.png) #cde6f7 2px center no-repeat !important;
}
.btn-refresh-24:active {
    color: #333333;
}


.btn-download-24-noborder {
    background: url(/MrGPortalWeb/Images/Operations/download-24.png) #ffffff 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
    border: none !important;
}


.btn-download-24-noborder:hover {
    background: url(/MrGPortalWeb/Images/Operations/download-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-download-24-noborder:active {
    color: #333333;
}


.btn-edit-24 {
      background: url(/MrGPortalWeb/Images/Operations/edit_24.png)  2px center no-repeat !important;      
      padding-left:20px !important;
      text-decoration:none !important;
      height:30px;
}
.btn-edit-24:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/edit_24.png) #cde6f7 2px center no-repeat !important;
}
.btn-edit-24:active {
    color: #333333;
}




.btn-excel-16 {
    background: url(/MrGPortalWeb/Images/Operations/export-excel-16.png) 2px center no-repeat !important;
    padding: 0px 0px 0px 20px !important;
    text-decoration: none !important;
    height: 16px !important;
}

.btn-excel-16:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/export-excel-16.png) #cde6f7 2px center no-repeat !important;
}

.btn-excel-16:active {
    color: #333333;
}

.btn-excel-16-noborder {
background: url(/MrGPortalWeb/Images/Operations/export-excel-16.png) 2px center no-repeat !important;
padding: 0px 0px 0px 20px !important;
text-decoration: none !important;
height: 16px !important;
border: none !important;
}

.btn-excel-16-noborder:hover {
    background: url(/MrGPortalWeb/Images/Operations/export-excel-16.png) #cde6f7 2px center no-repeat !important;
}

.btn-excel-16-noborder:active {
    color: #333333;
}



.btn-filter-v2-24 {
    background: url(/MrGPortalWeb/Images/Operations/filter-v2-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
}

.btn-filter-v2-24:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/filter-v2-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-filter-v2-24:active {
    color: #333333;
}

.btn-filter-v2-24-noborder {
    background: url(/MrGPortalWeb/Images/Operations/filter-v2-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
    border: none !important;
}

.btn-filter-v2-24-noborder:hover {
    background: url(/MrGPortalWeb/Images/Operations/filter-v2-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-filter-v2-24-noborder:active {
    color: #333333;
}



.btn-filter-16 {
    background: url(/MrGPortalWeb/Images/Operations/filter-16.png) 2px center no-repeat !important;
    padding: 0px 0px 0px 20px !important;
    text-decoration: none !important;
    height: 16px !important;
}

.btn-filter-16:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/filter-16.png) #cde6f7 2px center no-repeat !important;
}

.btn-filter-16:active {
    color: #333333;
}

.btn-filter-16-noborder {
    background: url(/MrGPortalWeb/Images/Operations/filter-16.png) 2px center no-repeat !important;
    padding: 0px 0px 0px 20px !important;
    text-decoration: none !important;
    height: 16px !important;
    border: none !important;
}

.btn-filter-16-noborder:hover {
    background: url(/MrGPortalWeb/Images/Operations/filter-16.png) #cde6f7 2px center no-repeat !important;
}

.btn-filter-16-noborder:active {
    color: #333333;
}


.btn-filterv2dx-16-noborder {
    background: url(/MrGPortalWeb/Images/Operations/DXIconSet/Refresh_Gray_16x16.png) 2px center no-repeat !important;
    padding: 0px 0px 0px 20px !important;
    text-decoration: none !important;
    height: 16px !important;
    border: none !important;
}

    .btn-filterv2dx-16-noborder:hover {
        background: url(/MrGPortalWeb/Images/Operations/DXIconSet/Refresh_Gray_16x16.png) #cde6f7 2px center no-repeat !important;
    }

.btn-filterv2dx-16-noborder:active {
    color: #333333;
}


.btn-filter-24 {
    background: url(/MrGPortalWeb/Images/Operations/filter-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
}

.btn-filter-24:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/filter-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-filter-24:active {
    color: #333333;
}

.btn-filter-24-noborder {
    background: url(/MrGPortalWeb/Images/Operations/filter-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
    border: none !important;
}

.btn-filter-24-noborder:hover {
    background: url(/MrGPortalWeb/Images/Operations/filter-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-filter-24-noborder:active {
    color: #333333;
}

.btn-notebook-24 {
    background: url(/MrGPortalWeb/Images/Operations/notebook-24.png) #ffffff 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
}

.btn-notebook-24:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/notebook-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-notebook-24:active {
    color: #333333;
}

.btn-notebook-24-noborder {
    background: url(/MrGPortalWeb/Images/Operations/notebook-24.png) #ffffff 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
    border: none !important;
}

.btn-notebook-24-noborder:hover {
    background: url(/MrGPortalWeb/Images/Operations/notebook-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-notebook-24-noborder:active {
    color: #333333;
}


.btn-reject-24 {
    background: url(/MrGPortalWeb/Images/Operations/reject-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
}

.btn-reject-24:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/reject-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-reject-24:active {
    color: #333333;
}


.btn-reject-24-noborder {
    background: url(/MrGPortalWeb/Images/Operations/reject-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
    border: none !important;
}

.btn-reject-24-noborder:hover {
    background: url(/MrGPortalWeb/Images/Operations/reject-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-reject-24-noborder:active {
    color: #333333;
}


.btn-replace-16-noborder {
    cursor: pointer !important;
    background: transparent url(/MrGPortalWeb/Images/Operations/replace_16.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    border: none !important;
    color: #0072C6 !important;
    height: 22px;
}

.btn-replace-16-noborder:hover {
    background: transparent url(/MrGPortalWeb/Images/Operations/replace_16.png) 2px center no-repeat !important;
    text-decoration: underline !important;
}



.btn-reports-24-noborder {
    background: url(/MrGPortalWeb/Images/Operations/reports-24.png) #ffffff 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
    border: none !important;
}

.btn-reports-24-noborder:hover {
    background: url(/MrGPortalWeb/Images/Operations/reports-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-reports-24-noborder:active {
    color: #333333;
}


.btn-save-16 {
    background: url(/MrGPortalWeb/Images/Operations/save_16.png) 2px center no-repeat !important;    
    padding:0px 0px 0px 20px !important;
    text-decoration: none !important;
    height: 16px !important;
}
.btn-save-16:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/save_16.png) #cde6f7 2px center no-repeat !important;
}
.btn-save-16:active {
    color: #333333;
}

.btn-save-16-noborder {
    background: url(/MrGPortalWeb/Images/Operations/save_16.png) 2px center no-repeat !important;
    padding: 0px 0px 0px 20px !important;
    text-decoration: none !important;
    height: 16px !important;
    border: none !important;
}
.btn-save-16-noborder:hover {
    background: url(/MrGPortalWeb/Images/Operations/save_16.png) #cde6f7 2px center no-repeat !important;
}

.btn-save-16-noborder:active {
    color: #333333;
}


.btn-save-24 {
    background: url(/MrGPortalWeb/Images/Operations/save_24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
}
.btn-save-24:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/save_24.png) #cde6f7 2px center no-repeat !important;
}
.btn-save-24:active {
    color: #333333;
}

.btn-save-24-noborder {
    background: url(/MrGPortalWeb/Images/Operations/save_24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
    border:none !important;
}
.btn-save-24-noborder:hover {    
    background: url(/MrGPortalWeb/Images/Operations/save_24.png) #cde6f7 2px center no-repeat !important;
}

.btn-save-24-noborder:active {
    color: #333333;
}

.btn-save-gray-16 {
    background: url(/MrGPortalWeb/Images/Operations/save-gray-16.png) 2px center no-repeat !important;
    padding: 0px 0px 0px 20px !important;
    text-decoration: none !important;
    height: 16px !important;
}

.btn-save-gray-16:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/save-gray-16.png) #cde6f7 2px center no-repeat !important;
}

.btn-save-gray-16:active {
    color: #333333;
}

.btn-save-gray-16-noborder {
    background: url(/MrGPortalWeb/Images/Operations/save-gray-16.png) 2px center no-repeat !important;
    padding: 0px 0px 0px 20px !important;
    text-decoration: none !important;
    height: 16px !important;
    border: none !important;
}

.btn-save-gray-16-noborder:hover {
    background: url(/MrGPortalWeb/Images/Operations/save-gray-16.png) #cde6f7 2px center no-repeat !important;
}

.btn-save-gray-16-noborder:active {
    color: #333333;
}

.btn-save-gray-v2-16 {
    background: url(/MrGPortalWeb/Images/Operations/save-gray-v2-16.png) 2px center no-repeat !important;
    padding: 0px 0px 0px 20px !important;
    text-decoration: none !important;
    height: 16px !important;
}

    .btn-save-gray-v2-16:hover {
        border-color: #b2cadb !important;
        background: url(/MrGPortalWeb/Images/Operations/save-gray-v2-16.png) #cde6f7 2px center no-repeat !important;
    }

    .btn-save-gray-v2-16:active {
        color: #333333;
    }

.btn-save-gray-v2-16-noborder {
    background: url(/MrGPortalWeb/Images/Operations/save-gray-v2-16.png) 2px center no-repeat !important;
    padding: 0px 0px 0px 20px !important;
    text-decoration: none !important;
    height: 16px !important;
    border: none !important;
}

    .btn-save-gray-v2-16-noborder:hover {
        background: url(/MrGPortalWeb/Images/Operations/save-gray-v2-16.png) #cde6f7 2px center no-repeat !important;
    }

    .btn-save-gray-v2-16-noborder:active {
        color: #333333;
    }


.btn-save-gray-24 {
    background: url(/MrGPortalWeb/Images/Operations/save-gray-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
}

.btn-save-gray-24:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/save-gray-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-save-gray-24:active {
    color: #333333;
}

.btn-save-gray-24-noborder {
    background: url(/MrGPortalWeb/Images/Operations/save-gray-24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
    border: none !important;
}

.btn-save-gray-24-noborder:hover {
    background: url(/MrGPortalWeb/Images/Operations/save-gray-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-save-gray-24-noborder:active {
    color: #333333;
}



.btn-upload-24-noborder {
    background: url(/MrGPortalWeb/Images/Operations/upload-24.png) #ffffff 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
    border: none !important;
}


.btn-upload-24-noborder:hover {
    background: url(/MrGPortalWeb/Images/Operations/upload-24.png) #cde6f7 2px center no-repeat !important;
}

.btn-upload-24-noborder:active {
    color: #333333;
}


.btn-validate-16-noborder {
    cursor: pointer !important;
    background: transparent url(/MrGPortalWeb/Images/Operations/validate-16.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    border: none !important;
    color: #0072C6 !important;
    height: 22px;
}

.btn-validate-16-noborder:hover {
    background: transparent url(/MrGPortalWeb/Images/Operations/validate-16.png) 2px center no-repeat !important;
    text-decoration: underline !important;
}

.btn-validate-24 {
    background: url(/MrGPortalWeb/Images/Operations/validate_24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
}

.btn-validate-24:hover {
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/validate_24.png) #cde6f7 2px center no-repeat !important;
}

.btn-validate-24:active {
    color: #333333;
}


.btn-validate-24-noborder {
    background: url(/MrGPortalWeb/Images/Operations/validate_24.png) 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
    border: none !important;
}

.btn-validate-24-noborder:hover {
    background: url(/MrGPortalWeb/Images/Operations/validate_24.png) #cde6f7 2px center no-repeat !important;
}

.btn-validate-24-noborder:active {
    color: #333333;
}



.btn-view-16 {
    background: url(/MrGPortalWeb/Images/Operations/view_16.png) #ffffff 2px center no-repeat !important;
    padding:0px 0px 0px 20px !important;
    text-decoration: none !important;
    height: 16px;
}
    .btn-view-16:hover {
        border-color: #b2cadb !important;
        background: url(/MrGPortalWeb/Images/Operations/view_16.png) #cde6f7 2px center no-repeat !important;
    }

.btn-view-16:active {
    color: #333333;
}

.btn-view-16-noborder {
    background: url(/MrGPortalWeb/Images/Operations/view_16.png) #ffffff 2px center no-repeat !important;
    padding: 0px 0px 0px 20px !important;
    text-decoration: none !important;
    height: 16px;
    border: none !important;
}

.btn-view-16-noborder:hover {    
    background: url(/MrGPortalWeb/Images/Operations/view_16.png) #cde6f7 2px center no-repeat !important;
}

.btn-view-16-noborder:active {
    color: #333333;
}



.btn-view-24 {
    background: url(/MrGPortalWeb/Images/Operations/view_24.png) #ffffff 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
}
.btn-view-24:hover {
    
    border-color: #b2cadb !important;
    background: url(/MrGPortalWeb/Images/Operations/view_24.png) #cde6f7 2px center no-repeat !important;
}

.btn-view-24:active {
    color: #333333;
}

.btn-view-24-noborder {
    background: url(/MrGPortalWeb/Images/Operations/view_24.png) #ffffff 2px center no-repeat !important;
    padding-left: 20px !important;
    text-decoration: none !important;
    height: 30px;
    border:none !important;
}

.btn-view-24-noborder:hover {    
    background: url(/MrGPortalWeb/Images/Operations/view_24.png) #cde6f7 2px center no-repeat !important;
}

.btn-view-24-noborder:active {
    color: #333333;
}


.btn-selected-lightblue {
    background-color: #E9F6FF !important;
}




/*
.dxpcLite_MetropolisBlue, .dxdpLite_MetropolisBlue {
    
    width:auto !important;
    top:20px !important;
    height:auto !important;
    position:relative !important;
}*/
.dx-editform-contentpanel {        
    overflow:auto;
}

#imgLogin {
    /*max-height:100%;*/
    text-align: center;
    width:295px;
}
#divImgLogin {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

#divLoginArea {
    min-width: 300px;
}

#divFooter {    
    background-color:#f2f2f2;
    width:100%;
    margin:auto;
    position:fixed;
    bottom:0px;
    height:20px;
    /*margin-left:-20px;*/
    /*padding-left:20px;*/
    padding-top:5px;
}

.no-wrap {white-space:nowrap !important;}
.no-padding {padding-left:0px !important;padding-right:0px !important;padding-top:0px !important;padding-bottom:0px !important;}

input[type="text"]:disabled {
    background-color:#f7f7f7 !important;
}

.error {
    color: #f00f00;
}

.error-text {
    color: #F00 !important;
}

.pushpin30x30 {
    width:30px;
    height:30px;
}
.pushpin30x30 {
    padding:1px;
    background-color:#fff;
    vertical-align:middle;
    border:solid 1px #0072C6;
    line-height:30px !important;
}
.pushpin30x30 img {
    max-width:30px !important;
    max-height:30px !important;
    vertical-align:middle;
}

.Infobox {
    height:auto !important;
    width:350px !important;
}

.infobox-stalk {
    bottom:-38px !important;
}


.report-viewer {
    background-color: none !important;
}

.report-viewer div[id*='_AsyncWait_Wait'] {
    border: 1px solid #c0c0c0 !important;
    background-color: #fff !important;
}

.report-viewer table[id*='_fixedTable'] {
    border: 1px solid #c0c0c0 !important;
    padding: 5px;
}
    /*caz SizeToReportContent=true*/
    .report-viewer table[id*='_fixedTable'] > tbody > tr:first-child + tr + tr > td > div {
        background-image: none !important;
        background-color: white !important;
    }
    /*caz SizeToReportContent=false*/
    .report-viewer table[id*='_fixedTable'] > tbody > tr:first-child + tr + tr + tr > td > div {
        background-image: none !important;
        background-color: white !important;
    }

.report-viewer div[id*='VisibleReportContent'] {
    padding-left: 5px !important;
    padding-top: 5px !important;
}

.report-viewer div[id*='_Menu'] {
    background-color: #fff !important;
}



.report-viewer-noborder {
    background-color: none !important;
}

.report-viewer-noborder div[id*='_AsyncWait_Wait'] {
    border: 1px solid #c0c0c0 !important;
    background-color: #fff !important;
}

.report-viewer-noborder table[id*='_fixedTable'] {
    border: none !important;
}

    /*caz SizeToReportContent=true*/
    .report-viewer-noborder table[id*='_fixedTable'] > tbody > tr:first-child + tr + tr > td > div {
        background-image: none !important;
        background-color: white !important;
    }

    /*caz SizeToReportContent=false*/
    .report-viewer-noborder table[id*='_fixedTable'] > tbody > tr:first-child + tr + tr + tr > td > div {
        background-image: none !important;
        background-color: white !important;
    }

.report-viewer-noborder table[id*='ParameterTable_'] > tbody > tr:first-child > td:nth-child(3) > table > tbody > tr > td > input {
    text-align: center;
    color: #333333;
    border: 1px solid #c0c0c0;
    background-color: white;
    font: 12px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    padding: 5px 5px 5px 30px;
    cursor: pointer;
    min-height: 30px;
    background: #ffffff url(/MrGPortalWeb/Images/Operations/refresh-24.png) 2px center no-repeat !important;
}

    .report-viewer-noborder table[id*='ParameterTable_'] > tbody > tr:first-child > td:nth-child(3) > table > tbody > tr > td > input:hover {
        border: 1px solid #b2cadb;
        background: #cde6f7 url(/MrGPortalWeb/Images/Operations/refresh-24.png) 2px center no-repeat !important;
    }


.report-viewer-noborder div[id*='VisibleReportContent'] {
    padding-left: 5px !important;
    padding-top: 5px !important;
}

.report-viewer-noborder div[id*='_Menu'] {
    background-color: #fff !important;
}


.dxeMemoEditAreaSys {
    padding: 3px 0px 3px 0px !important;
}

.dxgvCommandColumn_MetropolisBluediv:nth-of-type(1) {
    background: url(/MrGPortalWeb/Images/Operations/view_24.png) 2px center no-repeat !important;
    padding-left: 30px !important;
    /*text-decoration: none !important;*/
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    border:none !important;
}


.dxgvCommandColumn_MetropolisBlue div:nth-of-type(3) {
    background: url(/MrGPortalWeb/Images/Operations/save_24.png) 2px center no-repeat !important;
    padding-left: 30px !important;
    /*text-decoration: none !important;*/
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    border: none !important;
}


.dxgvCommandColumn_MetropolisBlue div:nth-of-type(4) {
    background: url(/MrGPortalWeb/Images/Operations/cancel_24.png) 2px center no-repeat !important;
    padding-left: 30px !important;
    /*text-decoration: none !important;*/
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    border: none !important;
}


/* Range Control */
.rangeControlLayout {
    padding-top: 10px;
}

.rangeControlLayout > div {
    display: inline-block;
}

.rangeControlLayout .trackBarWrapper > img {
    height: 50px;
    width: 1141px;
}

.rangeControlLayout .rangeControlButton {
    width: 24px;
    height: 24px;
    border-style: none;
    background-color: transparent;
}

.rangeControlLayout .rangeControlButton.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.rangeControlLayout .rangeControlButton.leftShift {
    background-image: url(/MrGPortalWeb/Images/Bullets/rage-cotrol-left-arrow.png);
}

.rangeControlLayout .rangeControlButton.rightShift {
    background-image: url(/MrGPortalWeb/Images/Bullets/rage-cotrol-right-arrow.png);
}

.rangeControlLayout .salesDateRange {
    width: 100%;
}

.rangeControlLayout .salesDateRange .item {
    background-position: center;
    background-image: url(/MrGPortalWeb/Images/Bullets/rage-cotrol-line.gif) !important;
}

.rangeControlLayout .salesDateRange .item > span {
    font-size: 11px;
    font-family: 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
    font-weight: 400;
    cursor: default;
    margin-top: 5px !important;
}

.rangeControlLayout .salesDateRange
.rangeControlLayout .rangeControlButton,
.rangeControlLayout .rangeControlButton div {
    padding: 0;
}

.rangeControlLayout .salesDateRange.focused .dragHandle,
.rangeControlLayout .salesDateRange .dragHandle {
    top: -6px;
    width: 18px;
    height: 18px;
    border-radius: 12px;
    background-image: none;
    border: 2px solid #fff;
}

.rangeControlLayout .salesDateRange .dragHandle,
.rangeControlLayout .salesDateRange .barHighlight,
.rangeControlLayout .salesDateRange .dragHandleHover {
    background-color: #DB5859 !important;
}

.dxgvFocusedRow_MetropolisBlue a, .dxgvFocusedRow_MetropolisBlue span, .dxgvFocusedRow_MetropolisBlue .dxgvCommandColumn_MetropolisBlue a, .dxgvFocusedRow_MetropolisBlue .dxgvAIC a {
    color: #333333;
}

.dxWeb_edtCheckBoxUnchecked_MetropolisBlue, .dxWeb_edtCheckBoxChecked_MetropolisBlue, .dxWeb_edtCheckBoxGrayed_MetropolisBlue, .dxWeb_edtCheckBoxUncheckedDisabled_MetropolisBlue {
    background-size: auto auto !important;
}

.dxgvCustDialogFilteringPage_MetropolisBlue .dxgvCustDialogFilterItem_MetropolisBlue .dxeEditAreaSys {
    font-size:12px !important;
}

.dxgvCustDialogColumnItem_MetropolisBlue {
    min-height: 30px !important;
    /*height: 30px !important;*/
}
.dxgvCustDialogFilteringPage_MetropolisBlue .dxgvCustDialogFilterItem_MetropolisBlue a, .dxgvCustDialogFilteringPage_MetropolisBlue .dxgvCustDialogFilterItem_MetropolisBlue .dxgvCD_FR > span.dxeBase_MetropolisBlue {
    font-size: 12px !important;
    font-weight:bold !important;
}

.dxgvCustDialogFilteringPage_MetropolisBlue .dxgvCustDialogFilterItem_MetropolisBlue a, .dxgvCustDialogFilteringPage_MetropolisBlue .dxgvCustDialogFilterItem_MetropolisBlue .dxgvCD_FR > span.dxeBase_MetropolisBlue {
    line-height: 30px !important;
}


.dxgvCustDialogDragArea_MetropolisBlue .dxgvCustDialogColumnItem_MetropolisBlue > div:first-child {
    line-height: 30px !important;
}

.dxgvCustDialogDragArea_MetropolisBlue .dxgvCustDialogColumnItem_MetropolisBlue div:last-child, .dxgvCustDialogListArea_MetropolisBlue .dxgvCustDialogColumnItem_MetropolisBlue div:last-child {
    height: 30px !important;
}
.dxRowGridFakeDefaultStyle {}
.dxRowGridSelectedYellowStyle {background-color: #f1fab9 !important;}


.dxHyperlinkDXIconsetPlanGrayRed_16 {
    background: url(/MrGPortalWeb/Images/Operations/DXIconSet/Plan_Gray_Red_16x16.png) left center no-repeat !important;
    padding-left: 20px !important;
    padding-left: 20px !important;
    text-decoration: none !important;
}

.dxHyperlinkDXIconsetPlanGrayRed_16:hover {
        text-decoration: underline !important;
        cursor: pointer;
}


.dxHyperlinkDXIconsetBasketPriceRed_16 {
    background: url(/MrGPortalWeb/Images/Operations/DXIconSet/Basket_Price_Red_16x16.png) left center no-repeat !important;
    padding-left: 20px !important;
    padding-left: 20px !important;
    text-decoration: none !important;
}

.dxHyperlinkDXIconsetBasketPriceRed_16:hover {
    text-decoration: underline !important;
    cursor: pointer;
}



.dxHyperlinkDXIconsetBasketCheckRed_16 {
    background: url(/MrGPortalWeb/Images/Operations/DXIconSet/Basket_Check_Red_16x16.png) left center no-repeat !important;
    padding-left: 20px !important;
    padding-left: 20px !important;
    text-decoration: none !important;
}

.dxHyperlinkDXIconsetBasketCheckRed_16:hover {
    text-decoration: underline !important;
    cursor: pointer;
}

.dxHyperlinkDXIconsetTimeLine2_16 {
    background: url(/MrGPortalWeb/Images/Operations/DXIconSet/TimeLineView2_16.png) left center no-repeat !important;
    padding-left: 20px !important;
    padding-left: 20px !important;
    text-decoration: none !important;
}

.dxHyperlinkDXIconsetTimeLine2_16:hover {
    text-decoration: underline !important;
    cursor: pointer;
}

.dxHyperlinkDXIconsetPermissionNavigate_16 {
    background: url(/MrGPortalWeb/Images/Operations/DXIconSet/BO_Security_Permission_Navigatev2_16.png) left center no-repeat !important;
    padding-left: 20px !important;
    padding-left: 20px !important;
    text-decoration: none !important;
}

.dxHyperlinkDXIconsetPermissionNavigate_16:hover {
    text-decoration: underline !important;
    cursor: pointer;
}


.dxHyperlinkDXIconsetStackedSplineArea_16 {
    background: url(/MrGPortalWeb/Images/Operations/DXIconSet/Layer_1_76.png) left center no-repeat !important;
    padding-left: 20px !important;
    padding-left: 20px !important;
    text-decoration: none !important;
}

.dxHyperlinkDXIconsetStackedSplineArea_16:hover {
    text-decoration: underline !important;
    cursor: pointer;
}

.dxHyperlinkDXIconsetItemCustom_16 {
    background: url(/MrGPortalWeb/Images/Operations/DXIconSet/BO_Price_Item_Custom_16.png) left center no-repeat !important;
    padding-left: 20px !important;
    padding-left: 20px !important;
    text-decoration: none !important;
}

.dxHyperlinkDXIconsetItemCustom_16:hover {
    text-decoration: underline !important;
    cursor: pointer;
}


.dxHyperlinkDXIconsetPivotChartCustom_16 {
    background: url(/MrGPortalWeb/Images/Operations/DXIconSet/BO_PivotChartCustom_16.png) left center no-repeat !important;
    padding-left: 20px !important;
    padding-left: 20px !important;
    text-decoration: none !important;
}

.dxHyperlinkDXIconsetPivotChartCustom_16:hover {
    text-decoration: underline !important;
    cursor: pointer;
}