@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);


.gform_wrapper ul.gfield_checkbox li input[type=checkbox], .gform_wrapper ul.gfield_radio li input[type=radio] {
  visibility: hidden;
  margin: 0;
  width: 0!important;
}
.gform_wrapper input[type=checkbox] + label, .gform_wrapper input[type=radio] + label { font-size: 16px; }
input[type=checkbox] + label:hover, input[type=radio] + label:hover { cursor: pointer; }
input[type=checkbox] + label:before, input[type=radio] + label:before {
  font-family: "ETmodules";
  font-size: 36px;
  position: relative;
  top: 0.2em;
  margin-right: 0.2em;
}
.gform_wrapper li.gf_list_inline ul.gfield_checkbox li, .gform_wrapper li.gf_list_inline ul.gfield_radio li {
  display: -moz-inline;
  display: inline;
}





input[type=radio] + label:before {  }
input[type=radio] + label {
    background: white;
    padding: 6px 15px!important;
    color: black;
    border: 1px solid gainsboro;
    font-weight: 500!important;
    border-radius: 3px;
}




input[type=checkbox] + label:before {
  content: "\f096";
  font-family: FontAwesome;
  font-size: 18px;
  display: inline-block;
  top: 0.1em;
  margin-right: 0.3em;
}


input[type=checkbox]:checked + label:hover:before {
  
}
input[type=radio]:checked + label:hover:before { }


input[type=radio]:checked + label:before { }
input[type=radio]:checked + label {
    background: #d42925;
    color: white;
    border: 1px solid gainsboro;
}



input[type=checkbox]:checked + label:before { 
    content: "\f046"; 
}
input[type=checkbox]:checked + label { 

}

input[type=radio] + label:hover:before { }
input[type=radio] + label:hover {
    background: #337ab7;
    color: white;
    border: 1px solid gainsboro;
}

input[type=checkbox] + label:hover:before { }
input[type=checkbox] + label:hover { 

}

.gfield_radio li {
    margin: 0;
}

ul.gfield_radio li {
    margin: 0 0px!important;
}

ul.gfield_radio li:first-child input[type=radio] + label {
    /* margin-left: 0; */
}

input[type=text] {
  border-radius: 3px;
  border: 1px solid gainsboro;
}

.chosen-container  .chosen-single {
}



input[type=text] {
    border-radius: 3px!important;
    border: 1px solid gainsboro!important;
}


.gform_wrapper .chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 5px 8px!important;
    height: auto!important;
    border: 1px solid gainsboro!important;
    background-color: #FFF!important;
    background: white!important;
    background-clip: padding-box;
    box-shadow: none!important;
    color: #444;
    text-decoration: none!important;
    white-space: nowrap;
    line-height: 24px;
    border-radius: 3px!important;
}

.gform_wrapper .chosen-container-single .chosen-single div b {
    background-position-y: 8px;
}

.gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 8px;
}

.gform_wrapper .chosen-container-single .chosen-drop {
    border-radius: 0 0 3px 3px;
}

.gform_wrapper .chosen-container .chosen-drop {
    border: 1px solid gainsboro;
    box-shadow: none;
}

.gform_wrapper textarea {
    border: 1px solid gainsboro;
    border-radius: 3px;
}

#btt_schedule_survey_exports_btn_row button{
    margin-right:5px;
}


/* navbar */
/*.fusion-page-title-bar {
    border-color: #001489;
    background-image: url(../img/loop_white.png)!important;
    background-color: #EE5C4C;
    background-repeat: no-repeat!important;
    background-position-x: 25px!important;
    background-size: 100px!important;
    height: 55px!important;
    border-bottom: 4px solid #001489;
    padding: 0 10%;
}*/

/*.fusion-page-title-bar h1, .fusion-page-title-bar h3 {
    color: white;
}

.fusion-page-title-bar .fusion-breadcrumbs, .fusion-page-title-bar .fusion-breadcrumbs a {
    color: white;
    font-size: 12px;
}*/

/* ***** survey table ****** */
table.gsurvey-likert td.gsurvey-likert-choice {
    background-image: none!important;
}

table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-selected {
    background-color: rgb(217, 83, 79)!important;
    color: white;
}

table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-selected.gsurvey-likert-focus  {
    background-color: rgb(217, 83, 79)!important;
    color: white;
}

table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-selected.gsurvey-likert-hover {
    background-color: rgb(217, 83, 79)!important;
    color: white;
}

table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-hover {
    background-color: #337ab7!important;
    color: white;
}

table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-focus {
    background-color: rgb(217, 83, 79)!important;
}

table.gsurvey-likert td.gsurvey-likert-choice:before {
    content: "\f096"!important;
    font-family: FontAwesome;
    font-size: 20px;
    display: inline-block;
}

table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-selected:before {
    content: "\f046"!important;
    color: white;
}




table.gsurvey-likert .gsurvey-likert-row-label {
    font-weight: 500!important;
}

@media only screen and (min-width: 769px) {
    table.gsurvey-likert tr:nth-child(odd) .gsurvey-likert-row-label {
        padding: 12px 2px;
    }
}

@media only screen and (max-width: 761px), (min-device-width: 768px) and (max-device-width: 1024px) {

    table.gsurvey-likert td.gsurvey-likert-choice {
        height: auto!important;
    }

    table.gsurvey-likert td.gsurvey-likert-choice:before {
        font-size: 20px!important;
        vertical-align: inherit!important;
        margin-left: 15px!important;
    }

    table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-selected:after {
        color: white
    }

    table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-hover:after {
        color: white
    }

    table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-focus:after {
        color: white
    }










    .gform_wrapper ul.gfield_checkbox li label, 
    .gform_wrapper ul.gfield_radio li label {
        width : 100%!important;
        max-width : 98%!important;
    }

    .gform_wrapper .gfield_radio li:first-child label {
        margin: 0 -3px!important;
    }

    .gform_wrapper .gfield_radio li label {
        margin: 5px -2px!important;
    }
    .gform_wrapper select{
        color:#3c3c3c !important;
    }

    .timestamp:first-child {
        margin: 2px 0 25px 0;
    }


    .timestamp btn {
        width: 100%;
    }

    .timestamp .btn {
        width: 100%;
    }




    .fusion-page-title-bar {
        background-image: none!important;
    }


}

/* ***** top toolbar fix ****** */
/*.fusion-page-title-bar {
    position: fixed;
    top: 0;
    z-index: 9999;
}*/

.page-template-blank #main {
    margin-top: 50px;
}



/*span.gfield_required {
    font-weight: 800;
    line-height: 0;
    font-size: 40px;
    position: relative;
    top: 14px;
    margin-left: 1px;
    color: #d9534f!important;
}*/

/* tooltips */

/*label.gfield_label:after {
    content: "\f059";
    font-family: FontAwesome;
    margin-left: 8px;
}

label.gfield_label.no-icon:after {
    content: "";
    margin: 0;
}

.gfield_description {
    display: none;
}*/





/* chart */

.infoTitle {
    color: #5d5d5d;
    text-align: center;
    margin-bottom: 10px;
}


.panel.panel-default span.f-r {
    display: inline-block;
    float: right;
    margin: 0 3px;
}

.panel.panel-default .panel-heading {
    min-height: 52px;
}


.print-footer {
    display: none;
}


/*chart filter form */
.chart_filter select, .chart_filter input {
    color: black;
}


/** chart loader **/
.loader {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #009a84;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

.canvas-loader.loader { margin: 120px 42%; }

.canvas-loader.loader div { display:none; }

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/***** chart print view *****/
@media print {

    @page { size: landscape; }

    * {
        float:none!important;
    }
    
    #side-header {
        display: none;
    }

    #slidingbar-area {
        display: none;
    }

    #main {
        padding: 0!important;
        margin: 0!important;
        width: 100%!important;
    }

    #wrapper {
        margin: 0!important;
    }

    strong {
        font-weight: 400!important;
    }

    .export-panel {
        display: none;
    }

    .panel.panel-default {
        page-break-before: always;
    }

    /** chart table **/

    canvas {
        width: 100%!important;
    }

    span.f-r {
        display: none!important;
    }

    .panel {
        border-radius: 0px;
        overflow: inherit!important;
    }

    .panel.panel-default {
        width: 100%!important;
    }

    .panel-heading {
        width: 100%!important;
    }

    .table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {
        padding: 0 2px 0 0!important;
    }

    td:nth-child(odd) {background: #f7f7f7;}


    td:nth-child(1) {
        background: #f5f5f5;
    }

    .table>tbody>tr>td:first-child, .table>tfoot>tr>td:first-child, .table>thead>tr>td:first-child {
        padding-right: 8px;
    }

    .print-footer {
        display: block!important;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 75px;
        width: 100%;
    }

    .print-footer img {
        height: 40px;
    }

    .print-footer div {
        display: inline;
        vertical-align: bottom;
    }




    /* apply for 2 charts */
    canvas {
        width: 90%!important;
        margin-left:50px;
    }

    .fusion-column-first.fusion-one-half canvas {
        position:absolute;
        top:50px;
        left:0;
        width: 100%!important;
        margin-left:50px;
    }

    .fusion-column-last.fusion-one-half canvas {
        position:absolute;
        top:30px;
        left:100%;
        width: 100%!important;
        margin-left:10px;
    }

    .fusion-column-first.fusion-one-half .infoTitle {
        position:absolute;
        top:0;
        left:20px;
        width: 100%!important;
    }

    .fusion-column-last.fusion-one-half .infoTitle {
        position:absolute;
        top:-20px;
        left:100%;
        width: 100%!important;
    }

    .fusion-column-first.fusion-one-half .panel.panel-default {
    	page-break-before: none;
        position:absolute;
        width: 100%!important;
        left:60px;
        top:1100px;
    }

    .fusion-column-last.fusion-one-half .panel.panel-default {
    	page-break-before: none;
        position:absolute;
        width: 100%!important;
        left:60px;
        top:1600px;
    }
    
    .fusion-column-first.fusion-one-half .print-footer, .fusion-column-last .print-footer {
        display: none!important;
    }

}


.panel .side-right {
    float: right;
}

.export-panel {
    width: 100%;
}

tr.dataInfo {
    background: #f2dede;
}