@font-face {
  font-family: 'BYekan';
  src: url('../fonts/BYekan.eot');
  src: url('../fonts/BYekan.eot#iefix') format('embedded-opentype'),
  url('../fonts/BYekan.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto/roboto_regular/Roboto-Regular-webfont.eot');
  src: url('../fonts/Roboto/roboto_regular/Roboto-Regular-webfont.eot#iefix') format('embedded-opentype'),
  url('../fonts/Roboto/roboto_regular/Roboto-Regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

*,input, button, select, textarea{
  font-family: "BYekan", Source Sans Pro, Arial, Helvetica, sans-serif ;
}

.chzn-container .chzn-drop {
  border-radius: 0 0 3px 3px;
}

.control-group .chzn-container {
  max-width: 100%;
}

.control-group .chzn-container .chzn-choices li.search-field,
.control-group .chzn-container .chzn-choices li.search-field input {
  width: 100% !important;
}

.chzn-container-single .chzn-single {
  background-color: #fff;
  background-clip: inherit;
  background-image: none;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  height: auto;
  line-height: 26px;
}

.chzn-container-single .chzn-single div {
  background-color: #f3f3f3;
  border-left: 1px solid #ccc;
  bottom: 0;
  height: auto;
  text-align: center;
  width: 28px;
}
.chzn-container-single .chzn-single span {
  display: block;
  overflow: hidden;
  margin-left: 26px;
  margin-right: 0;
}
#main ul {
  padding: 0 0 0 15px;
}
.chzn-container-single .chzn-single {

  padding: 0 8px 0 0;
}
.chzn-container-single .chzn-single div b {
  background-image: none;
  display: inline-block;
}

.chzn-container-single .chzn-single div b:after {
  content: "\f0d7";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.chzn-container-single .chzn-single abbr {
  background: none;
  right: 36px;
  top: 0;
}

.chzn-container-single .chzn-single abbr:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: '\0049';
  line-height: 26px;
}

.chzn-container-single .chzn-single abbr:hover {
  color: #000;
}

.chzn-container-single .chzn-search:after {
  content: '\f002';
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: relative;
  right: 20px;
  top: 2px;
}

.chzn-container-single .chzn-search input[type="text"] {
  background: none;
  border-radius: 3px;
  border: 1px solid #ccc;
  box-shadow: none;
  height: 25px;
}

.chzn-container-single .chzn-search input[type="text"]:focus {
  border-color: #3071A9;
}

.chzn-container-single .chzn-drop {
  background-clip: padding-box;
  border-color: #3071A9;
  border-radius: 0 0 3px 3px;
}

.chzn-container-active .chzn-single {
  color: #3071A9;
}

.chzn-container-active.chzn-with-drop .chzn-single {
  background-image: none;
  border: 1px solid #3071A9;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.chzn-container-active.chzn-with-drop .chzn-single div {
  background-color: #f3f3f3;
  border-bottom: 1px solid #ccc;
  border-bottom-left-radius: 3px;
  border-left: 1px solid #ccc;
}

.chzn-container-active.chzn-with-drop .chzn-single div b:after {
  content: '\f0de';
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.chzn-container-active.chzn-container-multi .chzn-choices {
  border: 1px solid #3071A9;
  box-shadow: none;
}

.chzn-container .chzn-results {
  background-color: #fff;
  border-radius: 0 0 3px 3px;
  margin: 0;
  padding: 0;
}

.chzn-container .chzn-results li.highlighted {
  background-color: #3071A9;
  background-image: none;
}

.chzn-color[rel="value_"] div {
  background-color: #f3f3f3;
  border-left: 1px solid #ccc;
}

.chzn-color-state.chzn-single div,
.chzn-color.chzn-single[rel="value_0"] div,
.chzn-color.chzn-single[rel="value_1"] div,
.chzn-color-state.chzn-single[rel="value_-1"] div,
.chzn-color-state.chzn-single[rel="value_-2"] div,
.chzn-color.chzn-single[rel="value_hide"] div,
.chzn-color.chzn-single[rel="value_show_no_link"] div,
.chzn-color.chzn-single[rel="value_show_with_link"] div {
  background-color: transparent !important;
  border: none !important;
}

.chzn-container-active .chzn-choices {
  border: 1px solid #3071A9;
}

.chzn-container-multi .chzn-choices {
  background-image: none;
  border-radius: 3px;
  border: 1px solid #ccc;
}

.chzn-container-multi .chzn-choices li.search-choice {
  background-color: #3071A9;
  background-image: none;
  border: 0;
  box-shadow: none;
  color: #fff;
  line-height: 20px;
  padding: 0 7px;
}

.chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
  color: #f5f5f5;
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: 0;
  left: 0;
  background-image: none;
  font-size: inherit;
}

.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover {
  text-decoration: none;
}

.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: '\f0dd';
  position: relative;
  right: 1px;
  top: 0;
}

.js-stools .js-stools-container-bar .js-stools-field-filter .chzn-container {
  margin: 1px 0;
  padding: 0 !important;
}

.chzn-color.chzn-single[rel="value_1"],
.chzn-color-reverse.chzn-single[rel="value_0"],
.chzn-color-state.chzn-single[rel="value_1"],
.chzn-color.chzn-single[rel="value_show_no_link"],
.chzn-color.chzn-single[rel="value_show_with_link"] {
  background-color: #46a546;
  *background-color: #46a546;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #ffffff;
}

.chzn-color.chzn-single[rel="value_1"]:hover,
.chzn-color.chzn-single[rel="value_1"]:focus,
.chzn-color.chzn-single[rel="value_1"]:active,
.chzn-color.chzn-single[rel="value_1"].active,
.chzn-color.chzn-single[rel="value_1"].disabled,
.chzn-color.chzn-single[rel="value_1"][disabled],
.chzn-color-reverse.chzn-single[rel="value_0"]:hover,
.chzn-color-reverse.chzn-single[rel="value_0"]:focus,
.chzn-color-reverse.chzn-single[rel="value_0"]:active,
.chzn-color-reverse.chzn-single[rel="value_0"].active,
.chzn-color-reverse.chzn-single[rel="value_0"].disabled,
.chzn-color-reverse.chzn-single[rel="value_0"][disabled],
.chzn-color-state.chzn-single[rel="value_1"]:hover,
.chzn-color-state.chzn-single[rel="value_1"]:focus,
.chzn-color-state.chzn-single[rel="value_1"]:active,
.chzn-color-state.chzn-single[rel="value_1"].active,
.chzn-color-state.chzn-single[rel="value_1"].disabled,
.chzn-color-state.chzn-single[rel="value_1"][disabled],
.chzn-color.chzn-single[rel="value_show_no_link"]:hover,
.chzn-color.chzn-single[rel="value_show_no_link"]:focus,
.chzn-color.chzn-single[rel="value_show_no_link"]:active,
.chzn-color.chzn-single[rel="value_show_no_link"].active,
.chzn-color.chzn-single[rel="value_show_no_link"].disabled,
.chzn-color.chzn-single[rel="value_show_no_link"][disabled],
.chzn-color.chzn-single[rel="value_show_with_link"]:hover,
.chzn-color.chzn-single[rel="value_show_with_link"]:focus,
.chzn-color.chzn-single[rel="value_show_with_link"]:active,
.chzn-color.chzn-single[rel="value_show_with_link"].active,
.chzn-color.chzn-single[rel="value_show_with_link"].disabled,
.chzn-color.chzn-single[rel="value_show_with_link"][disabled] {
  color: #fff;
  background-color: #2f6f2f;
  *background-color: #2f6f2f;
}

.chzn-color.chzn-single[rel="value_1"]:active,
.chzn-color.chzn-single[rel="value_1"].active,
.chzn-color-reverse.chzn-single[rel="value_0"]:active,
.chzn-color-reverse.chzn-single[rel="value_0"].active,
.chzn-color-state.chzn-single[rel="value_1"]:active,
.chzn-color-state.chzn-single[rel="value_1"].active,
.chzn-color.chzn-single[rel="value_show_no_link"]:active,
.chzn-color.chzn-single[rel="value_show_no_link"].active,
.chzn-color.chzn-single[rel="value_show_with_link"]:active,
.chzn-color.chzn-single[rel="value_show_with_link"].active {
  background-color: #46a546;
}

.chzn-color-state.chzn-single[rel="value_0"],
.chzn-color-state.chzn-single[rel="value_-2"] {
  background-color: #bd362f;
  *background-color: #bd362f;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #ffffff;
}

.chzn-color-state.chzn-single[rel="value_0"]:hover,
.chzn-color-state.chzn-single[rel="value_0"]:focus,
.chzn-color-state.chzn-single[rel="value_0"]:active,
.chzn-color-state.chzn-single[rel="value_0"].active,
.chzn-color-state.chzn-single[rel="value_0"].disabled,
.chzn-color-state.chzn-single[rel="value_0"][disabled],
.chzn-color-state.chzn-single[rel="value_-2"]:hover,
.chzn-color-state.chzn-single[rel="value_-2"]:focus,
.chzn-color-state.chzn-single[rel="value_-2"]:active,
.chzn-color-state.chzn-single[rel="value_-2"].active,
.chzn-color-state.chzn-single[rel="value_-2"].disabled,
.chzn-color-state.chzn-single[rel="value_-2"][disabled] {
  color: #fff;
  background-color: #802420;
  *background-color: #802420;
}

.chzn-color-state.chzn-single[rel="value_0"]:active,
.chzn-color-state.chzn-single[rel="value_0"].active,
.chzn-color-state.chzn-single[rel="value_-2"]:active,
.chzn-color-state.chzn-single[rel="value_-2"].active {
  background-color: #bd362f;
}

label, input, button, select, textarea {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
}

input, textarea, .uneditable-input {
  width: 206px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  display: inline-block;
  height: 28px;
  padding: 4px 6px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 28px;
  color: #555;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
}

.form-search input, .form-search textarea, .form-search select, .form-search .help-inline, .form-search .uneditable-input, .form-search .input-prepend, .form-search .input-append, .form-inline input, .form-inline textarea, .form-inline select, .form-inline .help-inline, .form-inline .uneditable-input, .form-inline .input-prepend, .form-inline .input-append, .form-horizontal input, .form-horizontal textarea, .form-horizontal select, .form-horizontal .help-inline, .form-horizontal .uneditable-input, .form-horizontal .input-prepend, .form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle;
}

.control-group, .controls, .controls input[type="text"], .controls input[type="number"], .controls input[type="email"], .controls select, .controls textarea {
  max-width: 100%;
}


.btn-group.btn-group-toggle
{
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  padding: 5px 10px;
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
body.rtl .btn-group > .btn:not(:last-child):not(.dropdown-toggle), body.rtl .btn-group > .btn-group:not(:last-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child),
body.rtl .btn-group > .btn:not(:first-child):not(.dropdown-toggle), body.rtl .btn-group > .btn-group:not(:first-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

.btn-group-vertical > .btn, .btn-group > .btn {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.btn-group .btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .5rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-primary, .btn-backtohome {
  color: #fff;
  background: #2c2e36;
  border-color: #2c2e36;
}

.btn-primary:hover, .btn-backtohome:hover {
  color: #fff;
  background: #0069d9;
  border-color: #0062cc;
}

.btn-group .btn-secondary {
  color: #fff;
  background: #6c757d;
  text-shadow: none;
  border-color: #6c757d;
}



.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background: #46a546;
  border-color: #4e555b;
}

.question-item:not(.default-color) .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background: #545b62;
  border-color: #4e555b;
}
.btn.active,
.btn:active{
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
}



.question-item:not(.default-color) .btn-secondary.btn-choice-0 {
  color: #000;
  background: #FC1E1E;
}

.question-item:not(.default-color) .btn-secondary.btn-choice-1 {
  color: #000;
  background: #FFAC28;
}

.question-item:not(.default-color) .btn-secondary.btn-choice-2 {
  color: #000;
  background: #FFE526;
}

.question-item:not(.default-color) .btn-secondary.btn-choice-3 {
  color: #000;
  background: #9CD834;
}

.question-item:not(.default-color) .btn-secondary.btn-choice-4 {
  color: #000;
  background: #4EC62B;
}
.btn-secondary:hover,.question-item:not(.default-color) .btn-secondary:hover
{
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.btn-choice-6 {
}

.btn-choice-7 {
}

/* community survey RTL codes */
#cj-wrapper .nav.no-margin-bottom {
  float: left !important;
}

#cj-wrapper .nav > li {
  display: inline-block;
}

#cj-wrapper .open > .dropdown-menu {
  padding: 10px;
}

#cj-wrapper .navbar-header {
  padding: 10px;
}

.panel-body .checkbox {
  padding-right: 20px;
}

#cj-wrapper .margin-bottom-5 {
  float: right;
}

.progress.active .bar {
  float: right;
}

.table th, .table td {
  text-align: right;
}

.center {
  text-align: center !important;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  float: right;
  margin-left: 5px;
  position: relative !important;
}

.survey-wrapper {
  direction: rtl;
}

/* end of community survey */

/* fix combobox new joomla - mosi hack */
.chzn-container .chzn-drop {
  display: none;
}

.chzn-container.chzn-with-drop .chzn-drop {
  display: block !important;
}

.chzn-container .chzn-results li.highlighted {
  font-size: 13px;
}

.chzn-container-single.chzn-container-single-nosearch .chzn-search {
  position: absolute;
  right: -9999px;
  left: auto;
}

.chzn-container-single .chzn-single div {
  left: 0;
  right: auto;

}

/* end of fix */

.divider-40{
  height:40pt;
}
#cj-wrapper .panel-default>.panel-heading {
  color: #333!important;
  background-color: #c3dfff !important;
  border-color: #87BFFF !important;
}
#cj-wrapper .panel-default {
  border-color: #3F8EFC !important;
}
body{
  background: rgb(135,191,255);
  background: -moz-linear-gradient(0deg, rgba(135,191,255,1) 10%, rgba(38,103,255,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(135,191,255,1) 10%, rgba(38,103,255,1) 100%);
  background: linear-gradient(0deg, rgba(135,191,255,1) 10%, rgba(38,103,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#87bfff",endColorstr="#2667ff",GradientType=1);
  padding: 5pt 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
}
.container.bg-white{
  background: #ffffff9e !important;
  border-radius: 5pt;

}
.grid-2-col{
      padding: 15px 0;
  display: grid;
    align-items: center;
    width: 100%;
    grid-template-columns:1fr 1fr;
  }
.grid-3-col{
      padding: 15px 0;
  display: grid;
    align-items: center;
    width: 100%;
    grid-template-columns:1fr 1fr 1fr;
  }
textarea.input-xxlarge{
  height:110px;
}
@media (max-width: 520px){
.question-item .btn-secondary{
  font-size: 0.8rem;
}
  .grid-3-col,.grid-2-col{
    grid-template-columns:1fr;
  }
}
@media (min-width: 1200px){
  .row {
    margin-left: -20px !important;
    *zoom: 1;
  }
}