@charset "UTF-8";


.entete{

    height:120px;
    width: 100%;
    background-color: #ffffff;
    border-style: solid;
    border-color: #000000;
    border-width: 0px;
    border-bottom-style:solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
}
.logo{
    float:left;
    margin: 10px;
    background-image: url("/images/tennis/Faculte.png");
    width:398px;
    height:67px ;
}

.titre{
    background-image: url("/images/tennis/titrecours.png");
    background-repeat: no-repeat;
    width:370px;
    height:50px;
    position: absolute;
    left:550px;
    top:30px;
}

.logo400{
    background-image: url("/images/tennis/40-0logoGris.jpg");


    height:25px;

}
.menuadmin{
    background-color: #dddddd;
    width: 100%;
    height:20px;
    position:absolute;
    top: 100px;


}
.menu{
    position:absolute;
    top:125px;
    width:250px;

    margin-left: 5px;
    padding-top:0px;

    border-right-style:solid;
    border-right-width: 4px;
    border-right-color: #eeeeee;
   bottom: 30px;

}
.content{
    position:absolute;
    left:15px;
    top:125px;
   width:95%;
   padding-bottom: -125px;
    margin-top:0px;



}
.iframecontent{

    height:500px;
}

.footer{
    background-color: #dddddd;
    width: 100%;
    height:30px;
    position:fixed;
    bottom: 0px;

}
.footer #txtfooter{
    margin-left: 20px;
    margin-top: 5px;
}

.tableusers table  {
    width: 800px;
}
.tableautocs table  {
    width: 1000px;
}
.tableaucours2 table  {

    width: 98%;
    margin-left:6px;
}
.tableusers table,
.tableautocs table,
.tableaucours table,
.tableaucours2 table{
    border-width: 2px;
    border-color:#000000;
    border-style:solid;
    background-color: #eeeeee;
    box-shadow: 10px 10px 5px #888888;
    margin-bottom: 50px;
}
.tableusers table tr td,
.tableautocs table tr td,
.tableaucours table tr td,
.tableaucours2 table tr td{
    border-width: 1px;
    border-color:#000000;
    border-style:solid;
    padding:2px;

}
.tableaucours table tr td input {
    width:50px;
}
.tableaucours table tr td input[name=nom],
.tableaucours table tr td input[name=url]{
    width:250px;
}
.tableaucours table tr td input[name=complet]{
    width:200px;
}

.manquant{
    color:red;
    width:100px;
}
.tableusers table tr td input {
    width:100px;
}
.tableautocs table tr td input[name=parentid],
.tableautocs table tr td input[name=ordre],
.tableautocs table tr td input[name=publie],
.tableusers table tr td input[name=pilote],
.tableusers table tr td input[name=statut]{
    width:30px;
}
.tableusers table tr td input[name=notes]{
    width:200px;
}
.tableusers .header{
    font-weight: bold;
}

.header,
.tableaucours .header,
.tableaucours2 .header{
    font-weight: bold;
    margin-left: 4px;
    margin-right: 4px;
}
.tableaucours2 td p{
    margin:0px;
    padding:0px;
}

.blocT{
    width:300px;
    margin:0px;
    padding:0px;
    left:50px;
}
.blocT p input{

    left:50px;
    position:absolute;
    width:140px;
}

.tableaucours2 table tr td p input[name=ordre]{
    width:40px;
}

.tableaucours2 table tr td p input[name=IdInsert]{
    width:100px;
}


.blocB {

    width:240px;
}

.blocB p input{
    margin:0px;
    padding:0px;
    width:140px;
    }
.blocN input{

    width:300px;
    height:50px;
}

.tight{
    border-left: 0px;
    border-right:0px;
    border-top:0px;
    border-bottom: 25px solid #eeeeee;
    display: inline;



}


.deletebt{
    background-image:url("/images/delete20.png") ;

    width:20px;
    height:20px;

    padding: 0px;
   display: inline-block;


}
.deletebt:hover{
    cursor:pointer;
}


.editbt{
background-image:url("/images/crayon20.png") ;

    width:20px;
    height:20px;
    padding: 0px;
   display: inline-block;


}
.editbt:hover{
    cursor:pointer;
}
.buttons{

    height:30px;
    width:60px;



}
.savebt{
    background-image:url("/images/voir20.png") ;

    width:20px;
    height:20px;
    padding: 0px;
   display: inline-block;
   border:none;

  margin: 0px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.savebt:hover{
    cursor:pointer;
}

.checkbt{
    background-image:url("/images/save20.png") ;

    width:20px;
    height:20px;
    padding: 0px;
   display: inline-block;
   border:none;

  margin: 0px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.checkbt:hover{
    cursor:pointer;
}

.newbt{
    background-image:url("/images/add.png") ;
    background-color: #eeeeee;
    color:#FFFFFF;
    width:30px;
    height:30px;
    padding: 0px;
    border-width: 0px;
    border-style:none;
}
.newbt:hover{
    cursor:pointer;
}
.msgerreur{
    color:#ff0000;
    font-size:x-large;
    font-weight: bold;
    height:40px;
}
.clsmenu{
    position: relative;
    left:-35px;
}

.clsmenu ul{
    list-style: none;
    margin: 0px;

}

.clsmnuclose{
    display:none;
}
.clsmnuopen{
    display:block;
}
.current{
    display:block;
}

.ListStyle
{
    margin: 0px;

	list-style-type:none;


}
.ListPosition{
	position:relative;
	left:-40px;
	top:5px;
	}

.texte
{

    FONT-SIZE: 12px;
    COLOR: #000000;

    font-family:  Helvetica,Arial, sans-serif;
    TEXT-DECORATION: none;

}


.divStyle {
    width:500px;
    height:20px;

    display :none;
    margin:0px auto;
}
.divStyleMenu {
    width:500px;
    height:5px;
    left:10px;
    display :none;
    margin:0px auto;
}
.Bienvenue{
    font-size: small;
    float:right;
    margin-right: 10px;
    margin-top: 2px;
    width:180px;
    text-align: center;
    border-color: #bbbbbb;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    background-color: #f1f1f1;


}

.clsmnulegende{
    font-size: small;
    position:absolute;
    left:154px;
    margin-right: 2px;
    margin-top: 2px;
    width:130px;
    text-align: center;
    border-color: #bbbbbb;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    background-color: #f1f1f1;



}
.clsmnuIMM{
    font-size: small;
    position:absolute;
    left:288px;
    margin-right: 2px;
    margin-top: 2px;
    width:130px;
    text-align: center;
    border-color: #bbbbbb;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    background-color: #f1f1f1;


}


.clsmnutableau{
    font-size: small;
    position:absolute;
    left:20px;
    margin-right: 2px;
    margin-top: 2px;
    width:130px;
    text-align: center;
    border-color: #bbbbbb;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    background-color: #f1f1f1;



}
.Bienvenue:hover,
.clsmnulegende:hover,
.clsmnutableau:hover,
.clsmnuIMM:hover{
    cursor:pointer ;
    background-color:#777777 ;
    color:#FFFFFF;

    border-color: #ffffff #000000 #000000 #ffffff;
    border-width: 1px;
    border-style: solid;
}


.LogMessage{
    color: #ff0000;
    font-size: large;
}
.logintitle{
    font-size:xx-large;
    font-weight:normal;

}
.TypeT{
	min-width:200px;
    font-size:12px;
    font-weight:bold;
    font-family:arial;


}
.TypeTitre{

	font-size: large;
}
.TypeN{
    min-width:200px;
    font-size:12px;



}
.TypeNote{
    font-size:12px;

}
.TypeE{
    width:70px;
	height:60px;




}
.TypeEtapeA{
	height:18px;
	margin:0px;
    padding: 0px;
    text-align: center;
    cursor:pointer;
    font-size:12px;



}
.TypeEtapeB{
	height:20px;
margin:0px;
    padding: 0px;
    text-align: center;
    font-size:10px;

}
.TypeEtapeC{
	height:20px;
margin:0px;
    padding: 0px;
    text-align: center;
    font-size:10px;

}
#messageBox{
    border-right: 1px solid #000000;
    position: absolute;
    padding-left: 4px;
    width: 217px;
    height: 20px;
    z-index: 10;
    background-color:#FFFF00 ;
    border-style: solid;
    border-width: 1px;
    display:none;
}
.numCours{
    color: #ff0000;
    font-weight: bold;
}
.ombre{

    border-color:#000;
    border-width:1px;
    border-style:solid;
    box-shadow:10px 10px 5px #888888;
    background-color: #FFFFFF;
}
.ombresm{
    border-color:#000;
    border-width:0px;
    border-style:solid;
    box-shadow:5px 5px 5px #888888;
}
.titrecentre{
    margin-top: -30px;
 text-align: center;

 width:70%;

}
.reservCell {
text-align: center;
border-color: #bbbbbb;
border-width: 1px;
border-style: solid;
border-radius: 4px;
background-color: #C9C9C9;
font-size: 8px;
 font-weight:bold;
 padding:0px;
 margin:0px;
 height:100%;

}
.reservCell:hover{
    transform: scale(1.2);
    border-color: #000000;
   border-width: 1px;
   border-style: solid;
   border-radius: 0px;
   }

 .Libre,.libre{
    background-color: #abccb0;
    background-repeat:no-repeat;
    background-size: 100% 100%;
}
.Libre.Tennis{
    background-image:url(/images/tennis/terrainvert.jpg) ;
    }
.Libre.Badminton{
    background-image:url(/images/tennis/badmintonVert.png) ;
}
.Libre.Pickleball{
    background-image:url(/images/tennis/PickleballVert.jpg) ;
    }
.Libre.Basketball{
    background-image:url(/images/tennis/BasketVert.jpg) ;
    }
.Libre.Medecin{
    background-image:url(/images/tennis/medecinVert.png) ;
    }
.Libre.Chiropratique{
    background-image:url(/images/tennis/chiroVert.png) ;
    }
.Libre.Comptable{
    background-image:url(/images/tennis/comptableVert.png) ;
    }



.reserve{
    background-color: #f7a070;
    background-repeat:no-repeat;
    background-size: 100% 100%;
}
.reserve.Badminton{
    background-image:url(/images/tennis/badmintonOrange.png) ;
    }
.reserve.Tennis{
    background-image:url(/images/tennis/terrainorange.jpg) ;
    }
.reserve.Pickleball{
    background-image:url(/images/tennis/PickleballOrange.jpg) ;
    }
.reserve.Basketball{
    background-image:url(/images/tennis/BasketOrange.jpg) ;
    }
.reserve.Medecin{
    background-image:url(/images/tennis/medecinOrange.png) ;
    }
.reserve.Chiropratique{
    background-image:url(/images/tennis/chiroOrange.png) ;
    }
.reserve.Comptable{
    background-image:url(/images/tennis/comptableOrange.png) ;
    }


.ferme{
    background-color: #C9C9C9;
    background-repeat:no-repeat;
    background-size: 100% 100%;
}
.ferme.Badminton{
    background-image:url(/images/tennis/badmintonGris.png) ;
    }
.ferme.Tennis{
    background-image:url(/images/tennis/terraingris.jpg) ;
    }
.ferme.Pickleball{
    background-image:url(/images/tennis/PickleballGris.jpg) ;
    }
.ferme.Basketball{
    background-image:url(/images/tennis/BasketGris.jpg) ;
    }
.ferme.Medecin{
    background-image:url(/images/tennis/medecinGris.png) ;
    }
.ferme.Chiropratique{
    background-image:url(/images/tennis/chiroGris.png) ;
    }
   .ferme.Comptable{
        background-image:url(/images/tennis/comptableGris.png) ;
        }

.nomember{
    background-color: #C9C9C9;
    background-repeat:no-repeat;
    background-size: 100% 100%;
}
.nomember.Badminton{
    background-image:url(/images/tennis/badmintonRouge.png) ;
    }
.nomember.Tennis{
    background-image:url(/images/tennis/terrainrouge.jpg) ;
    }
.nomember.Pickleball{
    background-image:url(/images/tennis/PickleballRouge.jpg) ;
    }
.nomember.Basketball{
    background-image:url(/images/tennis/BasketRouge.jpg) ;
    }
.nomember.Chiropratique{
    background-image:url(/images/tennis/chiroRouge.png) ;
    }
.nomember.Comptable{
    background-image:url(/images/tennis/comptableRouge.png) ;
    }


.ListeDate{
position:relative;
top:-10px;
left:0px;
 font-weight:bold;
 text-align: center;

}
.PosCalendrier{
position:relative;
top:-15px;
}

.plage_court{
width:10%;
height:40px;
text-align: center;

}
.plage_text{
width:1%;
max-width: 27px;

}
.plage_text div{
    position: relative;
    top: 0px;
    left:-3px;
    text-align: center;
     font-weight:bold;
     font-size: 10px;
     margin:0px;
padding:0px;
width:27px;
}
.tablejour{
background-color: #EEEEEE;
border-color: #000000;
border-width: 1px;
border-style: solid;
border-radius: 4px;
margin-bottom:15px;
}
.plage_check{
width:9%;
height:20px;
text-align: center;
}

.tableassign{
background-color: #EEEEEE;
border-color: #000000;
border-width: 1px;
border-style: solid;
margin-bottom:15px;
font-size: 12px;
font-weight:normal;
vertical-align: middle;
width:100%;


}
.tableassign td {
width:50%;
    height:25px;
    padding:0px;
    margin:0px;
border: 1px;
border-style:dotted;
font-weight:normal;


}

.tableassign th {

font-weight:bold;
text-align: center;
border-width: 1px;
border-style: solid;


}
.centertext{
  text-align: center;
}

.ninepcent{

   width:9%;
}
.fivepcent{
   width:5%;
}

.reservTerrain{
    text-align: center;
    vertical-align: middle;
    border-color: #bbbbbb;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    background-color: #abccb0;
    background-image:url(/images/tennis/terrainvert.jpg) ;
    background-repeat:no-repeat;
    background-size: 100% 100%;
    font-size: 8px;
    font-weight:bold;
    padding:0px;
    margin:0px;
     box-shadow:5px 5px 5px #888888;
     max-width: 130px;
     color:rgba(0, 0, 0, 1)
}

.reservTerrain:hover{
    transform: scale(1.3);
    border-color: #000000;
border-width: 1px;
border-style: solid;
border-radius: 0px;
   }

.reservChiro{
    text-align: center;
    vertical-align: middle;
    border-color: #bbbbbb;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    background-color: #C9C9C9;
    font-size: 8px;
    font-weight:bold;
    padding:0px;
    margin:0px;
     box-shadow:5px 5px 5px #888888;
     max-width: 130px;
     color:rgba(0, 0, 0, 1)



}
.typehover{
    color:rgba(0, 0, 0, 0)
}
.typehover:hover{
    color:rgba(0, 0, 0, 1)
}

.reservChiro:hover{
    transform: scale(1.2);
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    border-radius: 0px;
    color:rgba(0, 0, 0, 1)
    }

    .btneditgrille{
    margin:10px 10px 0px 0px;
    padding:3px;
    border-radius: 4px;
    border-color: #bbbbbb;
    border-width: 1px;
    border-style: solid;
    box-shadow:5px 5px 5px #888888;
    color:#000000;
    font-size:12px;


    }



    .TxtLogin{


        left:10px;
         height:auto;
         width:100%;
         border-width: 2px;
         border-radius: 20px;
         border-color: #1f9e98;
         border-style: solid;
         padding: 15px;
         margin-top: 30px;
         background-color: rgba(235, 255, 252, 0.795);
         z-index: 1;
        }


        .TxtReservation{
            left:10px;
             height:auto;
             max-width:440px;
             width:95%;
             border-radius: 20px;
             padding: 5px;
             margin-top: 13px;
             margin-left:10px;
             background-color: #F1F1F1;
             z-index: 1;
             box-shadow:5px 5px 5px #888888;
            }

    .TxtLeblanc{
        left:10px;
         height:auto;
         max-width:440px;
         width:95%;
         border-width: 1px;
         border-radius: 20px;
         border-color: #abccb0;
         border-style: solid;
         padding: 5px;
         margin-top: 13px;
         margin-left:10px;
         background-color: #F1F1F1;
         z-index: 1;
         box-shadow:5px 5px 5px #888888;
        }
        .logoReserv{

        float:left;
         max-width:200px;
         width:100%;
         border-width: 1px;
         border-radius: 0px;
         border-style: solid;
         border-color:black;
         padding: 0px;
         margin-top: 0px;
         z-index: 1;
         box-shadow:5px 5px 5px #888888;


     }
     .modifybt{
        background-image:url("/images/Modify.gif") ;

            width:16px;
            height:16px;
            padding: 0px;
           display: inline-block;

          margin: 0px;
          font-size: 14px;
          font-weight: normal;
          line-height: 1.42857143;
          text-align: center;
          white-space: nowrap;
          vertical-align: middle;
          -ms-touch-action: manipulation;
              touch-action: manipulation;
          cursor: pointer;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;

        }
        .modifybt:hover{
            cursor:pointer;
        }



        .clearstyle{
            all: unset;

          }

          .meteobloc{
              overflow-x:scroll;
              overflow-y:hidden;
              width:100%px;
              height:165px;
              white-space:nowrap;

          }

          .meteofor{
              width:140px;
              height:140px;
              display:inline-block ;
              border-width: 1px;
              border-radius: 10px;
              border-color: #a19ed1;
              border-style: solid;
              padding: 12px;
              margin-top: 0px;
              margin-right: 3px;
              background-color: #F1F1F1;
          }
          .bannerimages{

              max-width:300px;
              margin:10px;

              border-style:solid;
              border-color:black;
              border-width: 1px;
              box-shadow: 7px 7px #888888;
          }
          .footpage{
              position: relative;
            bottom: 0;
            width: 100%;
            height: 50px;
              text-align: center;

          }

          .allButFooter {
              min-height: calc(100vh - 40px);
          }

          /* Customize the label (the container) */
          .radiocontainer {
              display: block;
              position: relative;
              padding-left: 35px;
              margin-bottom: 6px;
              cursor: pointer;
              font-size: 20px;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none;
            }

            /* Hide the browser's default radio button */
            .radiocontainer input {
              position: absolute;
              opacity: 0;
              cursor: pointer;
              height: 0;
              width: 0;
            }

            /* Create a custom radio button */
            .checkmark {
              position: absolute;
              top: 0;
              left: 0;
              height: 25px;
              width: 25px;
              background-color: rgb(219, 219, 219);
              border-radius: 50%;
            }


            /* On mouse-over, add a grey background color */
            .radiocontainer:hover input ~ .checkmark {
              background-color: rgb(199, 199, 199);
            }

            /* When the radio button is checked, add a blue background */
            .radiocontainer input:checked ~ .checkmark {
              background-color: #2196F3;
            }

            /* Create the indicator (the dot/circle - hidden when not checked) */
            .checkmark:after {
              content: "";
              position: absolute;
              display: none;
            }

            /* Show the indicator (dot/circle) when checked */
            .radiocontainer input:checked ~ .checkmark:after {
              display: block;
            }

            /* Style the indicator (dot/circle) */
            .radiocontainer .checkmark:after {
              top: 9px;
              left: 9px;
              width: 8px;
              height: 8px;
              border-radius: 50%;
              background: white;
            }
            .posimagesubmitbutton{

              position:absolute;
              top:400px;
              width:100%;
              text-align: center;
              margin-left:100px;
            }


            .floating-menu {
              font-family: sans-serif;
              background: #3a3a3a;
              padding: 10px;
              width: 190px;
              z-index: 100;
              position: fixed;
              top: 370px;
              right: 100px;
              border-radius:10px;

            }

            .floating-menu a {
              font-size: 0.9em;
              display: block;
              margin:  0.5em;
              color: white;
              padding-left: 15px;

              border:1px;
              border-style:solid;
            }
            .floating-menu h3 {
              font-size: 1.3em;
              display: block;
              margin: 0 0.5em;
              color: white;
            }

            .imagerss{
              float:left;
              margin-right:10px;
              box-shadow: 3px 3px #888888;
              width:200px;
            }
            #descrip div div div img{

              width:100%;
              height:auto;
            }





          .video-container {
              position:relative;
              padding-bottom:51%;
              padding-top:25px;
              height:0;
              overflow:hidden;
              box-shadow: 5px 5px #888888;
              margin-bottom:8px;
          }

          .video-container iframe, .video-container object, .video-container embed {
              position:absolute;
              top:0;
              left:0;
              width:100%;
              height:100%;
          }

          .lgbox{
              width:115px;
              height:30px;

              border-style: solid;
              border-radius: 3px;
              border-color: #000 ;
              border-width: 1px;
              box-shadow: 3px 3px #888888;
          }

          .lgtxtpage{
              width:150px;
              height:27px;
              position:relative;
              left:375px;
              top:-40px;
              background-color: rgb(255, 255, 255);
              text-align: center;

          }
          .lgtxtlargeur{
              width:150px;
              height:27px;
              position:relative;
              left:375px;
              top:-45px;
              background-color: rgb(255, 255, 255);
              text-align: center;
          }
          .lggauche{
              position: relative;  ;

              left:-110px;
              top:-45px;
          }
          .lgnumL{
              width:30px;
              height:28px;
              position:absolute;
              top:0px;
              left:0px;
              text-align: center;
              padding: 4px;
              font-weight: bold;
          }
          .lgnumR{
              width:30px;
              height:28px;
              position:absolute;
              top:0px;
              left:82px;
              text-align: center;
              padding: 4px;
              font-weight: bold;
          }

          .lgleft{
              width:30px;
              height:28px;
              position:absolute;
              top:0px;
              left:30px;
              z-index: 10;
              background-color: rgb(255, 255, 255)
          }
          .lgright{
              width:30px;
              height:28px;
              position:absolute;
              z-index: 10;
              top:0px;
              left:60px;
              background-color: rgb(255, 255, 255)
          }


          .txtrules{
              text-align: left;
              font-size: 20px;
          }
          .ruleswarning{
          font-size: 20px;
              margin-top:30px;
              text-decoration: underline;
              border-style: solid;
              border-width:1px;
              border-radius: 3px;
              box-shadow: 5px 5px 5px #888888;
              border-color:black;
              width:500px;


          }
          .checkboxrule
          {
            -ms-transform: scale(2); /* IE */
            -moz-transform: scale(2); /* FF */
            -webkit-transform: scale(2); /* Safari and Chrome */
            -o-transform: scale(2); /* Opera */
            transform: scale(2);
            padding: 10px;
          }

          /* Might want to wrap a span around your checkbox text */
          .checkboxtext
          {
            /* Checkbox text */
            font-size: 110%;
            display: inline;
          }

          input.jscolor{
            cursor:pointer;
            border-style:solid;
          border-width:1px;
          border-color:black;
          border-radius: 20px;
          box-shadow: 5px 5px 5px #888888;


        }


          /*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
/*

.dropdown-submenu {
    position: relative;
  }

  .dropdown-submenu>a:after {
    content: "\f0da";
    float: right;
    border: none;
    font-family: 'FontAwesome';
  }

  .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: 0px;
  }
*/
  /*
  *
  * ==========================================
  * FOR DEMO PURPOSES
  * ==========================================
  *
  */
/*
  body {
    background: #4568DC;
    background: -webkit-linear-gradient(to right, #4568DC, #B06AB3);
    background: linear-gradient(to right, #4568DC, #B06AB3);
    min-height: 100vh;
  }

  code {
    color: #B06AB3;
    background: #fff;
    padding: 0.1rem 0.2rem;
    border-radius: 0.2rem;
  }

  @media (min-width: 991px) {
    .dropdown-menu {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
  }

*/