body
{
    width: 100%;
    height:100%;
    margin: 0px !important;
    padding:0px !important;

}
#selection
{
    display: flex;
    width:100%;
    height: 75px;
    background-color:#fff;
    border-bottom: 2px solid black ;
    
}
#content{
    width: 100%;
    max-height: calc(100% - 175px);
    background-color: rgb(255, 255, 255);
    overflow-y: auto;
    overflow-x: none;
}
#submission{    
    width: 100%;
    height: 70px;
    background-color: #fff;
    
}

.sel{
    background-color: #cbcded;
}
label{
    margin: 10px;
    font-weight: bold;    
    color:#000;
}
.roundsel
{
    background-color: #fff0ae !important;
    border-radius: 15px !important;
    padding: 5px !important;    
}
.optsel
{
    background-color: #ffdee1 !important;
    border-radius: 15px !important;
    padding: 5px !important;
    color: #000;    
    font-weight: bold;    
    text-align: center;
}
.header {
    width: 100%;
     max-height:120px;
     padding: 5px;
     z-index: 2;
     border-bottom: 2px solid #000;
}
#optselection
{
   display: block;
   float: left;
   width: 450px;
   height: calc(100% - 135px);
   background-color:rgb(255, 255, 255);
   border-bottom: 2px solid black ;
   border-right: 2px solid black ;
   padding:20px;		
}

#optselection2
{
    display: flex;
    width:100%;
    height: 60px;
    background-color:#fff;
    border-bottom: 2px solid black ;		
}


#rightwrapper{
    display: block;
    width: calc(100% - 450px);
    height: calc(100% - 135px);
    background-color: rgb(255, 255, 255);
    overflow-y: auto;
    overflow-x: none;
    border-bottom: 2px solid black ;
}
#tabheading
{
    display: block;
    width: 100%;
    height: 50px;
    background-color:#fff0ae;
    overflow-y: auto;
    overflow-x: none;
    border-bottom: 2px solid black ; 
    color:#122a36;
    text-align: center;
    padding-top:14px;
    font-weight: bold;
    font-size: 18px;
}
#tabcontent{
   display: block;
   width: 100%;
   height: calc(100% - 50px);
   background-color: rgb(255, 255, 255);
   overflow-y: auto;
   overflow-x: none;
   
}
#tabcontent2{
    width: 100%;
    height: calc(100% - 200px);
    background-color: rgb(255, 255, 255);
    overflow-y: auto;
    overflow-x: none;
    border-bottom: 2px solid black ;    
 }
/*--*/
.dcls
{
   padding-left: 20px !important;
   font-weight: bold;
   font-size: 14px;
   color: #555555;
}

.footer
{
    background-color: #d2e593;
    display: flex;
    justify-content: center;
    font-size:16px;
    padding-top:6px;
    font-family: arial,sans-serif;
    color:black;
}
#logout
{
   position: absolute;
   top: 55px;
   right:100px;			
   font-size: 12px;
   
}
@media (max-width: 1024px){
   #logout
   {
       position: absolute;
       top: 38px;
       right:120px;		
       font-size: 12px;			
   }
}
#logoutbtn
{
   font-size: 12px;
   padding: 0px;
   display: inline-block;
   background-color: #ff6d6d;
}
#logoutuser
{
    display: inline-block;
    color: #44342e;
    font-weight: bold;
    font-size: 14px;
}

#optselection td{
    padding-top: 20px;
}
.helpnote
{
    margin: 0 auto !important;
}

.helpnote table {
    border-collapse: collapse;
    width: 30%;
    align-items: center; 
    margin: 0 auto !important;
    margin-top: 2px;

}

.helpnote td {
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    background-color: #f8d7ba;
    vertical-align: middle;
    padding-top:10px !important;
    padding-bottom:10px !important;
    padding-right:3px !important;
    padding-left:3px !important;
    font-size:14px;
}
.helpnote th {
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    background-color: #ef6f28;
    font-size:14px;
    padding-top:10px !important;
    padding-bottom:10px !important;
    padding-right:3px !important;
    padding-left:3px !important;
}
.helptitle
{
    color:#464242;font-weight: bold;
}
.helppara{
    color:#464646;font-size:16px;text-align: justify;
}
.moreinfo{
    text-align: center;font-size: 14px;text-decoration: underline;
    padding:7px;
    background-color: #2196f3;
    border-radius: 4px;
    border: 1px solid black ;
    color: white !important;	

}

.redbg
{
    background-color: #ff7070 !important;
    color:white !important;
}

.yellowbg
{
    background-color: #ffe082 !important;
    color:black !important;
}

.whitebg
{
    background-color: #fff !important;
    color:black !important;
}

#dsslink {
    display: inline-block;
    margin-right: 10px;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: #ff5722;
    border-radius: 10px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 6px;
    font-size: 12px;
    border: 1px solid grey;
}

#dashboardlink {
    display: inline-block;
    margin-right: 10px;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: #ff5722;
    border-radius: 10px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 6px;
    font-size: 12px;
    border: 1px solid grey;
}