@charset "UTF-8";
/* CSS Document */


/* HTML Reset */

h1, h2, h3, h4, h5, h6 { font-size: 100%;	font-weight: normal; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section  {
	display: block;
}

ul, ol { list-style: none; }

a img, :link img, :visited img { border: 0; }

:link, :visited { text-decoration: none; }

html { /*height: 100%;*/ width:98.75vw; padding: 0; margin: 0; /*border: 1px solid red;*/}


/* ======= Main Properties ======= */

/*body { 
font-family: 'Franklin Gothic Book', Helvetica, sans-serif;
font-size: 14px;
color:#000000; 
min-width:1366px; 
 width:1200px; 
overflow-x:hidden;
background-color: #ffffff;
text-align: center;

}*/

@font-face {
    font-family: 'Cabin';
    src: url('../Fonts/cabin-regular-webfont.eot');
    src: url('../Fonts/cabin-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/cabin-regular-webfont.woff2') format('woff2'),
         url('../Fonts/cabin-regular-webfont.woff') format('woff'),
         url('../Fonts/cabin-regular-webfont.ttf') format('truetype'),
         url('../Fonts/cabin-regular-webfont.svg#cheveuxdangemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { 
font-family: 'Segoe UI', Helvetica, sans-serif;
font-size: 14px;
color:#000000; 
width:100%; 
min-width: 960px;
margin: 0;
padding: 0;
/*border: 1px solid blue;*/

overflow-x:auto;
background-color: #ffffff;
text-align: center;
/*height: 100vh;*/

}

#grid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  /*height: 130vh;*/
  /*height: 100%;*/
  width:100%;
  margin: 0;
   /*border: 1px solid red;*/ 
 
/*   -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; */
}

#loginGrid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    width: 100%;
    height: 100%;
    /*background-color: #f5f5f5;*/
    /*border: 1px solid red;*/
    margin: 0 auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-image: url('../Images/pattern.jpg');
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#header {
    width: 100%; 

}

#content {
    width: 98.55vw;
	/*height: 130vh;*/
    height: 100%;
	margin-bottom: -42px;
	
	/* padding-bottom: 30px; */
	/* position: relative; */
	 /*border: 2px solid green;*/ 
	
}

#content:after {
    content: "";
    display: block;
   
}


#footer, #content:after {
    height: 42px;
}

#footer, .push {
	clear: both;
}


#footer {
    /*width: 100%;*/
	
	position: relative;
	left: 0;
	height: 42px;

}

#login {
    width: 100%;
    position: relative;
    background-image: url("../Images/rd.png");
    -webkit-background-size: 90% 100%;
    -moz-background-size: 90% 100%;
    -o-background-size: 90% 100%;
    background-size: 90% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    /* border: 1px solid red; */
}

header, footer { width: 100%;}


.main-header {
    width: 99%; margin: 0 auto;
}

.main-content {
    width: 100%;
    height: 100%;

    /*height: 130vh;*/

}

.main-content-top {
    width: 100%;
}

.main-content-right{
    width: 84.85%;
    
    /*border: 1px solid red;*/

    /*height: 130vh;*/
    height: 100%;
    border: none;
    
}

.main-content-right-top {
    width: 100%;
    text-align: right;
    float: right;
}

.main-content-right-top .content-grid {
    width: 95%;
    text-align: right;
}

.main-content-left{
   /*position: relative;*/
     width: 14.85%;
     height: 150vh;
     margin: 0;
     /*height:100%;*/
    background: #0081c2;
    /*border: 1px solid red;*/
    float: left;
    border: none;

}

.main-content-row {
	text-align: left;
	width: 100%;
}

.main-content-row-right {
	text-align: right;
	width: 100%;
}

.content-grid { width: 95%; /*height: 100%;*/ margin: 0 auto; text-align: center; /*border: 1px solid red;*/ position: relative; }
.content-grid h1 { font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; font-size: 32px; color: #0081c2; font-variant: small-caps; }
.content-grid h2 { font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; font-size: 26px; color: #0081c2; font-variant: small-caps; }

.button-grid { width: 100%; text-align: right; }

.ac-button-grid { width: 100%; text-align: left; }

.big-button-grid { width: 70%; text-align: center; margin: 0 auto; vertical-align: middle; /*border: 1px solid red;*/ position: absolute; top: 20%; left: 15%;}
.divBtn {
    width: 200px; height: 150px;
    background: #0081c2;
    margin: auto 0;
    border: none;

    -o-transition: .3s ease;
    -ms-transition: .3s ease;
    -moz-transition: .3s ease;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.divBtn:hover { background: #ff9f35;}
.divBtn p:hover { color:#333; }

.divBtn p { font-family: 'Segoe UI', Helvetica, sans-serif; 
            font-weight: normal; font-size: 22px; color: #fff; 
            font-variant: small-caps; vertical-align: middle; text-align: left; padding: 5px; }

.bottom-align-menu {
  float: left;
}

.main-footer { width: 100%; background: #ddd; }

.main-footer h1 { color: #0081c2; padding: 5px; text-align: left; font-variant: small-caps; }

.hd1{
    display: inline-block; margin: 1px 0; vertical-align: middle;  /*border: 1px solid red;*/ 
}

.ft1 {
    display: inline-block; margin: 1px 0; vertical-align: middle;  /*border: 1px solid red;*/ 
}

.hd-logo {
    width: 17%; 
}

ft-logo {
    width: 14%;
}
.hd-header {
    width: 40%; text-align: left;
}

.hd-middle {
    width: 21%; text-align: center;
}


.ft-footer {
    width: 64%; text-align: left;
}


.hd-right {
    width: 20%; text-align: right; 
}

.hd-right a:hover {
        opacity: 0.7;
}

.panelBanner {
    width: 100%;
    text-align: center;
}

.ft-right {
    width: 20%; text-align: right;
}

.hd-right p, .main-content-right-top .content-grid { 
	font-family: 'Segoe UI', Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 12px;
	/* font-variant: small-caps; */
	color: #777; 
	
}

a.logout { 
	font-family: 'Segoe UI', Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 14px;
	/* font-variant: small-caps; */
	color: #f5f5f5; 
	display: inline-block; 
	padding: 3px 10px; 
	background: #be1e2d;
}

a.logout:hover { 
	background: #ddd;
	color: #666;
	-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
	}

a.logout2 { 
	font-family: 'Segoe UI', Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 14px;
	 font-variant: small-caps; 
	color: #be1e2d; 
	display: inline-block; 
	padding: 1px; 
	/*background: #be1e2d;*/
}

a.logout2:hover { 
	/*background: #ddd;
	color: #666;*/
    text-decoration: underline;
	-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
	}

.lg1 {
	width: 85%; display: block; margin: 10px auto; vertical-align: middle; /*border: 1px solid red;*/ 
}

.pdf-icon { padding: 0; margin: 5px 0; }
.pdf-icon span { padding: 16px 0 16px 30px; 
	background-image: url('../Img/pdf.png'); 
	background-repeat: no-repeat; 
	background-size: 24px 24px;
	background-position: left center;
	}



.btnLogin {
    /* background: url('../img/search-icon-md.png') no-repeat;
    background-size: 24px 24px; */
	font-family: 'Segoe UI', Helvetica, sans-serif; 
	font-weight: normal; 
	color: #f5f5f5;
    background: #41ad49;
    cursor: pointer;
	width: 64px;
    height: 32px;
	
    border: none;
}

.btnLogin:hover {
	border: none;
	color: #f5f5f5;
    background: #ff9f35;
}



.hd-header h1 {
	font-family: 'Segoe UI', Helvetica, sans-serif; 
	font-weight: normal; 
	font-size: 26px; 
	font-variant: small-caps; 
	color: #0081c2; 
	line-height: 22px; 
	padding-left: 10px;
}

.hd-header h2 {
	font-family: 'Segoe UI', Helvetica, sans-serif; 
	font-weight: 200; 
	font-size: 22px; 
	font-variant: small-caps; 
	color: #ff9f35; 
	line-height: 22px; 
	padding-left: 10px;
}

.main-login-shadow {
/* hex #c3c3c3 rgb 195,195,195 cmyk 0,0,0,30  */
position: absolute;
top: 30%;
left: 37%;
width: 26%;
height: 60%;
margin: 0 auto;
padding: 10px;
text-align: left;
background: rgba(195,195,195,0.15);

display: table;

}

.main-login {
    /*width: 100%;*/	
    /*border: 1px solid red;*/ 
    background: #fff;
    display: table-cell;
    vertical-align: top;
}

.main-login h1{
	font-family: 'Cabin', Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 14px; 
	/*font-variant: small-caps;*/ 
	color: #ff9f35; 
	line-height: 22px;
    letter-spacing: 1px;
}

.main-login h2 {
	font-family: 'Cabin', Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 22px; 
	font-variant: small-caps; 
	color: #ff9f35; 
	line-height: 22px;
}

.login-form {
	/*border: 1px solid blue;*/
    text-align: center;
}

.login-form-form {
    width: 100%;
    /*border: 1px solid blue;*/
}

/*.login-form p {

}*/

.login-form .sp {
	color: #be1e2d;
}

.login-form #username, .login-form #password  {     

	width: 100%;
    height: 36px;
	margin: 0;
	padding: 5px 3px;
    color: #4d4d4d;
	/* font-style: italic; */

/*   -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; */
  border: 1px solid #0081c2;
}

.btnLogon {
    /* background: url('../img/search-icon-md.png') no-repeat;
    background-size: 24px 24px; */
	font-family: 'Cabin', Helvetica, sans-serif; 
	font-weight: bold; 
    font-size: 14px;
    letter-spacing: 1px;
	color: #f5f5f5;
    background: #ff9f35;
    cursor: pointer;
	width: 100%;
    height: 36px;
    margin-right: 20px;
	-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    border: none;
    display: inline-block;
}

.btnLogon:hover {
	border: none;
	color: #f5f5f5;
    background: #0081c2;
}

.btnLogon:last-of-type { margin-right: 0; }

.btnLogon2 {
    /* background: url('../img/search-icon-md.png') no-repeat;
    background-size: 24px 24px; */
	font-family: 'Cabin', Helvetica, sans-serif; 
	font-weight: bold; 
    font-size: 14px;
    letter-spacing: 1px;
	color: #f5f5f5;
    background: #ff9f35;
    cursor: pointer;
	width: 45.55%;
    height: 36px;
    /*margin-right: 20px;*/
	-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    border: none;
    display: inline-block;
}

.btnLogon2:hover {
	border: none;
	color: #f5f5f5;
    background: #0081c2;
}

/*.btnLogon2:last-of-type { margin-right: 0; }*/



.hd-menu ul { margin: 0 auto; list-style:none; text-align:center; vertical-align: bottom;  }
.hd-menu ul li { display:inline-block; margin: 0; vertical-align: middle;  }
.hd-menu ul li a { display:block; padding:2px 2px; text-decoration:none; color:#777; font-size: 16px; font-variant: small-caps; vertical-align: middle; }
.hd-menu h1 { font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; font-size: 14px; font-variant: small-caps; color: #0081c2; }
.hd-menu ul li a:hover { opacity: 0.7; }

.divider {
    width:100%; 
    height: 3px;
    /* margin-top: 10px; */
	margin: 0 auto;
    background: -webkit-linear-gradient(left, #ff9f35 70%, #0081c2 30%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #ff9f35 70%, #0081c2 30%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #ff9f35 70%, #0081c2 30%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left, #ff9f35 70%, #0081c2 30%); /* Standard syntax */

}

.blue-divider { height: 2px; margin: 10px auto; background-color: #0081c2; }

.kpi_divider { width: 70%; height: 3px; margin: 10px auto; background-color: #0081c2; }
.nav_divider { width: 100%; height: 1px; margin: 10px auto; background-color: #fff; }
.news_divider { width: 96%; height: 3px; margin: 0 auto; background-color: #ff9f35; }
.vdivider { width: 3px; height: 110px; background-color: #f5f5f5; }

.hr-divider { border: 0; height: 0; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0.3); }

.vnavmenu { position: relative; width:100%; margin: 0 auto; }
.vnavmenu ul { width: 100%; margin: 5px auto; list-style: none; text-align: left; position: relative; z-index: 1000; padding: 0; }

.vnavmenu ul li { width: 100%; position: relative; display: block; text-align: left; 
                  vertical-align: middle; font-size: 12px;  text-decoration: none; color: #fff; cursor: pointer;  /* font-variant: small-caps; */ }
.vnavmenu ul li a { display: block; padding: 8px 12px 10px 12px; text-decoration: none; color: #fff; 
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;

  /*-webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;*/
}
.vnavmenu ul li:hover > a{ background: #ff9f35; color: #f5f5f5; }
.vnavmenu ul li a.current { background: #ff9f35; color: #f5f5f5; }

.vnavmenu ul ul {
	display: none;
	
	position: absolute;
	top: -5px;
	left: 90%;
	/* background: #f5f5f5; */
	padding: 0;
		
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}

.vnavmenu ul ul li {
	float: none;
	text-align: left;
	width: 220px;
	padding: 0; 
	background: #f5f5f5;
	color: #0081c2; 
}

.vnavmenu ul ul a {
	display: block; 
	padding: 10px 12px; 
	text-decoration: none; 
	color: #0081c2; 
	background: #f5f5f5;
	/* border-top: 1px solid #ff9f35; */
	
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

.vnavmenu ul ul a:hover { background: #ff9f35; color: #f5f5f5; }

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

.vnavmenu ul li:hover > ul { display: block; }

.vnavmenu h3 { font-size: 18px;  text-decoration: none; color: #fff; font-variant: small-caps; text-align: left; }
.vnavmenu > .navsection h3 { font-size: 18px;  text-decoration: none; color: #fff; font-variant: small-caps; text-align: left; }


.m-navmenu { width:100%; margin: 0 auto; }
.m-navmenu ul { width: 100%; margin: 0 auto; list-style: none; text-align: left; position: relative; z-index: 1000; padding: 0; }

.m-navmenu ul li { width: 100%; position: relative; display: block; text-align: left; 
                  vertical-align: middle; font-size: 16px;  text-decoration: none; color: #fff; cursor: pointer;   font-variant: small-caps;  }
.m-navmenu ul li a { display: block; padding: 8px 12px 10px 12px; text-decoration: none; color: #fff; 
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;

  /*-webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;*/
}
.m-navmenu ul li:hover > a{ background: #ff9f35; color: #f5f5f5; }
.m-navmenu ul li a.current { background: #ff9f35; color: #f5f5f5; }

.m-navmenu ul ul {
	display: none;
    
	
	position: relative;
	/*top: -5px;
	left: 90%;*/
	/* background: #f5f5f5; */
	padding: 0;
		
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;

    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -webkit-transition: all .25s ease;
    transition: .3s;
}

.m-navmenu ul ul li {
	/*float: none;
	text-align: left;
	width: 220px;
	padding: 0; 
	background: #f5f5f5;
	color: #0081c2;*/ 

    width: 100%; position: relative; display: block; text-align: left; 
                  vertical-align: middle; font-size: 12px;  text-decoration: none; color: #fff; cursor: pointer;  font-variant:normal;
}

.m-navmenu ul ul a {
	/*display: block; 
	padding: 10px 12px; 
	text-decoration: none;*/ 
	color: #0081c2; 
	background: #f5f5f5;
	/* border-top: 1px solid #ff9f35; */

    display: block; padding: 8px 12px 10px 12px; text-decoration: none; /*color: #fff;*/ 
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
	
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

.m-navmenu ul ul a:hover { background: #ff9f35; color: #f5f5f5; }

.m-navmenu ul ul ul {
	top: 0;
	left: 100%;
}

.m-navmenu ul li:hover > ul { display: block; }

.m-navmenu h3 { font-size: 18px;  text-decoration: none; color: #fff; font-variant: small-caps; text-align: left; }
.m-navmenu > .navsection h3 { font-size: 18px;  text-decoration: none; color: #fff; font-variant: small-caps; text-align: left; }





.ct1 { display: inline-block; vertical-align: top; }
.ct2 { display: inline-block; width: 100%; }
.ct3 { background-color: rgba(249,159,58,0.1); }


.porange {font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: 200; font-size: 24px; color: #ff9f35;}
    .porange-user {font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: 200; font-size: 16px; color: #ff9f35;}

.pwhite {font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: bold; font-size: 28px; color: #f5f5f5;}
.pgray {font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #8c8c8c;}
.pgray-bold {font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #8c8c8c;}
.pblue {font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: bold; font-size: 20px; color: #0081c2;}
.pblue-italic {font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: bold; font-style:italic; /*text-decoration: underline;*/ font-size: 20px; color: #0081c2;}
.pblue-light {font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #0081c2;}
.pblue-bold {font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #0081c2;}
.pred {font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: bold; font-size: 20px; color: #be1e2d;}
.pgreen {font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: bold; font-size: 20px; color: #41ad49;}
.porange2 {font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: bold; font-size: 20px; color: #ff9f35;}
.pcode {font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: bold; font-size: 28px; color: #ff9f35;}
.perror {font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: bold; font-size: 20px; color: #be1e2d;}
.pdate {font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #777; text-align: justify; padding-left: 12px;}
/*.ptitle {font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: bold; line-height: 22px; font-size: 20px; color: #f5f5f5; font-variant: small-caps; padding: 0 5px;}
.ptitle2 {font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: bold; line-height: 22px; font-size: 20px; color: #f5f5f5; background: #ff9f35; font-variant: small-caps; padding: 0 5px;}
.ptitlebg{ background: #ff9f35; }
.psubtitle { background: #0081c2; }*/




.plink-orange { font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #ff9f35; }
.plink-orange:hover { color: #0081c2; }

.plink-blue { font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #0081c2; }
.plink-blue:hover { color: #ff9f35; }

.plink-red { font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #be1e2d; }
.plink-red:hover { text-decoration: underline; }

.plink-normal-red { font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #be1e2d; }
.plink-normal-red:hover { text-decoration: underline; }

.plink-normal-blue { font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #0081c2; }
.plink-normal-blue:hover { text-decoration: underline; }

.plink-normal-orange { font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #ff9f35; }
.plink-normal-orange:hover { text-decoration: underline; }

.plink-normal-gray { font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #777; }
.plink-normal-gray:hover { text-decoration: underline; }

.plink-normal { font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #333; }
.plink-normal:hover { color: #0081c2; }

.plink-bold { font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: 900; font-size: 14px; color: #ff9f35; }
.plink-bold:hover { color: #0081c2; }




.content-cell-bottom { 
	width: 100%;
	
}




.grow:hover {
	-webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
	-ms-transform: scale(1.08);
    transform: scale(1.08);


}



/* .dirTable { margin: 0 auto; border-collapse: collapse; table-layout: fixed; white-space: nowrap; width: 100%; }
.dirTable h1 { font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: bold; font-size: 28px; font-variant: small-caps; color: #0081c2; line-height: 14px; }
.dirTable section { width: 100%; text-align: left; font-family: 'Segoe UI', Helvetica sans-serif; color: #333; margin: 10px 0; border: 1px solid rgba(204,204,204,.6); }
.dirTable input { width: 25%; height: 30px; font-size: 14px; font-style: italic; padding: 3px; border: 1px solid rgba(0,130,195,.8); }
.dirTable table {  }
.dirTable th, .dirTable td { width: 19.95%; padding: 3px; }
.dirTable th { background-color: rgba(0,130,195,.8); color: #f5f5f5; font-weight: bold;  }
.dirTable td {  font-size: 12px; font-style: italic; }
.dirTable tr:nth-child(even) { background-color: #ddd; color: #333; } */

.dirTable2 { margin: 0 auto; text-align: left; border-collapse: collapse; table-layout: fixed; width: 100%; white-space: nowrap;   }
.dirTable2 h1 { font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: bold; font-size: 28px; font-variant: small-caps; color: #0081c2; line-height: 14px; }
.container2 { width: 100%; /*height: 300px;*/ overflow-y: auto; }
.dirTable2 section { text-align: left; font-family: 'Segoe UI', Helvetica sans-serif; color: #333; margin: 10px 0; /* border: 1px solid rgba(204,204,204,.6); */ }
.dirTable2 input { width: 100%; /*height: 30px;*/ font-size: 12px; font-style: italic; padding: 3px; border: none; }
.dirTable2 table { width: 100%; margin: 0 auto;  }
/* .dirTable2 th, .dirTable2 td {  padding: 1px 3px; } */
.dirTable2 th { background-color: rgba(0,130,195,1); color: #f5f5f5; padding: 1px 3px 3px 3px; font-size: 12px; /*font-variant: small-caps;*/ font-weight: normal; text-align: center; /*height: 34px;*/ }
.dirTable2 td select { width: 100%; }
.dirTable2 td {  font-size: 10px; text-align: left; font-style: italic; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1px 0; }
/*.dirTable2 tr:nth-child(even) { background: #ddd; color: #333; }*/
/*.dirTable2 tr { z-index: 3000; };
.dirTable2 tr:hover { border: 1px solid #ddd; };*/
label.ttlnn { width: 100%; text-align: right; padding: 5px; color: #333; font-weight: bold; }
label.success { width: 100%; text-align: left; padding: 0 5px; background: rgba(65,173,73,0.6); color: #f5f5f5; font-weight: bold; font-size: 18px; }

.apTable { margin: 0 auto; text-align: left; border-collapse: collapse; table-layout: fixed; width: 100%; white-space: nowrap;   }
.apTable h1 { font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: bold; font-size: 28px; font-variant: small-caps; color: #0081c2; line-height: 14px; }
.container2 { width: 100%; /*height: 300px;*/ overflow-y: auto; }
.apTable section { text-align: left; font-family: 'Segoe UI', Helvetica sans-serif; color: #333; margin: 10px 0; /* border: 1px solid rgba(204,204,204,.6); */ }
.apTable input { width: 100%; /*height: 30px;*/ font-size: 12px; font-style: italic; padding: 3px; border: none; }
.apTable table { width: 100%; margin: 0 auto;  }
/* .dirTable2 th, .dirTable2 td {  padding: 1px 3px; } */
.apTable th { background-color: rgba(0,130,195,0.8); color: #f5f5f5; padding: 1px 3px 3px 3px; font-size: 12px; /*font-variant: small-caps;*/ font-weight: normal; text-align: left; /*height: 34px;*/ }
.apTable td select { width: 100%; }
.apTable td {  font-size: 10px; text-align: left; font-style: italic; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1px 0; }
/*.dirTable2 tr:nth-child(even) { background: #ddd; color: #333; }*/
/*.dirTable2 tr { z-index: 3000; };
.dirTable2 tr:hover { border: 1px solid #ddd; };*/
label.ttlnn { width: 100%; text-align: right; padding: 5px; color: #333; font-weight: bold; }
label.success { width: 100%; text-align: left; padding: 0 5px; background: rgba(65,173,73,0.6); color: #f5f5f5; font-weight: bold; font-size: 18px; }

.volTable { margin: 0 auto; text-align: left; border-collapse: collapse; table-layout:fixed; width: 100%; white-space: nowrap; }
.volTable table { width: 80%; margin: 0; position: relative;  }
.volContainer { width: 100%; /*height: 300px;*/ /*overflow-y: auto;*/ }

.volTotalTable { margin: 0 auto; text-align: right; border-collapse: collapse; table-layout:fixed; width: 100%; white-space: nowrap; background: #f5f5f5; }
.volTotalTable table { width: 100%; margin: 0; position: relative; }
.volTotalContainer { width: 100%; /*height: 300px;*/ /*overflow-y: auto;*/ }

/* .dirTable2 tr:last-of-type { 
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-ms-border-bottom-left-radius: 5px;
	-o-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-ms-border-bottom-right-radius: 5px;
	-o-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;	
} */


.ID { width: 12%; }
.Tipo { width: 6%; }
.Colab { width: 20%; }
.IDep { width: 18%; }
.ISup { width: 18%; }
.FDep { width: 18%; }
.ISup { width: 18%; }
.FechaEf { width: 10%; }
.ISal { width: 18%; }
.FSal { width: 18%; }
.Obs { width: 25%; }
.TipoAc { width: 18%; }

/* .rowPro { width: 10%; }
.rowTe1 { width: 10%; }
.rowTe2 { width: 10%; }
.rowEm { width: 10%; }
.rowCo1 { width: 10%; }
.rowCo2 { width: 10%; }
.rowCo3 { width: 10%; }
.rowDay { width: 10%; } */


.form-grid {
    width: 100%;
    
   
}

.form-grid-right{
    width: 100%;
    text-align: right;
    /*border: 1px solid red;*/
}

.gv1Row {
    /*width: 100%;*/
    /*background: #333;*/
    font-family: 'Segoe UI', Helvetica, sans-serif; 
    font-weight: normal; 
    font-size: 10px; 
    /*font-variant: small-caps;*/ 
    color: #333;
    
    /*background: #0081c2;*/   
}

.gv1Row:hover {
    background: #ffffcc;

}

.gv1Header {
    font-family: 'Segoe UI', Helvetica, sans-serif; 
    font-size: 10px; 
    width: 100%; 
    border-collapse: collapse; 
    height: 100%;
    color: #ffffff; 
    background: #0081c2;
}





/*.gv1container {
    
    font-family: 'Segoe UI', Helvetica, sans-serif; 
    font-weight: normal; 
    font-size: 10px; 
    color: #ffffff; 
    background: #0081c2;
    position: absolute;
}*/

/*div#gvPanel {
    width: 100%;
    overflow: auto;
    border: 1px solid red;

}*/

/*div#gvPanel th {
    top: expression(document.getElementById("gvPanel").scrollTop-2);
    left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);
    position: relative;
    z-index: 20;
}*/



/*.divScroll {
    height: 300px;
    overflow-y: auto; 
}*/

::-webkit-input-placeholder { color:#777; }
:-moz-placeholder { color:#777; }
::-moz-placeholder { color:#777; }
:-ms-input-placeholder { color:#777; }

.rg1 { display: inline-block; vertical-align: middle; }
label.rg1 { font-style: italic;  }

.rg2 { display: inline-block; vertical-align: middle; }
.rg3 { display: block; vertical-align: middle; }
label.rg3 { font-style: italic; }

.rg4 { vertical-align: middle; }

.rg5 { display: inline-block; vertical-align: top; }


.header-right-form { text-align: right; color: #f5f5f5;  }
.header-right-form input { width: 100px; }


input.txtRegistro1, select.txtRegistro1, .rowa { width: 99.50%; margin: 1px 0;  }
.rowaa { width: 80.50%; margin: 1px 0;  }
.rowa2 { width: 74.50%; margin: 1px 0;  }
.row2mid { width: 70.50%; margin: 1px 0;  }
.rowa3 { width: 60%; margin: 1px 0;  }
input.txtRegistro2, .rowb { width: 49.55%; margin: 1px 0; }
input.txtRegistro3, .rowc { width: 32.95%; margin: 1px 0; }
input.txtRegistro4, .rowd { width: 24.55%; margin: 1px 0; }
input.txtRegistro5, .rowe { width: 18.55%; margin: 1px 0; }
.rowf { width: 16.55%; margin: 1px 0; }
input.txtRegistro7, .rowg { width: 14.55%; margin: 1px 0; }
textarea.txtRegistro6 { width: 99.50%; margin: 1px 0; 
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box; 
		
		color: #666;
		/* height: 30px; */
		padding: 5px;
		font-style: italic;
		resize: none;

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #0081c2;
	}
.rowx { width: 100%; margin: 1px auto; }

.rg0 { display: inline-block; vertical-align: middle; /* border: dashed 1px red; */ margin: 10px 0; }

.RBL label {
    display: block;
    font-size: 12px; 
    font-style: italic; 
    font-weight: normal;
}

.RBL input {
    display: block;
    float: left;
}

.RBL td {
    text-align: left;
    width: 120px;
    /*border: 1px solid red;*/
}

.CHK label {
    display: block;
    font-size: 12px; 
    font-style: italic; 
    font-weight: normal;
}

.CHK input {
    display: block;
    float: left;
}

.CHK td {
    text-align: left;
    width: 200px;
    /*border: 1px solid red;*/
}

.txtBoxAc {
    background: none;
    color: #be1e2d;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    border: none;
}

.txtBoxHL {
    background: #ffffcc; 
    color: #333; 
    font-weight: normal;
    font-style: italic;
}

/*.cboBoxHL {
    background: #ffffcc;
    color: #0081c2;
    font-weight: normal;
}*/

.txtRound, .cboRound {
    height: 28px;
    color: #333;
    padding: 0 2px;
    /*border: 1px solid #ddd;*/
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
}

.txtAreaRound {
    /*height: 28px;*/
    width: 100%;
    resize: none; 
    vertical-align: middle;
    color: #333;
    padding: 0 2px;
    /*border: 1px solid #ddd;*/
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
}




.txtLongBox {
    width: 300px;
    text-transform: uppercase;
}

.txtLongBox2 {
    width: 600px;
    text-transform: uppercase;
}

.txtShortBox {
    width: 50px;
    text-transform: uppercase;
}

.txtVol {
    width: 100%; 
    /*height: 30px;*/ 
    font-size: 12px; 
    font-style: italic; 
    padding: 3px; 
    border: none;
}

.lblError {
    /*color: #be1e2d;*/
    color: red;
}

.lblVol {
    font-size: 12px; 
    font-style: italic; 
    font-weight: bold;
}

.lblVolRed {
    font-size: 12px; 
    font-style: italic; 
    font-weight: bold;
    color: #be1e2d;
}

.lblHide {
    display: none;
}

.currencyVol {
    text-align: right;
    font-size: 12px; 
    
}

input.IdNN, input.NombreNN {
	border: none;
	background: none;
}

input.asistioNN {
	width: 100%;
}

.lnkApp {
    /* background: url('../img/search-icon-md.png') no-repeat;
    background-size: 24px 24px; */
	font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; font-style: normal; 
    color: #0081c2;
    cursor: pointer;
     /* width: 24px; */
    /*height: 32px;*/
	/*padding: 0 12px;*/
	
	-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;

   /*  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; */
    border: none;
    background: none;
}

.btnApp {
    /* background: url('../img/search-icon-md.png') no-repeat;
    background-size: 24px 24px; */
	font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; color: #f5f5f5; font-style: normal; 
    background-color: #0081c2;
    cursor: pointer;
     /* width: 24px; */
    height: 32px;
	padding: 0 12px;
	
	-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;

   /*  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; */
    border: none;
}

.btnAppNormal {
    /* background: url('../img/search-icon-md.png') no-repeat;
    background-size: 24px 24px; */
	font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; color: #f5f5f5; font-style: normal; 
    background-color: #0081c2;
    cursor: pointer;
     /* width: 24px; */
    height: 30px;
	padding: 0 12px;
	
	-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;

   /*  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; */
    border: none;
}

.btnConsultar{
    /* background: url('../img/search-icon-md.png') no-repeat;
    background-size: 24px 24px; */
	font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; color: #f5f5f5; font-style: normal;
    background-color: #41ad49;
    cursor: pointer;
     /* width: 24px; */
    height: 32px;
	padding: 0 12px;
	
	-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;

   /*  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; */
    border: none;
}

.btnGuardar{
    /* background: url('../img/search-icon-md.png') no-repeat;
    background-size: 24px 24px; */
	font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; color: #f5f5f5; font-style: normal;
    background-color: #41ad49;
    cursor: pointer;
    width: 150px; 
    height: 36px;
	padding: 0 12px;
    white-space: normal;
	
	-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;

   /*  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; */
    border: none;
}

.btnGuardarNormal{
    /* background: url('../img/search-icon-md.png') no-repeat;
    background-size: 24px 24px; */
	font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; color: #f5f5f5; font-style: normal;
    background-color: #41ad49;
    cursor: pointer;
    width: 150px; 
    height: 30px;
	padding: 0 12px;
    white-space: normal;
	
	-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;

   /*  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; */
    border: none;
}

.btnCancelar{
    /* background: url('../img/search-icon-md.png') no-repeat;
    background-size: 24px 24px; */
	font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; color: #f5f5f5; font-style: normal;
    background-color: #be1e2d;
    cursor: pointer;
    width: 150px; 
    height: 36px;
	padding: 0 12px;
    white-space: normal;
	
	-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;

   /*  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; */
    border: none;
}

.btnCancelarNormal{
    /* background: url('../img/search-icon-md.png') no-repeat;
    background-size: 24px 24px; */
	font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; color: #f5f5f5; font-style: normal;
    background-color: #be1e2d;
    cursor: pointer;
    width: 150px; 
    height: 30px;
	/*padding: 0 12px;*/
    white-space: normal;
	
	-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;

   /*  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; */
    border: none;
}

.btnLimpiar {
    /* background: url('../img/search-icon-md.png') no-repeat;
    background-size: 24px 24px; */
	font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; color: #41ad49; font-style: normal;
    background-color: #f5f5f5;
    cursor: pointer;
    width: 150px; 
    height: 36px;
    padding: 0 12px;

    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;*/
    border: 1px solid #41ad49;
}

.btnAgregar{
    /* background: url('../img/search-icon-md.png') no-repeat;
    background-size: 24px 24px; */
	font-family: 'Segoe UI', Helvetica, sans-serif; font-weight: normal; color: #f5f5f5; font-style: normal;
    background-color: #0081c2;
    cursor: pointer;
     /* width: 24px; */
    height: 32px;
	padding: 0 12px;
	
	-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;

   /*  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; */
    border: none;
}

.btnRegistrar:hover, .btnLimpiar:hover , .btnConsultar:hover, .btnGuardar:hover, .btnGuardarNormal:hover, 
    .btnCancelar:hover, .btnCancelarNormal:hover, .btnAgregar:hover, .btnApp:hover {
	color: #f5f5f5;
    background-color: #ff9f35;
	border: none;
}

.lnkApp:hover { color: #ff9f35; border: none; text-decoration: underline; }

.dxgvDataRow:hover {
    border: 1px solid #0081C2;
    background-color: #FF9F35;
    color: #FFF;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}


a.back-to-top {
	display: none;
	width: 50px;
	height: 50px;
	/* text-indent: -9999px; */
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	border: none;
	
	/* background: #0081c2; */
	/* background: #0081c2 url('../img/icons/up-arrow.png') no-repeat; */
	color: #f5f5f5;
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	line-height: 65px;
	/* -webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px; */
	
	/* background-color: #0081c2; */
	background-size: contain;
    background-position: center;
    background-image: url("../img/icons/up-arrow-blue.png");
	
/* 	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s; */
}

a.back-to-top:hover {
	/* background-color: rgba(0,129,194,0.6); */
}

.modalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* background: rgba(221,221,221,0.8); */
	background: rgba(0,0,0,0.6);
    color: #333;
	z-index: 99999;
	opacity:0;
	
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
    text-align: center;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 400px;
    height: 200px;
	position: relative;
	margin: 10% auto;
	padding: 40px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #0081c2;
	/*background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);*/
}

.modalDialog > div h2 {
	font-family: 'Segoe UI', Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 16px; 
	color: #0081c2; 
	padding: 20px 0 20px 0;
	
}

.close {
	background: #0081c2;
	color: #f5f5f5;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	border-radius: 12px;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 1px 1px 3px #333;
	-webkit-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333;*/
}

.close:hover { background: #ff9f35; }

.modalBackground { background-color: #333; opacity: 0.7; }

.modalVolante {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* background: rgba(221,221,221,0.8); */
	background: rgba(0,0,0,0.6);
    color: #333;
	z-index: 99999;
	opacity:0;
	
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
    text-align: center;
}

.modalVolante:target {
	opacity:1;
	pointer-events: auto;
}

.modalVolante > div {
	width: 600px;
    height: 500px;
	position: relative;
	margin: 10% auto;
	padding: 40px 20px 13px 20px;
	/*border-radius: 10px;*/
	background: #fff;
	/*border: 1px solid #0081c2;*/
	/*background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);*/
}

.modalVolante > div h2 {
	font-family: 'Segoe UI', Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 16px; 
	color: #0081c2; 
	padding: 20px 0 20px 0;
	
}

.lblToPrint {
    font-family: 'Segoe UI', Helvetica, sans-serif; color: #0081c2; font-size:22px; display: none;
}

.imgView {
    /*float: right;*/
    text-align: center;
    /*background-position: center center;
    background-image: url('Img/User1.png');
    background-repeat: no-repeat;*/
}

@media print {
    @page {
        margin: 0.39cm;
    }

    .noprint {
        display: none;
    }

    .print {
        display:inline-block;
        width: 100vw;
        height: 100vh;
        margin: 0;
        padding: 0;
    }
    
    .lblToPrint, .lblHide {
        display: inline-block;
    }

    .printForm {
        width: 110%;
    }

    .printForm h2 {
        font-size: 20px;
    }

    /*img {
        display: none;
    }*/

    .zoom {
        zoom: 130%;
    }

    body {
        filter: gray();
        filter: url('#grayscale');
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

    imgUploadHideLbl {
        color: #fff;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    
	img { -ms-interpolation-mode: bicubic; }
	
	.divider {
		width:100%; 
		height: 3px;
		/* margin-top: 10px; */
		margin: 0 auto;
		background: #ff9f35;
	}
	
}

	
/*===*** NUEVOS ESTILOS JAIRO ***===*/
.panel_row {
    width: 100%;
    display: block;
    text-align: left;
    /*padding: 10px;*/
    padding-left: 10px;
    padding-bottom: 5px;
}

.rw1 {
    display: block;
    vertical-align: top;
    margin-top: 1px;
}

.rw-table {
    display: table;
    vertical-align: top;
    margin-top: 1px;
}

.cl {
    display: inline-block;
    /*vertical-align: top;*/
}

.cl-table {
    display: table;
    /*vertical-align: top;*/
}

.RedBorder {
    border: 1px solid red;
}

.cboBox {
    width: 99.55%;
    height: 32px;
    color: #333;
    /*border: 1px solid #ddd;*/
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.table1, .table1 > th, td, .table > tr {
    /*border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;*/
    border-collapse: collapse;
}

.table1 {
    width: 100%;
}

    .table1 th {
        width: auto;
        padding: 5px;
        font-size: 11px;
        font-weight: bold;
        color: #333;
        text-align: left;
        background-color: #ddd;
        vertical-align: middle;
    }

    .table1 thead tr th {
        text-align: left;
    }

    .table1 tr {
        font-size: 14px;
        font-weight: normal;
        color: #333;
        text-align: left;
    }

    .table1 td {
        padding-left: 5px;
    }

    .table1 tbody tr {
    }

        .table1 tbody tr:hover {
            border: 1px solid #0081C2;
            background-color: #F89A40;
            color: #FFF;
            -o-transition: .7s;
            -ms-transition: .7s;
            -moz-transition: .7s;
            -webkit-transition: .7s;
            transition: .7s;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;
        }

.centro_selected {
    border: 1px solid #0081C2;
    background-color: rgba(248,154,64,.4);
    color: #FFF;
    -o-transition: .7s;
    -ms-transition: .7s;
    -moz-transition: .7s;
    -webkit-transition: .7s;
    transition: .7s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.tr_Link:hover {
    cursor: pointer;
}

.divTitle {
    width: 100%;
    text-align: left;
    padding: 3px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

    .divTitle h1 {
        color: #0081c2;
    }
    
.pTitle {
    /*background: rgba(0,129,194,.7);*/
    color: #333;
    font-size: 22px;
    /*font-weight: bold;*/
}

.pSubTitle {
    /*background: rgba(0,129,194,.7);*/
    color: #333;
    font-size: 20px;
    font-weight: bold;
}

.kpi_asistencia_Centros {
    /*width: 95%;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: #ccc;
    /*padding: 3px 5px;*/
    margin: 0;
    padding: 10px 5px;
    text-align: center;
    height: 100%;
    font-family: 'Franklin Gothic Demi', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 80px;
    color: #0081c2;
    /*vertical-align: middle;*/
    /*border: 1px solid red;*/
    display: table-cell;
    /*display: inline-block;*/
}

.kpi_header {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: #ccc;
    /*width: 80%;*/
    /*margin: 0 auto;*/
    border: 1px solid #ccc;
    padding: 1px 3px;
}

.kpi_data {
    border: 1px solid #ccc;
    /*width: 80%;*/
    margin-top: 0;
    padding: 1px 3px;
}

.AgrandaTexto14 {
    font-size: 10px;
}

.AgrandaTexto14:hover {
    font-size: 14px;
}