﻿/* CSS Document THIS IS CREATED BY .NET  */



.paddingMore:hover
{
	background:#F2F2F2;
	text-decoration: none;
}

element.style {
    border-style: none;
    height: 250px;
    left: 381.5px;
    opacity: 1;
    position: fixed;
    top: 46px;
    width: 580px;
    z-index: 1001;
}

.modalBackground2 {
            background-color:#000;
            filter:alpha(opacity=30);
            opacity:0.30;
            z-index:1000;
            border:1px #000000 solid;
        }
.modalBackground {
    background-color:#ccc;
    filter:alpha(opacity=70);
    opacity:0.70;
    z-index:1000;
    border:1px #000000 solid;
        }

.modalPopup {
	background-color:#000;
	border-width:0px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	z-index:1000;
}

.modalPopup p {
    padding: 5px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

/*--------------VALIDATION MESSAGE -------------------------*/
.ajax__validatorcallout div, .ajax__validatorcallout td {border:none;background-color:#3300CC;}
.ajax__validatorcallout_popup_table {}
.ajax__validatorcallout_popup_table_row {vertical-align:top;height:100%;background-color:#3300CC;padding:0px;margin:0px;}
.ajax__validatorcallout_callout_cell {width:20px;height:100%;text-align:right;vertical-align:top;border:none !important;background-color:#3300CC !important;padding:0px;margin:0px;}
.ajax__validatorcallout_callout_table {height:100%;border:none;background-color:transparent;padding:0px;margin:0px;}
.ajax__validatorcallout_callout_table_row {background-color:#3300CC;padding:0px;margin:0px;}
.ajax__validatorcallout_callout_arrow_cell {padding:8px 0px 0px 0px;margin:0px;text-align:right;vertical-align:top;font-size:1px;border:none !important;background-color:#3300CC !important;}
.ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {z-index:10000;}

.ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {padding:0px;margin:0px 0px 0px auto;background-color:#ffffff !important;}
.ajax__validatorcallout_error_message_cell {font-family:Verdana;font-size:10px;padding:5px;border-right:none !important;border-left:none !important;width:100%;background-color:#ffffff !important;color:#f81a1a}
.ajax__validatorcallout_icon_cell {width:20px;padding:5px;margin:0px;border-right:none !important;background-color:#ffffff !important;}
.ajax__validatorcallout_close_button_cell {vertical-align:top;padding:0px;margin:0px;text-align:right;border-left:none !important;;background-color:#ffffff !important;}
.ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {border:none !important;text-align:center;width:10px;padding:2px;cursor:pointer;;background-color:#ffffff !important;}
/*--------------VALIDATION MESSAGE -------------------------*/

/* --- loader ---*/
.updateProgress
{
	border: none;
	position: absolute;
	width: 220px;
	height: 19px;
	z-index:100000;
}

#loader {
  width : 285px;
  margin-left: auto;
  margin-right: auto;
}

#loader  td {
  padding: 3px;
  background: #ffffff;
}

#loader p {
  border: 3px solid #6E89DD;
  padding: 5px 0 15px 5px;
  margin: 0;
  background: #EEF0FC;
}

#loader  img {
  float: left;
  margin-right: 8px;
}

#loader  strong {
  display: block;
  padding-top:5px;
  margin-bottom: 3px;
}
/* --- loader ---*/

/*---------------MESSAGE CSS=================================---------*/
.info, .success, .warning, .errorMsg, .validation {
  border: 1px solid;
  margin: 10px 10px 10px 10px ;
  padding:5px 5px 5px 35px;
  background-repeat: no-repeat;
  background-position: 10px center;
  font-family:Arial, Helvetica, sans-serif;
}
.info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('../images/info.png');
}
.success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image:url('../images/success.png');
}
.success2 {
  color: #4F8A10;
}
.warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('../images/warning.png');
}
.errorMsg {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('../images/error.png');
}
.error2 {
  color: #D8000C;
}

.errorMsg2
{
   background-color: #d3352c;
   background-position: 10px center;
   background-repeat: no-repeat;
   border: none;
   bottom: -12px;
   color: #ffffff;
   font-family: Arial,Helvetica,sans-serif;
   padding: 16px 16px 16px 16px;
   position: relative;
   text-align: center;
   width: 579px;
   z-index: 2;
   margin: 0 0 0 3px;
}

.successMsg2
{
   background-color: #4F8A10;
   background-position: 10px center;
   background-repeat: no-repeat;
   border: none;
   bottom: -12px;
   color: #ffffff;
   font-family: Arial,Helvetica,sans-serif;
   padding: 16px 16px 16px 16px;
   position: relative;
   text-align: center;
   width: 579px;
   z-index: 2;
   margin: 0 0 0 3px;
}


/*---------------MESSAGE CSS=================================---------*/

.web_dialog_overlay_product {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .75;
    filter: alpha(opacity=15);
    -moz-opacity: .15;
    z-index: 101;
    display: none;
}

.web_dialog_overlay
        {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
            background: #000000;
            opacity: .15;
            filter: alpha(opacity=15);
            -moz-opacity: .15;
            z-index: 101;
            display: none;
        }
        .web_dialog
        {
            display: none;
            position: fixed;
            width: 500px;
           
            top: 50%;
            left: 50%;
            margin-left: -190px;
            margin-top: -100px;
            background-color: #ffffff;
            border: 2px solid #336699;
            padding: 15px;
            z-index: 999999999;
            font-family: Verdana;
            font-size: 10pt;
        }
        
        .web_dialog_title
        {
            border-bottom: solid 2px #336699;
            background-color: #336699;
            padding: 4px;
            color: White;
            font-weight:bold;
        }
        .web_dialog_title a
        {
            color: White;
            text-decoration: none;
        }
        .align_right
        {
            text-align: right;
        }
        /*-------------------------------------------*/
        #cssmenu{ float:left; display:block;}/*width:600px;*/

        #cssmenu ul{display:block;}
        #cssmenu ul li{padding:0 4px; color:#fff; float:left; font-family:Helvetica, sans-serif; font-size:14px; line-height:30px;}
        #cssmenu ul li.1stPaddidng{padding:0 4px 0 0;}
        #cssmenu ul li a{color:#fff;display:block;  text-decoration:none; font-family:Helvetica, sans-serif; font-size:14px; line-height:30px; position: relative;}
        #cssmenu ul li a:hover{color:#999; text-decoration:none;}
        #cssmenu ul li a.active{color:#FCED33; text-decoration:none;}
        
        
        #cssmenu li.has-sub::after {
 
        }
        #cssmenu > ul > li.has-sub::after {
 
        }
        #cssmenu > ul > li:hover::after {
 
        }
        #indicatorContainer {
 
        }
        #pIndicator {
 
        }
        #cIndicator {
  
        }
        #cssmenu ul ul {
          position: absolute;
          left: -9999px;
          top: 70px;
          opacity: 0;
          -webkit-transition: opacity .3s ease, top .25s ease;
          -moz-transition: opacity .3s ease, top .25s ease;
          -ms-transition: opacity .3s ease, top .25s ease;
          -o-transition: opacity .3s ease, top .25s ease;
          transition: opacity .3s ease, top .25s ease;
          z-index: 1000;
        }
        #cssmenu ul ul ul {
 
        }
        #cssmenu ul ul li {
 
        }
        #cssmenu > ul > li:hover > ul {
          left: auto;
          top: 98px;
          opacity: 1;
        }
        #cssmenu.align-right > ul > li:hover > ul {
          left: auto;
          right: 0;
          opacity: 1;
        }
        #cssmenu ul ul li:hover > ul {
          left: 170px;
          top: 0;
          opacity: 1;
        }
        #cssmenu.align-right ul ul li:hover > ul {
          left: auto;
          right: 170px;
          top: 0;
          opacity: 1;
          padding-right: 5px;
        }
        #cssmenu ul ul li a {
          width: 130px;
          border-bottom: 1px solid #eeeeee;
          padding: 10px 20px;
          font-size: 12px;
          color: #ffffff;
          background: #1A5B9B;
          -webkit-transition: all .35s ease;
          -moz-transition: all .35s ease;
          -ms-transition: all .35s ease;
          -o-transition: all .35s ease;
          transition: all .35s ease;
        }
        #cssmenu.align-right ul ul li a {
          text-align: right;
        }
        #cssmenu ul ul li:hover > a {
          background: #f2f2f2;
          color: #8c9195;
        }
        #cssmenu ul ul li:last-child > a,
        #cssmenu ul ul li.last > a {
          border-bottom: 0;
        }
        #cssmenu > ul > li > ul::after {
          content: '';
          border: 6px solid transparent;
          width: 0;
          height: 0;
          border-bottom-color: #ffffff;
          position: absolute;
          top: -12px;
          left: 30px;
        }
        #cssmenu.align-right > ul > li > ul::after {
          left: auto;
          right: 30px;
        }
        #cssmenu ul ul li.has-sub::after {
          border: 4px solid transparent;
          border-left-color: #9ea2a5;
          right: 10px;
          top: 12px;
          -moz-transition: all .2s ease;
          -ms-transition: all .2s ease;
          -o-transition: all .2s ease;
          transition: all .2s ease;
          -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
        }
        #cssmenu.align-right ul ul li.has-sub::after {
          border-left-color: transparent;
          border-right-color: #9ea2a5;
          right: auto;
          left: 10px;
        }
        #cssmenu ul ul li.has-sub:hover::after {
          border-left-color: #ffffff;
          right: -5px;
          -webkit-transform: rotateY(180deg);
          -ms-transform: rotateY(180deg);
          -moz-transform: rotateY(180deg);
          -o-transform: rotateY(180deg);
          transform: rotateY(180deg);
        }
        #cssmenu.align-right ul ul li.has-sub:hover::after {
          border-right-color: #ffffff;
          border-left-color: transparent;
          left: -5px;
          -webkit-transform: rotateY(180deg);
          -ms-transform: rotateY(180deg);
          -moz-transform: rotateY(180deg);
          -o-transform: rotateY(180deg);
          transform: rotateY(180deg);
        }
        @media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
          #cssmenu {
            width: auto;
          }
          #cssmenu.align-center ul {
            text-align: left;
          }
          #cssmenu.align-right > ul > li {
            float: none;
          }
          #cssmenu ul {
            width: auto;
          }
          #cssmenu .submenuArrow,
          #cssmenu #indicatorContainer {
            display: none;
          }
          #cssmenu > ul {
            height: auto;
            display: block;
          }
          #cssmenu > ul > li {
            /*float: none;*/
          }
          #cssmenu li,
          #cssmenu > ul > li {
            /*display: none;*/
          }
          #cssmenu ul ul,
          #cssmenu ul ul ul,
          #cssmenu ul > li:hover > ul,
          #cssmenu ul ul > li:hover > ul,
          #cssmenu.align-right ul ul,
          #cssmenu.align-right ul ul ul,
          #cssmenu.align-right ul > li:hover > ul,
          #cssmenu.align-right ul ul > li:hover > ul {
            position: relative;
            left: auto;
            top: auto;
            opacity: 1;
            padding-left: 0;
            padding-right: 0;
            right: auto;
          }
          #cssmenu ul .has-sub::after {
            display: none;
          }
          #cssmenu ul li a {
            /*padding: 12px 20px;*/
          }
          #cssmenu ul ul li a {
            border: 0;
            background: none;
            width: auto;
            padding: 8px 35px;
          }
          #cssmenu.align-right ul ul li a {
            text-align: left;
          }
          #cssmenu ul ul li:hover > a {
            background: none;
            color: #8c9195;
          }
          #cssmenu ul ul ul a {
            padding: 8px 50px;
          }
          #cssmenu ul ul ul ul a {
            padding: 8px 65px;
          }
          #cssmenu ul ul ul ul ul a {
            padding: 8px 80px;
          }
          #cssmenu ul ul ul ul ul ul a {
            padding: 8px 95px;
          }
          #cssmenu > ul > #menu-button {
            display: block;
            cursor: pointer;
          }
          #cssmenu #menu-button > a {
            padding: 14px 20px;
          }
          #cssmenu ul.open li,
          #cssmenu > ul.open > li {
            display: block;
          }
          #cssmenu > ul.open > li#menu-button > a {
            color: #fff;
            border-bottom: 1px solid rgba(150, 150, 150, 0.1);
          }
          #cssmenu ul ul::after {
            display: none;
          }
          #cssmenu #menu-button::after {
            display: block;
            content: '';
            position: absolute;
            height: 3px;
            width: 22px;
            border-top: 2px solid #7a8189;
            border-bottom: 2px solid #7a8189;
            right: 20px;
            top: 15px;
          }
          #cssmenu #menu-button::before {
            display: block;
            content: '';
            position: absolute;
            height: 3px;
            width: 22px;
            border-top: 2px solid #7a8189;
            right: 20px;
            top: 25px;
          }
          #cssmenu ul.open #menu-button::after,
          #cssmenu ul.open #menu-button::before {
            border-color: #fff;
          }
        }
        
#IssuesLoaderACC{top: 0; margin:auto; left: 5px;right:0;bottom:0; overflow: hidden; padding: 0 !important;width:98%; z-index: 999999; display: none;text-align:center; position:absolute;}
#IssuesLoaderACC img{ position:absolute; left:50%; top:50%; margin:-22px 0 0 -22px;}

.IssueListTableContainer{
position:relative;min-height:436px;}