*
{
    font-family: 'Source Sans Pro', sans-serif;
}

.formgenerator, .main_content
{
    background-color: white;
}

.main_content_inner
{
        padding: 32px 0px 16px 0px;

}

.formgenerator_menu
{
    /*padding-bottom: 16px;
    height: 70px;*/
}

.formgenerator_menu a
{
    float: left;
    text-align: center;
    color: #E20304;
    text-decoration: none;
    font-size: 11px;
}

.options_container
{
    padding-right: 16px;
    height: 100%;
    vertical-align: top;
}


.formgenerator_menu .disabled
{
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.designer_container
{
    height: 100%;
}

.slider
{
    display: none;
    width: 4%;
    background-color: #EB8F00;
    height: 100%;
}



.form_field, .html_mergefield
{
    padding: 5px;
    margin: 5px;
}

.form_field, .html_mergefield, .designer_container .designer .form_field
{
    border: 1px solid #cdcdcd;
}

.designer_container .designer .form_field
{
    margin-bottom: 20px;
    padding: 30px 100px 10px 10px;
    min-height: 35px;
    background-color: white;
}

#tabs
{
    height: 99%;
    z-index: 99;
}

body
{
    font-size: 13px;
    margin: 0px;
    background-color: #fff;
}

.designer_container .designer div.selected
{
    border: 1px solid green;
}

#fields_tab .form_field
{
    width: 95px;
    float: left;
    font-size: 0.8em;
    overflow: hidden;
    position: relative;
    padding-bottom: 15px;
}

.designer_container .designer .form_field > p.content, .form_field > p.content
{
    margin: 0px;
}

.designer .form_field
{
    position: relative;
}

.designer div.mandatory
{
    color: red;
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 1.4em;
}



.designer_container
{
    overflow-y: auto;
    vertical-align: top;
}

.designer
{
    min-height: 900px;
}



#options_answers
{
    margin-top: 30px;
}

.options_container .card_answer, .options_container .payment_method, .options_container .contact-block-field-value
{
    min-height: 17px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    font-size: 12px;
    background-image: url(images/reg_images/drag_button_03.png), url(images/reg_images/drag_button_07.png), url(images/reg_images/drag_button_05.png);
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: top left, top right, 10px 0px;
    padding: 2px 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.options_container .card_answer.selectable.selectable_selected, .selectable.selectable_selected, .options_container .payment_method, .options_container .contact-block-field-value, .options_container .child_card_answer.selectable.selectable_selected
{
    opacity: 1;
    filter: alpha(opacity=1);
}

.options_container label
{
    display: block;
}

.options_container textarea
{
    vertical-align: top;
    height: 300px;
    width: 100%;
}

.options_container > div > div > select
{
    width: 100%;
}

.options_container > div > div > input[type=text], .field_options > input[type=text]
{
    width: 100%;
    width: -moz-calc(100% - 4px);
    width: -webkit-calc(100% - 4px);
    width: calc(100% - 4px);
}

.accordion > div
{
    overflow: auto;
}


div.main
{
    width: 100%;
    min-width: 800px;
    margin: auto;
    height: 100%;
}

label.error
{
    color: red;
    font-size: 70%;
}

.card_answer_options, .field-value-options
{
    background-color: #DDD;
    border: 1px solid gray;
    padding: 7px;
    position: relative;
    padding-bottom: 40px;
}

.card_answer_options input[type=button].apply_answer
{
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.card_answer_options input[type=text]
{
    /*margin-left: 69px;*/
}

.card_answer p.content, .payment_method p.content
{
    padding: 0px;
    margin: 0px;
}

.hovered
{
    background-color: white;
}

#fields_tab .info
{
    clear: both;
    display: block;
    font-size: 10px;
    position: absolute;
    bottom: 0px;
    overflow: hidden;
}

.new_demo
{
    float: left;
    background-color: lightgreen;
    padding: 5px;
    margin: 5px;
    width: 95px;
    clear: both;
    font-size: 0.8em;
}

body.empty
{
    background-color: transparent;
}

div.answer .remove
{
    font-size: 0.7em;
    color: red;
}

*
{
    -webkit-border-vertical-spacing: 0px;
    -webkit-border-horizontal-spacing: 0px;
}

.formgenerator > table
{
    width: 100%;
}


.designer_container .form_field .info
{
    display: none;
}

.html_mergefields .html_mergefield .content
{
    display: none;
}

.html_mergefields .html_mergefield
{
}

.image_preview
{
    max-height: 300px;
    max-width: 300px;
}



/* new */

.formgenerator
{
    background-color: white;
}

.field_options
{
    margin-bottom: 30px;
}


.field_options > input[type=button] {
    float: right;
    /* clear: both; */
    margin-right: 5px;
    margin-top: 4px;
}



.field_options h3
{
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
    right: 2%;
    top: -14px;
    font-size: 15px;
    color: #E20304;
}


a.delete
{
    background-image: url(images/reg_images/drag_button_03.png), url(images/reg_images/drag_button_07.png), url(images/reg_images/drag_button_05.png);
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: top left, top right, 10px 0px;
    padding: 3px 20px;
    font-size: 12px;
    text-decoration: none;
    position: absolute;
    right: 7px;
    bottom: 7px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}



.fusion_header
{
    height: 83px;
    background-color: #E20304;
    background-image: url(images/reg_images/header_01.png), url(images/reg_images/header_03.png);
    background-repeat: no-repeat;
    background-position: top left, top right;
}

.fusion_menu
{
    height: 60px;
    background-color: white;
    margin-bottom: 7px;
    padding-left: 20px;
    padding-top: 2px;
    position: relative;
}

.fusion_menu a
{
    color: #E20304;
    text-decoration: none;
    font-size: 27px;
    padding: 19px;
}

.fusion_title
{
    background-color: white;
    position: absolute;
    bottom: 5px;
}

.fusion_title span
{
    font-weight: bold;
    font-size: 16px;
}

.fusion_title span.name
{
    color: #E20304;
}

.ui-tabs-panel
{
    background-image: url(images/reg_images/bg_menu_03.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.field_description
{
    display: none;
}

.designer .field_description
{
    display: block;
    position: absolute;
    left: 7px;
    top: 7px;
    color: #E20304;
    font-size: 15px;
    font-weight: bold;
}

.form_field h2, .form_field h1
{
    margin: 0px;
}

select
{
    margin: 0px;
}

td.ajax__htmleditor_editor_toptoolbar > div > div
{
    z-index: 100;
}

.fusion_user
{
    background-color: white;
    padding: 7px;
    padding-left: 20px;
}

.fusion_user a
{
    color: #E20304;
    text-decoration: none;
}


.form_thumbnail
{
    width: 450px;
    float: left;
    margin: 10px;
    background-color: white;
}

.thumbnail_content
{
    float: left;
    width: 348px;
    border: 1px solid #CECECE;
    background-color: white;
    z-index: 11;
    position: relative;
}

.thumbnail_content h3
{
    background-color: #959595;
    color: white;
    padding: 4px 4px 4px 15px;
    font-weight: normal;
    margin: 0px;
}

.published .thumbnail_content h3
{
    background-color: #E20304;
}

.thumbnail_content img
{
    float: left;
    padding: 15px;
}

.thumbnail_options
{
    float: right;
    text-align: center;
    width: 100px;
}

.thumbnail_options a
{
    text-decoration: none;
    color: #E20304;
}

.thumbnail_properties div
{
    width: 143px;
    float: right;
    padding: 5px;
    margin-right: 15px;
}

.thumbnail_properties div:first-child
{
    border-top: 0px solid #CECECE;
}

.thumbnail_properties label
{
    color: #959595;
}

.thumbnail_options div
{
    z-index: 10;
    background-color: #eee;
    width: 100px;
    position: relative;
    height: 35px;
    left: -65px;
}

.thumbnail_options div img
{
    vertical-align: middle;
}

.thumbnail_options div:first-child
{
    border-top: 0px solid #CECECE;
}

.thumbnail_options .option_text
{
    display: block;
    width: 100px;
    vertical-align: middle;
    text-align: right;
}


.clear
{
    clear: both;
}



.options_container, #tabs
{
    /*width: 505px;*/
}

#tabs
{
    position: relative;
}

.payment_methods, .invoice_fields
{
    display: none;
}
#PinMenu
{
    float: right;
    cursor: pointer;
}

.html_description_value, .html_answer_description_value
{
    display: none;
}

div[type=ServerControl] .content, div[type=ServerControl] .path
{
    display: none;
}



.designer .form_field[type=FieldContainer]
{
	background-color: #dddddd;
	overflow: hidden;
}

div.minimize
{
	position: absolute;
	right: 15px;
	top: -10px;
	font-size: 40px;
	color: green;
	font-weight: bold;
}

.designer .contact-block-field-values {
    display: none;
}

.answer_select_cb {
    float: left;
}
div.closed div.thumbnail_content h3 {
    background-color: #4B4B4B;
}

div.ui-slider-horizontal {
    border: 1px solid #999;
}
.ui-datepicker {
    border: 1px solid #aaa;
background-color: #efefef;
}




/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

.remove_sub_answer {
    color: red;
    font-size: 10px;
}

.card_answer .saved_sub_answers, .card_answer .please_specify_value {
    display: none;
}

.form-type { float: right;}
.form-type select { width: 100px;}

.child_card_answer {
    min-height: 22px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    font-size: 10px;
    background-image: url(images/reg_images/drag_button_03.png), url(images/reg_images/drag_button_07.png), url(images/reg_images/drag_button_05.png);
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: top left, top right, 10px 0px;
    padding: 2px 0px 0px 10px;
    margin: 5px 0px 0px 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    clear: both;
}
.designer_container .answers { display: none;}
.child_card_answer p.content, .child_card_answer input[type=checkbox] { float: left;}

/* updates by Michal 03.2016 */

.side_panel {
     position: fixed;
  width: 31%;
  height:100vh;
  left: 0;
  z-index: 100;
  /*top: 0;*/
  overflow-y: auto;
  background-color: #FFFFFF;
  /*color: #fff;*/
padding-top: 0px;
    height: -moz-calc(100% - 120px); /* Firefox */
 height: -webkit-calc(100% - 120px); /* Chrome, Safari */
 height: calc(100% - 120px); /* IE9+ and future browsers */
      -webkit-transition: width 1s; /* Safari */
    transition: width 1s;

}

.side_panel input, .side_panel textarea {
    color: black;
        
}

.content_panel {

  /*padding: 0px 30px;*/
  overflow-y: auto;
  z-index: 99;
  position: fixed;
  right: 0;
  width: 69%;
 /*top: 0;*/
   height: -moz-calc(100% - 125px); /* Firefox */
 height: -webkit-calc(100% - 125px); /* Chrome, Safari */
 height: calc(100% - 125px); /* IE9+ and future browsers */
  margin-bottom: -125px;
  background-color: #fff;
       -webkit-transition: width 1s; /* Safari */
    transition: width 1s;
}

.side_panel_content {
    margin-left: 10px;
}

.separator {
    height: 4px;
    width: 100%;
    background-color: #CD2234;
}

.content_panel .ui-tabs .ui-tabs-panel {
    padding-top: 58px !important;
}



.tab_container ul {
        background-color: #424242;
    position: fixed;
    width: 69%;
    /*overflow: hidden;*/
    border-radius: 0px;
    z-index: 999;
        padding-top: 14px;
        height: 48px;
        -webkit-transition: width 1s; /* Safari */
    transition: width 1s;
}

.tab_container ul li:first {
  margin-left: 7px !important;
}

.formgenerator_menu {
    position: fixed;
    z-index: 999;
        width: 31%;
    left: 0;
    padding-top: 3.5px;
    padding-bottom: 7px;
      background-color: #424242;
           -webkit-transition: width 1s; /* Safari */
    transition: width 1s;
}

.side_panel_content #tabs {
        padding-top: 70px;
}

label {
    font-weight: normal !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
     background-image: none; 

    background-color: #424242;
    border-radius: 0px;
}

input[type="button"] {
    color: white;
}

.formgenerator_menu .btn-danger {
    margin-right: 5px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-image: none !important;
    font-weight: bold;
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    display: inline-block;
    padding: 3px 6px !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
    border: 1px solid transparent;
    border-radius: 0px;
    font: inherit !important;
    font-weight: normal !important;
    
}



.ui-tabs .ui-tabs-nav li a {
    color: white;
    padding: 6px 3px 7px 3px !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-color: #fff !important;
    color: #000 !important;
}

.ui-state-active a, .ui-widget-content .ui-state-active a, .ui-widget-header .ui-state-active a{
    color: #000 !important;
}

.ui-tabs .ui-tabs-nav li {
    margin-left: 1px !important;
}

.btn-danger {
    color: #fff !important;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.ui-accordion .ui-accordion-header {
    
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
    line-height: 26px;
    width: 98%;
    background-color: #F8F8F8 !important;
    margin: 5px;
    border: 1px solid #E9E9E9;
}

.ui-accordion .ui-accordion-content-active {
        width: 98%;
    margin: 0px auto;
    background-color: rgb(248, 248, 248);
}

.side_panel_content .ui-tabs .ui-tabs-nav li.ui-tabs-selected, .side_panel_content .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0;
    background-color: #424242 !important;
    /* color: white !important; */
}
.side_panel_content .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .side_panel_content .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
     color: white !important; 
}

.formgenerator_menu a:first-child {
    margin-left: 11px;
}

.login-table {
    margin:0 auto;
}

.login-table input {
    margin-bottom: 5px;
    margin-left: 5px
}
.RadGrid .rgFilterBox {
    height: 22px !important;
}

#fields_tab .form_field {
    width: 30% !important;
}

.single-country {
    opacity: 0.7 !important;
    line-height: 18px;
    display: flex;
}

.single-country .country-check {
    margin-right: 3px;
}

.single-country.country-selected {
    opacity: 1 !important;
}

#form1 input[type=button] {
    color: black;
}

.html_mergefield {
    min-width: 90px;
    float: left;
    font-size: 0.8em;
    overflow: hidden;
    position: relative;
    padding-bottom: 15px;
}

.popup_box_content {
    width: 860px;
    height: 500px;
}