@import url(font/font.css);

*{
    padding:0;
    margin:0;
    font-family: 'Franklin Gothic Book';
}

.container{
    max-width:640px;
    margin:auto;
    display:block;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:50px;
    
}
input[type=button]{
    cursor:pointer;
}
#loginbodyid{
    background-color:white;
}
#loginbody,#loginbodyid{
    overflow:hidden;
    

}
textarea{
    resize:none !important;
}
.topheader{
    height:50px;
    border-bottom:7px solid #ec0030;
    z-index:99;
    display:block;
    background-color:white;
    padding-left:10px;
    padding-right:10px;
}
.topheader img{
    margin-left: 5px;
}
.toplogo{
    height:30px;
    margin-top:10px;
    float:left;
}
.btmimg{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    max-width:640px;
    background-color:white;
    z-index:99;
}
.logindiv{
    font-size:18px;
    text-align:center;
    padding-left:5%;
    padding-right:5%;
    margin:auto;
    background-color:#d9d9d9;
    padding-top:16%;
    min-height:500px;
    
}
.logindiv label{
    line-height:40px;
    font-weight:bold;
}

.logindiv p input{
    font-size:18px;
    width:100%;
    background-color:#fff;

    height:40px;
    line-height:40px;
    border:1px solid #ec0030;
    text-align:center;
    font-weight:bold;
}
#loginbtn,#submitnewpw, #forgetbtn, #verifybtn, #savepasswordbtn{
    width:60%;
    border:1px solid #ec0030;
    background-color:#ec0030;
    border-radius:10px;
    font-weight:bold;
    height:50px;
    line-height:50px;
    color:white;
    font-family: 'Franklin Gothic Medium Cond';
}
#forgetbtn{
    margin-top: 20px;
}
.blackdiv{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.8);
    z-index:999;
}
.popupdiv{
    position:fixed;
    top:30%;
    left:5%;
    width:90%;
    color:white;
  
    font-weight:bold;
    font-size:18px;
    line-height:30px;
    text-align:center;
}
#loginclosedblack,#adminclosenext{
    width:40%;
    border:1px solid #ec0030;
    border-radius:10px;
    font-weight:bold;
    height:50px;
    line-height:50px;
    color:black;
    background-color:white;
    margin-top:40px;
    font-size:18px;
}
.nameofuser{
    font-size:18px;
    color:#01455c;
    font-weight:bold;
    margin-top:10px;
}
.positionofuser{
    font-style:italic;
    color:#737373;
    
}
.managerselectdiv{
    width:90%;
    margin:auto;
    margin-top:25px;
    text-align:center;
}
.mamangerselectlabel{
    font-weight:bold;
    font-size:18px;
    line-height:40px;
}

.pselectp,.pselectp1{
    border-left:1px solid #01455c;
    border-right:1px solid #01455c;
    line-height:40px;
    height:40px;
    padding-left:10px;
    padding-right:10px;
    font-size:18px;
    text-align:left;
    display:none;
    font-weight: bold;
}
.compliementclassmid{
    border-left:1px solid #01455c;
    border-right:1px solid #01455c;
    line-height:40px;
    height:40px;
    padding-left:10px;
    padding-right:10px;
    font-size:18px;
    text-align:left;
    display:none;
    font-weight: bold;
}
.selecticon{
    height:40px;
    float:right;
    
}
.selecticonsmall{
    height:30px;
    float:right;
    
}
.pselectpfirst,.pselectpfirst1{
    border:1px solid #01455c;
    cursor:pointer;
    line-height:40px;
    height:40px;
    padding-left:10px;
    padding-right:2px;
    font-size:18px;
    text-align:left;
    font-weight: bold;
}
.compliementclass{
    border:1px solid #01455c;
    cursor:pointer;
    line-height:30px;
    height:30px;
    padding-left:2px;
    padding-right:2px;
    font-size:14px;
    text-align:left;
    font-weight: bold;

}

.pselectplast,.pselectplast1{
    border:1px solid #01455c;
    border-top:none;
    line-height:40px;
    height:40px;
    padding-left:10px;
    padding-right:10px;
    font-size:18px;
    text-align:left;
    display:none;
    font-weight: bold;
}
.pselectplast1,.pselectpfirst1,.pselectp1{
    width:80%;
    margin: auto;
}
.pselectplast1,.pselectp1{
    padding-right:2px;
}
.pselectplast:hover,.pselectp:hover,.pselectplast1:hover,.pselectp1:hover{
    color:white;
    background-color:#01455c ;
}
.managerenterbtn{
    font-size:18px;
    position:fixed;
    bottom:70px;
    left:20%;
    width:60%;
    border:1px solid #ec0030;
    border-radius:10px;
    font-weight:bold;
    height:50px;
    line-height:50px;
    color:white;
    background-color:#ec0030;
    font-family: 'Franklin Gothic Medium Cond';
}
.managernomineediv{
    margin-top:25px;
    display:none;
}
.managernomineep,.nominaeeofthemonth{
    font-weight:bold;
    font-size:18px;
    text-align:center;
    line-height:40px;
    
}
.nameofnominee{
    font-size:18px;
    text-align:center;
    line-height:40px;
    font-style:italic;
    width: 80%;
    border:1px solid #01455c;
    margin:auto;
}
.managernomineemonth{
    text-transform:uppercase;
    color:white;
    font-weight:bold;
    font-size:18px;
    text-align:center;
    background-color:#ec0030;
    line-height:40px;
    width:80%;
    margin:auto;
    border:1px solid #ec0030;
}
.nomineemonth{
    text-transform:uppercase;
    color:white;
    font-weight:bold;
    font-size:18px;
    text-align:center;
    background-color:#ec0030;
    line-height:40px;
    width:80%;
    margin:auto;
    border:1px solid #ec0030;
}
.managernomineesmalldiv{
    background-color:#d9d9d9;
    margin-top:10px;
    padding:15px 0;
    text-align:center;
    max-height:200px;
    overflow:auto;
}
.managernomineetable{
    width:80%;
    margin:auto;
    font-size:16px;
    border-collapse:separate; 
    border-spacing:0 10px; 
}

.managernomineetable tr td:first-child{
    background-color:#01455c ;
    color:white;
    text-align:center;
    line-height:30px;
    width:30px;
    font-size:16px;
}

.managernomineetable tr td:last-child{
    width:25px;
}
.managernomineetable tr td:nth-child(2){
    background-color:#fff ;
    text-align:left;
    padding-left:10px;
    padding-right:10px;
    font-size:16px;
}
.mamangercommenttr {
   
    display:none;
}
.mamangercommenttr td{
    background-color:transparent !important;
   
}
.managercommenttextarea{
    width:96%;
    border:1px solid #ec0030;
    padding:10px;
    resize:none;
    font-size:16px;
}
.managerbtndiv{
    position:fixed;
    bottom:50px;
    left:0;
    text-align:center;
    width:100%;
}
#managerselectedp{
    text-transform: uppercase;
}
#clnum{
    text-transform: uppercase;
}    

.managernomineeoptoutbtn{
    font-size:18px;

    width:40%;
    border:1px solid #b3b3b3;
    border-radius:10px;
    font-weight:bold;
    height:50px;
    line-height:50px;
    color:white;
    background-color:#b3b3b3;
    font-family: 'Franklin Gothic Medium Cond';
    
}
.managernomineesubmitbtn{
    font-size:18px;

    width:40%;
    border:1px solid #ec0030;
    border-radius:10px;
    font-weight:bold;
    height:50px;
    line-height:50px;
    color:white;
    background-color:#ec0030;
    font-family: 'Franklin Gothic Medium Cond';
}
#manageroptoutconfirm,#managersubmitconfirm,#bcdisapprovesubmit,#bcdisapprovesend,#crewsubmit,#crewsubmitdiv,.adminnextbtn,.adminuploadbtn,#adminfinalconfirm,.admingenerate{
    font-size:18px;

    width:40%;
    border:1px solid white;
    border-radius:10px;
    font-weight:bold;
    height:50px;
    line-height:50px;
    color:white;
    background-color:#ec0030;
    font-family: 'Franklin Gothic Medium Cond';
}
#crewsubmit,.adminnextbtn{
    width:50%;
    margin-top:25px;
}
#manageroptoutcancel,#managersubmitcancel,#bcdisapprovecancel,#bcdisapprovecancel2,#crewcancel,#crewclose,#managerclose{
    font-size:18px;

    width:40%;
    border:1px solid #ec0030;
    border-radius:10px;
    font-weight:bold;
    height:50px;
    line-height:50px;
    color:#ec0030;
    background-color:white;
    font-family: 'Franklin Gothic Medium Cond';
}
.adminbrowsebtn{
    font-size:18px;

    padding: 14px 11%;
    border:1px solid #ec0030;
    border-radius:10px;
    font-weight:bold;
    height:50px;
    line-height:50px;
    color:#ec0030;
    background-color:white;
    font-family: 'Franklin Gothic Medium Cond';

}

.bcpage,.adminpage{
    margin-top:25px;
}
.bcpagetablediv{
    background-color:#d9d9d9;
    margin-top:10px;
    padding:15px 0;
    text-align:center;
    max-height:200px;
    overflow:auto;
    
}
.bctable{
    width:90%;
    margin:auto;
    border-collapse:separate; 
    border-spacing:0 10px; 
    
}

.bctable tr td:first-child{
    background-color:#01455c ;
    color:white;
    text-align:center;
    line-height:30px;
    width:30px;
    font-size:14px;
}

.bctable tr td:last-child, .bctable tr td:nth-child(5){
    width:40px;
    background-color:white;
    /*border:1px solid #01455c;*/
    outline: 1px solid #01455c;
    outline-offset: -2px;
    text-align:center;
}

.bctable tr td:last-child img , .bctable tr td:nth-child(5) img{
    width:30%;
    
}

.bctable tr td:nth-child(2){
    background-color:#ec0030 ;
    color:white;
    text-align:left;
    padding-left:5px;
    line-height:30px;
    width:65px;
    font-size:14px;
    font-style:italic;
}
.bctable tr td:nth-child(3){
    background-color:white ;
    color:inherit;
    text-align:left;
    padding-left:5px;
    line-height:30px;
    
    font-size:14px;
    
}

.bctable tr:first-child td{
    background-color:transparent ;
    line-height:30px;
    font-size:16px;
    font-weight:bold;
    border:none;
    color:inherit;
    outline: none;
}
.bcsubmit{
    font-size:18px;

    width:50%;
    border:1px solid white;
    border-radius:10px;
    font-weight:bold;
    height:50px;
    line-height:50px;
    color:white;
    background-color:#ec0030;
    font-family: 'Franklin Gothic Medium Cond';
}
.tickimg{
    display:none;
}
.showtick img{
    display:inline-block;
}
.disapprovetxt,.crewcmt{
    width:90%;
    border:1px solid #ec0030;
    padding:5px;
    line-height:30px;
    font-size:14px;
    
}
.crewbig{
    
    text-align:center;
    background-color:#d9d9d9;
    padding-bottom: 25px;
    max-height:200px;
    overflow:auto;
}
.questiona{
    margin-top:25px;
    color:white;
    font-weight:bold;
    font-size:18px;
    text-align:center;
    background-color:#01455c;
    line-height:40px;

    border:1px solid #01455c;
}
.crewsmall{
    width:80%;
    margin:auto;
    margin-top:25px;
    
    text-align:left;
    background-color:#fff;
    padding-bottom: 15px;
}
.crewsmallq{
    font-style:italic;
    margin-bottom:25px;
    
}
.crewquestion{
    width:100%;
    margin-bottom:25px;
    font-style:italic;
}
.crewquestion tr td:first-child{
    background-color: #01455c;
    color: white;
    text-align: center;
    line-height: 40px;
    width: 30px;
    padding: 12px 16px;
    font-size: 16px;
    margin-right:10px;
    font-style:initial;
    height: 66px;
}
.crewquestion tr td:last-child{
    padding-left: 10px;
    padding-right: 10px;

}




.crewsmallqnum{
    background-color: #01455c;
    color: white;
    text-align: center;
    line-height: 40px;
    width: 30px;
    padding: 12px 16px;
    font-size: 16px;
    margin-right:10px;
    font-style:initial;
}
.crewhr{
    width:66%;
    margin:auto;
    height: 1px;
    color: #000000;
    background-color: #000000;
    border: none;
    margin-bottom: -10px;
}
.crewsmalltable{
    width:100%;
    
}
.crewsmalltable tr td{
    text-align:center;
    font-style:italic;
    font-size:14px;
    width:33%;
}
#txtcrewsmallq{
    margin-bottom:15px;
}
.crewsmalltxt{
    width:86%;
    border:1px solid #ec0030;
    padding:5px;
    line-height:30px;
    font-size:14px;
    margin-left:5%;
}

.adminsmalldiv{
    margin-top:25px;
    text-align:center;
    background-color:#d9d9d9;
    padding-bottom: 25px;
    max-height:200px;
    overflow:auto;
}
.admintable{
    width:96%;
    margin:auto;
    border-collapse:separate; 
    border-spacing:0 10px; 

}
.admintable tr td:first-child{
    background-color:#01455c ;
    color:white;
    text-align:center;
    /*line-height:30px;*/
    width:30px;
    font-size:16px;
}
.admintable tr td:nth-child(2){
    background-color:#ec0030 ;
    color:white;
    text-align:left;
    padding-left:5px;
    padding-right:5px;
   /* line-height:30px;*/
 /*   width:65px;*/
    font-size:14px;
    font-style:italic;
}
.admintable tr td:nth-child(3){
    background-color:white ;
    color:inherit;
    text-align:left;
    padding-left:5px;
    padding-right:5px;
   /* line-height:30px; */   
    font-size:14px;    
}
.admintable tr td:last-child{
    width:40px;
    background-color:white;
    border:1px solid #01455c;
    text-align:center;
}
.admintable tr td:last-child img{
    width:40%;
    
}
.adminselect{
    width: 90%;
    height: 30px;
    padding-left: 2px;
}
.admintable tr:first-child td{
    background-color:transparent ;
    line-height:20px;
    font-size:14px;
    font-weight:bold;
    border:none;
    color:inherit;
    font-style:initial;
    text-align: center;
}
.bluewhitespan{
    text-transform:uppercase;
    color:white;
    font-weight:bold;
    font-size:18px;
    text-align:center;
    background-color:#ec0030;
    line-height:40px;
    
    margin:auto;
    border:1px solid #ec0030;
    background-color: #01455c;
    display: inline-block;
    width: 100%;
    float: left;
    border:none;
    
}

.redwhitespan{
    text-transform:uppercase;
    color:white !important;
    text-decoration:none;
    font-weight:bold;
    font-size:18px;
    text-align:center;
    background-color:#ec0030;
    line-height:40px;
    width:80%;
    margin:auto;
    border:1px solid #ec0030;
    border:none;
    display: inline-block;
    width: 100%;
    float: right;
}
.p80{
    width:80%;
    margin:auto;
}
.photodiv{
    text-align: center;
}
.uploadphoto{
    max-width:40%;
    max-height: 200px;
    margin:auto;
    margin-top:5px;
}
.hide{
    display:none;
}
.uploaddiv{
    text-align: center;
}
.adminupload{
    margin-top:25px;
    display: none;
}
.disableclass{
    background-color:#808080;
}
#adminfinalconfirm{
    display:none;
}


.winnerimg{
    width:100%;
    padding-bottom:30px;
}

.winnerpage{
    margin:auto;
    margin-top:30px;
    border:2px solid #ec0030;
    border-top:10px solid #ec0030;
    width:90%;
    padding:3%;
}
.winnerimgdiv{
    width:35%;
    display:inline-block;
    min-height:190px;
}
.winnerinfodiv{
    width:60%;
    display:inline-block;
    float:right;
    padding:2%;
    text-align: center;
}
.winner1{
    color:#01455c;
    font-size:18px;
    font-weight: bold;
    line-height:30px;
}
.winner2{
    color:#01455c;
    font-family: 'Franklin Gothic Medium Cond';
    font-weight: bold;
    font-size:24px;
    
}
.winner3{
    color:#01455c;
    font-size:18px;
    font-weight: bold;
}
.stationname{
    color:white;
    background-color:#01455c;
    font-style:italic;
    margin-top:10px;
    line-height: 30px;
}
.winnername{
    color:white;
    background-color:#ec0030;
    line-height: 30px;
}
.winnerbtm{
    height:30px;
    float: right;
    margin-top:-20px;
    margin-right:-2%;
}

.adminreview{
    margin-top:15px;  
}
.adminreview .bluewhitespan, .adminreview .redwhitespan{
    text-transform: initial;

} 

.adminreviewsmall{
    background-color:#d9d9d9;
    margin-top:100px;
    padding:15px 0;
    text-align:center;
    max-height: 200px;
    overflow: auto;
   
}
.comment{
    text-align: left;
    margin-bottom: 10px;
    font-weight: bold;
}
.supporterclass{
    float:right;
    color:#737373;
    font-size: 14px;
    font-style:italic;
    text-transform: uppercase;
}

.disapprovereason{
    font-weight:bold;
    font-size:18px;
    text-align:center;
    line-height:40px;
    font-family: 'Franklin Gothic Medium Cond';
    color:#ec0030;
}
.approvereason{
    font-weight:bold;
    font-size:18px;
    text-align:center;
    line-height:40px;
    font-family: 'Franklin Gothic Medium Cond';
    color:#01455c;
}
.commentsmalldiv{
    background-color:white;
    padding:15px;
    width:80%;
    margin:auto;
    padding-bottom:30px;
}
.feedbacks{
    font-size:18px;
    text-align:center;
    line-height:40px;
    font-weight: bold;
}
.cmtsmall1,.cmtsmall2,.cmtsmall3{
    width:28%;
    display: inline-block;
    text-align: center;
    font-size: 12px;
}
.cmtsmall2{
    width:40%;
    border-left:1px solid black;
    border-right:1px solid black;
}
.cmtsmall1 img,.cmtsmall2 img,.cmtsmall3 img{
    width:50px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.aclassdefault{
    color:blue;
}
.winnera{
    color:#00b300;
}
.disapprovea{
    color:#ec0030;
}
.backbtn{
    height: 35px;
    float: right;
    margin-top: 8px;
}
.showinitial{
    display:inline-block;
}
.disablebc{
    background-color:#e6e6e6 !important;
}
.redwhitespan .aclassdefault{
    color:white;
    text-decoration:none;
}
.tickdisplaynone{
    display:none;
}
.width80{
    width:80% !important;
}
.commenttxt{
    font-size:16px;
    font-weight: bold;
    width:100%;
    border:none;
    margin-bottom: 20px;
}
.admin_page.hidden{
    visibility: hidden;
}
.admin-page.show{
    visibility: visible;
}

@media screen and (min-width: 640px) {
    input[type=button]{
        max-width:320px;
    }
    .logindiv{
        min-height:1500px;
    }
    .managerenterbtn,.managerbtndiv{
        bottom:80px;
    }
    .managerenterbtn{
        width:320px;
        left:50%;
        margin-left:-160px;
    }
    .logindiv p input{
        width:55%;
    }
    #loginbtn,#submitnewpw, #forgetbtn, #verifybtn, #savepasswordbtn {
        width:30%;
    }
    .nomineemonth,.managernomineemonth{
        width:40%;
    }
    .pselectplast1, .pselectpfirst1, .pselectp1{
        width:40%;
    }
    .bctable tr td:last-child, .bctable tr td:nth-child(5){
        width:76px;
    }
    .bctable tr td:nth-child(2),.bctable tr td:nth-child(3){
        line-height: initial;
        padding:5px;
    }
    .crewquestion tr td:first-child{
        height:40px;
    }
}
@media screen and (min-width: 1000px) {
    .adminsmalldiv {
        
      
        max-height: 250px;
        
    }
    
}
.admingenerate{
    padding: 10px 80px;
    text-decoration: none;
    width: auto;
    border: none;
}

.winnerpage{
    padding-bottom: 160px;
}
.winnerbtm{
    margin-top: 0;
}