* {
	margin:0;
	padding:0;
}
body {
    background-color: white;
}
.menuHide
{
    display: none;
}
body.blueDark {
    background-color: #00529c;
    color: #ffffff;
}
header {
	width:100%;
    background-color: white;
    
    display:block;
    overflow:hidden;
      border-bottom: 2px solid #0099de;
}
.spnLegend {
    margin-left: 3em;
    color: #4b4b4b;
    font-size: small;
}
.LinkHome {
    color: white;
    font-size: small;
    text-align: left;
   
  
}
.body-blue {
    background-color: #00529c;    
}
#divHeadMenu {
    background-color: #00529c;
    height: 79px;
    width: 100%;
}
.divGeneralMenu {
    width: 40%;
    display: inline-block;
}
#divLogo360 {
    width: 25%;
    display: inline-block;
}
input[type="text"], .inputFormclass {
    width: 100%;
    height: 35px;
    border: 2px solid #aaa;
    border-radius: 8px;
    margin: 8px 0;
    margin-top: 0;
    outline: none;
    padding: 8px;
    box-sizing: border-box;
    transition: 0.3s;
}
#Logo360 {
    background-image: url(../Images/Logo360.png);
    width: 200px;
    height: 60px;
    -ms-background-size: cover;
    background-size: cover;
    -moz-background-position-x: right;
    -o-background-position-x: right;
    background-position-x: right;
    right: 0;
    top: 0;
    position: relative;
    float: right;
}
.LinkHome a {
    display: block;
    margin: auto;
    font-family: sans-serif;
    text-decoration: none;
    color: white;
}
/*iframe {
  
    margin-left: 1.5rem;
    height: calc(100vh - 4px);
    width: calc(100vw - 60px);
    box-sizing: border-box;
    border-radius: 15px;
}*/

.LinkHome

.LinkHome a:hover {
    text-decoration: underline;
}

.LinkHome a:hover:before {
    text-decoration: none;
    color: blue;
}
        /*MODAL COMPONENT*/
.modalProcess {
    display: none;
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #ffffff url('../Images/loader.gif') 50% 50% no-repeat;
    background: rgba( 255, 255, 255, .8 ) url('../Images/loader.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modalProcess {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modalProcess {
    display: block;
}
 .glass2 {
    /* background styles */
	position: relative;
	display: block;
	padding: 8px 20px;
	background-color: #0b7dda; /*for compatibility with older browsers*/
	background-image: linear-gradient(#017fb8,#2196f3);
    width: 30%;
	/* text styles */
	text-decoration: none;
	color: #fff;
	font-size: small;
	font-family: sans-serif;
	font-weight: 100;
    border-radius: 3px;
    box-shadow: 0 1px 4px -2px #333;
    text-shadow: 0 -1px #333;
     margin-bottom: 0.2em;
    margin-left: 30%
}
.glass2:after{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: 50%;
	background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
}
.glass2:hover{
	background: linear-gradient(#2184be,#20b2aa);
    cursor: pointer;
}
/**/
/*HOME INDEX*/
#pnlUpdatePass,#pnlRestPass {
    display: none;
}
.awesome-text-box {
    width: 190px;
    border: none;
    height: 30px; 
    border-radius: 9px 9px 9px 9px;
    margin-bottom: 0.4em;
    padding-left: 0.5em;
}

/*Company Component*/
.divInLineContent {
    text-align: center;
    width: 100%;
    display: inline-block;
}
.divLabelEntry {
    text-align: left;
     display: inline-block;
    min-width: 50px;
}
.divFormEntry {
    width: 20%;
     display: inline-block;
    min-width: 250px;
}
.divFormEntry select {
    width: 250px;
}
.divCompanyContent {
    font-size:small;
    /*margin-left: 3em;*/
    text-align: center;
    margin-top: 0.2em;
}
.btnCompG,.btnCompV,.btnCompG_p,.btnCompV_p,.btnAseg, .btnAseg_p,
 .btnContrat,.btnContrat_p,.divOpteForm,.btnOptAddress,.btnOptAddress_p,.btnOptAddressBuss,.btnOptAddressBuss_p{
    width: 50px;
    height: 50px;
     cursor: pointer;color: #017fb8;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;  
     margin-right: 0.5em;
    margin-bottom: 0.5em;
}
.divOpteForm {
    background-image: url('../Images/PasrticularD.png');
}
.btnCompG {
     background-image: url('../Images/TBI_Logo_Gen.png');
}
.btnCompG_p {
     background-image: url('../Images/TBI_Logo_Gen_p.png');
      cursor: auto;
}
.btnCompV {
     background-image: url('../Images/TBI_Logo_Vid.png');
}
.btnCompV_p {
     background-image: url('../Images/TBI_Logo_Vid_p.png');
      cursor: auto;
}
.btnAseg {
     background-image: url('../Images/TBI_FamCover.png');
}
.btnAseg_p {
     background-image: url('../Images/TBI_FamCover_p.png');
      cursor: auto;
}
.btnContrat {
     background-image: url('../Images/TBI_Brokers.png');
}
.btnContrat_p {
     background-image: url('../Images/TBI_Brokers_p.png');
      cursor: auto;
}
.btnOptAddress {
     background-image: url('../Images/TBI_Address_Home.png');
}
.btnOptAddress_p {
     background-image: url('../Images/TBI_Address_Home_p.png');
      cursor: auto;
}
.btnOptAddressBuss {
     background-image: url('../Images/TBI_Address_Buss.png');
}
.btnOptAddressBuss_p {
     background-image: url('../Images/TBI_Address_Buss_p.png');
      cursor: auto;
} /*{
     background-image: url('../Images/TBI_Address_Home.png');
}*/
.btnOptAddress_p {
     background-image: url('../Images/TBI_Address_Home_p.png');
      cursor: auto;
}

.grises {
    cursor: auto !important;
   background-image: url('../Images/bg_SaveD.png')  !important; 
}
.grisesObs {
    cursor: auto !important;
   background-image: url('../Images/bg_ObsD.png')  !important; 
}

/*ToolBar*/
.lnkDownRep ,.btnProcess,.btnCover,.btnFamily,.btnGroupCat,.btnCover_p,.btnFamily_p,.btnGroupCat_p,.btnMonth,.btnMonth_p{
   
    width: 55px;
    height: 55px;
     cursor: pointer;color: #017fb8;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
   
}
.iconStatusError,.iconStatusDone {

    background-repeat: no-repeat;
   
     width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    float: right;
}
.iconStatusError {
     background: url(../Images/iconMissing.png);
}
.iconStatusDone {
      background: url(../Images/iconSussces.png);
}

.iconLnkBroken {
    background: url(../Images/linkexpired.png);
    background-position: center;		
	background-size: cover;
    margin: 0 auto;
    width: 100px;
    height: 100px;
}

.divToolBar {
    margin-left: 1em;
    margin-top: 1em;
}
.btnProcess {
     background-image: url('../Images/Process.png');
}
.lnkDownRep {
     background-image: url('../Images/ExcelDoc.png');
}
.btnCover {
    background-image: url('../Images/TBI_Cover.png');
}

.btnFamily {
   background-image: url('../Images/TBI_Insured.png'); 
}
.btnGroupCat {
   background-image: url('../Images/BTI_Group.png'); 
}

.btnMonth {
   background-image: url('../Images/BTI_Cal.png'); 
}
.lnkDownRep a {
    display: block;
    padding: 20px;  
}
.btnCover_p {
    background-image: url('../Images/TBI_Cover_p.png');
     cursor: auto;
}

.btnFamily_p {
   background-image: url('../Images/TBI_Insured_p.png'); 
    cursor: auto;
}
.btnGroupCat_p {
    background-image: url('../Images/BTI_Group_p.png'); 
}
.btnMonth_p {
   background-image: url('../Images/BTI_Cal_p.png'); 
}
#divcontentMainForm {
    background-color: #e4e4e4;
    color: #444444;
    padding: 2em;
    -ms-border-radius: 12px 12px 12px 12px;
    border-radius: 12px 12px 12px 12px;
    -webkit-box-shadow: 0 1px 4px -2px #333;
    -ms-box-shadow: 0 1px 4px -2px #333;
    box-shadow: 0 1px 4px -2px #333;
}


header nav {
	width:90%;
	max-width:1000px;
	margin-left: 20px;
    margin-right: 20px;
	
    float: right;
}
 
.menu_bar {
	display:none;
}
 
header nav ul {
	overflow:hidden;
	list-style:none;
     float: right;
}
 
header nav ul li {
	float:left;
}
 
header nav ul li a {
	color:#fff;
	padding:20px;
	display:block;
	text-decoration:none;
}
 
header nav ul li span {
	margin-right:10px;
}
 
header nav ul li a:hover.icon-house {
   background-image: url(../Images/ClaimAMF_h.png);
    background-repeat: no-repeat;
}
header nav ul li a:hover.icon-suitcase {
   background-image: url(../Images/StatusAcount_h.png);
    background-repeat: no-repeat;
}
header nav ul li a:hover.icon-earth {
   background-image: url(../Images/Invoices_h.png);
    background-repeat: no-repeat;
}
header nav ul li a:hover.icon-rocket{
   background-image: url(../Images/Invoices_h.png);
    background-repeat: no-repeat;
}
header nav ul li a:hover.icon-acount{
   background-image: url(../Images/acount_h.png);
    background-repeat: no-repeat;
}
header nav ul li a:hover.icon-home{
   background-image: url(../Images/home_h.png);
    background-repeat: no-repeat;
}
header nav ul li a:hover.icon-Exit{
   background-image: url(../Images/Exit_h.png);
    background-repeat: no-repeat;
}
 header nav ul li a:hover.iconPolicy {
   background-image: url(../Images/Policys_h.png);
    background-repeat: no-repeat;
}
  header nav ul li a:hover.iconEmissionGest {
   background-image: url(../Images/EmisionGest_h.png);
    background-repeat: no-repeat;
}
 
  header nav ul li a:hover.iconEmissionGest {
   background-image: url(../Images/EmisionGest.png);
    background-repeat: no-repeat;
}

  header nav ul li a:hover.iconDataClient {
   background-image: url(../Images/ClientData_h.png);
    background-repeat: no-repeat;
}
section {
	padding:20px;
}

#divUsrInf {
    background-color:  #0099de;
    color: white;
    font-weight: bold;
    min-width: 350px;
    width: 22%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0 0 20px 0;
     border-radius: 0 0 20px 0;
    max-width: 500px;
    
}
#iconUsr {
    
    margin-left: 1em;
    width: 45px;
    background-image: url(../Images/search_Tool.png);
    background-repeat: no-repeat;
     background-size: cover;
    height: 2.5em;
    display: inline-block;
}
#infoUsr {
    padding-left:0.5em;
     
    width: 75%;
     display: inline-block;
}


.icon-mail:before {
	content: "\e604";
}
.icon-house , .icon-suitcase,.icon-earth,.icon-rocket,.icon-acount,.icon-home,.icon-Exit,.icon-list2,.iconPolicy, .iconDataClient ,.iconEmissionGest {
    margin: 0.1em;
    width: 35px;
    height: 2.3em;
	background-repeat: no-repeat;
    background-size: cover;
}
.icon-list2 {
    height: 35px;
}

.icon-acount{
   background-image: url(../Images/acount.png);
 }
.icon-home{
   background-image: url(../Images/home.png);
 }
.icon-Exit{
   background-image: url(../Images/Exit.png);
 }
.icon-house{
   background-image: url(../Images/ClaimAMF.png);
 }
.icon-suitcase{
    background-image: url(../Images/StatusAcount.png);
}
.icon-earth{
   background-image: url(../Images/Invoices.png);
 }
.icon-rocket{
    background-image: url(../Images/Invoices.png);
}
.iconPolicy{
    background-image: url(../Images/Policys.png);
}
.iconEmissionGest{
    background-image: url(../Images/EmisionGest.png);
}

.iconDataClient {
     background-image: url('../Images/ClientData.png');
}

.icon-list2 {
	  background-image: url(../Images/MenuDesp.png);
}


 /**/
 #headLogo {
     
      background-image: url(../Images/LogoHead.png);
      background-repeat: no-repeat;
     background-position: center;
     width:100%;
     height: 56px;
   
 }
@media screen and (max-height: 480px ) {
    header nav {
		top: 30px;
	  
	}
}
 @media screen and (max-width:450px ) {
     #divUsrInf {
  
    width: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0 0 0 0;
     border-radius: 0 0 0 0;
   
    
}
  .glass span {
  width: 100%;  
 
  
}


.glass{
/* background styles */
position: relative;
display: inline-block;
padding: 15px 10px;
background:#0099de; /*for compatibility with older browsers*/
background-image: linear-gradient(#017fb8,#0099de);

/* text styles */
text-decoration: none;
color: #fff;
font-size: small;
font-family: sans-serif;
/*font-weight: 100;*/
 border-radius: 0 0 20px 0;
box-shadow: 0 1px 4px -2px #333;
text-shadow: 0 -1px #333;


}
.glass:after{
content: '';
top: 2px;
position: absolute;
left: 2px;
width: calc(100% - 4px);
height: 100%;
background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
}
.glass:hover{
background: linear-gradient(#073,#0fa);
}
}  
@media screen and (max-width:800px ) {
	header nav {
		width:30%;
		height:100%;
		left:-100%;
		margin:0;
	    position: absolute;
        z-index: 20;
	  
	}
 
	header nav ul li {
	    display:block;
		float:none;
	    border-bottom:1px solid #ffffff;
	    border-bottom:1px solid rgba(255,255,255, .3);
	}

    .menu_bar {
		display:inline;
		width:100%;
		background:#ccc;
	    
	}
 
	.menu_bar .bt-menu {
		display:block;
		padding:20px;
		background: #017fb8;
		color:#fff;
		text-decoration:none;
		font-weight: bold;
		font-size:25px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
 
	.menu_bar span {
		float:right;
		font-size:40px;
	}
    /*table {
		overflow-x: auto;
		display: block;
	}*/
    
    #divUsrInf {
        width: 100%;
        -moz-border-radius: 0;
        -webkit-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
    }
    #statusLog span{
        display: none;
    }
  
    

}



#ContentMain {
  
    background-color: white;
    width: 100%;
    height: 100%;
    padding: 3em auto;
    text-align: center;
}

.tblSelectopt tr {

    color: #4b4b4b;
    height: 2em;
    -ms-border-radius: 0 0.2em 0 0;
    border-radius: 0 0.2em 0 0;   
    width: 100%;
    
}
.tblSelectopt td.tdOpt {
    background-color: #eaeaea;
    cursor: pointer;
    border: 1px solid #d3d3d3;
    
    -moz-min-width: 180px;
    -ms-min-width: 180px;
    -o-min-width: 180px;
    -webkit-min-width: 180px;
    min-width: 180px;
}
.imgStatusReg {
    background-image: url('../Images/img_logsucsmall.png');
    width: 18px;
    height: 17px;
    display: none;
    position: absolute;
   left: 100px;
    z-index: 20;
}
.MessageStatusReg {
     display: none;
    color: red;
}
#imgStatusCI {
    background-image: url('../Images/img_logsucsmall.png');
    width: 18px;
    height: 17px;
    display: none;
    position: absolute;
   left: 100px;
    z-index: 20;
}
#MessageStatusCI{
     display: none;
    color: red;
}
.divRegister {
    text-align: left;
      margin-left: 20%;
       margin-top: -30%;
}
.divRegister label {
    display: block;
  
    font-size: 10pt;
    
}
.divRegister a {
    color: white;
    
}
.OptionHead {
    border-bottom: white solid 2px;
      width: 235px;
    margin-bottom: 15px;
   
}
.OptionHeadItem {
  
    display: inline-block;
    width: 115px;
      height: 30px;
    cursor: pointer;
      background-color: #2184be;
    text-align: center;
     padding-top: 5px;
}
.OptionHeadItemSel {
   
     display: inline-block;
    width: 115px;
     height: 30px;
    background-color: white;
    color: #0099de;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    padding-top: 5px;
   
}


.tblSelectopt{
    -moz-min-width: 350px;
    -ms-min-width: 350px;
    -o-min-width: 350px;
    -webkit-min-width: 350px;
    min-width: 250px;
    /* ReSharper disable once CssNotResolved */
    maxborder-radius: 1em;
   
   
    width: 100%;
}

.tblSelectopt div {
    display: inline-block;
}
.tblSelectopt span.spnTitle {
    font-weight: bold;
    margin-right: 1.5em;
}
span.spnTitle {
    font-weight: bold;
    margin-right: 1.5em;
}

.tblSelectopt td, .tblSelectopt th {
    
    -ms-border-radius: 1em;
    border-radius:1em;
    padding: 1em;
    text-align: left;
     width: 100%;
   
}
.divInlineBLok {
    display: inline-block;
}
/*TABLES STYLES  boerder rouns*/
table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
    font-size: small;
}

.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;    
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    /* ReSharper disable once InvalidValue */
    background-image:linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 #ffffff inset;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 #ffffff inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 #ffffff inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}
/*TABLE RESPONSIVE */

.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }

/* RESPONSIVE EXAMPLE */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }
table.tblRespData { 
  margin: 0 auto;
  border-collapse: collapse;
  font-family: Agenda-Light, sans-serif;
  font-weight: 100; 
  background: #0099de; color: #fff;
  text-rendering: optimizeLegibility;   
  border-radius: 5px;
    font-size: 10pt;
   
}
table.tblRespData thead th { font-weight: 600;text-align: left; }
table.tblRespData thead th, table.tblRespData tbody td { 
  padding: .8rem; /*font-size: 1.4rem;*/
}
table.tblRespData tbody td { 
  padding: .1rem; /*font-size: 1.4rem;*/
  color: #444; background: #eee; 
}
table.tblRespData tbody tr:not(:last-child) { 
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;  
}
.noGlass {
    font-size: small;
    font-style: normal;
    color: white;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
}
.glass span {
  width: 160px;  
 
  
}
.glass{
/* background styles */
position: relative;
display: inline-block;
padding: 15px 10px;
background:#0099de; /*for compatibility with older browsers*/
background-image: linear-gradient(#017fb8,#0099de);

/* text styles */
text-decoration: none;
color: #fff;
font-size: small;
font-family: sans-serif;
/*font-weight: 100;*/
 border-radius: 0 0 20px 0;
box-shadow: 0 1px 4px -2px #333;
text-shadow: 0 -1px #333;


}
.glass:after{
content: '';
top: 2px;
position: absolute;
left: 2px;
width: calc(100% - 4px);
height: 50%;
background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
}
.glass:hover{
background: linear-gradient(#073,#0fa);
}

/* Busqueda Cliente Site*/
.pnlBusqueda { 
    background-color:white;
  
   /* box-shadow:0 0 25px 5px #999;*/
    color:#000;
    display:none; 
    padding:10px;
    min-width:600px;
    min-height: 550px;
    font-size: small;
    position:relative;
}
    .pnlBusqueda span {
        color: black;
    }
    #pnlObs {
        display: none;
    }
.awesome-text-boxFormTextArea {
     padding: 5px;    
    border: 1px solid #DDDDDD;
    width:96%;
    height: 125px;
    font-size: 9pt;
    margin-bottom:  3px;
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) ,to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
    
    /*Applying CSS 3radius*/    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
}
.awesome-text-boxFormTextAreaError {
     padding: 5px;    
    border: 1px solid #DDDDDD;
    width:96%;
    height: 125px;
    font-size: 9pt;
    margin-bottom:  3px;
    /*Applying CSS3 gradient*/
    /*background: -moz-linear-gradient(center top , #F4A460,  #EEEEEE 1px, #F4A460 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#F4A460), color-stop(5%, #EEEEEE) to(#F4A460));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#F4A460');*/
        background-color: #F4A460;
    /*Applying CSS 3radius*/    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #32cd32;
}
    .awesome-text-boxFormInputReq{
    
    padding: 5px;    
    border: 1px solid #0099de;
    width:224px;
    height: 13px;
    font-size: 9pt;
    margin-bottom:  3px;
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) ,to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
    
    /*Applying CSS 3radius*/    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #0099de;
    -webkit-box-shadow: 0 0 2px #0099de;
    box-shadow: 0 0 2px #0099de;

}
    .awesome-text-boxForm{
    
    padding: 5px;    
    border: 1px solid #DDDDDD;
    width:224px;
    height: 13px;
    font-size: 9pt;
    margin-bottom:  3px;
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) ,to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
    
    /*Applying CSS 3radius*/    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;

}
    .awesome-text-boxFormError{
    
    padding: 5px;    
    border: 1px solid #DDDDDD;
    width:224px;
    height: 13px;
    font-size: 9pt;
    margin-bottom:  3px;
    /*Applying CSS3 gradient*/
    /*background: -moz-linear-gradient(center top , #F4A460,  #EEEEEE 1px, #F4A460 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#F4A460), color-stop(5%, #EEEEEE) to(#F4A460));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#F4A460');*/
        background-color: #F4A460;
    /*Applying CSS 3radius*/    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;

}
.awesome-text-boxForm:hover
{
    border:1px solid #cccccc;
}

.awesome-text-boxForm:focus
{
    box-shadow:0 0 2px #FFFE00;
}
.awesome-text-boxFormInputReq:focus
{
     -moz-box-shadow: 0 0 2px #FFFE00;
    -webkit-box-shadow: 0 0 2px #FFFE00;
    box-shadow: 0 0 2px #FFFE00;
}

 .awesome-text-boxFormSmall{
    
    padding: 5px;    
    border: 1px solid #DDDDDD;
    width:50px;
    height: 13px;
    font-size: 9pt;
    margin-bottom:  3px;
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE), to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
    
    /*Applying CSS 3radius*/    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;

}
.awesome-text-boxFormSmall:hover
{
    border:1px solid #cccccc;
}
.awesome-text-boxFormSmall:focus
{
    box-shadow:0 0 2px #FFFE00;
}
.grillaStyleSmallPop {
   -moz-min-width: 350px;
    -ms-min-width: 350px;
    -o-min-width: 350px;
    -webkit-min-width: 350px;
    min-width: 250px;
    /* ReSharper disable once CssNotResolved */
    maxborder-radius: 1em;
   
   
    width: 95%;
}

.awesome-text-boxFormMedium{
    
    padding: 5px;    
    border: 1px solid #DDDDDD;
    width:112px;
    height: 13px;
    font-size: 9pt;
    margin-bottom:  3px;
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient( top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) ,to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
    /*Applying CSS 3radius*/    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;

}
.awesome-text-boxFormMedium:hover
{
    border:1px solid #cccccc;
}
.awesome-text-boxFormMedium:focus
{
    box-shadow:0 0 2px #FFFE00;
}
.grillaStyleSmallPop th {
     font-size: x-small;
    color: white;
    font-weight: bold;
    background-color: #0099de;
} 
.grillaStyleSmallPop tr {

    color: #4b4b4b;
    height: 2em;
    -ms-border-radius: 0 0.2em 0 0;
    border-radius: 0 0.1em 0 0;   
    width: 100%;
    
}
.grillaStyleSmallPop td {
    background-color: #eaeaea;
    cursor: pointer;
    border: 1px solid #d3d3d3;
    display: inline-block;
    width: 100%;
    min-width: 180px;
  
}
.grillaStyleSmallPop td, .grillaStyleSmallPop th {
    
    -ms-border-radius: 1em;
    border-radius:0.5em;
    padding: 1em;
    text-align: left;
     width: 91%;
   
}

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

.imgProcess {
    background-image: url('../Images/ajax-loaderW.gif');
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    position: absolute;
    top: 55px;
    left: 130px;
}
.divProcess
{
    width:300px;
    height:300px;
    background-color:#E6E6E6;
   display:none;
   border-radius:15px;
    /*box-shadow:0 0 25px 5px #21290B;*/
   
}

.lnkDownLoad {
   background-image: url('../Images/downLoad.png');
    width: 35px;
    height: 35px;
     cursor: pointer;
   
}
#statusLog {
    position: absolute;
    right: 1px;
    width: 400px;
    top: 85px;
    color: #017fb8;
   
}
#statusLog div {
     display: inline-block;
   
    top: 1px;
    right: 1px;
    
}
#statusLog a {
    text-decoration: underline;
    font-size: 11pt;
     color: #017fb8;
}
#divTitle {
    width: 100%;
    text-align: center;
     color: #017fb8;
    font-size: xx-large;
}
#pnlBusqueda { 
    background-color:white;
  
   /* box-shadow:0 0 25px 5px #999;*/
    color:#000;
    display:none; 
    padding:10px;
    min-width:600px;
    min-height: 550px;
   
    position:relative;
}
    #pnlBusqueda span {
        color: black;
    } 
    #pnlUpdatePass,#pnlRestPass {
    display: none;
}
    .divHeadFormHide {
        display: none;
    }
  .btnClass
{
    
    right: 1px;
  
   background:white;
	width: 105px;
	height: 35px; 
	color: white;
	font-size: 15pt; 
	font-weight: bold; 
	border-top-color: white; 
	border-right-color:  white; 
	border-bottom-color: white; 
	border-left-color: white; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-top-style: solid; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: solid;
    background-color: #017fb8;
    cursor: pointer;
}
 
.frmGroup .spnTitle {
    font-weight: bold;
    color: #4b4b4b;
    width: 200px;
    
}
 .frmGroup:after {
    content:"";
    display: table;
    clear: both;
  
}
/*Form 2 Columns*/
.divLeft,
.divRight {
      width: 40%;
    padding-bottom: 0.5em;
}
  .divLeft {
    float: left;
  
      padding-left: 5em;
}
.divRight {
    float: right;
   
}


/*Form 2 Columns*/
.divLeftUnique
{
      width: 90%;
    padding-bottom: 0.5em;
}
  .divLeftUnique {
    /*float: left;*/
  
      padding-left: 5em;
}
.smallSpan {
    font-size: medium;
    
}
.divDetInline div {
    margin-bottom: 1em;
    display: inline-block;
    width: 250px;
}

.divPrevImg img{
    max-width:100% !important;
    height:auto;
    display:block;
}

/*---------------------------REVISAR*/
fieldset {
    font-family: sans-serif;
    border: 3px solid #ddd;
    /*background: #ddd;*/
    border-radius: 5px;
    padding: 15px;
}

fieldset legend {
    /*background: #2184be;
    color: #fff;*/
    padding: 5px 10px ;
    font-size: 15px;
    border-radius: 5px;
    box-shadow: 0 0 0 0 #ddd;
    font-weight: bold;

    /*margin-left: 20px;*/
}

span.spnTitle {
    font-weight: bold;
    margin-right: 1.5em;
    color: #4b4b4b;
    font-size: smaller;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0;
	margin: 0;
}
/*  COLUMN SETUP  */
.col {
	display: inline-block;
	
	margin: 1% 0 1% 1.6%;
}
/*.col:first-child { margin-left: 0; }*/
/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */

.span_1_of_4 {
	width: 40%;
}
/*gii begi*/

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */


/*GARY TEST MEDIA FIN*/

.divLeft,
.divLeftMiddle,
.divCenter,
.divRightMiddle,
.divRight {
      width: 16%;
    padding-bottom: 0.5em;
    display:inline-block;
}

.frmGroup .spnTitle {
    font-weight: bold;
    color: #4b4b4b;
    width: 200px;
    
}
 .frmGroup:after {
    content:"";
    display: table;
    clear: both;
  
}




/*prubemenu*/
.navbar-header{float:none;text-align: center;}
     
    /* top bar */
    .navbar {text-transform: uppercase;background-color: #00001e;border: none}
    .navbar a  {color:#fff;font-weight: 300;text-decoration: none}
    .navbar-default .navbar-brand {color:#fff;font-weight: bold;margin:0;float:none; margin-left: auto; margin-right: auto; width: 60px; float: none; }
 
    .icon{margin-bottom: 8px;margin:0;padding: 15px 15px; float:right;}
     
        .back{float:left;background-color: #feaf8d;}
        .search{background: #fb7b74; float:left;}
         
        .twbtn{background: #2184be;
                border: 1px solid #ddd;
                border-radius: 5px;
        }

        .btnSave{background: #2184be;
                border: 1px solid #ddd;
                border-radius: 5px;
        }
     
    /* toggle button */
    .navbar-toggle{border: none;color:#fff;margin:0;padding: 18px 15px; border-radius: 0;float:left;}
    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {background-color: #fc575e;}
    .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
     
     
    /* Position where the element is fixed */
    .affix {top: 50px; width: 200px; }
    #affix {width: 200px;}
 
    .nav li a {border-bottom: 1px solid #ddd; color:#7b7a7e;}
    .nav li a i {margin-right:20px;}
    .affix {top: 50px; width: 200px; }




.btnToolSave {
     width: 45px;
    height: 42px;
     cursor: pointer;color: #017fb8;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
    cursor: pointer;
}
.btnToolSave {
     background-image:  url('../Images/bg_Save.png');
}
.btnGridSave, .btnGridEdit,.btnGridCancel, .btnGridDel,.btnGridAdd, .btnViewPicture,.btnGridNew, .btnObs {
   
    width: 40px;
    height: 38px;
     cursor: pointer;color: #017fb8;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
   
}
.btnViewPicture {
    background-image:  url('../Images/viewPicture.png'); 
}
.btnGridSave {
     background-image:  url('../Images/bg_Save.png');
}
.btnObs {
      background-image:  url('../Images/bg_Obs.png');
}
.btnGridEdit {
     background-image:  url('../Images/bg_Edit.png');
}
.btnGridCancel {
     background-image:  url('../Images/bg_Back.png');
}
.btnGridDel {
     background-image: url('../Images/bg_Del.png');
}
.btnGridAdd {
     background-image:  url('../Images/bg_Add.png');
   
}
.btnGridNew {
       background-image:  url('../Images/bg_New.png');
    margin-left: 1.5em;
}
.divBtnSaveMode, .divBtnNormalMode {
    width: 100%;
 
    
}
.divGridButtons {
    
        text-align: right;
}

/*----------*/
#map { width:320px; height:200px; }

/*QUEST OPTION*/

.divQuestRow {
    border-bottom: #e6e6e6 solid 1px;
    display: inline-block;
    width: 100%;
    margin-top: 0.5em;
}
.divQuestData {
    width: 63%;
    display: inline-block;
}
.divQuestOpt {
    width: 7.1em;
    display: inline-block;
}
.divQuestComp {
     width: 20%;
     display: inline-block;
}
.divQuestComp input {
     display: inline !important;
    width: 175px !important;
}
.divOptionSel {
    margin-top: 1em;
    margin-left: 1em;
    display: inline-block;
}
.uiUnSelReg {
    
   
    color: #cccccc;
   
}
/*GARYFILES*/

.Cssdocx, .Cssdoc,.Csspdf, .Cssxls,.Cssxlsx, .Csstxt,.Cssjpg,.Csspng {
   
    width: 40px;
    height: 40px;
     cursor: pointer;color: #017fb8;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
   
}
.divStateMgm{
    display: inline-block;
}
.Cssdocx,.Cssdoc {
    background-image:  url('../Images/File_Word.png'); 
    margin-left: 0.6em
}
.Csspdf {
    background-image:  url('../Images/File_Pdf.png'); 
    margin-left: 0.6em
}
.Cssxls,.Cssxlsx {
    background-image:  url('../Images/File_Excel.png'); 
    margin-left: 0.6em
}
.Csstxt {
    background-image:  url('../Images/File_Word.png'); 
     margin-left: 0.6em
}
.Cssjpg {
    background-image:  url('../Images/File_Pic.png'); 
    margin-left: 0.6em
}
.Csspng {
    background-image:  url('../Images/File_Pic.png'); 
    margin-left: 0.6em
}

.wrapper {
    overflow:hidden;
    align-content:center;
   /*white-space:nowrap;
   text-overflow:ellipsis;*/
   display:inline-block;
   vertical-align: top;
}
.wrapper div {
    /*float:left;*/
    /*margin-right:15px;*/
     overflow:hidden;
   white-space:nowrap;
   text-overflow:ellipsis;
}
.btnToolSearch {
     width: 45px;
    height: 42px;
     cursor: pointer;color: #cccccc;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
    cursor: pointer;
    background-image:  url('../Images/bg_Search.png');
}
.btnGridSaveActive {
     background-image:  url('../Images/bg_Ready.png');
}
    .pnlTabControl { 
  
    width: 100%;
    height: 500px;
   
}
    .pnlTabControl span {
        color: black;
    }
    #tabs {
        background-color: #eee !important;
    }
    .btn {
   
    color: white; /* Add a text color */
    padding: 14px 28px; /* Add some padding */
    cursor: pointer; /* Add a pointer cursor on mouse-over */
}
.success {background-color: #4CAF50;
          /*background: url("../Images/PasrticularD.png") no-repeat scroll 0 0 transparent;*/
          border-radius: 10px;

} /* Green */
.success:hover {background-color: #46a049;}
.info {background-color: #2196F3;
          border-radius: 10px;

} /* Blue */
.info:hover {background: #0b7dda;}
.warning {background-color: #ff9800;
          border-radius: 10px;

} /* Orange */
.warning:hover {background: #e68a00;}
.danger {background-color: #f44336;
          border-radius: 10px;

} /* Red */ 
.danger:hover {background: #da190b;}
.default {background-color: #e7e7e7; color: black;
          border-radius: 10px;

} /* Gray */ 
.default:hover {background: #ddd;}
 .divState {
    display: inline-block;
}
 .uiUnSelReg {
    
   
    color: #cccccc;
}   
 .divImageSelect {
     background-image:  url('../Images/bg_Detail.png');

    width: 35px;
    height: 30px;
    cursor: pointer;color: #017fb8;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;

}
    .btn1 {
   
    color: white; /* Add a text color */
    padding: 14px 28px; /* Add some padding */
    cursor: pointer; /* Add a pointer cursor on mouse-over */
}
.defaultActive {background-color: #0b7dda; color: black;
                border-radius: 10px;

}
 .divStateMgm{
    display: inline-block;
}
 .pnlTabControl_1,.pnlTabControlmngPol,.pnlTabControlmngPolCover { 
    background-color:white;
    color:#000;
    display:none; 
    padding:10px;
    width: 600px;
    height: 500px;
    font-size: small;
    position:relative;
}
 .pnlTabControl_1 span, .pnlTabControl_2 span, .pnlTabControlmngPol span, .pnlTabControlmngPolCover span {
        color: black;
        display: block;
        /*width: 55px;*/
        font-size: 0.7em;
        /*text-align: center;*/
    }
    .pnlTabControl_2 span,.pnlTabControlmngPol span, .pnlTabControlmngPolCover span {
        color: black;
    }
 .divImageSelect1 {
     background-image:  url('../Images/bg_Detail.png');

    width: 25px;
    height: 20px;
    cursor: pointer;color: #017fb8;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;

}
 /*Home Medinet CI Login*/
@font-face {
    font-family: Prototype;
    src: url(Font/Prototype.ttf);
}
.fontPrototype {
    font-family: Prototype;
}
.logo360Medinet {
    width: 100px;
    background-image: url(../Images/Logo360.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 2em;
    display: inline-block;
   
    position: relative;
}
#powered {
    font-size: 9pt;
    font-weight: normal;
    display: inline-block;
    top: 0;
    position: relative;
    height: 2em;
    width: 65px;
    float: left;
}
.descriptLogo {
    display: inline-block;
    width: 170px;
    height: 2.1em;
    position: relative;
    right: -55px;
}
.logoMedinet {
    width: 300px;
    background-image: url(../Images/MedinetLogo.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 3.4em;
    display: inline-block;
}

.inputHome {
    width: 200px;
    display: inline-block;
}
.divLeftHome, .divLeftHomeSelectIcon {
    display: inline-block;
    border-right: #cccccc solid 1px;
    float: left;
}
.divRigthHome, .divRigthHomeSelectIcon {
    display: inline-block;
   }
.divLeftHome {
    height: 5.4em;
    width: 320px;
}

.divRigthHome {
    padding-top: 10px;
    height: 5.4em;
    min-width: 260px;
}
.iconCI {
    width: 48px;
    background-image: url(../Images/CI.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 2.1em;
    display: inline-block;
    float: left;
}
.divLineCenter, .divLineCenterSelect {
    display: inline-block;
    width: 620px;
    overflow: hidden;
    height: 5.5em;
    position: relative;
    left: -5%;
    top: 110px;
}
.divLineCenter {
  
    width:600px;
    height: 5.5em;
    top: 110px;
}
.divLineCenterSelect {
    max-width: 285px;
    height: 250px;
    left:5%
}
.divLogo360 {
    width: 260px;
    background-image: url(../Images/Logo360.png);
    height: 100px;
    background-repeat: no-repeat;
    float: right;
}
.divLogo360Select {
    width: 260px;
    background-image: url(../Images/Logo360.png);
    height: 100px;
    background-repeat: no-repeat;
}
.userSingleUser {
    width: 86px;
    background-image: url(../Images/userSingleIcon.png);
    height: 79px;
    background-repeat: no-repeat;
   
   
}
.userRegisterUser {
    width: 121px;
    background-image: url(../Images/userRegisterIcon.png);
    height: 4.9em;
    background-repeat: no-repeat;
    
   
}
.descriptUserLog {
    height: 2em;
    margin-top:0.5em
}
.divLeftHomeSelectIcon {
    height: 110px;
    width: 77px;
    padding-right: 30px;
    cursor: pointer;
}

.divRigthHomeSelectIcon {

    height: 110px;
    min-width: 117px;
    cursor: pointer;
}

.divLeftHomeSelectIcon {
    margin-top: 1 em;
    margin-left: 2 em;
    cursor: pointer;
}

.divRigthHomeSelectIcon {
    cursor: pointer;
    margin-top: 1 em;
    margin-left: 1.6 em;
}
/*-------------------*/
/*Desktop*/
@media (min-width: 1000px) {
    #ContentMain{left:50%;top:30%;position:absolute;}
    #divContent1{width:500px;height:100%;margin-left:-250px;height:300px;text-align:center;max-width:500px;max-height:500px;}
}
@media (max-width: 1000px) {
    /* ReSharper disable once DeclarationIsEmpty */
    #divcontentMain{}
    #divcontentMainForm {
        left:30%;
        top:35%;
        position:absolute;
    }
    #divContetCenter {
        left:15%;
        top:25%;
        position:absolute;
        width:70%;
        height:300px;
        text-align:center;
        max-width:500px;
        max-height:500px;   
    }
    .imgStatusReg {
        left: 335px;
    }

    #imgStatusCI {
         left: 335px;
    
    }
}
@media (min-width: 1000px) {
#divcontentMain{left:50%;top:20%;position:absolute;}
#divcontentMainForm{left:37%;top:35%;position:absolute;}
#divContetCenter{width:500px;height:100%;margin-left:-250px;height:300px;text-align:center;max-width:500px;max-height:500px;}
 
}
@media (max-width: 1000px) {
    /* ReSharper disable once DeclarationIsEmpty */
    #ContentMain{}
    #divContent1{left:10%;top:55%;position:absolute;width:70%;height:300px;text-align:center;max-width:500px;max-height:500px;}
     /*table {
		overflow-x: auto;
		display: block;
	}*/
}

@media (max-width: 800px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
 .imgStatusReg {
        left: 295px;
    }

    #imgStatusCI {
         left: 295px;
    
    }
}
 @media screen and (max-width: 800px) {
    .divLeft, 
    .divRight ,
    .divLeftUnique {
        float: none;
        width: auto;
        padding-left: 3em;
    }
}
@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0;}
	.span_3_of_3, .span_2_of_3, .span_1_of_3,.span_1_of_4 {
	     width: 100%;
	}
    
    thead {display:none;}
    tr:nth-of-type(1n) {background-color: inherit;}
    tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
    tbody td {display: block;  text-align:center;}
    tbody td:before { 
        content: attr(data-th); 
        display: block;
        text-align:center;  
      }
}
 /*-------*/

@media(max-width: 330px) {
    a.lnkWhite{
    color: #ffffff;
    font-weight: bold;
    padding-left: 1.5em;
        font-size: small;
    
}
    .awesome-text-box {
    width: 140px;
    border: none;
    height: 30px; 
    border-radius: 9px 9px 9px 9px;
    margin-bottom: 0.4em;
    padding-left: 0.5em;
}
  #divLogoR2 {
   
    width: 250px;
    background-image: url(../Images/logor2.png);
    background-repeat: no-repeat;
    
    height: 3em;
    display: inline-block;
}
#divImgLog {
    margin-left: 1em;
     
    width: 200px;
    background-image: url(../Images/img_LogoTop.png);
    background-repeat: no-repeat;
    
    height: 3em;
    display: inline-block;
}
#divUserIcon {
    width: 33px;
    background-image: url(../Images/userLog.png);
    background-repeat: no-repeat;
    height: 29px;
    display: inline-block;
    background-position: center;
    position: relative;
    top: 7px;
}
#divPassIcon {
    width: 33px;
    background-image: url(../Images/psw.png);
    background-repeat: no-repeat;
    height: 29px;
    display: inline-block;
    background-position: center;
    position: relative;
    top: 7px;
}
.btnLogin
{
    margin-left: 2.2em;
    right: 1px;
    margin-top: 10px;
    background:#e4e4e4;
	width:150px;
	height: 30px; 
	color: #0099de;
	font-size: 12pt; 
	font-weight: bold; 
	border-top-color: white; 
	border-right-color:  white; 
	border-bottom-color: white; 
	border-left-color: white; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-top-style: solid; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: solid;
    background-color: white;
    cursor: pointer;
     border-radius: 9px 9px 9px 9px;
}  
.btnLoginSmall
{
    margin-left: 1.2em;
    right: 1px;
    margin-top: 10px;
    background:#e4e4e4;
	width:90px;
	height: 30px; 
	color: #0099de;
	font-size: 12pt; 
	font-weight: bold; 
	border-top-color: white; 
	border-right-color:  white; 
	border-bottom-color: white; 
	border-left-color: white; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-top-style: solid; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: solid;
    background-color: white;
    cursor: pointer;
     border-radius: 9px 9px 9px 9px;
}
}
@media(min-width: 330px) {
      a.lnkWhite{
    color: #ffffff;
    font-weight: bold;
    padding-left: 1.5em;
          font-size: small;
    
}
    .awesome-text-box {
    width: 190px;
    border: none;
    height: 30px; 
    border-radius: 9px 9px 9px 9px;
    margin-bottom: 0.4em;
    padding-left: 0.5em;
}
    #divLogoR2 {
   
    width: 200px;
    background-image: url(../Images/Logo360.png);
    background-repeat: no-repeat;
        background-size: cover;
    height: 3.8em;
    display: inline-block;
}
#divImgLog {
    margin-left: 1em;
    margin-top: 1em;
    width: 150px;
    background-image: url(../Images/img_LogoTop.png);
    background-repeat: no-repeat;
    background-size: cover;
    height:2em;
    display: inline-block;
}
#divUserIcon {
    width: 33px;
    background-image: url(../Images/userLog.png);
    background-repeat: no-repeat;
    height: 29px;
    display: inline-block;
    background-position: center;
    position: relative;
    top: 7px;
}
#divPassIcon {
    width: 33px;
    background-image: url(../Images/psw.png);
    background-repeat: no-repeat;
    height: 29px;
    display: inline-block;
    background-position: center;
    position: relative;
    top: 7px;
}
.btnLogin
{
    margin-left: 2.2em;
    right: 1px;
    margin-top: 10px;
    background:#e4e4e4;
	width:195px;
	height: 30px; 
	color: #0099de;
	font-size: 12pt; 
	font-weight: bold; 
	border-top-color: white; 
	border-right-color:  white; 
	border-bottom-color: white; 
	border-left-color: white; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-top-style: solid; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: solid;
    background-color: white;
    cursor: pointer;
     border-radius: 9px 9px 9px 9px;
}
.btnLoginSmall
{
    margin-left: 1.2em;
    right: 1px;
    margin-top: 10px;
    background:#e4e4e4;
	width:90px;
	height: 30px; 
	color: #0099de;
	font-size: 12pt; 
	font-weight: bold; 
	border-top-color: white; 
	border-right-color:  white; 
	border-bottom-color: white; 
	border-left-color: white; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-top-style: solid; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: solid;
    background-color: white;
    cursor: pointer;
     border-radius: 9px 9px 9px 9px;
}


.login {
    left: 50% !important;
    top: 50% !important;
    position: absolute !important;
    transform: translate(-50%, -50%) !important;
}