body 
{
    margin:0px; font-family:GraphikLCG-Regular; 
    font-size:14px; text-align:left;
    background-color:#fff;/* #f5f5f8; /*#fff;  */
    -webkit-overflow-scrolling: touch;
}

iframe{border:none;}

        @font-face
        {
            font-family: 'GraphikLCG-Regular';
            src: url("../../App_Themes/fonts/Graphik LCG/GraphikLCG-Regular.otf");
        }
        @font-face
        {
            font-family: 'GraphikLCG-Medium';
            src: url("../../App_Themes/fonts/Graphik LCG/GraphikLCG-Medium.otf");
        }

        @font-face
        {
            font-family: 'GraphikLCG-Light';
            src: url("../../App_Themes/fonts/Graphik LCG/GraphikLCG-Light.otf");
        }


.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }


.ozn_td .del_ozn{
    visibility: hidden;
}
.ozn_td:hover .del_ozn{
    visibility:visible;
}


/*
.transition (@prop: all, @time: 1s, @ease: ease-out) {
  -webkit-transition : @prop @time @ease;
  -moz-transition    : @prop @time @ease;
  -ms-transition     : @prop @time @ease;
  -o-transition      : @prop @time @ease;
  transition         : @prop @time @ease;
}
.rotate(@degrees) {
  -webkit-transform : rotate(@degrees);
  -moz-transform    : rotate(@degrees);
  -ms-transform     : rotate(@degrees);
  -o-transform      : rotate(@degrees);
  transform         : rotate(@degrees);
}

.square( @size ){
  width: @size;
  height: @size;
}

@black : #000;
@white : #fff;

// ---- [ Close Button ] ---- //
.close-button{
  .square(150px);
  box-shadow : 0px 10 10px 10px rgba( 0, 0, 0, .25 );
  border-radius: 10px; 
  background : @black;
  left       : 50%;
  top        : 50%;
  margin-top : -75px;
  margin-left: -75px;
  position   : absolute;
  display    : block;
  z-index    : 200;
  text-indent : -9999px;

  &:before,
  &:after{
    content    : '';
    width      : 55%;
    height     : 2px;
    background : @white;
    position   : absolute;
    top        : 48%;
    left       : 22%;
    .rotate(-45deg);
    .transition( @time : 0.3s );
  }

  &:after{
    .rotate(45deg);
    .transition( @time : 0.3s );
  }



  &:hover{
    &:before,
    &:after{
      .rotate(180deg);
    }
  }
}
*/


.digit_or_sum{text-align:right;}

.boxclose {
    display: block;padding:3px 4px;  background:#fff; border:1px solid silver;
     border-radius:2px;
    position: absolute; 
    cursor:pointer;
    width:25px;
    height: 25px;
    transition: transform .25s ease-in-out;
    margin-top:1px;margin-left:1px;/*border-radius:50%;*/
}
.boxclose:hover {
    transform: rotate(180deg);
}
.boxclose:before {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: -1px;
    right: 0;
    top: 0;
    bottom: 0;
    width: 22px;
    height: 0;
    border-top: 1px solid #0b1f35;
    transform: rotate(45deg);
    transform-origin: center;
}
.boxclose:after {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: -1px;
    right: 0;
    top: 0;
    bottom: 0;
    width: 22px;
    height: 0;
    border-top: 1px solid #0b1f35;
    transform: rotate(-45deg);
    transform-origin: center;
}

.borders {
  position: relative;
  border: 2px solid #f00;
}
.div_collapse{
    width:250px;
    height:40px;
    overflow:hidden;
    line-height:30px;
    cursor:pointer;
    text-align:center;
    vertical-align:middle;
    background:#0b1f35;
    border:4px double silver;
    border-radius:4px;
    color:white;
    position:fixed;
    bottom:5px;
    left:250px;
}

/*boxcollapse*/
.boxcollapse {
    left:60px;
    display: block;  
    background:url("../../Images/collapse2.jpg") center center no-repeat;
    border:2px solid silver;
    border-radius:2px;
    position: absolute; 
    cursor:pointer;
    width:25px;
    height: 25px;
    transition: transform .25s ease-in-out;
    margin-top:1px;margin-left:1px;/*border-radius:50%;*/
}
.boxcollapse:hover {
    transform: rotate(180deg);
}
.boxcollapse:before {

    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: -1px;
    right: 0;
    top: 0;
    bottom: 0;
    width: 25px;
    height: 0;
    /*border-top: 1px solid #0b1f35;*/
    transform: rotate(45deg);
    /*transform-origin: center;*/
}
.boxcollapse:after {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    /*left: -1px;
    right: 0;
    top: 0;
    bottom: 0;*/
    width: 25px;
    height:25px;
    /*border-top: 1px solid #0b1f35;*/
    transform: rotate(-45deg);
    /*transform-origin: center;*/
}

/*boxrefresh*/
.boxrefresh {
    left:30px;
    display: block;  
    background:url("../../Images/refresh_white_24x24.png") center center no-repeat;
    border:2px solid silver;
     border-radius:2px;
    position: absolute; 
    cursor:pointer;
    width:25px;
    height: 25px;
    transition: transform .25s ease-in-out;
    margin-top:1px;margin-left:1px;/*border-radius:50%;*/
}
.boxrefresh:hover {
    transform: rotate(180deg);
}
.boxrefresh:before {

    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: -1px;
    right: 0;
    top: 0;
    bottom: 0;
    width: 25px;
    height: 0;
    /*border-top: 1px solid #0b1f35;*/
    transform: rotate(45deg);
    /*transform-origin: center;*/
}
.boxrefresh:after {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    /*left: -1px;
    right: 0;
    top: 0;
    bottom: 0;*/
    width: 25px;
    height:25px;
    /*border-top: 1px solid #0b1f35;*/
    transform: rotate(-45deg);
    /*transform-origin: center;*/
}

.boxclose_right {
    display: block;padding:3px 4px;
    right:2px;
    background:#fff; border:1px solid silver;
    position: absolute; 
    cursor:pointer;
    width:25px;
    height: 25px;
    transition: transform .25s ease-in-out;
    margin-top:1px;margin-right:1px;/*border-radius:50%;*/
}
.boxclose_right:hover {
    transform: rotate(180deg);
}
.boxclose_right:before {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: -1px;
    right: 0;
    top: 0;
    bottom: 0;
    width: 22px;
    height: 0;
    border-top: 1px solid #0b1f35;
    transform: rotate(45deg);
    transform-origin: center;
}
.boxclose_right:after {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: -1px;
    right: 0;
    top: 0;
    bottom: 0;
    width: 22px;
    height: 0;
    border-top: 1px solid #0b1f35;
    transform: rotate(-45deg);
    transform-origin: center;
}


      .div_OrderQueries{height:30px;}

.blinker1
{transition: 0.3s opacity;  opacity: .2; filter: alpha(opacity=20);
}
.blinker2
{transition: 0.3s opacity;  opacity: 1; filter: alpha(opacity=100);
}

.IsRequired
{
    color:Red;   margin-top:-9px; padding-right:3px; 
}
	
	.a_filter 
	{
	    white-space: nowrap;color:black; font-size:13px; text-decoration:none; 
	}
	
		.a_filter:hover
	{
	    color:#303030;
	}

.tr_content
{transition: 0.5s opacity;  opacity: .2; filter: alpha(opacity=20);color: Black; 
  pointer-events:none;

}
.tr_content1
{ transition: 0.5s opacity; opacity: 1; filter: alpha(opacity=100);
   pointer-events:all;
}

.panelShow
{ transition: 7s opacity; opacity: 1; filter: alpha(opacity=100);
}

        .gg
        {
            height: 25px; 
            border-radius: 50%;
         transition: all .5s ease-in-out;
        }
         .gg:hover
        {
            transform: scale(5);
        }
        
        .gg_pic
        {     
             transition: all .5s ease-in-out; /*border-radius: 50%;*/
        }
         .gg_pic:hover
        {
            transform: scale(2.5);
        }
        
        .gg_pic2
        {          
            border-radius: 5%; transition: all .5s ease-in-out;/*border-radius: 50%;*/
        }
         .gg_pic2:hover
        {
            transform: scale(1.5);
        }
        

        
        .preloader {
        background: #FFF;
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 9999;
        }
        
        .transition1
        {
                                opacity: .5;
                    filter: alpha(opacity=50);
            transition: 1.0s opacity;
        }

        .IsMainCircle{
  font-size:10px; 
  background : Yellow ;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  display: inline-block;
  margin-right: 13px;
  text-align: center;
  width: 1em; 
  transition: 0.5s background-color,border;
        }

.circle_grey 
{
    display:none;
  font-size:14px; 
   font-family:Arial;
  background : White ;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color:#6699FF;
  display: inline-block;
  font-weight: bold;
  line-height: 2.2em;
  margin-right: 13px;
  text-align: center;
  width: 2.2em; 
  border:1px solid #84ADFF;
  cursor:pointer;
  transition: 0.5s background-color,border;

}



.close-icon
{
  display:block; float:right; margin-top:-10px; margin-right:-10px;
  box-sizing:border-box;
  width:13px;
  height:13px;
  border-width:1px;
  border-style: solid;
  border-color:gray;
  border-radius:100%;
  background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, white 46%,  white 56%,transparent 56%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, white 46%,  white 56%,transparent 56%, transparent 100%);
  background-color:lightgray;
  box-shadow:0px 0px 1px 1px rgba(0,0,0,0.5);
  transition: all 0.3s ease;
}
.close-icon:hover
{
    border-color:black;
}

.circle_grey:hover
{
 border:1px solid white;  color:white; background-color:#2C9DD5;
}

.img3:hover
{
    -webkit-animation-duration: 1s;
    -moz-animation-name: rotation;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}


.img3 {
  font-size:14px; 
   font-family:Arial;
  background : #FF9933;
  border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  color:white;
  display: inline-block;
  font-weight: bold;
  line-height: 1.8em;
  margin-right: 13px;
  text-align: center;
  width: 1.8em; 
  border:1px solid white;
  cursor:pointer;
  
    -webkit-animation-name: rotation;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotation;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: rotation;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: rotation;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@-moz-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@-o-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(720deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}

.circle_menu 
{
    background : #FF9933;

  font-size:9px; 
  font-family:Arial;
  border-radius: 1.2em;
  -moz-border-radius:1.2em;
  -webkit-border-radius: 1.2em;
  color:white;
   margin-bottom:-3px;
  display: inline-block;
  line-height: 1.7em;
  text-align: center;
  width: 1.7em;
 cursor:pointer;
}

.circle_menu_red 
{
         font-size:9px;display: inline-block;line-height: 9px;margin-right: 5px;
   color:black; /*border:2px solid white;*/
    padding:5px;   border:1px solid white;
text-align:center; background: #ffb097;width:9px; height:9px; border-radius: 50%; 
-moz-border-radius: 50%; -webkit-border-radius: 50%;

}

.circle_menu_yellow 
{
         font-size:9px;display: inline-block;line-height: 9px;margin-right: 5px; border:1px solid white;
   color:black; /*border:2px solid white;*/
    padding:5px;  
text-align:center; background:#ffd789; width:9px; height:9px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;

}


.LabelJob
{
 background-color:white;
border-radius:6px; 
-webkit-border-radius:6px; 
-moz-border-radius:5px; 
-khtml-border-radius:10px;


}

linkbutton
{
    font-family:Tahoma;
}
linkbutton:hover
{
    font-family:Tahoma;color:#303030;
}

.centalbody
{
    
}

.numbersOnly{ padding: 3px;}

.textEntry
{
    font-size:medium; padding:3px; width:70%;  
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.historymenu
{
     cursor:pointer;
  /*  padding-left:10px;font-size:small;text-decoration:none; font-family:Tahoma; color:black;border-bottom:1px dashed black;*/
             }
.historymenu:hover{color:#303030; }

.historymenu1{text-decoration:none;  color:#5B6B76;}
.historymenu1:hover{color:#303030; text-decoration:underline; cursor:pointer;}

.historymenu2{text-decoration:none;  color:#511117;}
.historymenu2:hover{ text-decoration:underline; cursor:pointer;}

.historymenu3{text-decoration:none; background-color:transparent; border:none; border-bottom: 1px dashed ; display: inline;  }
.historymenu3:hover{ text-decoration:none;cursor:pointer; border:none; color:#303030; }

.historymenu4{text-decoration:none;  color:gray; font-family:GraphikLCG-Regular;  }
.historymenu4:hover{ text-decoration:underline; cursor:pointer;}


.a_buttonOK{ text-decoration:none; min-width:90px; font-family: GraphikLCG-Light;padding: 7px 10px;
             -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
             
          color:white ;cursor:pointer; border:1px solid #236bb2;
         /* text-shadow:1px 1px 2px black; */
  background: -webkit-linear-gradient(#5BADFF, #2D89E5); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#5BADFF, #2D89E5); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#5BADFF, #2D89E5); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#5BADFF, #2D89E5); /* Standard syntax */
 
             }
.a_buttonOK:hover{   cursor:pointer; border:1px solid #236bb2; 
  background: -webkit-linear-gradient(#2D89E5, #5BADFF); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#2D89E5, #5BADFF); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#2D89E5, #5BADFF); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#2D89E5, #5BADFF); /* Standard syntax */
   }


.a_buttonOK1{ text-decoration:none; min-width:90px; font-family: GraphikLCG-Light;padding: 7px 10px;
             -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
             
          color:white ;cursor:pointer; border:1px solid #236bb2;
         /* text-shadow:1px 1px 2px black; */
  background: -webkit-linear-gradient(#5BADFF, #2D89E5); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#5BADFF, #2D89E5); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#5BADFF, #2D89E5); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#5BADFF, #2D89E5); /* Standard syntax */
 
             }
.a_buttonOK1:hover{   cursor:pointer; border:1px solid #236bb2; 
  background: -webkit-linear-gradient(#2D89E5, #5BADFF); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#2D89E5, #5BADFF); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#2D89E5, #5BADFF); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#2D89E5, #5BADFF); /* Standard syntax */
   }





.a_buttonClose{ text-decoration:none;min-width:90px;font-family:GraphikLCG-Light; padding:7px 10px;
             -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
             
             color:black; background-color:#c3c3c7;font-size:12px;border:1px solid gray;
             
  background: -webkit-linear-gradient(white, lightgray); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(white,lightgray); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, lightgray); /* For Firefox 3.6 to 15 */
   background: linear-gradient(white, lightgray); /* Standard syntax */
   }
.a_buttonClose:hover{  color:Black; cursor:pointer;border:1px solid gray;
  background: -webkit-linear-gradient(lightgray, white); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(lightgray, white); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(lightgray, white); /* For Firefox 3.6 to 15 */
  background: linear-gradient(lightgray, white); /* Standard syntax */
                      }

.a_buttonDelete{ font-size:12px;text-decoration:none; background-color:transparent; border:none;
                  border-bottom:2px dotted #FA8072;font-family:GraphikLCG-Light; color:#FA8072;}
.a_buttonDelete:hover{  border-bottom:none; cursor:pointer; color:#FF0000;}



.historymenu_def
{
    font-family:Arial Narrow; cursor:pointer; font-size:13px; padding-left:3px;color:black; text-decoration:none;
}
.historymenu_def:hover{color:#303030; text-decoration:underline; }

.tr_sel
{
    
}
.tr_sel:hover{background-color:White; }

.project_tr0{padding-left:10px; text-decoration:none; color:black;}
.project_tr0:hover{color:#303030; text-decoration:underline;}

.project_tr0_sel{padding-left:10px; background-color:InfoBackground; border:1px solid silver; text-decoration:none; 

color:black;padding:5px;  
border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:6px; 
-khtml-border-radius:10px;}
.project_tr0_sel:hover{color:#303030; text-decoration:underline;}

.project_tr{padding-left:10px; text-decoration:none; color:black;}
.project_tr:hover{color:#303030; text-decoration:underline;}

.project_sel{padding-left:10px; background-color:InfoBackground; border:1px solid silver; text-decoration:none; 

color:black;padding:5px;  
border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:6px; 
-khtml-border-radius:10px;}
.project_sel:hover{color:#303030; text-decoration:underline;}


.job_tr{padding-left:10px;  text-decoration:none; color:black;}
.job_tr:hover{color:#303030; text-decoration:underline;}

.job_tr_sel{padding-left:10px; background-color:InfoBackground; border:1px solid silver; text-decoration:none; 

color:black;padding:5px;  
border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:6px; 
-khtml-border-radius:10px;}
.job_tr_sel:hover{color:#303030; text-decoration:underline;}

.job_tr_lated{padding-left:10px; background-color:#FFCCCC; border:1px solid silver; text-decoration:none; 
color:black;padding:5px;  
border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:6px;  
-khtml-border-radius:10px;}
.job_tr_lated:hover{color:#303030; text-decoration:underline;}

.job_tr_delayed{padding-left:10px; background-color:#b2ceeb; border:1px solid silver; text-decoration:none; 
color:black;padding:5px;  
border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:6px;  
-khtml-border-radius:10px;}
.job_tr_delayed:hover{color:#303030; text-decoration:underline;}

.usertype_box
{
    width:100%;text-align:left; 
    padding:5px; 

}

.td1_dirpage
{
  min-width:60px;   text-align:right;
  background:#f5f5f8;
}

.td2_dirpage
{
     width:80%; vertical-align:middle;
}

.textbox_dirpage
{
    width:90%;color:#303030;padding-left:3px;
}
.textProd{
    font-family:GraphikLCG-Regular; padding:3px;text-align:right;
}


.blankforhover0{}
.blankforhover0:hover{color:#303030; text-decoration:underline;  }

.blankforhover{}
.blankforhover:hover{color:#303030; text-decoration:underline; }

.hlDefault
{
     padding:5px;  
font-family:Tahoma; font-size:20px;

     background-color:#398565; width:96%; color:white;
}

.calendar
{
    font-family:Arial Narrow; width:98%;  border:none; z-index:50;
}
        .div_calendar
        {
            padding:7px;
            display: none;
 width:250px;
            position: absolute;
            top: 100px;
            right: 10px;
            border: 2px double silver;
      text-align:center;
            vertical-align:  middle;
            background-color:  #FAF8EB;
            border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; z-index:50;
        }

    .maxWidthGrid
    {
        max-width: 300px; max-height:20px;
        overflow: hidden;
    }

    .GridviewNew
{
    font-family:GraphikLCG-Regular,Helvetica;  font-weight:normal; font-stretch: ultra-condensed;
    background-color:#fff; color:black;font-size:12px; z-index:0;border-collapse: collapse;
}

.GridviewNew th
{
 border: 1px solid silver; padding:7px 10px;
}

.GridviewNewHeader
{
   text-decoration:none;    text-align:left; background-color:#fff; 
    border-top:1px solid lightgray;border-bottom:1px solid #333333;; font-style:italic;
   color:#a4a4a4; font-stretch: ultra-condensed;
} 
.GridviewNewHeader a {color:#a4a4a4; text-decoration:none;font-stretch: ultra-condensed;}
.GridviewNewHeader a:hover {color:#303030; text-decoration:underline; }


.GridviewNew a {font-family:GraphikLCG-Regular,Helvetica;font-stretch: ultra-condensed; }

.ui-datepicker{ z-index: 9999 !important;}

.GridviewNewRow
{
   background-color:#fff; font-stretch: ultra-condensed; 
   color: black;font-family:GraphikLCG-Regular,Helvetica;padding:7px 10px; cursor:pointer;
}
.GridviewNewRow td { border: 1px solid silver; }
.GridviewNewRow:hover { background: khaki !important; }
.GridviewNewRow:hover td { background: transparent; }

.GridviewNewRow :first-child{white-space:nowrap;}



.table12 { width: 100% }



.GridviewCommon
{
    font-family:GraphikLCG-Regular,Helvetica;  font-weight:normal; font-stretch: ultra-condensed;
    background-color:#fff; border: 1px none silver;color:black;font-size:12px; z-index:0;
    border-collapse:collapse;
}
.GridviewCommon a {font-family:GraphikLCG-Regular,Helvetica;font-stretch: ultra-condensed;white-space: break-spaces; }
.GridviewCommon input[type=checkbox] { width:16px !important; height:16px !important; }

@media (max-width: 720px) {

	.GridviewCommon input[type=checkbox] {
		width: 27px !important;
		height: 27px !important;
	}

	#gvCheckList td[dataname=Done] {
		padding-bottom: 0;
	}

}

input[type=checkbox] { width:16px !important; height:16px !important; }

@media (min-width: 720px) {
    .GridviewCommonRow:hover {
        background: khaki;
        color: inherit;
    }

    .selectformclass {
        width: 100%;height:100%;
    }
}

.GridviewCommonRow:hover a { color:inherit; }

.GridviewCommonRow th, tr.GridviewCommonRow td
{
padding:10px 5px; white-space:normal; cursor:pointer;
line-height:19px;
}
.GridviewCommonRow th
{
height:25px;
}

@media (min-width: 720px) {
    .GridviewCommonRow td {
        border: 1px solid silver;
    }
}

.GridviewCommon1
{
    font-family:GraphikLCG-Regular,Helvetica;  font-weight:normal; font-stretch: ultra-condensed;
    background-color:#fff; border: 1px none silver;color:black;font-size:12px; z-index:0;
    border-collapse:collapse;border:none;
}

.GridviewCommon1 a {font-family:GraphikLCG-Regular,Helvetica;font-stretch: ultra-condensed; }
.GridviewCommon1 th{padding:4px;font-stretch: ultra-condensed;
                    border-bottom:2px solid silver;
                    border-top:2px solid silver;
                     white-space:nowrap;}

.GridviewCommonRow1 th, tr.GridviewCommonRow1 td
{
    font-family:GraphikLCG-Regular,Helvetica;  font-weight:normal; font-stretch: ultra-condensed;
    font-size:12px;

vertical-align:middle;border:1px solid transparent;padding:1px 5px;background-color:#fff;
border-bottom:1px solid silver;
}
.GridviewCommonRow1:hover td {background:khaki;}
.GridviewCommonRow1 input {border:1px solid transparent;}
.GridviewCommonRow1 label,select {padding-left:5px;}
.GridviewCommonRow1:hover  input {border:1px solid silver;}
.GridviewCommonRow1_selected {background:lightgray;}
.GridviewCommonFooter1
{
     background-color:#e6e6ee;font-weight:bold; height:40px;
     font-size:14px; color:#003399; vertical-align:text-top; text-align:right;
     white-space:nowrap;
}


.GridviewCommonHeader th, td
{
padding:4px;font-stretch: ultra-condensed;
}
.GridviewCommonHeader th, td
{
padding:4px;font-stretch: ultra-condensed;
}
.lbl_no{min-width:15px;}

.GridViewSelectedRow
{
    background:lightgray !important;
    padding:10px 5px; white-space:normal; cursor:pointer;
}
.GridViewHoverRow
{
    background:khaki !important;color:inherit;
    padding:10px 5px; white-space:normal; cursor:pointer;
}
.GridViewHoverRow a
{
    background:khaki !important;color:inherit;
    padding:10px 5px; white-space:normal; cursor:pointer;
}

.GridviewCommonHeader
{
   text-decoration:none; text-align:left; background-color:#fff; 
    border-top:1px solid lightgray;border-bottom:1px solid #333333; font-style:italic;
   color:#a4a4a4; font-stretch: ultra-condensed;
} 
.GridviewCommonHeader a {color:#a4a4a4; text-decoration:none;font-stretch: ultra-condensed;}
.GridviewCommonHeader a:hover {color:#303030; text-decoration:underline; }

.GridviewCommonFooter
{
     background-color:#e6e6ee;   color:#003399; vertical-align:text-top; text-align:right;
}

.GridviewCommonPager
{
    background-color:#d7d7e3; font-size:small; padding-left:5px;  color:#003399; text-align:left;
}
.GridviewCommonPager:hover{font-size:15px;}



/*.GridviewCommonRow
{
    background-color:#fff; font-stretch: ultra-condensed; 
    color: #393939;font-family:GraphikLCG-Regular,Helvetica;
    line-height:15px; cursor:pointer;
}*/
/*.GridviewCommonRow:hover { background: khaki !important; }
.GridviewCommonRow a {font-stretch: ultra-condensed;}*/

.div_details {
    /* opacity:1; 
            bottom: 0;*/
    text-align:left;
            z-index:999;
            position: fixed;
            /*right: 0;*/
            /*position:relative;*/
    font-family: GraphikLCG-Regular,Helvetica;
    border-top:3px solid silver;
    margin-top: 25px;
    margin-left:30%;
    width: 55%;
    height:420px;


    background:gray;
    color:white;

    /*font-family: Arial;*/
    /*margin-right: 10px;*/
    overflow-x: auto;
    overflow-y:auto;
    /*background-color: #FAF8EB;*/
    /*height: 250px;*/
    font-size: 12px;
    vertical-align: middle;
    padding: 10px 5px 5px 5px;
    border: 2px double darkgray;
    border-collapse: collapse;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    display: none;

}

@media (min-width: 720px) {

    .GridviewCommon tr:nth-child(even) {
        background: #f2f2f2;
    }
    /*  #f5f5f8*/
    .GridviewCommon tr:nth-child(even):hover {
        background: khaki;
    }

}


.GridviewCommon th { 
    font-style: normal;
    background: #f2f2f2; 
    color: #333333; 
    font-weight: 600; padding:4px;
}

/*.GridviewCommon td, th { 
    padding: 12px; 
    /*border: 1px solid #ccc;*/ 
    /*text-align: left;*/ 
    /*text-align: center
}*/
/*Mobile View*/

@media (max-width: 719px) {
  .Input {
    font-size: 16px;
  }
  .TextArea {
    font-size: 16px;
  }
  .FixTextArea {
    font-size: 16px;
  }
}

@media only screen and (max-width: 760px) {

        .OnlyDesk{display:none !important;}

    #DivHeaderRow {display:none;}

    .GridviewCommon td, tr, th {
        display: block;
        white-space: normal;
        text-align: left;
        padding-left: 5px;

            background-color:inherit; font-stretch: ultra-condensed; 
    color: #393939;font-family:GraphikLCG-Regular,Helvetica;
    line-height:15px; cursor:pointer;
    }

    
    .GridviewCommon tr a {font-stretch: ultra-condensed;}


    /* Hide table headers (but not display: none;, for accessibility) */
    .GridviewCommon thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .GridviewCommon tr {
        width: 96%;
        margin: 0 auto;
        border: 1px solid #c1c1c1;
        border-radius: .5em;
        padding: .5em 1em;
    }

    /*.GridviewCommonRow th, tr.GridviewCommonRow td {
        padding: 5px 5px;
        white-space: normal;
    }*/

    .GridviewCommon tr + tr {
        margin-top: 1.5em;
        border: 1px solid #c1c1c1;
    }

    .GridviewCommon td {
        margin-top: 2em;
        position: relative;
        font: 16px arial;
        text-align: left;
    }

    .GridviewCommonHeader {
	display:none;
        border-top: 0px;
        border-bottom: 0px;
    }

    .GridviewCommon td:first-child {
        margin: 0;
        float: right;         
        z-index: 3;
    }
    .GridviewCommon td:first-child #chkSelect {
        transform:scale(1.8);
        margin: 5px 5px 0px 0px;
    }
    .GridviewCommon td:nth-child(2) {
        margin: 0;
        float: right;         
        z-index: 3;
        padding-top: 13px;
        padding-right: 4px;
    }
    .GridviewCommon td:nth-child(3) {
        margin-top: 2.5em;
    }

    .GridviewCommon tr:first-child {
        margin-top: 1em;
    }

    .GridviewCommon tr:last-child {
        margin-bottom: 1em;
    }

    .GridviewCommonFooter {
        display: none;
    }

    .GridviewCommon td:before {
        position: absolute;
        top: -20px;
        content: attr(data-label);
        display: inline-block;
        font: bold 16px arial;
        /*line-height: 1.5;
	    margin-left: -100%;*/
        white-space: normal;
    }
}


.padding5{ padding: 5px 5px 5px 5px;}

.padding25{ padding: 25px; }

#container
{
    background-color:#CCCCCC; 
}
#containerwide
{
    background-color:#818689;left:1px;  
}

#disabled_page
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color:gray;
	opacity: 0.5;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	z-index: 2;
	display: none;
}

#form
{
	position: fixed;
	z-index: 100;
	width: 500px;

	display: none;
	border: double black 1px;
	padding: 10px;
	background-color:#f5f5f8;
}



.div_chat_select
{
    padding:2px 5px;
     /*font-family:Arial;*/
     /*font-size:13px;*/
     line-height:20px;
     background: white;
     width:100%;
     cursor:pointer;
     vertical-align:middle;
     font-weight:normal;
     color:#303030;
}
.div_chat_select_online
{
    padding:2px 5px;
     /*font-family:Arial;*/
     /*font-size:12px;*/
     line-height:20px;
   background: white;
     width:100%;
     cursor:pointer;
     vertical-align:middle;
     font-weight:normal;
     color:green;
}
.div_chat_select:hover
{
     background:lightgray;
}
.div_chat_select_online:hover
{
     background:lightgray;
}
.div_chat_selected
{
        padding:2px 5px;
     /*font-family:Arial;
     font-size:12px;*/
     line-height:20px;

     width:100%;
     cursor:pointer;
     vertical-align:middle;
     font-weight:normal;
     
     background:#236bb2;
     color:White;
}
.div_chat_bold
{
 font-weight:bold;
}

.selectformclass {
    padding: 2px 0px !important;
    overflow-x: hidden;
    border: 2px solid lightgray !important;
    background: #f5f5f8 !important;
    overflow-y: auto;
    z-index: 999 !important;
    display: none;
    position: fixed;
    text-align: left !important;
}

.selectformclass_chk {
    padding: 2px 0px !important;
    overflow-x: hidden;
    border: 2px solid lightgray !important;
    background: #f5f5f8 !important;
    overflow-y: auto;
    height: 300px;
    z-index: 999 !important;
    display: none;
    position: fixed;
    text-align: left !important;
}
.SS12
{
 padding: 2px 0px; overflow-x: hidden; border:2px solid lightgray;
 background: #f5f5f8; overflow-y:auto; z-index:999;  display: none; position: fixed;
}
.form1 
{
/* min-width:450px; */
	position:  absolute; border: 1px solid gray;
	z-index: 998;
	display: none;
	background-color:#f5f5f8; font-family:Arial; font-size:12px;
	 padding:5px;  
border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:6px; 
-khtml-border-radius:10px;
 -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	
}
        .RowFooter{
            background:#e6e6ee !important; color:#003399; vertical-align:middle;
             cursor:pointer;
        }
        .SectionRow{
            background:gray !important; color:#fff; vertical-align:middle;
            height:35px; font-size:16px; cursor:pointer; text-align:left;
            border-bottom:1px solid #fff;
        }
.SectionRow_chk {
    background: gray !important;
    color: #fff;
    vertical-align: middle;
    height: 35px;
    font-size: 16px;
    text-align: left;
    border-bottom: 1px solid #fff;
}
                div.table { display: table; padding:3px;width:100%;}
div.tr {display: table-row;padding:3px; }
div.td { display: table-cell;padding:1px; }

        .sp_date{white-space:nowrap;
                 /*width:100%;*/
                 display: flex;justify-content: flex-end

        }

.InputMini {
    border: 1px solid #a9a9a9;
    color: #303030;
    font-family: GraphikLCG-Regular;
    padding: 0;
    font-size: 9px;
    /*width: 60px;*/
    border-radius: 2px;
    white-space: nowrap;
    text-align: center;
}

.sp_date input[type=image] {
	margin-left: 0 !important;
}

.input_digit{text-align:right;padding-right:2px;/*max-width:90px;*/}

        .filter_input_selected{background:gray;color:#fff !important;}
        .filter_input_selected option{background:gray;color:#fff;}

.incCommClass
{
    border-radius: 0 0 5px 5px;
    padding:3px; border:1px solid silver; background-color: InfoBackground;
}

.div_alert_def
{  
    padding:3px; color:black; text-align:center;/* text-decoration:underline;  */
    font-size:14px ;
}

.form_news
{
	position: fixed;
	z-index: 95;
	display: none;
	border: 1px solid #6699FF;
	padding: 12px; 
	background-color:InfoBackground; font-family:Tahoma; font-size:15px; 
	
	 padding:4px;   
	 
border-radius: 0 0 5px 5px; vertical-align:text-top;



	
}

#header
{
     font-family:Candara; text-align:left; font-size:medium; color:#005531; 
     font-size:larger;  height:65px; 
}
#Logo
{
width:86px; left:0px; 
}

#header2
{
    margin:0px;  height:60px;text-align:left;
}

.p
{
text-align:center;
}

.hyperlink
{
  cursor:pointer;padding:3px; font-family:Arial; text-decoration:none; 
}
.hyperlink:hover
{
    text-decoration:underline; color:#303030;
}


.hyperlink1
{
  cursor:pointer;font-family:Arial; text-decoration:none;
}
.hyperlink1:hover
{
    text-decoration:underline; color:#303030;
}

.hyperlink2
{
  cursor:pointer; font-family:Arial; text-decoration:none; font-size:12px; color:Blue;
}
.hyperlink2:hover
{
    text-decoration:underline; color:#303030;  font-weight:bold;
}
.hyperlink_sel2
{
    color:#303030; font-size:larger; font-weight:bold;
}


.hyperlinkDefaultPage
{
 text-decoration: none; cursor:pointer; padding:3px; color:Black;
}

.TabelLabel
{
 padding:10px 10px 10px 10px; 
}

.BIGhyperlink
{
 text-decoration: none; color:Black;
}
.BIGhyperlink1
{
 text-decoration: none;  
}


.LeftButtonStyle
{
  /*  width:130px; height:30px; font-size:14px;font-family:arial, helvetica, sans-serif;*/
     cursor:pointer;
border:1px solid #999999; 
border-radius: 5px;
 padding: 5px 15px 5px 15px; 
text-decoration:none; display:inline-block;
text-shadow: 1px 1px 0 rgba(255,255,255,0.3); color: #000000;
 background-color: #FFFFFF; background-image: linear-gradient(to bottom, #FFFFFF, #CFCFCF);
 box-shadow: rgba(0,0,0,1) 0 1px 0;
 }
   
   
.LeftButtonStyle:hover {
 border:1px solid #7A7A7A;
 background-color: #EEEEEE; background-image: linear-gradient(to bottom, #EEEEEE, #C7C7C7);
 }
.LeftButtonStyle:active {
 border-style:none;background-color:transparent;text-shadow:none;
   }

.ButtonStyle
{
    width:200px;    padding:5px;padding-top:7px; cursor:pointer;
}

.LeftButtonStyle1
{
    width:130px;  font-size:14px; font-family:Sans-Serif; cursor:pointer;
       padding: 6px 15px;   background-color:white;
   border-radius:5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;

}
.LeftButtonStyle1:hover{    background-color: #f5f5f8;}


.LeftButtonStyle_Small
{
    width:100px;  height:30px;  cursor:pointer;
border:1px solid #999999; 
border-radius: 5px;
font-size:14px;font-family:arial, helvetica, sans-serif; padding: 5px 15px 5px 15px; 
text-decoration:none; display:inline-block;
text-shadow: 1px 1px 0 rgba(255,255,255,0.3); color: #000000;
 background-color: #FFFFFF; background-image: linear-gradient(to bottom, #FFFFFF, #CFCFCF);
 }
.LeftButtonStyle_Small:hover{  border:1px solid #7A7A7A;font-weight:bold;
 background-color: #EEEEEE; background-image: linear-gradient(to bottom, #EEEEEE, #C7C7C7);
 }



.LeftButtonStyleOK
{
      /*  width:130px; height:30px; font-size:14px;font-family:arial, helvetica, sans-serif;*/
         cursor:pointer;
border:1px solid #999999; 
border-radius: 5px;
 padding: 5px 15px 5px 15px; 
text-decoration:none; display:inline-block;
text-shadow: 1px 1px 0 rgba(255,255,255,0.3); color: #000000;
 background-color:#CCFFCC;
 box-shadow: rgba(0,0,0,1) 0 1px 0;
}
.LeftButtonStyleOK:hover{  background-image: linear-gradient(to bottom, #CCFFCC, #C7C7C7);  }

.LeftButtonStyleNo
{
      /*  width:130px; height:30px;  font-size:14px;font-family:arial, helvetica, sans-serif; */
        cursor:pointer;
border:1px solid #999999; 
border-radius: 5px;
padding: 5px 15px 5px 15px; 
text-decoration:none; display:inline-block;
text-shadow: 1px 1px 0 rgba(255,255,255,0.3); color: #000000;
 background-color:#FFCCCC;
 box-shadow: rgba(0,0,0,1) 0 1px 0;
}
.LeftButtonStyleNo:hover{   background-image: linear-gradient(to bottom, #FFCCCC, #C7C7C7);}

.LeftButtonStyle2
{
    width:150px;   font-size:small; padding:5px;padding-top:7px;font-family:Tahoma;
}

.myhistory
{
    color:black; font-family:GraphikLCG-Regular,Helvetica,Verdana, Arial,Perpetua, sans-serif; white-space: nowrap;
    font-size:12px;  vertical-align:middle; line-height:20px;text-decoration:none; 
}

.myhistory:hover
{
     text-decoration:underline; cursor:pointer;
}

.header3
{
       vertical-align:middle;  color: #333333;
  color: var(--text);
    font-size: 17px;  
    min-height:40px;
    font-family: GraphikLCG-Regular,Helvetica,Arial;
    width: 100%;padding-left:7px; margin: 0 auto; line-height:40px;
    overflow: hidden;
}

.header_left{zoom: 1; display:inline-block;float: left;
    overflow: hidden;}
.header_right{zoom: 1;display:inline-block;float:right; 
            overflow: hidden;  padding-right:20px;}

.lblHeaderClass{ color:black;vertical-align:middle;}

.myheader {
   padding: 3px 105px ;height:30px; line-height:27px; font-family:GraphikLCG-Regular;
    cursor: move;
    z-index: 10;
  /*background-color: #227fbb;*/
   background-color: #0b1f35;
  color:#fff; 
    vertical-align:middle; font-size:14px; text-align:left;
}

.header4
{
   vertical-align:middle; background-color:#E6E2EF; font-size:medium;  
   padding:0px; margin:0px; width:99%; color:#472F8F;height:25px;
}
.header5
{
   vertical-align:middle; width:99%; font-size:medium;  
   padding:0px; margin:0px; color:#472F8F;height:20px;
}

#headermenu
{
   display:block; position:relative; top: 0px; height:30px; margin-left:2px;  width:99%; padding:0px 0px 1px 1px; text-

align:left; 
}
#breadcrumb
{
     position:relative; width: 99%; color:White; margin-left:2px; padding: 0px; background-color:Olive; 
     font-size:10px; top:0px;
}

.HyperLinkButton
{
 font-weight:bold;
}


#mnuFooter
{
 text-align:center;
}

#footermenu
{
   text-align: center;
   padding-top: 10px; 
   margin-left:100px;           
}


#loginbox
{
    position:absolute; top:5px;  right:30px;   text-align:right;
    padding:2px 0px 2px 2px; font-size:smaller;
}

.hyperlinkBlack
{
    color:Black; text-decoration:none;font-size:small;
}

.margintopminus
{
    margin-top:-5px;
}

.hlWWW
{
    position:absolute; top:5px; left:60px;font-family:Tahoma; color:Navy; font-size:12px; text-align:left;
}

#alertbox
{
    position:absolute; top:58px;   width:80%; height:12px;  
    padding:2px 0px 2px 2px; font-size:12px; color:Red;  text-align:right;
}


#themeselector
{
    position:absolute; text-align:left; top:30px; right:10px; width:150px;
    height:80px; padding: 2px 2px 2px 2px; font-size:9px; 
}
.footer
{
width:100%;
height:15px;
bottom:0;
left:0;
background:#eeeeee;
border: 2px solid silver;
 padding:3px; 
border-radius:6px; 
-webkit-border-radius:6px; 
-moz-border-radius:5px; 
-khtml-border-radius:10px;
}

#footertext
{
   text-align: center;
   padding-top: 3px;            
}

#leftcol
{
    position:absolute; top:112px; left:1px; width:199px; margin-top:10px;
     font-size:10px; border-right:1px solid silver;
}
#centercol
{
    left:0px; margin-left:200px; padding:0px;
    background-color:White; text-align:left;
}

#ContentPage
{
    padding:7px; height:99%; font-family:Tahoma; font-size:small;  
}
#centercolwide
{
    left:0px; margin-left:0px; padding:7px;margin-top:0px;
    background-color:White; 
}
#centercolcontent
{
     left:0px; padding:0px 0px 0px 6px; padding:0px; text-align:left;
}
.footermenulink
{
   text-align:center; 
   font-family: Tahoma;
   font-size: 9px;
   font-weight: normal;
   text-transform: uppercase; 
   text-indent: 15px;  
}
.headermenulink
{
   font-family: Impact;
   font-size: 17px;
   text-transform: uppercase;        
}
.headermenulink a
{
   text-decoration: none;
   color: black; 
}
.footermenulink a
{
   text-decoration: none;
   color: black; 
}
.headermenulink a:hover
{
   text-decoration: underline overline;
   color: black; 
}

.highlight
{
    background-color: #fefbd2;
    color:#000080;
}
div.accountInfo
{
     background-color:#0b1b37; color:White; margin-left:26%; margin-top:4%;
 /* background: -webkit-linear-gradient(left top, #6699FF , gray); /* For Safari 5.1 to 6.0 */
 /* background: -o-linear-gradient(bottom right, #6699FF, gray); /* For Opera 11.1 to 12.0 */
 /* background: -moz-linear-gradient(bottom right, #6699FF, gray); /* For Firefox 3.6 to 15 */
/*  background: linear-gradient(to bottom right, #6699FF , gray); /* Standard syntax */

     -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  
}
.failureNotification
{
    font-size: 1.2em;
    color: Red;
    text-align:center;

}



.submitButton
{
    text-align: center;
    padding-right: 10px;
}
fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;  text-align:center;
}
fieldset label.inline 
{
    display: inline;
}
fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;text-align:center;
}

.fieldname
{ 
    width:1%; white-space:nowrap; padding-left:10px; padding-right:5px;
    text-align:right; 
 /*    background:#f5f5f8;*/
    background:#f5f5f8; 
   font-family:GraphikLCG-Medium; color:gray;
 /*   background: -webkit-linear-gradient(left top, white , lightgray); /* For Safari 5.1 to 6.0 */
/*  background: -o-linear-gradient(bottom right, white, lightgray); /* For Opera 11.1 to 12.0 */
/*  background: -moz-linear-gradient(bottom right, white, lightgray); /* For Firefox 3.6 to 15 */
/*  background: linear-gradient(to bottom right, white , lightgray); /* Standard syntax */
  
}
.fieldname label {
   color:gray;font-weight:bold;
}
.fieldinfo
{
   vertical-align:middle;
}

.form_alert_style
{
    z-index:900;
}



 #UpdateProgress1 
 {
   background-color:#CF4342;
   color:White;
   top: 0px;
   right: 0px;
   position:fixed;
 }
 
#UpdateProgress1 img {
   vertical-align:middle;
   margin:2px;
 }



.TreeView  
{
    border: 1px solid #DDD; font-family:GraphikLCG-Light,Arial Narrow; font-size:14px;
    padding:8px 5px 8px 5px;   
}

.TreeView div
{
    margin-left:10px;
}

.TreeView table
{
    border-top: solid 1px #DDD;
}

.TreeView div table
{
    border-bottom:none !important;
    border-top:none !important; 
}

.TreeView table td
{
    padding:3px 0;  
}

.TreeView td img
{
    vertical-align: bottom;
}

.LeafNodesStyle 
{
  color:darkblue;
}

.TreeView a:hover 
{
     text-decoration:underline; cursor:pointer; color:#303030;
}



.Tree3Line
{
    font-style:italic; color:navy;
}


.RootNodeStyle 
{
 color:Black; padding: 4px; 
}

/* ALL ELEMENTS */

.NodeStyle 
{
    color:Black;background-color:transparent; padding:4px;  
    border-style:none; font-style:normal;text-decoration:none; white-space:normal !important;

}


.ParentNodeStyle 
{
 color:Black; padding: 5px;
}

.SelectedNodeStyle {padding-left:10px; background-color:lightgray; border:1px solid silver; text-decoration:none; color:black;
                    padding:3px;  
border-radius:3px; 
-webkit-border-radius:3px; 
-moz-border-radius:3px; 
-khtml-border-radius:3px;  
 }
 

    .LabelStyle
    {
      line-height:20px; vertical-align:text-top;  padding-top:10px; padding-bottom:10px;
    }  


.span_tv{}
.span_tv :hover 
{
     text-decoration:underline; cursor:pointer;
}




div.popup, div.popup_active {
  position: absolute;
  z-index: 10;
  display: none;
  width: 450px;
  font-size: 11px;
  padding: 3px;
  color: black;
  background: #FBFBE5;
  border: 1px solid #C3C3C3
}
div.popup_active { display: block }

.btnClear
{  margin-left:-30px; border:none; height:14px; margin-top:4px;  position:relative;  cursor:pointer;  transition: 3s opacity;  opacity: 0; filter: alpha

(opacity=0);}

.btnClear1
{ margin-left:-30px; height:14px;border:none; margin-top:4px;position:relative; cursor:pointer; transition: 0.3s opacity;  opacity: 1; filter: alpha

(opacity=100);}

.frmPopup
{
    display:none; padding:10px; border:1px solid gray; width:400px; background-color:InfoBackground; position:absolute;
}

.btnClear3
{   padding-left:3px;  height:14px;  cursor:pointer;  }


.SelectedCheckBox1
{
   height:auto; font-size:inherit;  vertical-align:middle; 
   text-align:right;  padding:10px;border-collapse: collapse; display:none; z-index:999;
}



.SelectedCheckBox
{
    position: fixed; bottom: 0; right:0; font-family:Arial;letter-spacing:1px; 
    overflow-x:auto;overflow-y:top;background-color: #227fbb;color:#fff;
    
   /*height:50px;*/   font-size:12px;   vertical-align:middle; 
   text-align:right;  padding: 10px 0px 0px 10px;  border-collapse: collapse; display:none;
    flex-flow: row wrap; z-index:999;
}
.SelectedCheckBox label{color:white;}

/*.SelectedCheckBoxFileBox
{
    position: fixed; bottom: 0; right:0; font-family:Arial;letter-spacing:1px; 
    overflow-x:auto;overflow-y:top;background-color: #227fbb;color:#fff;
    
   height:50px;   font-size:12px;   vertical-align:middle; 
   text-align:right;  padding:5px 15px 5px 5px;  border-collapse: collapse; display:none; z-index:999;
}
.SelectedCheckBoxFileBox label{color:white;}*/

.SelectedCheckBoxFileBox {
    position: fixed; 
    bottom: 0px; 
    right:0; 
    font-family:Arial;
    letter-spacing:1px; 
    overflow-x:auto;
    overflow-y:top;
    background-color: #227fbb;
    color:#fff;
    font-size:12px;   
    vertical-align:middle; 
    text-align:right;  
    padding: 15px 5px 5px 15px;  
    border-collapse: collapse; 
    display: none; 
    flex-flow: row wrap;
    z-index:999;
}

.SelectedCheckBoxFileBox label{
    color:white;
}

.selectedboxspan
{ border:1px solid white; padding:5px;
}
/*.selectedbox_button
{
     background-color:transparent; cursor:pointer; padding:3px 5px; color:#fff; font-size:inherit; font-family:Verdana;
     border:2px solid white; text-align:center;border-radius:4px; letter-spacing:1px;  
}
.selectedbox_button:hover
{color:black; background:white;border:2px solid #84ADFF;
 
}*/

.selectedbox_button {
    flex: 1;
    background-color:transparent; 
    cursor:pointer; 
    padding:3px 5px; 
    color:#fff; 
    font-size:inherit; 
    font-family:Verdana;
    border:2px solid white; 
    text-align:center;
    border-radius:4px; 
    letter-spacing:1px;
    margin: 0px 10px 10px 0px; 
}

.selectedbox_button:hover {
    color:black; 
    background:white;
    border:2px solid #84ADFF; 
}

.lblCheckedRed{display: none; color:White;float: left;}

#lblCheckedRed {
    flex: 1; 
    text-align: center;
    padding: 5px 0px 0px 10px; 
    margin: 0px 10px 10px 0px; 
}

.selectedbox_close
{
     background-color:transparent; cursor:pointer; padding:2px 2px; color:White;  width:9px; height:9px; 
     border:1px solid white; text-align:center; top:0; right:0;  position:absolute; margin-top:1px; margin-right:1px;
}
.selectedbox_close:hover
{
     color:red;  
     border:1px solid red; 
}
.selectedbox_close1
{
     background-color:transparent; cursor:pointer; padding:2px 2px; color:White; float:right;  width:15px; height:15px; 
     border:1px solid white; text-align:center; top:2px; right:2px;  position:relative; 
}
.selectedbox_close1:hover
{
     color:red;  
     border:1px solid red; 
}


.roundcorner{
 padding:5px;  background-color:white;
border-radius:6px; 
-webkit-border-radius:6px; 
-moz-border-radius:5px; 
-khtml-border-radius:10px;
}

.roundcorner0{
 padding:3px; 
border-radius:6px; 
-webkit-border-radius:6px; 
-moz-border-radius:5px; 
-khtml-border-radius:10px;
}

.roundcorner1{
 padding:5px; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:6px; -khtml-border-radius:10px;
}

.roundcorner3{
 padding:3px;  
border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:6px; 
-khtml-border-radius:10px;

}

.flash1{
 padding:5px;  
border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:6px; 
-khtml-border-radius:10px;
    background-color: khaki;
        text-decoration: none;
    color: #005531;
}
.flash2{
 padding:5px;  
border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:6px; 
-khtml-border-radius:10px;
    background-color: #edf8ee;
    text-decoration: none;
    color: #005531;
}

.ButtonMoney{
border-radius:7px; width:20px; 
-webkit-border-radius:7px; 
-moz-border-radius:6px; 
-khtml-border-radius:10px;
border:1px solid gray; background-color:lightyellow; color:Navy; padding:5px; text-decoration:none;
}


.TaskDoneStyle
{
   color:darkgreen; cursor:pointer;font-size:14px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
}
.TaskDoneStyle :hover 
{font-weight:bold;cursor:pointer;}

.TaskNotDoneStyle
{
        color:red; cursor:pointer; font-size:14px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;

}
.TaskNotDoneStyle :hover 
{font-weight:bold;cursor:pointer;}

.Alert_span{    color:Red;        }

.mymarquee{   /*padding-left:30px; padding-right:30px;*/font-weight:bold; }

                .Advertise
                {
                   display:none;     background: #f2f2f0; z-index:999;width:100%;
                   padding: 5px 5px 5px 255px; border-bottom: 1px solid #ccc;
/*position: fixed;*/
                }

.roundcorner2{
border-radius:6px; 
-webkit-border-radius:6px; 
-moz-border-radius:5px; 
-khtml-border-radius:10px;
}

.newmenu
{
     padding: 7px  2px 7x 2px;  
    vertical-align:middle; width:18px;  
}


 #Menu1 a {display:block; padding-left:15px;z-index:50;}
 
  #Menu1 td {vertical-align:middle; border:none; border-collapse:collapse;z-index:50;}
 


.menuitem_image
{
    width:20px; height:20px;
   background: white;  border:1px solid #84ADFF;
     padding: 4px; border-radius: 2.5em; -moz-border-radius: 2.5em; -webkit-border-radius: 2.5em;
}

.menuitem_image2
{
     font-size:10px;display: inline-block;line-height: 10px;margin-right: 5px;
   color:red; border:1px solid #C9C9C9;
    padding:5px;  
text-align:center; background: white;width:9px; height:9px; background: white;border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
  /**/
}

.favorite1:hover
{
color:white;  background-color:White;
}

.menuitem2
{
    padding-right:  12px ; 
   /*  color:#393939; text-shadow: 1px 1px white; */
     color:#edf8ee;
     
     cursor:pointer;  font-weight:normal;
    vertical-align:middle;  text-align:left;  line-height:36px;
     
   /*  background-color:#f1f1f1;*/
   /* background-color:#FAF8EB;*/
    background-color:#1a1a1a;
   
    z-index:900;border-top:1px solid transparent; border-bottom:1px solid #595959;transition: all .3s ease-in-out;
/* border-bottom:1px solid #F2F7FB;   box-shadow: -15px 0 15px -15px inset ;text-shadow: 1px 1px white;opacity: .8; filter: alpha(opacity=80);*/



    

    
/*-webkit-border-radius: 7px 0px 0px 0px;-moz-border-radius: 7px 0px 0px 0px;border-radius: 7px 0px 0px 0px;
  /* text-decoration:underline; opacity: 0.8; filter: alpha(opacity=80); */
     
}
/*
.menuitem2_hover
{
    color:white; background-color:transparent; border-radius: 0px 10px 0px 0px;
}
*/
.menuitem2_hover
{
   /*background-color:#fff; border-bottom:1px solid silver;border-top:1px solid silver;*/
    color: white;  z-index:999;
    background-color:#2d2d2d;
   
     /*padding:  3px 13px 3px 2px ; opacity: 1; filter: alpha(opacity=100);    color:white; 
     /* margin-left:2px;*/ 

    
}
/*
.menuitem_sel
{
    padding:  6px 3px 5px 0px ;  color:white; background-color:#6699FF;
    vertical-align:middle;  text-align:center; 
    border-left:1px solid white; border-top:1px solid #6699FF;
    border-right:1px solid #6699FF;border-bottom:1px solid #6699FF; border-radius: 0px 10px 0px 0px;
}
*/
.menuitem_sel
{
   
    /* background-color:#fff; border-top:1px solid silver; border-bottom:1px solid silver;border-color:#fff; */ 
     width:190.5; 
     color: #fff;  font-weight:bold;
      width:190.9;
  /*  box-shadow: none; border-right:1px solid gray;border-top:3px solid silver; background-color:white;
text-decoration:none;     background-color:#e6e6ee; 
         padding:  3px 15px 3px 0px ;padding-left:5px;
      margin-left:2px;opacity: 1; filter: alpha(opacity=100);
*/
}



.menuitem_dyn
{
    color:#edf8ee;/* #393939;  */
   padding:3px; line-height:17px;  font-family: GraphikLCG-Light; font-size:13px;
background-color:#1a1a1a;
/*  background-color:#FDFAF1;  text-shadow: 1px 1px white; */
  border:1px solid transparent;
   z-index:999;
   border-top:1px solid transparent; border-bottom:1px solid transparent;transition: all .3s ease-in-out;
 /* background: -webkit-linear-gradient(left, white , lightgray); /* For Safari 5.1 to 6.0 */
 /* background: -o-linear-gradient(right, white , lightgray); /* For Opera 11.1 to 12.0 */
 /* background: -moz-linear-gradient(right, white , lightgray); /* For Firefox 3.6 to 15 */
 /* background: linear-gradient(to right, white , lightgray); /* Standard syntax */
}
.menuitem_hover
{
  padding:3px;
  color: white; background-color:#2d2d2d;
 /*   background-color:#FAF8EB; */
   border-top:1px solid #595959; border-bottom:1px solid #595959; z-index:999;

/*  background: -webkit-linear-gradient(left, black , lightgray); /* For Safari 5.1 to 6.0 */
/*  background: -o-linear-gradient(right, black, lightgray); /* For Opera 11.1 to 12.0 */
/*  background: -moz-linear-gradient(right, black, lightgray); /* For Firefox 3.6 to 15 */
/*  background: linear-gradient(to right, black , lightgray); /* Standard syntax */
}

.sitememu{}

 .logoff
 {
     width: 18px;height: 18px; border: 1px solid #2C9DD5;  transition: all .5s ease-in-out;
     background: white; padding:3px; border-radius: 1.3em; -moz-border-radius: 1.3em; -webkit-border-radius: 1.3em;
 }
          .logoff:hover
        {
            transform: scale(1.3);
        }
        
 

 
  .logoff2
 {
     width: 20px;height: 20px; border: border: 1px solid #2C9DD5; transition: all .5s ease-in-out;
      background: white; padding:3px; border-radius: 1.3em; -moz-border-radius: 1.3em; -webkit-border-radius: 1.3em;
 }

 
          .logoff2:hover
        {
            transform: scale(1.3);
        }
        
 
   .logoff4
 {
     width: 28px;height: 28px;border: none; opacity: 0.75; filter: alpha(opacity=75);
 }
    .logoff5
 {
      width: 28px;height: 28px;border: none; opacity: 1; filter: alpha(opacity=100);
      
 }
 .logoff5:hover{
   animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;}
  
   .logoffcust1
 {
     width: 32px;height: 32px; border: 2px solid transparent; 
 }
 
  .logoffcust2
 {
     width: 36px;height: 36px;border: none; 
 }
 


tr.border_bottom td {
  border-bottom:2pt solid #f5f5f8;
}




.upperline
{
    background: -webkit-linear-gradient(lightgray, #edf8ee); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(lightgray, #edf8ee); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(lightgray, #edf8ee); /* For Firefox 3.6 to 15 */
    background: linear-gradient(lightgray, #edf8ee); /* Standard syntax (must be last) */
}
.downline
{
    background: -webkit-linear-gradient(lightgray, #edf8ee); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(lightgray, #edf8ee); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(lightgray, #edf8ee); /* For Firefox 3.6 to 15 */
    background: linear-gradient(lightgray, #edf8ee); /* Standard syntax (must be last) */
}

.circular {
	height: 65px; 
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;

	}

ul {
  list-style: none;
  padding: 0;
  margin: 0; 
  /*background: #1bc2a2;*/
}

/*ul li {
  display: block;
  position: relative;
  float: left;

}*/

/* This hides the dropdowns */


li ul { display: none; }

ul li a {
  display: block;
  padding: 1em;
  text-decoration: none;
  white-space: nowrap; max-height:34px;
  /*color: #fff;*/
}

/*ul li a:hover { background: #2c3e50; }*/

/* Display the dropdown */


/*li:hover > ul {
  display: block;
  position: absolute;
}

li:hover li { float: none; }*/

/*li:hover a { background: #1bc2a2; }*/

/*li:hover li a:hover { background: #2c3e50; }*/

.main-navigation li ul li { border-top: 0; }

/* Displays second level dropdowns to the right of the first level dropdown */


ul ul ul {
  left: 100%;
  top: 0;
}

/* Simple clearfix */



ul:before,
ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

ul:after { clear: both; }
	
 .div_menu
 {  font-size:12px; padding: 5px 5px;  border:none;   width:98%;
transition: 2s opacity;  opacity: 0; filter: alpha(opacity=0); vertical-align:middle;  
 }

 .MenuSelected
{
     font-weight:bold; font-size:13px;
     
}

.MenuLeft
{
     font-stretch: ultra-condensed;  
     font-size:10px;z-index:5000;color:#383636;
  /*   color:#5B6B76;   */
    
}

.MenuLeft td {padding:2px;z-index:5000;
}

.MenuLeft a
{
  color:gray; padding-right:2px;text-decoration:underline;color:#383636;
   font-stretch: ultra-condensed; z-index:50;text-transform: uppercase;
   font-size:12px; font-family:GraphikLCG-Regular;
}

.MenuLeft a:hover
{
   text-decoration:underline; color:#303030; z-index:50;color:red;
   
}

.TableMenuLeft
{
    border-collapse: collapse; 
   line-height:20px;

}

.MenuLeftsub
{
 -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
     border:1px solid white;  z-index:5000;
    font-size:12px;
    color:#383636;
    padding:3px;
    border:1px solid silver;
}


MenuLeftsub td
{
     z-index:1000; 
}

.MenuLeftsub a
{
  text-decoration:underline;color:gray;z-index:1000;
   font-family: GraphikLCG-Regular,Helvetica;text-transform: uppercase; font-size:12px;
   color:#383636;
}

.MenuLeftsub a:hover
{
    color:red; z-index:1000;
}
 


.borderbottom

{
border-left:none 0% #000000;
border-top:none 0% #000000;
border-right:none 0px #000000;
border-bottom:solid 1px silver;

}



.tabcontents
{ 
    padding-bottom:15px; /*font-family:Tahoma; font-size:small; */
}


.FilterTable
{
      font-family:Arial;  background-color: #f5f5f8;  padding: 3px 5px;
     text-align:left;border: thin solid silver; border-radius:2px;
    
}
.FilterTable td { padding-bottom:2px; padding-top:2px;font-family:Arial;font-size:12px; }
.FilterTable input, select { font-family:Arial; font-size:12px;}



.FilterTable1
{
      
    padding: 5px; text-align:left;border: 1px double silver;
-moz-border-radius:6px; border-radius:7px; 
-khtml-border-radius:10px;
 -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    
}
.FilterTable1 td { padding-bottom:0px; padding-top:0px;}

.tblFilter
{
    display: none; padding-bottom:10px; font-family:Arial; font-size:12px;
}

#tblFilter {
    padding-left: 6px;
    padding-right: 6px;
    width: 96%;
}

.TableInputData
{
      text-align: left; width: 100%; border: 1px solid silver;
     background-color: #f5f5f8; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;
     padding: 5px;
}


.form_select
{
	position:  absolute;
	z-index: 95;
	display: none;
	 font-family:Arial; font-size:12px;
	 padding:5px;  
     background-color:InfoBackground;

/*-moz-border-radius:6px; 
-khtml-border-radius:10px;
 -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    -webkit-border-radius:7px;background-color:#f5f5f8;border-radius:7px; 

*/
	
}

.EditTable
{
    border-radius:6px; 
-webkit-border-radius:6px; 
-moz-border-radius:5px; 
-khtml-border-radius:10px;border:1px solid tranparent; font-size:12px;

}
.EditTable td {
    padding: 4px;
}
.EditTable input,text,textarea {
    padding:4px; line-height:15px;
}

.UserControlTextBox
{
    width:98%; padding:4px; color:#303030; border: 1px solid lightgray;
    background: #fff;font-family:inherit;font-size:inherit;
}
.UserControlTextBox_int
{
    padding:4px; color:#303030; border: 1px solid lightgray;
    background: #fff;font-family:inherit;font-size:inherit;width:100%;
}


.Eventstylerecord{color:#303030; border-radius:6px; 
-webkit-border-radius:6px; 
-moz-border-radius:5px; 
-khtml-border-radius:10px;padding:4px 5px 4px 5px ; background-color:InfoBackground; border:thin solid lightgray;}

.box{ display: none;	position: fixed; max-height:500px;overflow-y:auto; padding-right:30px;
      overflow-x:auto;max-width:1000px; 
	z-index: 95;
        float:right;
        background-color: #FAF8EB;
        border: none;  border-left:none;
        

 -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    }
    .box-inner{
        width: auto;
        padding: 10px;
    }


.box_history{ display: none;z-index: 95;  font-size:12px;

   position: fixed;
   max-height:1000px;overflow-x:auto; padding:15px;
      overflow-y:top;max-width:1000px; 
	
        float:left;
        background-color: white;
        border: none;  border-left:none;
        

 -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75); 
    }
    
    .box_favorite{ display: none;z-index: 95;  font-size:13px;

   position: absolute; line-height:15px;
   max-height:1000px;overflow-x:auto; padding:12px;
      overflow-y:top;max-width:1000px; 
        background-color: white;
        border: 1px solid silver;
        

 -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75); 
    }


    
    .element_shake{

  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}


  

.blink {
    -webkit-animation: blink 2s step-end infinite;
            animation: blink 2s step-end infinite;
}
@-webkit-keyframes blink { 30% { visibility: hidden; }}
        @keyframes blink { 70% { visibility: hidden; }}
      
      
.red1
{
    color:Red; padding-right:3px; font-weight:bold;
}
.red2
{
    width:11px; padding-right:3px;
}
.red3
{
    padding-right:3px;
}

.filterspans
{
 float:left; margin-top:4px; padding: 5px;background-color:InfoBackground; 
 border:1px solid silver;  padding-right:10px; border-radius:2px;
}

.textfind
{
    text-align: left; padding: 5px;width:90px;  border-radius:3px; background:transparent; border:1px solid transparent;
}
.textfind_ddl
{
    text-align: left; padding: 5px;  max-width:120px; height:25px; border-radius:3px; background:transparent; border:1px solid transparent;
}

/*.findtext
{
    text-align: left; padding: 3px; width:100px; 
}*/

.imgFilter{ padding-right:7px; width:25px;  vertical-align:middle;cursor: pointer; }

.imgAdd{ padding-right:5px;  vertical-align:middle !important;cursor: pointer; }

.imgAdd1{ padding:0px 10px 0px 15px ;  vertical-align:middle;cursor: pointer; }

.imgAdd2{   vertical-align:middle;cursor: pointer; font-family:Verdana;
           width: 140px;
  height: 23px; width:80px;
  border-radius: 3px; 
  background-color: InfoBackground ;
  border: 1px solid #979797;  color: #393939;font-size: 12px;
  font-weight: bold;

 }
.imgAdd2:hover
{
     background:#ffffff;
}

        .div_static{position: fixed; bottom: 0; right:0; }
        
        .TR_Details
        {
            position: fixed;overflow-x:auto;height:100px; display:none; bottom:0;
            width:100%; background:#fff;
        }
        .TD_Details
        {
            padding-left: 30px;
        }
        
/*.accordion_div {
 display:none;
 padding:  7px 10px  7px 10px;

 width:98%;
  border:1px solid darkgray;
  font-size:12px;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;

}
.accordion_div1 {
 display:block;
 padding:  15px 10px  7px 10px;

 width:98%;
  border:1px solid darkgray;
  font-size:12px;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;

 background: #FBFBF3;
}

.accordion
{
    width :97%;list-style-type: none; border:4px solid #f5f5f8;   
}

.acc_a
{
    color:black;
    cursor:pointer;
    font: normal 12px Helvetica;
    text-decoration: none;
    position: relative;
    z-index: 0;
    padding:  7px 17px;
background-color:#f5f5f8 ;
width:170px;
text-align:left;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border:1px solid transparent;

}
.acc_a:hover
{
     border:1px solid darkgray;color:#744f00; background: #FBFBF3;
}
.acc_a_show
{
background-color:#FBFBF3;
   
    color: #744f00;
    cursor:pointer;
    font: normal 16px Helvetica;
    text-decoration: none;
    position: relative;
    z-index: 0;
    padding: 7px 7px;


width:170px;
text-align:center;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border:1px solid darkgray;
border-bottom:none;
}
.acc_a_show:hover
{
    border:1px solid black; border-bottom:none; background: #FBFBF3; color:#303030;
}*/

/*
.acc_a
{
    color:black;
    cursor:pointer;
    font: normal 12px Helvetica;
    text-decoration: none;
    position: relative;
    z-index: 0;
    padding: 7px 7px;
background-color:#f5f5f8 ;
width:170px;
text-align:left;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border:1px solid transparent;

}
.acc_a:hover
{
     border:1px solid darkgray;color:#744f00; background: #FBFBF3;
}
.acc_a_show
{
background-color:#FBFBF3;
   
    color: #744f00;
    cursor:pointer;
    font: normal 16px Helvetica;
    text-decoration: none;
    position: relative;
    z-index: 0;
    padding: 7px 7px;
 margin-left:40%;

width:170px;
text-align:center;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border:1px solid darkgray;
border-bottom:none;
}
.acc_a_show:hover
{
    border:1px solid black; border-bottom:none; background: #FBFBF3; color:#303030;
}
*/
.TextBoxDDL
{
    padding: 2px 5px 2px 3px; font-size:inherit; 
}
.TabDigit
{
    font-size:14px; font-weight:bold; padding:0px 3px;
}


.circle_draft {
    font-size: 12px;
    font-family: Arial;
    margin-top: -2px;
    background: black;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: white;
    display: inline-block;
    font-weight: normal;
    line-height: 1.5em;
    text-align: center;
    min-width: 1.6em;
    border: 1px solid darkgray;
    cursor: pointer;
    transition: 0.5s background-color,border;
    margin-right: 5px;
}

.circle_tab {
    font-size: 12px;
    font-family: Arial;
    margin-top: -2px;
    background: White;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: black;
    display: inline-block;
    font-weight: normal;
    line-height: 1.5em;
    text-align: center;
    /*min-width: 1.6em;*/
    border: 1px solid darkgray;
    cursor: pointer;
    transition: 0.5s background-color,border;
    padding: 0 3px;
    min-width: 20px;
}

.a_page_nav {
    /*width:40px ;*/
    vertical-align:middle;
    cursor:pointer;
    /*display:inline-block;*/
    border: 1px solid #a9a9a9;
    padding: 5px;
    border-radius: 3px;
    height: 20px;
  /*  min-width: 30px;*/
    color: #303030;
    text-decoration: none;
    text-align: center;
    font-family: GraphikLCG-Regular;
}

    .a_page_nav a { width:25px ; color: #303030; }

        .a_page_nav_dis{display:none;color:blue;
            width:25px; color:silver;
        }

.Rectangle {
  width: 30px;
  height: 25px;
  border-radius: 2px;
  background-image: linear-gradient(to bottom, #eeeeee, #d8d8d8);
   vertical-align:middle;
}

.div_maincontent
{
    overflow-y: auto;
}

#DivHeaderRow
{
    position:relative; vertical-align:top; top:0;  z-index:10;
}

.span_gvset{display:none;}

@font-face {
    font-family: 'GraphikLCG-Regular';
    src: url("../fonts/Graphik LCG/GraphikLCG-Regular.otf");
}
@font-face {
    font-family: 'GraphikLCG-Medium';
    src: url("../fonts/Graphik LCG/GraphikLCG-Medium.otf");
}
@font-face {
    font-family: 'GraphikLCG-Light';
    src: url("../fonts/Graphik LCG/GraphikLCG-Light.otf");
}

        .a_menu_new{
            padding:5px 10px; color:gray; padding-right:2px;text-decoration:underline;color:#383636;
   font-stretch: ultra-condensed; z-index:50;text-transform: uppercase;
   font-family: GraphikLCG-Light, Arial, Helvetica, sans-serif; font-size:12px; 
        }
        .a_menu_new :hover{color:red;}

        .statusbox{
            font-size:10px;
            padding:5px;
            width:90%;
            height:100%; text-align:center;
            vertical-align:middle;
         /*   white-space:pre-wrap;
            word-break: break-word;*/
           
        }

        .headertableGV{
            cursor:pointer; 
            border-collapse:collapse;
            border-top:2px solid silver;
            border-bottom:2px solid silver;
        }

        .timemask{width:45px;text-align:center;padding:3px;font-size:12px;}

tr.border_bottom td {
  border-bottom:1pt solid silver;
}

.baz_ed{text-align:right;}


/* Стиль десктопа */

    .flex_img {
        object-fit: contain;
        float: right;
        cursor:pointer;
    }
    .flex_img_ip {
        object-fit: contain;
        float: right;
        cursor:pointer;
        width:16px;
        display:none;
    }
    .form-row {
        display: flex;
        justify-content: flex-end;
        padding: .2em;
        flex-flow: row wrap;
    }

    .Container {
        display: flex;
        justify-content: flex-end;
        align-self: flex-start;
        flex-flow: column wrap;
        background-color: whitesmoke;
        list-style-type: none;
        padding: 5px;
        border-radius: 5px;
        border: 1px solid #a9a9a9;
    }
    .WideBlock {
        flex: 1;
        display: flex;
        flex-flow: column wrap;
    }
    .TwoBlocks {
        flex: 1;
        display: flex;    
        flex-flow: row wrap;
    }
    .NarrowBlock {
        flex: 1;
        display: flex;
        align-self: flex-start;
        flex-flow: column wrap;
    }
    .Element {
        flex: 1;
        display: flex;
        align-items: center;
        margin: .2em;
    }
    .EmptyPanel{
        flex: 1;
        display: flex;
        align-self: flex-start;
        flex-flow: column wrap;
    }
    .WideLabel {
        flex: 1;    
        min-height: 30px;
        padding: .3em;
        max-width: 180px;
        align-self: flex-start;
    }
    .Label {
        flex: 1;    
        min-height: 30px;
        padding: .3em;
        max-width: 125px;
        align-self: flex-start;
    }
    .SneakyLabel {
        flex: 1;    
        height: 30px;
        padding: .3em;
        max-width: 125px;
        align-self: flex-start;
    } 
    .Input {
        flex: 1;
        border: 1px solid #a9a9a9;
        padding: .3em;
        border-radius: 3px;
        min-height: 30px;
        color: #303030;
        font-family:GraphikLCG-Regular;
    }
    .TextArea {
        flex: 1;
        border: 1px solid #a9a9a9;
        padding: .3em;
        border-radius: 3px;
        min-height: 3.6em;
        color: #303030;   
        font-family:GraphikLCG-Regular; 
    }
    .TextAreaPrompt {
        flex: 1;
        border: 1px solid #a9a9a9;
        padding: .3em;
        border-radius: 3px;
        min-height: 5.6em;
        color: #303030;   
        font-family:GraphikLCG-Regular; 
    }
    .FixTextArea {
        flex: 1;
        border: 1px solid #a9a9a9;
        padding: .3em;
        border-radius: 3px;
        min-height: 65px;
        max-height: 65px;
        color: #303030;   
        font-family:GraphikLCG-Regular; 
    }
    .ImageButton {
            cursor:pointer;
            padding-left: 5px;
            order:2;
        }
    .ImageButton2 {
        cursor:pointer;
        padding-left: 5px;
        height:30px;
        order:2;
    }

.editintable{border:1px solid silver; background:transparent; width:100%;}

.editintable[type=date] {
	width: auto;
}
.inventory {
    width: 100%;
}

.TextArea.editintable {
    min-height: 30px !important;
}

.TableEditable td {
	padding: 0 !important;
}

::-webkit-input-placeholder {color:#C1C1C1; opacity:1;}
::-moz-placeholder          {color:#C1C1C1; opacity:1;}
:-moz-placeholder           {color:#C1C1C1; opacity:1;}
:-ms-input-placeholder      {color:#C1C1C1; opacity:1;}

:focus::-webkit-input-placeholder {opacity:0;}
:focus::-moz-placeholder          {opacity:0;}
:focus:-moz-placeholder           {opacity:0;}
:focus:-ms-input-placeholder      {opacity:0;}

/*Стиль мобилки*/

@media (max-width: 720px) {

    .Advertise {
        padding-left: 5px;
    }

    .header3 {
        line-height: 30px;
    }

    .TwoBlocks {        
        flex-flow: column wrap;
    }

	.Element {
		align-items: flex-end;
        max-height: unset !important;
	}

	.Label, .SneakyLabel, .WideLabel {
		flex: none;
		position: absolute;
		font-size: 16px;
		font-weight: bold;
		max-width: none;
		padding: 0em 0em .3em .1em;
        color: #464646;
	}
				
	.Container .Input {
		margin-top: 30px;
		padding: 4px;
        max-height: 30px;
	}

	.Container .TextArea {
		margin-top: 30px;
	}			

    .NarrowBlock {
        align-self: auto;
    }

    .Element input[type=radio],
    .Element input[type=checkbox] {
        margin: 30px 10px 5px 5px;
        transform: scale(1.5);
    }

    #chkPassed, #chkIsPeriodical {
        margin: 0 5px 0 4px;
    }

    #span_pertask {
        white-space: nowrap;
    }

    input[type=radio] ~ label {
        margin: 0 10px -5px 5px;
    }

    .onoff input[type=checkbox] {
        display: none;
    }

    .EmptySpace {
        display: none;
    }
    #elemToClose {
        order: 2;
    }
    SelectedCheckBoxFileBox {
        flex-direction: column;
    }

    #div_fromPanel {
        margin-bottom: 100px;
    }

}

.FilterBlock {
    /*flex: 1;*/
    display: flex;
    justify-content: flex-end;
    flex-flow: row wrap;
    font-family:Arial;  
     text-align:left;font-size:12px;
     background-color: #f5f5f8;border: thin solid silver; border-radius:2px;  padding:3px;
}
.filter_element {
    flex: 1;
    display: flex;
    align-items: left;
    font-size:12px;
    font-family:Arial;
    vertical-align:middle;
}

.filter_element label {
    padding: .3em;
    flex: 1;
    /*max-width: 70px;*/
}
.filter_element a {
    padding: .3em;
    flex: 1;
    /*max-width: 70px;*/
}

.filter_element textarea   {
    border: 1px solid #a9a9a9;
    margin: .3em;
    padding: .25em;
    padding-left: 3px;
    border-radius: 1px;
    height: 20px;
    color: #303030;
    flex: 1;
    font-size:12px;
    font-family:Arial;
}
.filter_element input   {
    border: 1px solid #a9a9a9;
    margin: .3em;
    padding: .25em;
    padding-left: 3px;
    border-radius: 1px;
    /*height: 20px;*/
    color: #303030;
    flex: 1;
    font-size:12px;
    font-family:Arial;
}
.filter_element  select  {
    border: 1px solid #a9a9a9;
    margin: .3em;
    padding: .25em;
    padding-left: 3px;
    border-radius: 1px;
    height: 20px;
    color: #303030;
    flex: 1;
    font-size:12px;
    font-family:Arial;
}

.leftmenu {
  list-style-type: none; display:inline-block;
  padding: 0;
  overflow: hidden;  vertical-align:middle;
/*  padding:10px 7px; opacity:0;*/
  font-size:11px; 
  margin: 0; opacity:0; 
  padding-left:7px;
color:gray; text-decoration:underline;color:#383636; 
   font-stretch: ultra-condensed; z-index:50;text-transform: uppercase;
   font-family: GraphikLCG-Regular, Arial, Helvetica, sans-serif; font-size:12px;
}

.leftmenu li {
  float: left;
}

.leftmenu li a, .dropbtn, .dropbtn2  {
    color:gray; color:#383636;
   font-stretch: ultra-condensed; z-index:50;text-transform: uppercase;
   font-family: Arial, Helvetica, sans-serif; 

     display: block;
  /*display: inline-block;*/
  /*color: white;*/
  text-align: left;
  padding: 3px 4px;
  text-decoration: none;
}
.leftmenu .dropbtn2 {
    color:gray; text-decoration:underline;color:#383636; 
   font-stretch: ultra-condensed; z-index:50;text-transform: uppercase;
   font-family:  Arial, Helvetica, sans-serif; font-size:12px;

     display: block;
  /*display: inline-block;*/
  /*color: white;*/
  text-align: left;
   padding: 3px 4px;
  text-decoration: none;
}

.leftmenu li a:hover, .dropdown:hover .dropbtn .dropbtn2 {
    text-decoration:underline;
  /*background-color: khaki;*/
}

li.dropdown {
  display: block;
}

.dropdown-content {
  display: none; padding:10px 5px;
  position: absolute;
  background-color: lightgrey; /*#f9f9f9;*/
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999;
}

.dropdown-content2 {
  /*padding-left:15px;
  position: absolute;
  background-color: lightgrey; /*#f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;*/
  display: flex;
  flex-flow: row nowrap;
  flex: 1;
  font-weight: normal;
}

.dropdown-content a {
    color:gray; padding-right:2px;text-decoration:underline;color:#383636;
   font-stretch: ultra-condensed; z-index:50;text-transform: uppercase;
   font-family:  Arial, Helvetica, sans-serif; font-size:12px;
  padding: 12px 16px;
  /*text-decoration: none;*/
  display: block;
  text-align: left;
}

.dropdown-content2 a {
    color:gray; padding-right:2px;text-decoration:underline;color:#383636;
   font-stretch: ultra-condensed; z-index:50;text-transform: uppercase;
   font-family:Arial, Helvetica, sans-serif; font-size:12px;
  padding: 12px 16px;
  /*text-decoration: none;*/
  display: block;
  text-align: center;
  flex: 1;
}

.dropdown-content2 a:nth-child(2) {
  margin: 0 5px;
}

.a_InteractiveListTitle {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 5px;
}

.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown-content2 a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}

.div_CurrentExecutors{
    color:darkgreen;font-size:10px;padding-left:10px;line-height:20px;
     white-space:pre-wrap;
}

.a_ft{padding-left:10px;display:none;color:gray;}
.a_ft a :hover {color:red;}
/*.dropdown-content:hover .dropdown-content2 {
  display: block;
}*/


.CheckBoxYes{background:#CCFFCC; border:1px solid silver; font-weight:bold; padding:4px; border-radius:3px;}
.CheckBoxNo{background:white; border:1px solid silver;font-weight:normal; padding:4px;border-radius:3px;}

    .div_span>label{padding-left:5px;}
.div_span {
    font-size: 13px;
    line-height: 25px;
    font-family: Arial;
    padding: 3px;
    background: #f9f9e4;
    width: 100%;
    cursor: pointer;
    vertical-align: middle;
    font-weight: normal;
    color: #303030;
}

               .div_span:hover {
                   background: khaki;
               }


           .div_span_selected {
               font-size: 13px;
               line-height: 25px;
               font-family: Arial;
               padding: 3px;
               width: 100%;
               cursor: pointer;
               vertical-align: middle;
               font-weight: normal;
               background: lightgray;
           }
           /*.div_span_selected label{color: lightgray !important;}*/

           #Frame1 {
width: 100%;
 height:calc(100vh - 90px);
}

           /*------------------ rapTable -----------------------*/


           /*@media (max-width: 719px) {
        .rapTable{
	overflow:visible;
	
	overflow-x: visible;
	overflow-y: visible;
   
}

.rapTable table tr td{
	
	overflow:visible;
}*/

@media (min-width: 720px) {
    
     .rapTable{
	overflow:auto;
	/*border: solid 1px #aaa;*/
	/*max-height:calc(100vh - 180px);*/
	overflow-x: auto !important;
	overflow-y: auto;
    width:100%;
    /*table-layout:fixed;*/
}

     .rapTable table tr td{
	/*border-right: 1px solid black;*/
	position:relative;
	/*padding: 0px 4px;*/
	overflow:hidden;
	user-select: text;
	cursor: default;
}

}

.rapTable th {
    white-space: normal !important;
}


.rapTable table{
	/*background-color:#fff;*/
	border-spacing:0px;
	width:100%;

	/*table-layout:fixed;*/

}

.filter_row{
    margin-top:3px;width:100%;
}

    .rapTable table thead thead {    }
.rapTable  table thead tr th{
                            height:30px;border-top:3px solid transparent;
	/*background-image:linear-gradient(#282,#020);
	color:#fff;
	padding:4px;*/
    vertical-align:text-top;
	cursor:pointer;
	text-align:center;
	position:sticky;
    top:0px;
	z-index:10;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
}
    .rapTable table thead tr th div {
        /*display:inline-table;*/
        
        /*width:16px;
	margin-left:8px;*/
        float: right;
    }
.rapTable table thead tr th label{
white-space:nowrap;
}
.rapTable table tbody{
	/*font-family:arial;*/
	border-collapse: collapse;
	white-space:nowrap;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
}
.rapTable table tbody tr{
	cursor:pointer;
}
/*.rapTable table tbody tr:hover{
	background-color:#dfd;

.rapTable table tbody tr img{
	/*margin:0px 2px;
}*/

.rapTable .grip{
	top:0px;
	right:-3px;
	bottom:0px;
	width:6px;
	position:absolute;
	cursor:w-resize;
}
/*.rapTable .darr,
.rapTable .uarr{
	background-image:linear-gradient(#4b4,#262);
}*/
/*.rapTable .darr span:before{
	content:" ▼";
}
.rapTable .uarr span:before{
	content:" ▲";
}*/

.DetailWindow {
    z-index: 999;
    /*top: 55px !important;*/
    width: 100% !important;
    height: calc(100vh - 30px);
    text-align: left !important;
    /*right: 3px !important;*/
    /*left:250px !important;*/
    border: 2px solid silver;
    border-radius: 0px;
    padding: 0px;
    background: url("../../Images/waiting8.gif") center no-repeat;
    background-position: 40% 47%;
    background-color: #fff;
}

.ModalWindow {
    top:0 !important;
    position:fixed;
    border-radius:3px;
    left:0 !important;
    width: calc(100%) !important;
    max-height:calc(100vh - 10px) !important;
    overflow-y:auto !important;


}

/*-------*/
.circle_tab_off{
    background:#E65757;color:white;
}
.circle_tab_on{
    background:#74d96a;color:white;
}
.circle_tab_part{
    background:#ffb45f;color:green;
}

/*-------------------------------------*/
.onoff {
  margin-left: -27px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  cursor: pointer;
  width: 55px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.onoff label {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: #FFCCCC /*#cd3c3c*/;
  border-radius: 5px;
  font-weight: bold;
  color: #FFF;
  -webkit-transition: background 0.3s, text-indent 0.3s;
  -moz-transition: background 0.3s, text-indent 0.3s;
  -o-transition: background 0.3s, text-indent 0.3s;
  transition: background 0.3s, text-indent 0.3s;
  text-indent: 27px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;
}
.onoff label:after {
  content: 'НЕТ';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  font-size: 12px;
  color: #591717;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.35);
  z-index: 1;
}
.onoff label:before {
  content: '';
  width: 15px;
  height: 24px;
  border-radius: 3px;
  background: #FFF;
  position: absolute;
  z-index: 2;
  top: 3px;
  left: 3px;
  display: block;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}
.onoff input:checked + label {
  background: #CCFFCC /*#378b2c*/;
  text-indent: 8px;
}
.onoff input:checked + label:after {
  content: 'ДА';
  color: #091707;
}
.onoff input:checked + label:before {
  left: 37px;
}

#txtSearch:focus {
 width: 350px !important;
}
.arrow_next {
    padding-left: 20px;
    width: 20px;
    height: 20px;
    background: url("../../Images/ArrowR4.gif") center center no-repeat;
}

.menushow {
    width: 0px !important;
    left: 0 !important;
    display:none !important;
}

.span_chk{padding:7px;border-radius:3px;margin-left:5px;}

        .imgArchive{
            border:3px solid darkgray;position:absolute;
            width:15%; float:right;
            border-radius:2px;margin-top:45px; margin-left:100px;
        }

/*Стиль Никиты для закрепления верхней панели и левого меню*/

.top-menu {
    position: fixed !important;
    display: none !important;
}
.top-menu2 {
    display: flex !important; 
}

#div_main {
	position: fixed;
	height: -webkit-fill-available;
}

        .gallery {

width: 350px;
    height: 180px;
   
    white-space:nowrap;overflow: auto;
}

.gallery .slide {
    display: inline-block;
}

        .gallery_item {display: inline-block;padding:3px;   }
        .gallery_img {max-height:150px;cursor:pointer; border-radius:7px; }

        .notworkstate{color:white;background:red;padding:4px; border-radius:3px;}
        .SetNotWorkPanel{max-width:100px;margin-left:3px; text-align:center; vertical-align:middle; font-size:13px;}
        .approve_deny{padding:7px;border-radius:50%;border: 1px solid red;}



.a_InteractiveListButton {
	display: flex !important;
	align-items: center;
	justify-content: center;
	color: #000;
	font-size: 12px;
	font-family: GraphikLCG-Light;
	text-decoration: none !important;
	padding: 7px 10px;
	border: 1px solid gray;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;	
	background-color: #c3c3c7;	
	background: -webkit-linear-gradient(white, lightgray);
	background: -o-linear-gradient(white,lightgray);
	background: -moz-linear-gradient(white, lightgray);
	background: linear-gradient(white, lightgray);
	
}

.a_InteractiveListButton:hover {
	background: -webkit-linear-gradient(lightgray, white);
	background: -o-linear-gradient(lightgray, white);
	background: -moz-linear-gradient(lightgray, white);
	background: linear-gradient(lightgray, white);
}
        .find_strict {
            margin-left:-20px;vertical-align:middle;
        }
            .find_strict[type=checkbox] {
               max-width: 16px; max-height:16px; 
            }
        /*ColumnFilter{min-width:20px;}*/

.ColumnFilter[type=text] {
	width: 100%;
    /*min-width:40px;*/
}

.ColumnFilter[type=date] {
	width: 100px !important;
	font: 12px GraphikLCG-Regular, Helvetica;
}

.ColumnFilter[type=datetime-local] {
	width: 140px !important;
	font: 12px GraphikLCG-Regular, Helvetica;
}

            .TableInteractOption {
                /*font-size: 16px;*/
                float:right;
                text-align: right;
                /*margin-top: 12px;*/
                display: inline;
                margin-left: 10px;
                padding:3px;
            }

            /*#TableInteractOptions {
                padding-top: 0 !important;
            }*/

.CommImg{width:16px;margin-right:3px;}


           .pause{background:#ffffcc; width:70px; margin-left:5px; cursor: pointer; border-radius: 5px;}
              .paused{background:yellow; border:1px solid orange; font-weight:bold; width:80px; margin-left:5px; cursor: pointer; 
                      border-radius: 5px;}
              .unread_comm1{color:red;}
              .unread_comm2{
                  padding:3px;background:yellow;border-radius: 5px;border:1px solid silver;
              }
              .img_reply_comm{margin-right:10px; width: 15px !important; 
                               padding-left:5px; width: 16px; cursor: pointer;}
               .img_delete_comm{margin-right:10px; padding-left:5px; cursor: pointer;}
              .read_comm1{color:darkgreen;}
           .file_appr_versions{
    font-family:GraphikLCG-Regular;
    padding:7px;
    cursor:pointer;
}

           .pp_appr{text-align:center;max-width:60px;}

           .reftree{
               cursor:pointer;width:30px;height:30px;background:white;border-radius:50%;padding:2px;
               text-align:center;
               /*border-radius:50%;padding:2px;border:1px solid silver;*/
           }
            .reftree :hover {
                padding:0px;width:32px;height:32px;
            }
           .reftree_img {margin-top:3px; width:20px;height:20px;padding:1px;}
           .reftree_img:hover {
                width:21px;height:21px;
            }


           .highlight_text{background:yellow; padding:2px;}

           .kassa_balance{padding:3px;font-size:12px;background:grey;color:white;margin-left:10px;
                          border:1px solid white;border-radius:5px;}

           .col_set_default { padding-left:5px;width:18px !important;display:none;  }

           .org_row{padding-left:20px;}
           .order_row{padding-left:35px;}
            .product_row {padding-left: 50px; font-style:italic;}
           .store_row{font-weight:bold;}

           .ClearButton{margin-left:5px; cursor:pointer; align-self:flex-end;}

           .Title1{background:gray; color:#fff}

           .span_vrio{float:right;margin-right:5px; border:2px solid orange; padding:8px;border-radius:8px; }

        .circle_vrio {
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        border-radius: 50%;
        font-size: 12px;
        color: #ffffff;
        line-height: 20px;
        text-align: center;
        margin-left: 4px;
        font-weight: bold;
        cursor:pointer;
        font-size:10px;
      }

#div_addfilesfrombuffer {
    vertical-align: middle; text-align:center;
    cursor: pointer;
    font-size: 12px;
    border: 2px dashed gray;
    width: 97%;
    font-family: sans-serif;
    margin:20px auto;
    padding: 20px;
    border-radius: 5px;
}
#div_addfilesfrombuffer.highlight {
    border-color: purple;
    background: navy; color:#fff;
}


#div_SortColumn {
    display: none;
    top: 60px;
   
    position: absolute;
    z-index: 999 !important;
}
.vertical-menu {
    text-align: left;
    width: 450px;
    border-left: 2px solid silver;
    border-right: 2px solid silver;
    border-bottom: 2px solid silver;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.sort_lbl{font-size:small;margin-left:10px;}
.sort_button {
    margin-left: 10px;
    width: 190px !important;
}

.vertical-menu div {
    background-color: #faefb5 !important;
    color: black !important;
    display: block !important;
    padding: 7px !important;

    text-decoration: none !important;
    float: none !important;
    vertical-align: middle !important;
}