/*  these three cklasees need to go in a theme section a simpy change out there coliors*/



.hovermc tr:not(.holder):hover, .hovermc span:not(.holder):hover{

cursor: pointer;

z-index: 999;



 /*here is a custom color!!!!!!!!!!1 by theme*/  

background-color: rgb(237, 243, 247);

 -webkit-transition: .2s; /* Safari */

    transition: .2s;







}













.hovermc2 td:not(.holder):hover, .hovermc2 span:not(.holder):hover, .hovermc2 td:not(.holder):hover{

cursor: pointer!important;

z-index: 999;



 /*here is a custom color!!!!!!!!!!1 by theme*/  

background-color: rgba(185, 208, 223,.80);



 -webkit-transition: .2s; /* Safari */

    transition: .2s;

}







.pipe:hover{



  background: transparent!important;

}









.span1, .span2 {

    

    

 

    display: inline-block;

    height: 22px;

   background:white;

    width: 22px;

z-index: -99px;

  

  

  /*here is a custom color!!!!!!!!!!1 by theme*/  

    border: 1px solid rgba(67, 114, 152,.8);

 



}







.marked{

  -webkit-transition: .2s; /* Safari */

    transition: .2s;

   

   

    /*here is a custom color!!!!!!!!!!1 by theme*/  

    background: rgb(67, 114, 152) url("../images/mark.png") no-repeat 50% 50% / auto padding-box border-box;

}









.holder{

  cursor: pointer;

}





.bc{





background-color: rgb(245, 245, 245);



}



.focusmc tr:focus, .focusmc span:focus, .focusmc td:focus{

cursor: pointer;



background-color: none!important;



}



.newtd {

    
}/*#TD_5, #TD_13, #TD_21, #TD_29*/





.paddingtd{



    padding-left: 20px;

}









.radiocustom{



   border-radius: 20px;

}



.checkcustom{

   border-radius: 4px 4px 4px 4px;



}



.a {

  

  /* mioght need to movbe this out of mobiel version*/

  min-width:90%;

  

}



.nohover td:hover, .nohover tr td:hover, .nohover:hover  {



  background:none!important;

}







/*** custom checkboxes ***/

.mode {





    -webkit-appearance: none;

    background-color: #fafafa;

    border: 1px solid #cacece;

    font-weight: bold;

    padding: 4px;

    border-radius: 3px;

    display: inline-block;

    position: relative;



}







.mode:checked{

box-shadow: 0 0 10px #9ecaed;

      border: 1px solid #888888;



    }



.mode:checked:after {

    content: '\2714';

    font-size: 15px;

   

    position: absolute;

    top: -2px;

    left: 3px;

    color: black;

    font-weight: bold;

}











   

            

            

         





    





      #title {

            text-align:center;

            vertical-align: center;

            font-size:24px;

            color: #006699;

            height: 30px;

            max-width: 85%;

            font-weight: normal;

            margin: auto;

            margin-top: 0px;

            margin-bottom: 0px;

            font-family: sans-serif;

  

            }



      #desc {

            text-align:center;

            line-height: 20px;

            vertical-align: center;

            font-size:18px;   

            width: 90%;

            margin: auto;

            color: #006699;

          



            }





      .question {

            background-color: white;

            height: auto;

            position: relative;

            padding: 20px;

            margin: 4px;

            margin-left:15px;

            width: 92%;

            float: left;   

  

            }



      .q {

            font-size: 22px;

            font-family: arial;

            font-weight: normal;

            color: #006699;



            }





.qtop{

 color: #006666;



}

      

      .a {

            

            height:auto;

            font-size: 15px;

   

            font-weight: 500!important;

            color: #2b2d2d;

  

            }



      input[type="radio"]:checked:before {

            background: #006666;



            }



      textarea {

            resize:none;

            padding: 7px;

            box-shadow: 3px 3px  #888888;

            border-width: 2px;

            border-radius: 6px;

            background-color: #ffffff;

         

            font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;

  

            }



      .textbox {

            height: 100px;

            width: 400px;

            margin-bottom:25px;

            box-shadow: 3px 3px  #888888;

            border-width: 2px;

            border-radius: 6px;

            background-color: #ffffff;

  

            }



      .dropdowntype {

            height: 30px;

           

            width: auto;

            color: #00334d;

          

            box-shadow: 3px 3px  #888888;

            border-width: 2px;

            border-radius: 6px;

            background-color: #ffffff;

          

            font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;

            font-weight: normal;

  

            }



      .pg {

            text-align: center;

            font-size: 30px;

            font-weight: bold;

            color: #888888;

  

            }



      .othertext {

            height: 55px;

            width: 400px;

            margin: 5px;

            margin-left: 20px;

            box-shadow: 3px 3px  #888888;

            border-width: 2px;

            border-radius: 6px;

            background-color: #ffffff;



            }



      .maaothertext {

            height: 55px;

            width: 400px;

            margin: 5px;

            margin-left: 20px;

            box-shadow: 3px 3px  #888888;

            border-width: 2px;

            border-radius: 6px;

            background-color: #ffffff;



            }



      .matrixother {

            height: 50px;

            width: 250px;

            margin: 5px;

            margin-bottom:25px;

            box-shadow: 3px 3px  #888888;

            border-width: 2px;

            border-radius: 6px;

            background-color: #ffffff;

    

            }



      .rate {

            font-size: 15px;

            font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;

            font-weight: normal;

            color: #00334d;

  

            }



      .rateother {

            height: 50px;

            width: 250px;

            margin: 5px;

            margin-bottom:25px;

            box-shadow: 3px 3px  #888888;

            border-width: 2px;

            border-radius: 6px;

            background-color: #ffffff;

  

            }



      .pbar {

            height:18px;

            width: 500px;

            margin:auto;

            text-align: center;

            border: solid #009999 1px;

            border-radius: 0 14px 0 14px;

            background-color: #ffe6cc;

            position: relative;



            }



      .prog {

            height:100%;

            background-color: #00a3cc;

            border-radius: 0 14px 0 14px;

            position: absolute;



            }



      .percent {

            height:100%;

            position: absolute;

            left:235px;

            right:235px;

            z-index: 99999;

            color: black;

            font-size: 18px;

            width: 30px;

            text-align: center;

            margin: 0;

  

            }



      .proceed {

            display: block;

            font-style: italic;

            font-family: sans-serif;

            font-size: 18px;

            color: #0099ff;

            text-align: center;

    

            }



      .mtb {

            height: 80px;

            width: 400px;

            box-shadow: 3px 3px  #888888;

            border-width: 2px;

            border-radius: 6px;

            background-color: #ffffff;

  font-family: "serif";

  font-size: 16px;

          font-weight: 400;

resize:auto;

           }



      .mtblabel {

            height: 20px;

            text-align:left;

            color: #00334d;

            width: 200px;

            word-wrap:break-word;

            font-size: 15px;

            font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;

            font-weight: normal;

  

            }



      .mathead th {

          font-weight:normal;

            text-align:center;

            color: #00334d;

   vertical-align: bottom;

  padding-bottom: 15px;

            }



      .mat {

            font-size: 15px;

            font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;

            font-weight: normal;

            color: #00334d;

  

            }



      .mclabel, .ranklabel {

            height:25px !important;

            font-size: 19px;

            vertical-align: middle;

            font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;

            font-weight: normal;

  

            }



 



      .number {

            margin: none;

            padding:5px;

            text-align: center;

            font-size: 25px;

            font-style: normal;

            color: #006699;

            position: absolute;

  

            }



      .new {

            

   

            background-color:#0077b3!important;

            -moz-border-radius:50px;

            -webkit-border-radius:50px;

            border-radius:3px;

            border:1px solid white;

            display:inline-block;

            cursor:pointer;

            color: white!important;

            font-family:serif;

            font-size:19px;

            font-weight:500;

            padding:11px 23px;

            text-decoration:none;

            margin-right:10px !important;

            margin-left:10px !important;

  transition: all 0.7s ease;

      

            }



      .new:hover {

      transition: all 0.7s ease;

    

        background-color: rgba(172, 201, 224, 0.34)!important;

  color:#00334d!important;

            }



      .rr1,.rr3, .rr5, .rr7, .rr9, .rr11, .rr13, .rr15,.rr17, .rr19 {

      background:     rgba(172, 201, 224, 0.34);

            }



      

      .npstable td {

          border: 1px solid rgba(172, 201, 224, 0.80)!important;

      }

      

      

         .readonlycs{

            background-color: rgba(172, 201, 224, 0.34)!important;

            }

      



      .ranktable {

          color: #00334d;

        }







                @media only screen 

and (min-device-width : 200px) 

and (max-device-width : 710px) { /* STYLES GO HERE */











        .q {

          font-size: 37px !important;



        }



    

        .number {

          font-size: 40px;

          padding-right: 40px !important;

          padding-top: 7px !important;

          padding-left: 0px !important;

        }



        .mclabel, .other, .maalabel, .maaother {

          font-size: 34px !important;

          

        }



        .mobilebtn {

          padding:9px !important;



        }



        .dropdowntype {

          height: 65px !important;

         

       

        }



        .mtblabel {

          font-size: 24px !important;



        }



        input[type="radio"] {

          width: 26px !important;

          height: 26px !important

        }



        input[type="checkbox"] {

          width:20px !important;

          height:20px !important;

        }



        .mathead th {

          

          padding: 5px !important;

        }



        .require {

          font-size: 18px;

          margin-bottom: 30px !important;

        }



        .date {

          width: 300px;

          height: 60px !important;

      

        }



        .sn {

          width: 100px !important;

          height: 60px !important;

   

        }



        .mn {

          width: 150px !important;

          height: 60px !important;

          font-size: 24px !important;

        }



        .ln {

          width: 375px !important;

          height: 60px !important;

     

        }



        .dollars {

          width: 200px !important;

          height: 60px !important;

         

        }



        .sn2 {

          width: 120px !important;

          height: 60px !important;

         

        }



        .mobextra {

          font-size: 28px !important;

        }



        .moblab {

          font-size: 20px !important;

        }



        .mat {

          font-size: 20px !important;

          height: 50px !important;

        }



   



        .proceed {

          font-size: 18px;

          margin-top:25px !important;

          margin-bottom: 25px !important;

        }



    



   



       



        .rateother, .matrixother {

          font-size: 18px !important;

        }



        .regtextbox {

 

        }



        .maxdifftab {

          width: 100% !important;

        }



        .runningtot {

          width: 90% !important;

        }



        .readonlycs {

          width: 90% !important;

        }



        .ranktable td {

          font-size: 34px !important;

          

        }



        .anschoice {

          padding-left: 55px;

        }





      }





  

/* =======================================================  END PHP  ======================================================== */



























  .date{

 padding-left: 10px;

width: 130px;

height: 35px;

font-size: 17px;

  box-shadow: none;

  border-color: #b4b4b4;

   border-width: 2px;

  color: #525252;





            border-radius: 6px;



  }



  #surveytitle {



    font-size: 30px;

  }





  .sn{

 padding-left: 5px;

width: 60px;

height: 35px;



 box-shadow: none;

  border-color: #b4b4b4;

  border-width: 2px;

            border-radius: 6px; 

  text-align: left;

  color: #525252;

font-weight: 600;

  }



 





  .sn2{

text-align: right;

width: 65px;

height: 35px;



  padding-right: 5px;

 box-shadow: none;

  border-color: #b4b4b4;

   border-width: 2px;

            border-radius: 6px;

    color: #525252;

font-weight: 600;

  }



  .mn{

 padding-left: 5px;

width: 120px;

height: 35px;

font-size: 17px;

  box-shadow: none;

  border-color: #b4b4b4;

   border-width: 2px;

            border-radius: 6px;

    text-align: left;

    color: #525252;

font-weight: 600;

  }











  .ln{

 padding-left: 5px;

width: 250px;

height: 35px;

font-size: 17px;

  box-shadow: none;

  border-color: #b4b4b4;

   border-width: 2px;

            border-radius: 6px;

    text-align: left;



    color: #525252;



  }





  .dollars{

 text-align: left;

width: 180px;

height: 35px;

font-size: 17px;

  padding-left: 5px;

  box-shadow: none;

  border-color: #b4b4b4;

   border-width: 2px;

            border-radius: 6px;

  



    color: #525252;



}







.brand{

margin: 0!important;

  height: 10px;

  text-align: center;

font-size: 11px;





}



.brand a {

font-weight: bold;

color: blue;



}



.brand a:visited { 

    color: blue;

}





/* allen all font sizes here for text boxes non niumbiel then define mobile aboive */



.sn, .sn2, .small, .email, .date, .ln, .dollars, .mco {

font-weight: normal;

  font-size: 18px;

}



.dropdowntype{

font-size: 16px; 

  min-width: 20%;

}



.regtextbox{



      

            height: 100px;

           

            box-shadow: 3px 3px  #888888;

            border-width: 2px;

            border-radius: 6px;

            background-color: #ffffff;

  font-family: monospace;

  font-size: 18px;

          font-weight: 400;

resize:auto;

           

}



.mtblabel, .mathead{



line-height: 20px;



}





.nospace{



  border-spacing: 0px;

}



textarea, input, select { outline: none; }



#my-table{width:100%;border-collapse:collapse;} /*or whatever width you want*/

#my-table td, #my-table th {width:10.3%;word-wrap: break-word;}

 

#lefth{

margin-left: 50px;

  max-height: inherit;

  width: 25%;

  float: left;

  align-self: center;

  display:none;}



#surveytitle{

  width: 75%;

  display: flex;

  justify-content: center;

  text-align: center;

}



.q p {margin: 0;}



button, input {

  outline: none;

}











.npstable{

border-spacing: 0px;

margin-bottom:50px;



}



.npstable th {

  color: #354449;

}





.npstable td {



   line-height: 45px;





border: 1px solid rgba(172, 201, 224, 0.34)!important;

background: white;

max-width: 62px!important;

font-family: "Arial Rounded MT BoldHelvetica Rounded", Arial, sans-serif;



}



.npstable td div {

  height: 50px;

  width: 62px;



}



.npstable tbody tr:first-child td:first-child {

    border-radius: 20px 0 0 20px;

}

.npstable tbody tr:first-child td:last-child {

    border-radius: 0 20px 20px 0;

}









	

.npssel {



background-color: rgba(172, 201, 224, 0.34)!important;



}



.npsprev {

background-color: rgba(172, 201, 224, 0.34)!important;



}





.npstable td:hover {





background-color: rgba(172, 201, 224, 0.34)!important;



}











@media only screen 

and (min-width : 1224px) {













 .gh {



transition: background-color 0.7s ease;

}



.gh:hover {



cursor: pointer;



border-radius: 10px;

background-color:    #e6f2ff;



}



}





	

	

	















.ranktable, tr, td {

  

  padding: 5px;

}



.rankdrop {

  float: right;



}



.maxdiffbut:hover{



  cursor: hand;

}



.startable .fa {



  font-size: 34px;

}



.startable{



margin-bottom:50px;

margin-top:50px;



width:90%;

table-layout: fixed;

}



.fileuploaddiv, .cstable, .maxdifftab{

	

	margin-bottom:50px;

margin-top:50px;

}















.starcolor1{



color: rgb(245, 166, 35)!important;



}





.starcolor2{



color: rgb(208, 2, 27)!important;

  

}





.starcolor3{



color: rgb(74, 144, 226)!important;

  

}





.starcolor4{



color: rgb(0, 128, 0)!important;

  

}





.starcolor5{



color: rgb(51, 51, 51)!important;

  

}





.thumbnail:hover{



cursor: pointer;



}





.thumbnails li img{

                max-width: 250px;

          max-height: 250px;

            }





.thumbnail p {

           color: black!important;

            }

            

            

  

            .readonlycs, .runningtot

            {



              padding-right: 5px!important;

            }

      



      .maxdifftab tr td {







      }      





.maxdifftab {

	

	margin:auto;

}





    .maxdifftab tr td {

    padding: 0px;

    padding-top: 0px!important;

}  



.passbtn, .passbtn2 {



 padding: 6px 13px;

    border-radius: 4px;

    background-clip: padding-box;

    text-shadow: 0 1px 0 #fff;

    cursor: pointer;

    font-size: 13px;

    font-weight: bold;

    white-space: nowrap;

    text-decoration: none !important;

    color: #333;

    display: inline-block;

    border: solid 1px #BBB;

    background-color: #f0f0ea;

    background: -webkit-linear-gradient(top, #f0f0ea, #d5d7ce);

    background: linear-gradient(to bottom, #f0f0ea, #d5d7ce);

    position: relative;





}







input[type="color"],

input[type="date"],

input[type="datetime"],

input[type="datetime-local"],

input[type="email"],

input[type="month"],

input[type="number"],

input[type="password"],

input[type="search"],

input[type="tel"],

input[type="text"],

input[type="time"],

input[type="url"],

input[type="week"],

select:focus,

textarea,

.ln,

.textbox,

.regtextbox

 {

font-weight: normal;

  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif!important;

}

.qtop{



   

    height: auto;

    position: relative;

    padding: 20px;

    margin: auto;

 font-size: 23px;

    width: 80%;

 



}





.fa-arrows-v{





  cursor: pointer;

}            



.a2 {



  margin-left: 0px;

}



.anschoice {

  min-width: 350px!important;

  padding:5px;

  padding-left:45px;

  height:auto;"

}



.rankdrop select {

    border-width: 2px;

    border-radius: 6px;

    background-color: #ffffff;

    font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;

    font-weight: normal;

    color: #669999;

}



.zip {

  box-shadow: 3px 3px #888888;

    border-width: 2px;

    border-radius: 6px;

    background-color: #ffffff;

    border-color: rgb(169, 169, 169);

    border-style: solid;

    height: 30px;

    font-size: 18px;

    color: #67674b;



}







option {

font-weight: bold!important;

  

}





.rankdrop .demo{

text-align: center!important;

font-weight: bold!important;

  min-width:45px;

}





.maxdifftab tr th {



  font-size: 20px;

}





.mobilemaxrow{



height: 50px;



}



.next, .finish {



  height: 45px; width: 150px;

}











.textbox{



  font-size: 18px;

}















.mco.comment{



  margin-left: 72px;

}



.matrixholder{

	

	display: block;

    text-align: center;

    margin: auto;

	

}





.matbuttm, .matbuttonm,.matbutt,.matbutton, .maxdiffbut {

	

	display:none;

}



.clickmcrowbob tr, .clickmcrowbob td, .clickmcrowbob2 tr, .clickmcrowbob2 td, .clickmcrowbob22 tr, .clickmcrowbob22 td  {

  padding-top: 1.5em;

    padding-bottom: 1.5em;

}