.headlabel {



font-size: 19px;    

line-height: 30px;

height: 60px;

}







#resultstable th {

    

  padding-top:15px;

 line-height: 15px!important;

height: 5px!important;

font-size: 15px;

}



#resultstable {

  padding: 0px;



    width: 89%;

  margin: auto;

  height: 90px;

  text-align: center;

  border: none;



border-spacing: 0px!important;

padding-top: 6px;

padding-bottom: 15px;

/*border-bottom: .5px solid #ead0dd;*/

}



.noty_message {



background: rgb(187,211,234); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(187,211,234,1) 2%, rgba(187,211,234,1) 5%, rgba(155,200,239,1) 88%, rgba(155,200,239,1) 97%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(187,211,234,1) 2%,rgba(187,211,234,1) 5%,rgba(155,200,239,1) 88%,rgba(155,200,239,1) 97%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(187,211,234,1) 2%,rgba(187,211,234,1) 5%,rgba(155,200,239,1) 88%,rgba(155,200,239,1) 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd3ea', endColorstr='#9bc8ef',GradientType=0 ); /* IE6-9 */





color: black;



}







.noty_buttons {



border: none!important;



}







          



/*



.page,.page2 {

padding: 20px;

padding-top:50px;

width: 88%;

background-color: floralwhite;

border-radius: 0px 0px 10px 10px;



border-radius: 10px 10px 10px 10px;

height: auto;

margin:auto;

border: 2px solid #bbbec3; 

margin-bottom: 80px;  

margin-top: 10px;



}



*/



.left{



text-align: left;

padding-left: 30px;

font-weight: 600;

font-size: 16px;

}



.left2{



text-align: left;

padding-left: 150px;

font-weight: 600;

font-size: 18px;

}







.blue {

    box-shadow: 0 0 4px #354449;

    background: none;

    background-color: #f9f9f9;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    border-radius: 6px;

    display: inline-block;

    cursor: pointer;

    color: #354449;

    border: 1px solid white;

    font-size: 15px;

    font-weight: bold;

    padding: 5px;

    padding-left: 20px;

    padding-right: 20px;

    text-decoration: none;

    text-shadow: none;

}

.blue:hover {

  

  border:1px solid #354449 !important;

  box-shadow: 0 0 4px 1px #354449 !important;

  background: none;

  background-color: #f9f9f9;

  color: #354449;

  -webkit-transition: all .2s ease-in;

    -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    transition: all .2s ease-in;



}



.upg{

  -webkit-transition: all .2s ease-in;

    -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    transition: all .2s ease-in;



}



.upg:hover{

 color:#1e62d0!important;

}





.normal {



  font-weight: normal;

}



#top {



height: 10%;

}



#infowrap {



height: 90%;

}



#stats {

height: 100%;

width: 40%;

float: left;

color:#00324d;

}



#su {



  font-size: 12px;

}



#stats p, .qbottom p {

padding: 0px;

margin: 0px;

}





#pie{

height: 100%;

width: 60%;

float:right;



}



.qtip {

    z-index:999999999 !important;

    background: #f9ecd2 !important;

    font-size: 14px;

    text-align: center;

    color: #00324d;

   

    padding:15px;

    line-height:20px;

    border-radius:10px;

    border:#00324d 2px solid;



  }



  .qtip-content {

    text-align: center;

  }





#pc {





padding-top: 30px;





}



.qtop {



height: 20%;





}

.qbottom {



min-height:400px;

height:auto;



}







.backb{

width: 13%;

float:left;

height: 100%;

}



  

.qtext {



text-align:center;

float:left;

width: 100%;



}



.bb {

border-bottom: thin solid white;

line-height:26px;



}







.nextb {

height: 100%;

float:left;

width: 13%;

}



.next {

  margin-right: 35px;

  outline: none;

}



.prev {

  margin-left: 35px;

  outline: none;

}



.qchart {

float: left;

height: 100%;

width: 56%;

ackground-color: grey;

min-height: 360px;

}





.qstats {

float: left;

    overflow: hidden;

width: 44%;

ackground-color: red;



}







.charttype {



outline: none;

    height: 30px;

    width: auto;

    color: #437298;

    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;



}



.qchartm {

float: left;

height: 100%;

width: 35%;

ackground-color: grey;



}





.qstatsm {

float: left;

height: 100%;

width: 65%;

ackground-color: red;



}



.questioncanvas {



margin: auto;

}



.stattable{

width: 96%;

margin:auto;

text-align: center;

border-collapse: collapse;

font-size: 13px;



  

}



.stattable td, .stattable th {



  border: 1px solid #e5e5e5;

border-collapse: collapse;

}



.stattable tr {



height: 30px;



}



.stathead{



color:#888888;

font-weight: bold;

    width: 75%;

    margin: auto;

    margin-right: 15px;

}



.stattable th,.stattable tfoot tr td {



background-color: rgba(146, 208, 245, 0.47)!important;



}



.hover:hover{





    background-color: #efefef;

       }   





 



.left{



  text-align: left;

}





.bold {

background-color:#dddddd;

font-weight: bold;



}





.weight-text {



font-size: 10px;



}





.dborder {



  border-top: 3px double black;

}

           



.noborder {



border: none;



}

         

/* tables */





table.tablesorter thead tr .header {

    background-image: url(bg.gif);

    background-repeat: no-repeat;

    background-position: center right;

 padding-right: 10px;

    cursor: pointer;

}



table.tablesorter thead tr .header {

  background-image: url(bg.gif);

  background-repeat: no-repeat;

  background-position: center right;

  cursor: pointer;

padding-right: 10px;

}



table.tablesorter thead tr .headerSortUp {

  background-image: url(asc.gif);

padding-right: 10px;

}

table.tablesorter thead tr .headerSortDown {

  background-image: url(desc.gif);

padding-right: 10px;

}



.noa{

background-image: none!important;



}























#filterclick2{



  margin-right: 10px;

  float: right;

  background: none !important;

  background-color: white !important;

  color: #354449 !important;

  border: 1px solid white !important;

  box-shadow: 0 0 4px #354449 !important;

  text-shadow: none !important;

  outline: none;

  font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;

}



 #filterclick2:hover {

  border:1px solid #354449 !important;

  box-shadow: 0 0 4px 1px #354449 !important;

  -webkit-transition: all .2s ease-in;

    -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    transition: all .2s ease-in;

}





 .nopad{



padding-left: 5px;

padding-right: 5px;



 }

  

        

        

        /* ---------------------------  NEW HEADER FOR BUILDER ----------------------------- */

        

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

     .netpp{font-size: 13px;}

}





        

#compass {

  padding-top: 3px;

  height: 50px;

  width: 100%;

  margin: auto;

  position: relative;

  font-family:'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;

  /*background-image: url(images/open_data_open_science.jpg);

  background-repeat: no-repeat;

  background-position: center;

  background-attachment: ;

  background-size: 100%; */

  line-height:1.2;

  z-index: 0 !important;

  background-color: #354449;



  box-shadow: 0 0 4px 2px #d29c3a;

 

}



#compass:hover {

  

  -webkit-transition: all .2s ease-in;

    -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    transition: all .2s ease-in;

}



#compassnav {

  width:94%;

  margin: auto;

  height: 90%;

  border-radius: 0px;

  rder: 1px solid #00cbff;

  

  border-left: none;

  border-right: none;

      display: flex;

    align-items: center;

    background: #354449; /* For browsers that do not support gradients */

 

}



#back {

  height: 70%;

  width: 29%;

  

}



#back p {

  text-align: left !important;

  padding-left: 20px;

  padding-bottom: 2px;

  font-size: 13px;

  color:#00ccff;

}



#goback {

  width: 160px;

  border-radius: 15px;

  font-size:18px;

  color:white;

  font-weight: normal;

  padding:2px;

  transition: font-weight .15s;

  -webkit-transition: .15s ease-in-out all;

  -moz-transition: .15s ease-in-out all;

  box-shadow: 0 0 0px 1px white;

  float: right;

      background-color: #3ac6df;

}

#goback:hover {

  cursor: pointer;

  

  background-color: white;

  box-shadow: 0 0 8px #1e6d82;

  color: #3ac6df;

  -webkit-transition: all .2s ease-in;

    -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    transition: all .2s ease-in;

}





#goforth {

    display:none;



  width: 160px;

  height: 21px;

  border-radius: 6px;

  color:#1e6d82;

  font-weight: normal;

  padding:5px;

  transition: font-weight .15s;

  -webkit-transition: .15s ease-in-out all;

  -moz-transition: .15s ease-in-out all;

  float: right;

  box-shadow: inset 0 0 100px 2px white;

}

#goforth:hover {

  font-weight: bold;

  cursor: pointer;

  padding: 5px !important;

  box-shadow: inset 0 0 100px 20px white;

  -webkit-transition: all .2s ease-in;

    -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    transition: all .2s ease-in;



}



#goprev {

  width: auto;

  text-decoration: none !important;

  display: flex;

  align-items: center;

}

#goprev:hover {

  cursor: pointer;

  -webkit-transition: all .2s ease-in;

    -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    transition: all .2s ease-in;



}



#forward {

  height: 100%;

  width: 29%;

  display:flex;

  margin:auto;

  float: left;

  align-items: center;

    justify-content: flex-end;

}



#tabs {

  height: 80%;

  width:42%;

  border-radius: 30px;

  rder: 1px solid #4f6c79;

  ox-shadow: 0 0 4px 1px #4f6c79;

  margin: auto;

  display:inline-block;

  float: left;

  z-index: 999999 !important;

  background-color:#354449;



}

#tabs div {

  margin:auto;

  margin-top:5px;

  padding-top: 2px;

  text-align: center;

  font-size: 16px;

  font-family:'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;

  color:white;

  display: inline-block;

  width: 19%;

  border-right:1px solid #94b8b8;

  float: left;

  text-decoration: none !important;

  transition: width .4s;

  -webkit-transition: width .4s ease-in-out all;

  -moz-transition: width .4s ease-in-out all;

  cursor:hand;



}





#tabs div:hover {

  color:#f1bd5e;

  

}



#tabs div a {

  text-decoration: none !important;

  color:white;

}



#tabs div a:hover {

  color:#f1bd5e;

  

}



#header {

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    text-align:center;

    font-size: 14px!important;

    font-weight: ;

    height: 100%;

    padding: 0px;

    overflow: hidden;

    width: 300px;

    float:left;

        border: 2px solid #3ac6df;

    x-shadow:inset 0 0 0 1px #3ac6df;

    background:white !important;

    font-family: "Segoe UI",Arial,sans-serif;

    word-wrap: normal;

resize: none;

    line-height: 24px;



  } 



  #header::-webkit-input-placeholder {

    font-size: 16px;

    padding-top: 0px;

    text-align: center;

    color:#b7b7b7;

  }





 #header:-moz-placeholder { /* Firefox 18- */

    font-size: 16px; 

    padding-top: 0px;

    text-align: center;

    color:#b7b7b7;

  }



  #header::-moz-placeholder {  /* Firefox 19+ */

    font-size: 16px; 

    padding-top: 0px;

    text-align: center;

    color:#b7b7b7;

  }



  #header:-ms-input-placeholder {  

    font-size: 16px; 

    padding-top: 0px;

    text-align: center;

    color:#b7b7b7;

  }



  input:-ms-input-placeholder {

  top:-3px!important;

  vertical-align: middle;

  line-height: .1!important;

  display: block;

}





#answers::-webkit-input-placeholder { /* WebKit browsers */



    bottom: 0; left: 0;

    position:0 0;

   text-align: left!important;

}





#header::-ms-clear {

    display: none;

}





.hand {

  text-align: right;

  font-size: 16px;

  text-decoration: none; 

  color:white;

}



.hand:hover {

  font-weight: bold;

  text-decoration: none !important;

  color: white !important;

}



.hand:hover, input[type=checkbox]:hover {



cursor: pointer;

-webkit-transition: all .2s ease-in;

    -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    transition: all .2s ease-in;



}



.fahome:before {

    content: "\f015";

    -webkit-transition: all .2s ease-in;

    -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    transition: all .2s ease-in;

    

}

.fahome {

  color: #f1bd5e;

  font-size: 18px !important;

  -webkit-transition: all .1s ease-in;

    -moz-transition: all .1s ease-in;

    -o-transition: all .1s ease-in;

    transition: all .1s ease-in;



}



.fahome:hover {

  

  font-size: 25px !important;

}



.fanext:before {

    content: "\f101";

    color: #1e6d82;

}



.fanext:before:hover{

    font-size:26px !important;

    -webkit-transition: all .2s ease-in;

    -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    transition: all .2s ease-in;

}



.faprev:before {

    content: "\f06e";

    -webkit-transition: all .2s ease-in;

    -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    transition: all .2s ease-in;

    

}



.faprev {

  color: #94b8b8;

}



#hp {

  font-weight: bold;

  font-size: 16px;

  color: floralwhite;

  margin: 0 35px;

  text-decoration: none !important;

  -webkit-transition: all .2s ease-in;

    -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    transition: all .2s ease-in;

  

}



.faques:before {

    content: "\f128";



}

.faques {

  color:#3ac6df;

  font-size: 18px !important;

  -webkit-transition: all .1s ease-in;

    -moz-transition: all .1s ease-in;

    -o-transition: all .1s ease-in;

    transition: all .1s ease-in;

}



.faques:hover {

  font-size: 25px !important;

}



.faview:before {

    content: "\f1e5";

    color: #1e6d82;

}



.dash {

  margin:0 10px;

  width: 22px;

}







/*----------------------------------- END OF NEW HEADER FOR BUILDER ---------------------------------*/



#irlink {

  margin-left: 10%;

  font-size: 13px;

  color: #9da0a5;

}



#irlink:hover {

  text-decoration: none;

  color: #63cad6;

  -webkit-transition: all .2s ease-in;

    -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    transition: all .2s ease-in;

}



#upgrlink {

color: rgb(241, 189, 94);

font-size: 13px;

}



#upgrlink:hover {

  text-decoration: none;

  color: #1e62d0;

  -webkit-transition: all .2s ease-in;

    -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    transition: all .2s ease-in;

}



#wholepage {

background-color: rgba(187, 211, 234, 0.79);

min-height: 100%;

ox-shadow: inset 0 0 20px 0px white;

font-family:'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;

text-align: center;

}





.orange {

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

  color: orange!important;

  font-weight: bold!important;

  font-size: 19px!important;

}





.filterclick{

float: center;

text-align: center;

  font-size: 14px;

  text-decoration: underline;

  cursor: pointer;

  color: #ff80b3;





}









/* for filteinf resutls */





.modal-backdrop {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 3;

    background-color: #000;

    opacity: 0.5;

    filter: alpha(opacity=50);

}



#pholder1, #pholder2

{

text-align: left;

background-color: #fff;

overflow: hidden;

width: 90%;

height: 88%;

margin: 0 auto;

padding-top: 1px;

border-radius: 10px;

z-index: -999;

-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);

-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);

box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);

position: fixed;

margin-left: auto;

margin-right: auto;

left: 0;

right: 0;

transition: all .8s ease;

display: none;

 border-style: solid;

    border-width: 10px 10px 10px 10px;

border-color: white;

visibility: ;



top:5%;

background-color: #f9f9f9;;

}



 #pholder2

{



width:70%!important;

	

}





#topphold{

width: 100%;

height: 10%;



}





#centerhold{

width: 90%;

height: 80%;

margin: auto;

}





#bottomphold {

width: 100%;

height: 10%;

background-color:  #f9f9f9;



}









 .wybutton {







background: none;

    background-color:white;

    -moz-border-radius:8px;

    -webkit-border-radius:8px;

    border-radius:8px;

    border:none;

    display:inline-block;

    cursor:pointer;

    font-family:'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;

    font-size:16px;

    font-weight:bold;

    padding:5px 18px;

    text-decoration:none;

    text-shadow:none !important;



    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

z-index: 999;

background: white;

  color: #deac8f;;

 

  border: 1px solid #deac8f;;

  box-shadow: 0 0 2px #deac8f;;

 

}



 .wybutton:hover {

background: none;

  background-color: #deac8f;;

  color: white;

  background: #deac8f;;

  box-shadow:0 0 3px 1px #deac8f;;

  border: 1px solid white;

  -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}







 .save {





float:right;



background: none;

    background-color:white;

    -moz-border-radius:8px;

    -webkit-border-radius:8px;

    border-radius:8px;

    border:none;

    display:inline-block;

    cursor:pointer;

    font-family:'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;

    font-size:16px;

    font-weight:bold;

    padding:5px 18px;

    text-decoration:none;

    text-shadow:none !important;

    outline: none;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

z-index: 999;

background: white;

  color: #68a54b;

  margin: auto;

  border: 1px solid #68a54b;

  box-shadow: 0 0 2px #68a54b;

  margin-right: 10px;

}



.save:hover {

background: none;

  background-color: #68a54b;

  color: white;

  background: #68a54b;

  box-shadow:0 0 3px 1px #68a54b;

  border: 1px solid white;

  -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



 .cancel {



background: none;

    background-color:white;

    -moz-border-radius:8px;

    -webkit-border-radius:8px;

    border-radius:8px;

    border:none;

    display:inline-block;

    cursor:pointer;

    font-family:'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;

    font-size:16px;

    font-weight:bold;

    padding:5px 18px;

    text-decoration:none;

    text-shadow:none !important;

    outline: none;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

    background: white;

  color: #c62d1f;

  margin: auto;

  border: 1px solid #c62d1f;

  box-shadow: 0 0 2px #c62d1f;

  margin-right: 10px;

}



 .cancel:hover{



background: none;

  background-color: #c62d1f;

  color: white;

  background: #c62d1f;

  box-shadow:0 0 3px 1px #c62d1f;

  border: 1px solid white;

  -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;





}



 .clear {



background: none;

    background-color:white;

    -moz-border-radius:8px;

    -webkit-border-radius:8px;

    border-radius:8px;

    border:none;

    display:inline-block;

    cursor:pointer;

    font-family:'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;

    font-size:16px;

    font-weight:bold;

    padding:5px 18px;

    text-decoration:none;

    text-shadow:none !important;

    outline: none;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

    background: white;

  color: #354449;

  margin: auto;

  border: 1px solid #354449;

  box-shadow: 0 0 2px #354449;

  margin-right: 10px;

}



 .clear:hover{



background: none;

  background-color:#354449;

  color: white;

  background: #354449;

  box-shadow:0 0 3px 1px #354449;

  border: 1px solid white;

  -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;





}



.fone, .ftwo, .fthree {



width:33%;

background: gree;

height: 95%;

float: left;



}





.stattable,.noa{

font-weight: bold;

  font-size: 12.5px!important;

    color: rgba(41, 39, 39, 0.75);

}





.ftwo {

border-left: 3px solid white;

border-right: 3px solid white;

}





.ftop{

background: yello;

height: 7%;

width: 100%;

}





.fq{

background: pin;

height: 10%;

width: 100%;

}





.fq2{

background: orang;

height: 8%;

width: 100%;

font-size: 13px;

}





.fq3{

height: 75%;

background: lightblu;

width: 100%;

overflow: auto;

}



.headingp {

font-weight: bold;

text-align: center;

  margin: 0px;

  padding: 0px;

}





.ansp{



margin: 0px;

font-size:11px;



}



.black{



  margin: 8px;

}

    

label:hover{



  cursor: pointer;

}

          

#pholder1 select, #pholder2 select  {

        background: linear-gradient(white 2%, rgb(239, 245, 245) 60%);

    box-shadow: rgb(30, 109, 130) 0px 0px 3px;

    color: rgb(79, 108, 121);

border-radius: 6px;



}





#pholder1 input[type=checkbox], #pholder1 input[type=radio], #pholder2 input[type=checkbox], #pholder2 input[type=radio]

{

  /* Double-sized Checkboxes */

  -ms-transform: scale(1.4); /* IE */

  -moz-transform: scale(1.4); /* FF */

  -webkit-transform: scale(1.4); /* Safari and Chrome */

  -o-transform: scale(1.4); /* Opera */



}



.fq3::-webkit-scrollbar {width: 12px; height: 4px;-webkit-border-radius: 5px; }

.fq3::-webkit-scrollbar-track {

  background: #f1bd5e;

  border-left:5px solid #e0dfdf;

  border-right:5px solid #e0dfdf;

}

.fq3::-webkit-scrollbar-thumb { 

    ackground: #e08545;

     background: white;

    -webkit-box-shadow: inset 0 0 6px rgba(100,100,100,0.5);

border:1px solid #f1bd5e;

 -webkit-border-radius: 5px; 





}



.fq2, .fq3  {



  width: 91%!important;

  margin:auto!important;

}



.opentext{



  width:90%;

  height:30px!important;

  border-radius: 6px!important;

  border: 1px solid #e08545!important;

  background: white!important;

  resize: none!important;

font-weight: normal!important;

font-size:14px;

outline: none;

}

    

#pholder1 input[type=text], input[type="password"],#pholder2 input[type=text], input[type="password"]



{

padding-left: 7px;

font-size:15px!important;



}



.filterdiag{

top:5px;

margin-top: 5px;

font-size:14px;

color:   #de1256;



  }        



.clearfilter,.clearfilter:hover{



  color: blue;

  font-weight: bold;

  font-size: 12px;

  text-decoration: underline;

  cursor: hand;

}







.hoverinfo:hover, .hoverinfo2:hover{

	

	color:rgb(37, 108, 239)!important;

}



.qtextfont {

    font-size: 16px;

    font-weight: 600;

    color: rgba(41, 39, 39, 0.75);

}







.bobcanvas{



  display: none;

}





.wc:hover{

cursor: pointer;



}











.ul2 {

  padding: 0;



 

  width: 910px;

  

  list-style-type: none;

}

 

.ul2:hover > span {

  background: rgb(241, 189, 94);

}

 

.ul2 li:hover a {

  font-weight: bold;

  display: block;

  color: rgb(241, 189, 94);

}



.ul2 a {

  font-weight: normal;

}



 

.ul2 li {

  font-weight: bold;

  width: 20%;

  float: left;

  padding: 7px 0;

  text-align: center;

  cursor: pointer;

}

 

.ul2 li:hover {

  color: #d0332b;

}

 

.ul2 li.active:nth-child(1) ~ span,

.ul2 li.inactive:nth-child(1):hover ~ span {

  left: 0%;

}

 

.ul2 li.active:nth-child(2) ~ span,

.ul2 li.inactive:nth-child(2):hover ~ span {

  left: 20%;

}

 

.ul2 li.active:nth-child(3) ~ span,

.ul2 li.inactive:nth-child(3):hover ~ span {

  left: 40%;

}

 

.ul2 li.active:nth-child(4) ~ span,

.ul2 li.inactive:nth-child(4):hover ~ span {

  left: 60%;

}





.ul2 li.active:nth-child(5) ~ span,

.ul2 li.inactive:nth-child(5):hover ~ span {

  left: 80%;

}

 

.ul2 span {



  bottom: -30px;

  display: block;

  border-radius: 5px;

  width: 20%;

  height: 7px;

  background: #fffaf0;

}

 

.ul2 li, .ul2 span {

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

  transition: all 0.2s ease;

  position: relative;

}

 

.ul2 a {

  text-decoration: none;

  color: #232323;

}

 

.ul2 a:hover {

  display: block;

  color: rgb(241, 189, 94);

}



.ui-datepicker-div, .hasdatepicker, ui-datepicker { z-index: 999999; }





.middle{



  -ms-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -webkit-transform: scale(1.2);

    -o-transform: scale(1.2);

}

   



.comli {

    bottom: 0px;

   margin:auto;

   margin-bottom: 20px;

   list-style:none;

   cursor:pointer;

   box-sizing: border-box;

    color: rgb(118, 118, 118);

    height: 65px;

    position: relative;

     width: 305px;

border: 2px solid rgb(142, 148, 150);

    border-radius: 10px 10px 10px 10px;

    font: normal normal normal normal 12px / 18px Arial, Helvetica, sans-serif;



}





.basecolor{

	

	background:rgba(51,102,255,.75);

}



.color1{

    background:rgba(51, 204, 51,.75);

  

}



.color2{

  

    background:rgba(255, 255, 153,.75);

}





.color3{

  

    background:rgba(255, 204, 102,.75)

}





.color4{

  

    background:rgba(153, 153, 255,.75)

}





.color5{

  

    background:rgba(153, 153, 102,.75)

}





.color6{

  

    background:rgba(102, 255, 204,.75)

}





.color7{

  

    background:rgba(102, 153, 153,.75)

}





.color8{

  

    background:rgba(153, 51, 0,.75)

}





.color9{

  

    background:rgba(255, 204, 255,.75)

}





.color10{

  

    background:rgba(173, 173, 173,.75)

}





.color11{

  

    background:rgba(255, 204, 0,.75);

}





.color12{

  

    background:rgba(51, 204, 255,.75)

}





.color13{

  

    background:rgba(0, 204, 0,.75)

}





.color14{

      background:rgba(255, 102, 0,.75)

    

}





.color15{

  

   background:rgba(51, 51, 153,.75)

}





.page{

margin-top:25px;

height:auto!important;



}





.combu {

  font-weight:bold!important;

  font-size:15px!important;

    height: 61px;

    left: 0px;

    position: absolute;

    width: 70px;

    border: 0px none rgb(255, 255, 255);

    border-radius: 8px 0 0 8px!important;

    padding: 0px;

 

}



.DIV_3 {

   

   padding-top:5px;

   height:80%;

    margin:auto;

    bottom: 0px;

   display:flex;

   align-content:center;

   font-size:15px!important;

    line-height:18px!important;

    box-sizing: border-box;

    color: rgb(118, 118, 118);

    cursor: pointer;

    height: 61px;

    left: 45px;

    position: absolute;

    right: 45px;

    text-align: left;

    text-decoration: none solid rgb(118, 118, 118);

    text-size-adjust: 100%;

    top: 0px;

    width: 179px;

    column-rule-color: rgb(118, 118, 118);

    perspective-origin: 82.5px 20.5px;

    transform-origin: 82.5px 20.5px;

    user-select: none;

    caret-color: rgb(118, 118, 118);

    background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;

    border: 0px none rgb(118, 118, 118);

    font: normal normal normal normal 12px / 43px Arial, Helvetica, sans-serif;

    list-style: none outside none;

    outline: rgb(118, 118, 118) none 0px;

   

}/*#DIV_3*/





.BUTTON_5:hover{

   background-color: #a4a4a4;

  -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out; 

}



.BUTTON_5 {

   -webkit-transition: all 0.9s ease-in-out;

    -moz-transition: all 0.9s ease-in-out;

    -ms-transition: all 0.9s ease-in-out;

    -o-transition: all 0.9s ease-in-out;

    transition: all 0.9s ease-in-out; 

    background-position: 50% 50%;

    bottom: 0px;

    cursor: pointer;

    display: block;

    height: 61px;

    left: 236px;

    position: absolute;

    right: 0px;

    text-size-adjust: 100%;

    top: 0px;

    width: 65px;

    perspective-origin: 22.5px 20.5px;

    transform-origin: 22.5px 20.5px;

    user-select: none;

    background: rgb(219, 219, 219) url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cg%20fill%3D%22%23525252%22%3E%3Cpath%20d%3D%22M10.032%202.43a7.612%207.612%200%200%200-7.611%207.612%207.613%207.613%200%200%200%207.61%207.614%207.613%207.613%200%200%200%207.612-7.614%207.613%207.613%200%200%200-7.611-7.613zm0%2014.064a6.46%206.46%200%200%201-6.452-6.452%206.46%206.46%200%200%201%206.452-6.451%206.459%206.459%200%200%201%206.45%206.451%206.459%206.459%200%200%201-6.45%206.452%22%2F%3E%3Cpath%20d%3D%22M12.11%206.322l-2.078%202.08-2.08-2.08-1.64%201.641%202.08%202.08-2.08%202.075%201.64%201.642%202.08-2.08%202.078%202.08%201.64-1.642-2.079-2.076%202.079-2.079-1.64-1.641%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat scroll 50% 50% / auto padding-box border-box;

    border: 0px none rgb(0, 0, 0);

    border-radius: 0 8px 8px 0!important;

    font: normal normal normal normal 12px / normal Arial, Helvetica, sans-serif;

    list-style: none outside none;

    padding: 0px;

    transition: background-color 0.2s ease 0s, color 0.2s ease 0s;

}/*#BUTTON_5*/



.inline {

  display: inline-block;

    width:100%;

    text-align:center;

    text-overflow:ellipsis;

    overflow: hidden;

}

.wrap {

  display: table;

height:100%;

overflow:hidden;

 width:100%;





}

.wrap p {

  display:        table-cell;

  vertical-align: middle;

}





.page{display:block;}#surveysummary{display:none;height:500px;}







.wrapper {width:90%;margin:auto;margin-bottom:70px;margin-top:40px;}



.wrapper::-webkit-scrollbar{

		width:12px;

		background-color:#cccccc;

	}

.wrapper::-webkit-scrollbar{

		width:12px;

		background-color:#cccccc;

	}

	.wrapper::-webkit-scrollbar:horizontal{

		height:12px;

	}

	.wrapper::-webkit-scrollbar-track{

		border:1px #787878 solid;

		border-radius:10px;

		-webkit-box-shadow:0 0 6px #c8c8c8 inset;

	}

	.wrapper::-webkit-scrollbar-thumb{

		background-color:#72768c;

		border:1px solid #000000;

		border-radius:16px;

	}

	.wrapper::-webkit-scrollbar-thumb:hover{

		background-color:#a2a2b8;

		border:1px solid #333333;

	}

	.wrapper::-webkit-scrollbar-thumb:active{

		background-color:#6d6b7d;

		border:1px solid #333333;

	}





.search-table{table-layout: fixed; margin:0px auto 0px auto;margin-bottom:0em;     overflow-y: hidden;}

.search-table,.comparetable td,.comparetable th{border-collapse:collapse; border:1px solid #e5e5e5;}

.comparetable th{padding:7px 7px; font-size:13px; color:#444;line-height:15px; }



.comparetable tbody td {background:rgba(255, 255, 255,.45);}

.comparetable2 tbody td {background:rgba(255, 255, 255,.45);}



.comparetable th:first-child{background:rgba(201, 220, 238,.80)!important;}

.comparetable th:nth-child(2){background:rgba(201, 220, 238,.80)!important;}

.comparetable th:not(:first-child){background:rgba(217, 242, 217,.80);}





.comparetable tfoot td:first-child{background:rgba(230, 247, 255, 0.47)!important;}

.comparetable tfoot td:nth-child(2){background:rgba(230, 247, 255, 0.47)!important;border-top: thick double #bfbfbf;}



.comparetable tfoot td{font-weight:600;}



.comparetable tfoot td:nth-child(n+3){background:rgba(230, 255, 242, 0.47)!important;border-top: thick double #bfbfbf;}





.comparetable td{padding:5px 10px; height:35px;text-align:center;font-size:13px; }



.search-table-outter { overflow-x: auto; }

.comparetable th, .comparetable td { min-width: 150px; }



.comparetable tr>td {

  padding-bottom: .5em;

}





.XX_search-table{table-layout: fixed; margin:40px auto 0px auto;margin-bottom:1em; }

.comparetable2{table-layout: fixed;}

.search-table,.comparetable2 td,.comparetable2 th{border-collapse:collapse; border:1px solid #e5e5e5;}

.comparetable2 th{padding:7px 7px; font-size:13px; color:#444;line-height:15px; }



.comparetable2 th:first-child{background:rgba(217, 242, 217,.80)!important;}

.comparetable2 th:nth-child(2){background:rgba(217, 242, 217,.80)!important;}

.comparetable2 th:not(:first-child){background:rgba(217, 242, 217,.80);}





.comparetable2 tfoot td:first-child{background:rgba(230, 255, 242, 0.47)!important;}

.comparetable2 tfoot td:nth-child(2){background:rgba(230, 255, 242, 0.47)!important;border-top: thick double #bfbfbf;}



.comparetable2 tfoot td{font-weight:600;}



.comparetable2 tfoot td:nth-child(n+3){background:rgba(230, 255, 242, 0.47)!important;border-top: thick double #bfbfbf;}





.comparetable2 td{padding:5px 10px; height:35px;text-align:center;font-size:13px; }



.search-table-outter { overflow-x: auto; }

.comparetable2 th, .comparetable2 td { min-width: 150px; }



.comparetable2 tr>td {

  padding-bottom: .5em;

}













/*------------------------------------------------*/

/* Switch SECTION START                           */

/*------------------------------------------------*/

 .per{

   display:none;

   

 }

 .Switch {

    width: 115px;

    position: relative;

    display: inline-block;

    font-size: 13px;

    font-weight: bold;

    color: blue;

    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8);

    height: 25px;

    padding: 3px 6px 3px 6px;

    border: 1px solid #ccc;

    border: 1px solid rgba(0, 0, 0, 0.2);

    border-radius: 4px;

    background: #ececec;

    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1);

    cursor: pointer;

}

body.IE7 .Switch {

    width: 78px;

}

.Switch span {

    display: inline-block;

    width: 47px;

}

.Switch span.On {

    color: #33d2da;

}

.Switch .Toggle {

    position: absolute;

    top: 2px;

    padding-right: 11px;

    width: 52px;

    height: 17px;

    border: 1px solid #ccc;

    border: 1px solid rgba(0, 0, 0, 0.3);

    border-radius: 4px;

    background: #fff;

    background: -moz-linear-gradient(top, #ececec 0%, #ffffff 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffffff));

    background: -webkit-linear-gradient(top, #ececec 0%, #ffffff 100%);

    background: -o-linear-gradient(top, #ececec 0%, #ffffff 100%);

    background: -ms-linear-gradient(top, #ececec 0%, #ffffff 100%);

    background: linear-gradient(top, #ececec 0%, #ffffff 100%);

    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);

    z-index: 1;

    -webkit-transition: all 0.15s ease-in-out;

    -moz-transition: all 0.15s ease-in-out;

    -o-transition: all 0.15s ease-in-out;

    -ms-transition: all 0.15s ease-in-out;

}

.Switch.On .Toggle {

    left: 3%;

}

.Switch.Off .Toggle {

    left: 51%;

}







.questioncanvas {





}













  

  

 .activeli{

 	

 	

 	  text-decoration: none!important;

  border-bottom: 3px solid rgb(241, 189, 94); color: rgb(241, 189, 94)!important;margin-bottom:-3px;

 	

 }