/*Extension f�r den internen Bereich*/
td {
    line-height: 1.6em!Important;
}


.tcal {
    width: 100px;
}

.labels {
    width: 40px;
}

.labelm {
    width: 75px;
    padding-left: 3px;
}
.ownrow {
    float: left!important;
    width: 100%!important;
    margin-bottom: 25px!important;
}
.nowrap {
    white-space: nowrap;
}


.warning {
    font-weight: bold;
    color: #FF0000;
}




#dbabfrage {
    font-size: 12px;
}

#dbabfrage th:nth-child(4), #dbabfrage th:nth-child(5), #dbabfrage th:nth-child(6), #dbabfrage th:nth-child(7), #dbabfrage th:nth-child(8), #dbabfrage th:nth-child(9), #dbabfrage th:nth-child(10) {
    text-align: right;
}

#dbabfrage td:nth-child(4), #dbabfrage td:nth-child(5), #dbabfrage td:nth-child(6), #dbabfrage td:nth-child(7), #dbabfrage td:nth-child(8), #dbabfrage td:nth-child(9), #dbabfrage td:nth-child(10) {
    text-align: right;
}

#dbabfrage th:nth-child(11), #dbabfrage th:nth-child(12), #dbabfrage th:nth-child(13), #dbabfrage th:nth-child(14), #dbabfrage th:nth-child(15), #dbabfrage th:nth-child(16), #dbabfrage th:nth-child(17), #dbabfrage th:nth-child(18) {
    text-align: center;
}

#dbabfrage td:nth-child(11), #dbabfrage td:nth-child(12), #dbabfrage td:nth-child(13), #dbabfrage td:nth-child(14), #dbabfrage td:nth-child(15), #dbabfrage td:nth-child(16), #dbabfrage td:nth-child(17), #dbabfrage td:nth-child(18) {
    text-align: center;

}

#dbabfrage th {
    cursor:pointer;
}


#dbabfrage_fk {
    font-size: 12px;
}

#dbabfrage_fk td:first-child, #dbabfrage_fk th:first-child {
    min-width: 150px;
    width: 200px;
}

#dbabfrage_fk th {
    cursor:pointer;
}




.userinfo {
text-align: right;
float: right;
position: relative;
top: -26px;
}

#mainContent{
    min-height: 550px!Important;

}

.rtablong .tcal, .lefttab .space-s {
    margin-top: 5px!Important;
}




#mainContent li {
    line-height: 2em;
}

#buttonrow {
    margin-top: 20px;
}

.button {
    margin-right: 5px;
}

/*+++++++++++++++++++++Listen generell+++++++++++++++++++++*/
.new {
    margin-left: 400px;
}

.print {
    margin-left: 20px;
}

#clearer {
    clear: right;
}

label {
    padding-right: 5px;
    margin-top: 5px;
}

.red {
    background-color: #FF0000!important;
    text-align: center;
 
}

.green {
    background-color: #008000!important;
        text-align: center;

} 

#dserfassen {
        vertical-align: top;
        width: 355px;
        margin-bottom: 20px;
        float: left;
        display: block;
        font-size: 0.8em;
}

#dserfassen img{
        float: right;
        padding-right: 50px!Important;
}

#dserfassen2 {
        vertical-align: top;
        width: 180px;
        margin-bottom: 20px;
        display: block;
        float: left;
        font-size: 0.8em;
}

#dserfassen2 img{
        float: right;
        padding-right: 20px!Important;
}

#dserfassen3 {
        vertical-align: top;
        width: 60px;
        margin-bottom: 20px;
        display: block;
        float: left;
        margin-left: 25px;
}

#dserfassen3 img{
        float: right;
}

.modify tr{
       height: 30px!Important;
}

.lefttab {
    width: 150px;
    vertical-align: top;
}

.rtab {
    width: 80px;
    text-align: right;
    margin-top: 2px;
    margin-right: 2px;
    margin-left: 5px;
}


.rtabshort {
    width: 150px;
    margin-top: 2px;
}


.rtabvshort {
    width: 40px;
    margin-top: 2px;
}

.rtablong {
    width: 300px;
    margin-top: 2px;
}


.light {
    background-color: #F9F9F9;
    padding-left: 10px;
}

.blank {
    padding-left: 10px;    
}


/*********************Abschluss Liste******************/

.abschluss {
    width: 620px;
    text-align: left;
}


.abschluss th:nth-child(1), .abschluss td:nth-child(1){
width: 50px;

}

.abschluss th:nth-child(2), .abschluss td:nth-child(2){
width: 320px;

}



.abschluss th:nth-child(3), .abschluss td:nth-child(3){
width: 55px;

}

.abschluss th:nth-child(4), .abschluss td:nth-child(4){
padding-left: 50px;
text-align: left;

}

/*+++++++++++++++++++++User Liste+++++++++++++++++++++*/
.user {
    font-size: 0.8em;
    width: 100%;
}
.user th {
    cursor: pointer;
}

.user th:nth-child(1), .user td:nth-child(1) {
min-width: 150px;
}

.user th:nth-child(2), .user td:nth-child(2) {
min-width: 280px;
text-align: left;
}

.user th:nth-child(3), .user td:nth-child(3) {
min-width: 260px;
text-align: left;
}

.user th:nth-child(4), .user td:nth-child(4) {
min-width: 125px;
text-align: left;
}

.user th:nth-child(5), .user td:nth-child(5) {
min-width: 100px;
text-align: left;
}

.user th:nth-child(6), .user td:nth-child(6) {
min-width: 100px;
text-align: left;
}

.user th:nth-child(7), .user td:nth-child(7), .user th:nth-child(8), .user th:nth-child(8) {
min-width: 85px;
text-align: left;
}

@media only screen and (max-width: 1500px) {
.user th:nth-child(5),
.user td:nth-child(5){display: none;}
}

@media only screen and (max-width: 1200px) {
.user th:nth-child(5), 
.user td:nth-child(5),
.user th:nth-child(6),
.user td:nth-child(6),
.stations th:nth-child(6),
.stations td:nth-child(6),
.stations th:nth-child(7),
.stations td:nth-child(7),
.stations th:nth-child(8),
.stations td:nth-child(8),
.stations th:nth-child(9),
.stations td:nth-child(9),
.stations th:nth-child(10),
.stations td:nth-child(10),
.stations th:nth-child(11),
.stations td:nth-child(11),
.stations th:nth-child(12),
.stations td:nth-child(12){display: none;}
}

@media only screen and (max-width: 850px) {
.user th:nth-child(3),
.user td:nth-child(3),
.user th:nth-child(6),
.user td:nth-child(6),
.stations th:nth-child(3),
.stations td:nth-child(3),
.stations th:nth-child(4),
.stations td:nth-child(4),
.stations th:nth-child(5),
.stations td:nth-child(5),
.stations th:nth-child(13),
.stations td:nth-child(13){display: none;}
}

/*+++++++++++++++++++++++Statistik Nr.1++++++++++++++++++++++++++*/
.stat1 {
    font-size: 0.8em;
}
.stat1 td {
background-color: #EEEEEE;
border-right: medium #F6F6F6 solid;
padding-right: 5px;
}

.stat1 th {
    cursor: pointer;
background-color: #D0D0D0;
border-right: medium #F6F6F6 solid;
padding-right: 5px;
}

.stat1 tr {
background-color: #D0D0D0;
border-bottom: medium #F6F6F6 solid;
padding-bottom: 5px;
}

.stat1 th:nth-child(1), .stat1 td:nth-child(1) {
width: 100px;
}

.stat1 th:nth-child(2), .stat1 td:nth-child(2) {
width: 150px;
text-align: right;
}

.stat1 th:nth-child(3), .stat1 td:nth-child(3) {
width: 150px;
text-align: right;
}

.stat1 th:nth-child(4), .stat1 td:nth-child(4) {
width: 150px;
text-align: right;
}

.stat1 th:nth-child(5), .stat1 td:nth-child(5) {
width: 150px;
text-align: right;
}

/*+++++++++++++++++++++++Statistik Nr.1++++++++++++++++++++++++++*/
.stat2{
    font-size: 0.8em;
}
.stat2 td {
    background-color: #EEEEEE;
    text-align: right;
border-right: medium #F6F6F6 solid;
padding-right: 5px;
}

.stat2 th {
    cursor: pointer;
    background-color: #D0D0D0;
    text-align: right;
border-right: medium #F6F6F6 solid;
padding-right: 5px;
}

.stat2 th, .stat2 td {
width: 30px;

}           


.stat2 tr {
background-color: #D0D0D0;
border-bottom: medium #F6F6F6 solid;
padding-bottom: 5px;
}

                           
.stat2 th:nth-child(1), .stat2 td:nth-child(1) {
width: auto;
white-space: nowrap;
text-align: left;
}

.stat2 th:nth-child(2), .stat2 td:nth-child(2) {
width: 50px;
text-align: right;
}


.trbold {
    font-weight: bold;

}

.trbold td{
    font-weight: bold;
    background-color: #DEDEDE;
}

.trboldlast td{
    font-weight: bold;
    background-color: #D0D0D0;
}



/*+++++++++++++++++++++Stations Liste+++++++++++++++++++++*/


#toolbar {
    display: inline-block;
}

.stations {

    font-size: 0.8em;
    width: 100%!Important;
}

.stations td {
    	vertical-align: top!Important;
}

.stations th {
    cursor: pointer;
} 
 
.stations th:nth-child(1), .stations td:nth-child(1) {
min-width: auto;
text-align: left!Important;
}

.stations th:nth-child(2), .stations td:nth-child(2) {
min-width: auto;
text-align: left;
}

.stations th:nth-child(3){
min-width: 50px;
text-align: right!Important;
padding-right: 5px;
}

.stations td:nth-child(3){
min-width: 50px;
text-align: right;
padding-right: 5px;
}

.stations th:nth-child(4){
min-width: 50px;
text-align: right!Important;
padding-right: 5px;
}

.stations td:nth-child(4){
min-width: 50px;
text-align: right;
padding-right: 5px;
}

.stations th:nth-child(5){
min-width: 80px;
text-align: right!Important;
padding-right: 5px;
border-right: thick solid white;
}

.stations td:nth-child(5){
min-width: 80px!Important;
text-align: right;
padding-right: 5px;
border-right: thick solid white;
white-space: nowrap;  
}

.stations th:nth-child(6), .stations th:nth-child(7), .stations th:nth-child(8), .stations th:nth-child(9), .stations th:nth-child(10), .stations th:nth-child(11), .stations th:nth-child(12), .stations th:nth-child(13), .stations th:nth-child(14){
width: 45px;
text-align: center;
border-right: thick solid white;
}

.stations td:nth-child(6), .stations td:nth-child(7), .stations td:nth-child(8), .stations td:nth-child(9), .stations td:nth-child(10), .stations td:nth-child(11), .stations td:nth-child(12), .stations td:nth-child(13), .stations td:nth-child(14){
width: 45px;
text-align: center;
border-right: thick solid white;
}


.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;
 
    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}



/*+++++++++++++++++++++Daten Liste+++++++++++++++++++++*/

.data {
    font-size: 0.8em;
}

.data th {
    cursor: pointer;
}

.data th:nth-child(1), .data td:nth-child(1) {
width: 130px;
white-space: nowrap;
}

.data th:nth-child(2), .data td:nth-child(2) {
width: auto;
text-align: left;
white-space: nowrap;

}

.data th:nth-child(3), .data td:nth-child(3){
width: 40px;
text-align: right;

}

.data th:nth-child(4), .data td:nth-child(4){
width: 55px;
text-align: right;

}

.data th:nth-child(5), .data td:nth-child(5){
width: 55px;
text-align: right;
white-space: nowrap;

}
.data th:nth-child(6), .data td:nth-child(6){
width: 55px;
text-align: right;

}
.data th:nth-child(7), .data td:nth-child(7){
width: 55px;
text-align: right;

}

.data th:nth-child(8), .data td:nth-child(8){
width: 55px;
text-align: right;

}
.data th:nth-child(9), .data td:nth-child(9){
width: 55px;
text-align: right;

}

.data th:nth-child(10), .data td:nth-child(10){
width: 55px;
text-align: right;

}

.data th:nth-child(11), .data td:nth-child(11){
width: 55px;
text-align: right;

}

.data th:nth-child(12), .data td:nth-child(12){
width: 55px;
text-align: right;

}

.data th:nth-child(13){
width: 30px;
text-align: right;

}

.data td:nth-child(13){
width: 30px;
text-align: left;
padding-left: 20px;
}


.data th:nth-child(14), .data td:nth-child(14){
width: 40px;
text-align: center;
}

@media only screen and (max-width: 1500px) {
.data th:nth-child(4),
.data td:nth-child(4),
.data th:nth-child(14),
.data td:nth-child(14){display: none;}
}

@media only screen and (max-width: 1300px) {
.data th:nth-child(8),
.data td:nth-child(8),
.data th:nth-child(9),
.data td:nth-child(9),
.data th:nth-child(10),
.data td:nth-child(10),
.data th:nth-child(11),
.data td:nth-child(11){display: none;}
}

@media only screen and (max-width: 950px) {
.data th:nth-child(3),
.data td:nth-child(3),
.data th:nth-child(4),
.data td:nth-child(4),
.data th:nth-child(5),
.data td:nth-child(5),
.data th:nth-child(6),
.data td:nth-child(6),
.data th:nth-child(7),
.data td:nth-child(7),
.data th:nth-child(12),
.data td:nth-child(12),
.data td:nth-child(14),
.data th:nth-child(14){display: none;}
}



/*+++++++++++++++++++++Daten_R91 Liste+++++++++++++++++++++*/

.data_r91 th {
    cursor: pointer;
}

.data_r91 th:nth-child(1), .data_r91 td:nth-child(1) {
width: 150px;
white-space: nowrap;
}

.data_r91 th:nth-child(2), .data_r91 td:nth-child(2) {
width: 55px;
text-align: right;
}

.data_r91 th:nth-child(3), .data_r91 td:nth-child(3){
width: 55px;
text-align: right;

}

.data_r91 th:nth-child(4), .data_r91 td:nth-child(4){
width: 55px;
text-align: right;

}

.data_r91 th:nth-child(5), .data_r91 td:nth-child(5){
width: 55px;
text-align: right;
white-space: nowrap;

}
.data_r91 th:nth-child(6), .data_r91 td:nth-child(6){
width: 55px;
text-align: right;

}
.data_r91 th:nth-child(7), .data_r91 td:nth-child(7){
width: 50px;
text-align: right;

}

.data_r91 th:nth-child(8), .data_r91 td:nth-child(8){
width: 55px;
text-align: right;

}
.data_r91 th:nth-child(9), .data_r91 td:nth-child(9){
width: 55px;
text-align: right;

}

.data_r91 th:nth-child(10), .data_r91 td:nth-child(10){
width: 55px;
text-align: right;

}

.data_r91 th:nth-child(11), .data_r91 td:nth-child(11){
width: 55px;
text-align: right;

}

.data_r91 th:nth-child(12), .data_r91 td:nth-child(12){
width: 35px;
text-align: right;

}

.data_r91 th:nth-child(13), .data_r91 td:nth-child(13){
width: 40px;
text-align: center;
}

.data_r91 th:nth-child(14), .data_r91 td:nth-child(14){
width: 20px;
text-align: left;
}

.data_r91 th:nth-child(15), .data_r91 td:nth-child(15){
width: 20px;
text-align: left;
}
.data_r91 th:nth-child(16), .data_r91 td:nth-child(16){
width: 20px;
text-align: left;
}

@media only screen and (max-width: 1100px) {
.data_r91 th:nth-child(9),
.data_r91 td:nth-child(9),
.data_r91 th:nth-child(10),
.data_r91 td:nth-child(10),
.data_r91 th:nth-child(11),
.data_r91 td:nth-child(11),
.data_r91 th:nth-child(12),
.data_r91 td:nth-child(12){display: none;}
}

/*+++++++++++++++++++++Bildarchiv+++++++++++++++++++++*/

.fig_gal {
    float: left;
    margin: 30px 10px 0 20px;
    height: 315px;
    width: 250px;
    -webkit-box-shadow:8px 8px 16px #666;
    -khtml-box-shadow:8px 8px 16px #666;
    -moz-box-shadow:8px 8px 16px #666;
    box-shadow:8px 8px 16px #666;
    
    -webkit-border-radius: 8px 8px 8px 0px;
    -khtml-border-radius: 8px 8px 8px 0px;
    -moz-border-radius: 8px 8px 8px 0px;
    border-radius: 8px 8px 8px 0px;    
    

}

.clearleft {
    clear: left;
    margin-left: 20px;
}

.fig_gal img {
    width: 100%;
    display: block;
}

.fig_gal h3{
    padding-left: 2px;
}

.ntsc {
    margin-top: 35px;
}

.figcap {
     padding-left: 2px;
     padding-top: 3px;
     display: block;
     margin-top: 0;
}

.ntscb{
     margin-top: 13px!Important;
}

.text_td {
    padding-left: 20px;
}

/*+++++++++++++++++++++Meteor Daten+++++++++++++++++++++*/

.span {
    display: inline;
}



/*+++++++++++++++++++++Meteor Daten+++++++++++++++++++++*/

.warnung {
    font-weight: bold;
    color: #FF0000;
}

.metdat{
    font-size: 0.8em;
}

.metdat td:nth-child(1) {
width: 100px;

}

 .metdat td:nth-child(3), .metdat td:nth-child(5) {
width: 65px;
padding-left: 30px;
}

.metdat  td:nth-child(2), .metdat td:nth-child(4), .metdat td:nth-child(6) {
width: 130px;
text-align: right;
}


/*+++++++++++++++++++++Meteor Daten Print+++++++++++++++++++++*/
.printdat {
    font-size: 0.8em;
}

.printdat td:nth-child(1) {
width: 60px;

}

 .printdat td:nth-child(3), .printdat td:nth-child(5) {
width: 90px;
padding-left: 30px;
}

.printdat  td:nth-child(2), .printdat td:nth-child(4), .printdat td:nth-child(6) {
width: 85px;
text-align: right;
}



/*++++++++++++++++Export+++++++++++++++++++++++++++++++*/

#exportbutton {
    position: relative;
    top: 0;
    left: 0;
}

	


.linkbutton {
	padding:1.7px 20px!Important;    
}
/*+++++++++Stylesheet for Tigra Calendar v5.0++++++++++*/


/* input box in default state */
.tcalInput {
	background: url('http://www.meteorastronomie.ch/fmadat/images/cal.gif') 100% 50% no-repeat;
	padding-right: 20px;
	cursor: pointer;
	background-color: #FFFFFF;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
	background-image: url('http://www.meteorastronomie.ch/fmadat/images/no_cal.gif');
}
/* container of calendar's pop-up */
#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 170px;
	background-color: white;
	margin-top: 2px;
	padding: 0 2px 2px 2px;
	border: 1px solid silver;

}

/* table containing navigation and current month */
#tcalControls {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
#tcalControls td {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	width: 16px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#tcalControls th {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	white-space: nowrap;
}
#tcalPrevYear { background-image: url('http://www.meteorastronomie.ch/fmadat/images/prev_year.gif'); }
#tcalPrevMonth { background-image: url('http://www.meteorastronomie.ch/fmadat/images/prev_mon.gif'); }
#tcalNextMonth { background-image: url('http://www.meteorastronomie.ch/fmadat/images/next_mon.gif'); }
#tcalNextYear { background-image: url('http://www.meteorastronomie.ch/fmadat/images/next_year.gif'); }

/* table containing week days header and calendar grid */
#tcalGrid {
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
}
#tcalGrid th {
	border: 1px solid silver;
	border-collapse: collapse;
	padding: 3px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	background-color: gray;
	color: white;
}
#tcalGrid td {
	border: 0;
	border-collapse: collapse;
	padding: 2px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	width: 14%;
	font-size: 11px;
	cursor: pointer;
}
#tcalGrid td.tcalOtherMonth { color: silver; }
#tcalGrid td.tcalWeekend { background-color: #ACD6F5; }
#tcalGrid td.tcalToday { border: 1px solid red; }
#tcalGrid td.tcalSelected { background-color: #FFB3BE; }

.tcal {
    width: 90px;
}                

/*+++++++++++++++++++++User Liste Print CSS+++++++++++++++++++++*/

@media print {
    body {
        background: none;    
    }

    .shorttable {page-break-before: always;} 
    
    #Abfragemaske{
        display: none;
    }  
    
    #container {
        border: 0px!Important;
        width: 95%!Important;
        margin-top: 50px!Important;
        margin-left: 30px!Important;        
    } 

    .hideprint {
        display: none;
    }  
    
    #dserfassen, #dserfassen2, #sidebar1, #toolbar td, #header, #clearer, #footer, .clearfloat, .user th:nth-child(7), .user td:nth-child(8), .user th:nth-child(7), .user td:nth-child(8), .user th:nth-child(9), .user td:nth-child(9),
    button, /* Cible les balises <button> */
    .button, /* Cible votre ancienne classe */
    .btn, .btn-default, .btn-primary, /* NOUVEAU : Cible les classes Bootstrap */
    input, 
    .hide 
    {
        display: none;
    }

    input {
        display: inline-block;
    }

    * {
        border: none;
        border: 0px;
    }

    .marginl25 {
        margin-left: 25px;
    }

    .metimage {
        width: 450px;
    }
    .user td, .user th {
        white-space:nowrap;
        padding-right: 10px;

    }

    .table-striped td, .table-striped th {
        border: thin solid silver!Important;
    }

    .table-striped th {
        background-color: #D0D0D0!Important;
    }

    .printtbl {
        width: 500px;
    }

    .printcol {
        width: 350px;
    }



    THEAD {display: table-header-group}

    #mainContent, #container, .twoColHybLtHdr, html, body .twoColHybLtHdr {

        margin-left: -100px;
    /*   margin-top: -30px;  */
        border: none;

    }    


    
    input[type="checkbox"] {
        display: inline;
        margin-left: 5px;
    } 
} 

/*+++++++++++++++++++++Stations Liste+++++++++++++++++++++*/


#toolbar {
    display: inline-block;
}
.stations {
    line-height: 1.5em;
}

.stations a {
  text-decoration: underline!Important;
}

.stations th {
    cursor: pointer;
}

.stations th:nth-child(1), .stations td:nth-child(1) {
width: 75px;
}

.stations th:nth-child(2), .stations td:nth-child(2) {
width: 275px;
text-align: left;
}

.stations th:nth-child(3){
width: 50px;
text-align: left;
padding-right: 20px;
}

.stations td:nth-child(3){
width: 50px;
text-align: right;
padding-right: 20px;
}

.stations th:nth-child(4){
width: 50px;
text-align: left;
padding-right: 20px;
}

.stations td:nth-child(4){
width: 50px;
text-align: right;
padding-right: 20px;
}

.stations th:nth-child(5){
width: 50px;
text-align: left;
padding-right: 20px;
}

.stations td:nth-child(5){
width: 50px;
text-align: right;
padding-right: 20px;
}

#detailremark {
    max-width: 1100px;
    /*min-width: 500px;*/
}

h3 {
    border-bottom: 1px solid black;
    display: block;
    margin-bottom: 7px;
    padding-bottom: 2px;

}

img {
    margin-right: 5px;
    margin-top: 5px;
}

td {
    margin-right: 5px;
    margin-top: 5px;    
}


.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}

/*****************************************************Upload*********************************/

input[type="file"] {
    display: inline-block!Important;
}


/* NOUVEAUX STYLES: Positionnement des indicateurs de validation (force et confirmation) */
.validation-icon {
    position: absolute !important;
    right: 35px; /* Décaler à gauche de l'icône Oeil (qui est à 1px + sa largeur) */
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    z-index: 11; /* Au-dessus de l'icône Oeil */
    text-align: center;
    line-height: 20px;
    font-size: 16px; 
    margin-top: 20px !important;
}

.validation-icon .glyphicon {
    font-weight: bold;
}

.text-success { color: green !important; }
.text-danger { color: red !important; }

/* AJUSTEMENT DU PADDING pour éviter le chevauchement avec les icônes */
.input-group input[type="password"] {
    /* Augmenter le padding pour laisser de la place à la nouvelle icône de validation (20px + 35px = 55px total) */
    padding-right: 60px !important; 
    box-sizing: border-box; 
}

/* 1. Styles du Toggle password */
.toggle-password {
	cursor: pointer;
	color: #555;
	transition: color 0.1s;
}
.toggle-password:hover {
	color: #333;
}

/* 2. Positionnement absolu pour l'icône dans la TD */
.input-group {
	position: relative; /* Base pour l'absolute */
	display: block; /* S'assurer qu'il ne flotte pas étrangement dans la TD */
}

/* 3. Fixe la taille de l'icône elle-même (pour éviter les sauts minimes de Glyphicons) */
.input-group-addon i {
	display: block; 
	width: 1em; 
	height: 1em; 
	text-align: center;
	/* Ajout de !important pour s'assurer que les icônes ne sautent pas */
	font-size: 14px !important; 
    margin-top: 10px !important;
}

/* 4. L'ADDON (l'oeil) : Le placer et le styliser */
.input-group-addon {
    position: absolute !important; 
    right: 1px !important; 
    
    /* Centrage parfait garanti par top et transform */
    top: 50% !important; 
    transform: translateY(-50%); 
    
    height: 100% !important;
    width: 20px !important; /* Garder cet espace fixe, même si l'icône grandit */
    padding: 0 !important; 
    background: none !important;
    border: none !important;
    z-index: 10;
    
	/* Centrage du Glyphicon */
	/* display: flex !important;   */
	align-items: center !important;
	justify-content: center !important;
}


.input-group-date-time {
    display: inline-flex;
    gap: 5px; /* Petit espace entre date et heure */
}
.rtablong {
    width: 250px; /* Conserver la largeur pour le champ titre/select */
}
.date-time-field {
    width: 150px; /* Largeur fixe pour le champ date/heure */
    display: inline-block;
}

/* Règle générale pour TOUS les inputs dans les .input-group */
.input-group input.form-control {
    /* * Assure une largeur constante et complète 
     * (l'input est un enfant du div.col-*-*, qui lui donne sa largeur maximale) 
     */
    width: 100% !important; 
    box-sizing: border-box;

    /* Assurez-vous que le padding pour l'icône est appliqué ici. 
       Utilisez la valeur de votre fichier CSS pour l'icône, souvent 35px à 60px. */
    padding-right: 60px !important; 
}

/* masque les champs aux humains pour identifier les bots */
#hp_field {
    display: none !important;
    visibility: hidden;
    position: absolute; /* Mesure supplémentaire */
    left: -5000px;
}