diff --git a/public/css/admin_new.css b/public/css/admin_new.css index 7cd8d0230..75e7f8ad6 100644 --- a/public/css/admin_new.css +++ b/public/css/admin_new.css @@ -7399,5 +7399,3363 @@ table tr:last-of-type td, table tr:last-of-type th { /* Specific pages scss */ +/* font awesom za admin */ +#variable_holder input[type=checkbox].enka-admin-custom, +#variable_holder input[type=radio].enka-admin-custom { + display: none !important; +} + +#variable_holder input[type=checkbox].enka-admin-custom + span.enka-checkbox-radio:before, +#variable_holder input[type=radio].enka-admin-custom + span.enka-checkbox-radio:before { + font-family: "Font Awesome 5 Free"; + display: inline-block; + font-size: 14px; + color: #E5E5E5; + font-weight: 400; +} + +#variable_holder input[type=checkbox].enka-admin-custom.enka-inline + span.enka-checkbox-radio:before, +#variable_holder input[type=radio].enka-admin-custom.enka-inline + span.enka-checkbox-radio:before { + display: inline-block; + float: left; + padding-top: 4px; + padding-left: 4px; + font-weight: 400; +} + +#variable_holder input[type=checkbox].enka-admin-custom + span.enka-checkbox-radio:before { + /*content: "\f096";*/ + content: ""; + letter-spacing: 10px; +} + +#variable_holder input[type=radio].enka-admin-custom + span.enka-checkbox-radio:before { + /*content: "\f10c";*/ + content: ""; + letter-spacing: 8px; +} + +/* select, checked */ +#variable_holder input[type=checkbox].enka-admin-custom:checked + span.enka-checkbox-radio:before { + /*content: "\f046";*/ + content: ""; + color: #E5E5E5; + letter-spacing: 8px; +} + +#variable_holder input[type=radio].enka-admin-custom:checked + span.enka-checkbox-radio:before { + /*content: "\f192";*/ + content: ""; + color: #E5E5E5; +} + +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 01-Aug-2018, 12:52:20 + Author : podkrizniku +*/ +#toolbox_basic { + position: fixed; + z-index: 50; + top: 255px; + left: 1px; + height: 335px; + width: 50px; + background-color: #1E88E5; + border: 0; +} +#toolbox_basic div.new_adv { + cursor: default; + cursor: pointer; + margin: 0px 1px; + padding: 8px 4px; + text-align: center; + background-color: #FFC700; + background-repeat: repeat-y; +} +#toolbox_basic p { + margin: 10px 3px 3px; +} +#toolbox_basic p img { + cursor: move; +} +#toolbox_basic p span.sprites { + margin-right: 2px; +} +#toolbox_basic .handle { + color: #FF0000; + font-weight: bold; +} +#toolbox_basic p.left { + overflow: hidden; + margin-left: 0; + margin-right: 0; + padding-left: 9px; + padding-right: 2px; +} +#toolbox_basic p.right { + overflow: hidden; + margin-left: 0; + margin-right: 0; + padding-left: 9px; + padding-right: 2px; +} +#toolbox_basic p.whole { + overflow: hidden; + margin-left: 0; + margin-right: 0; + padding-left: 2%; + padding-right: 2%; + margin-top: 6px; +} +#toolbox_basic p.new_spr { + cursor: pointer; + margin: 0px 1px; + padding: 8px 4px; + text-align: center; +} +#toolbox_basic p.new_spr:hover { + background-color: #1775c8; +} +#toolbox_basic p.new_if { + cursor: pointer; + margin: 0px 1px; + padding: 8px 4px; + text-align: center; +} +#toolbox_basic p.new_if:hover { + background-color: #1775c8; +} +#toolbox_basic p.new_pb { + cursor: pointer; + margin: 0px 1px; + padding: 8px 4px; + text-align: center; +} +#toolbox_basic p.new_pb:hover { + background-color: #1775c8; +} +#toolbox_basic p.new_block { + cursor: pointer; + margin: 0px 1px; + padding: 8px 4px; + text-align: center; +} +#toolbox_basic p.new_block:hover { + background-color: #1775c8; +} + +#toolbox_add_advanced { + display: none; + cursor: auto; + z-index: -1; + position: fixed; + top: 218px; + left: 55px; + width: 495px; + height: auto; + min-height: 100px; + padding: 0px 10px 10px 10px; + background-color: #1E88E5; + text-align: left; + border: 1px solid #1E88E5; +} +#toolbox_add_advanced p.toolbox_add_title { + color: #1E88E5; + font-weight: 600; + font-size: 14px; +} +#toolbox_add_advanced p.new_spr { + float: left; + cursor: pointer; + width: 150px; + margin: 1px 0px 1px 1px; + padding: 4px 7px; + text-align: left; +} +#toolbox_add_advanced p.new_spr:hover { + background-color: #1E88E5; +} +#toolbox_add_advanced p.new_loop { + float: left; + cursor: pointer; + width: 150px; + margin: 1px 0px 1px 1px; + padding: 4px 7px; + text-align: left; +} +#toolbox_add_advanced p.new_loop:hover { + background-color: #1E88E5; +} +#toolbox_add_advanced .holder { + width: 33%; + float: left; + border: 0; + background: 0; +} +#toolbox_add_advanced p.new_question { + text-align: left; +} +#toolbox_add_advanced .new_spr_spacer { + float: left; + cursor: pointer; + width: 150px; + margin: 1px 0px 1px 1px; + padding: 4px 7px; + text-align: left; + cursor: auto; + height: 18px; +} +#toolbox_add_advanced p.naslov { + float: left; + width: 150px; + margin: 10px 0 3px 0; + padding: 0 5px 0px 2px; + font-size: 13px; + font-weight: 600; + text-align: left; +} +#toolbox_add_advanced p span { + display: none; +} + +#toolbox_advanced_settings { + position: fixed; + cursor: pointer; + top: 218px; + left: 1px; + width: 18px; + height: 19px; + padding: 5px 15px 6px; + background-color: #1E88E5; + border: 1px #1E88E5 solid; +} +#toolbox_advanced_settings #toolbox_advanced_settings_holder { + display: none; + cursor: auto; + z-index: 99; + position: fixed; + top: 218px; + left: 55px; + width: auto; + height: auto; + min-height: 100px; + padding: 10px 20px 0 10px; + text-align: left; + font-size: 11px; + border: 1px solid #1E88E5; + background-color: #1E88E5; +} +#toolbox_advanced_settings #toolbox_advanced_settings_holder span.advanced_settings_title { + vertical-align: middle; + padding: 0 0 0 2px; + color: #1E88E5; + font-weight: 600; + font-size: 12px; +} +#toolbox_advanced_settings #toolbox_advanced_settings_holder span.advanced_setting { + display: inline-block; + text-align: center; + width: 20px; + padding: 3px 5px 0 0; +} + +#locked_toolbar { + position: absolute; + top: 1px; + left: 1px; + width: 45px; + height: 194px; + padding: 140px 0 0 3px; + background: rgba(30, 136, 229, 0.85); +} +#locked_toolbar span.lock_big { + margin-left: 13px; +} + +#toolbox_basic.forma { + height: 266px; + top: 235px; +} +#toolbox_basic.forma #locked_toolbar { + height: 199px; + padding-top: 85px; +} + +.mobile_add_question { + display: none; +} + +.mobile_add_question_popup { + display: none; +} + +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 03-Aug-2018, 11:04:39 + Author : podkrizniku +*/ +.nastavitveSpan4 { + display: table-cell; + float: left; + font-weight: 500; + width: 55%; + clear: both; +} + +.nastavitveSpan5 { + display: table-cell; + float: left; + font-weight: 500; + width: 25%; + clear: both; +} + +select#skin_anketa { + max-width: 120px; + margin-bottom: 2px; +} + +select#skin { + max-width: 120px; + margin: 4px 0 2px 0; +} + +#anketa_edit.page_.subpage_.glasovanje .anketa_edit_main { + display: flex; + /* Leve nastavitve */ + /* Srednji del */ + /* Desne nastavitve */ +} +#anketa_edit.page_.subpage_.glasovanje .anketa_edit_main #glas_settings { + width: 330px; + min-width: 290px; + margin: 20px 0 0 0; + padding: 0; + line-height: 18px; + background-color: white; + border: 1px solid #1E88E5; +} +#anketa_edit.page_.subpage_.glasovanje .anketa_edit_main #glas_settings .more { + float: right; + margin: 5px 20px 10px 0; + font-weight: 500; +} +#anketa_edit.page_.subpage_.glasovanje .anketa_edit_main #glas_settings .less { + float: right; + margin: 5px 20px 10px 0; + font-weight: 500; +} +#anketa_edit.page_.subpage_.glasovanje .anketa_edit_main #glas_settings .header_holder { + height: 35px; + font-size: 16px; + font-weight: 500; + background-color: #1E88E5; + width: 100%; +} +#anketa_edit.page_.subpage_.glasovanje .anketa_edit_main #glas_settings .header_content { + padding: 8px 0px 7px 0px; +} +#anketa_edit.page_.subpage_.glasovanje .anketa_edit_main #glas_settings .header_content .header_left { + color: #1E88E5; + font-size: 16px; + font-weight: 500; + width: auto; + float: left; + padding-left: 10px; +} +#anketa_edit.page_.subpage_.glasovanje .anketa_edit_main #glas_settings fieldset { + margin: 11px 10px; + padding: 3px 5px; + border: 0; + border-top: 1px solid #1E88E5; +} +#anketa_edit.page_.subpage_.glasovanje .anketa_edit_main #glas_settings legend { + margin: 0; + padding: 0 10px 0 5px; + background-color: rgba(0, 0, 0, 0); + color: #1E88E5; + font-weight: 500; +} +#anketa_edit.page_.subpage_.glasovanje .anketa_edit_main #placeholder { + margin: 85px 0 0 20px; + max-width: 1100px; +} +#anketa_edit.page_.subpage_.glasovanje .anketa_edit_main #placeholder #branching.branching_glasovanje { + padding: 3px; + min-height: 400px; + width: calc(96% - 315px); +} +#anketa_edit.page_.subpage_.glasovanje .anketa_edit_main #placeholder #branching.branching_glasovanje ul.first { + margin: 1px 0 0 0 !important; +} +#anketa_edit.page_.subpage_.glasovanje .anketa_edit_main #placeholder #branching.branching_glasovanje ul li { + margin-left: 0px !important; +} +#anketa_edit.page_.subpage_.glasovanje .anketa_edit_main #placeholder #vprasanje_float_editing { + margin-top: 45px !important; +} +#anketa_edit.page_.subpage_.glasovanje .anketa_edit_main #quick_settings_holder { + position: absolute; + right: calc(3% + 5px); + margin-left: -5px; + top: 222px; + height: auto; + width: 310px; + border: 0; + background-color: transparent; +} +#anketa_edit.page_.subpage_.glasovanje .anketa_edit_main #quick_settings_holder #quick_settings { + padding: 5px 15px; + width: 315px; + box-sizing: border-box; + float: right; + background-color: #1E88E5; + border: 1px solid #1E88E5; +} +#anketa_edit.page_.subpage_.glasovanje .anketa_edit_main #quick_settings_holder #quick_settings fieldset { + border: 1px #E5E5E5 solid; +} +#anketa_edit.page_.subpage_.glasovanje .anketa_edit_main #quick_settings_holder #quick_settings .form_bottom_settings { + margin: 0 8px 10px 8px; + padding: 0 0 5px 10px; + background-color: inherit; +} +#anketa_edit.page_.subpage_.glasovanje .anketa_edit_main #quick_settings_holder #quick_settings #form_settings_obvescanje { + padding: 1px 0 10px 10px; +} +#anketa_edit.page_.subpage_.glasovanje .anketa_edit_main #quick_settings_holder #quick_settings #form_settings_obvescanje textarea#alert_finish_other_emails:focus { + padding: 2px; + border: 0; + background-color: #FFC700; +} + +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 03-Aug-2018, 13:34:26 + Author : podkrizniku +*/ +#branching.expanded.branching_forma ul.first { + margin-top: 59px !important; +} +#branching.expanded.branching_forma ul.first li.empty_vrivanje { + margin-top: -45px !important; +} + +#branching.collapsed.branching_forma ul.first { + margin-top: 66px !important; +} + +#anketa_edit.forma #quick_settings_holder { + position: absolute; + right: 5%; + top: 235px; + height: auto; + width: 310px; + border: 0; + background-color: transparent; +} +#anketa_edit.forma #quick_settings_holder #quick_settings { + padding: 5px 15px; + width: 315px; + box-sizing: border-box; + float: right; + background-color: #1E88E5; + border: 1px solid #1E88E5; +} +#anketa_edit.forma #quick_settings_holder #quick_settings fieldset { + border: 1px #E5E5E5 solid; +} +#anketa_edit.forma #quick_settings_holder #quick_settings .form_bottom_settings { + margin: 0 8px 10px 8px; + padding: 0 0 5px 10px; + background-color: inherit; +} +#anketa_edit.forma #quick_settings_holder #quick_settings #form_settings_obvescanje { + padding: 1px 0 10px 10px; +} +#anketa_edit.forma #quick_settings_holder #quick_settings #form_settings_obvescanje textarea#alert_finish_other_emails:focus { + padding: 2px; + border: 0; + background-color: #FFC700; +} + +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 03-Aug-2018, 13:12:19 + Author : podkrizniku +*/ +/* Okno za drop vprasanja, ko je anketa prazna */ +.empty_vrivanje { + display: flex; + flex-direction: column; + align-items: flex-start; + margin: 20px 0px 20px 45px !important; + padding: 60px 0 !important; + text-align: center; + font-weight: 600; + border: 1px solid #1E88E5; +} +.empty_vrivanje .empty_vrivanje_title { + margin: 0 auto; + padding: 8px 20px; + font-size: 16px; + font-weight: 500; + color: #1E88E5; + background-color: #1E88E5; + border: 1px solid #1E88E5; +} +.empty_vrivanje .empty_vrivanje_subtitle { + margin: 15px auto 0 auto; + font-size: 14px; + font-weight: 400; +} +.empty_vrivanje .empty_vrivanje_subtitle a { + font-weight: 500; +} + +.empty_vrivanje.branchinghover { + color: white; + background: 0 !important; + background-color: #FFC700; +} +.empty_vrivanje.branchinghover a { + display: inline !important; + color: white; +} +.empty_vrivanje.branchinghover .empty_vrivanje_title { + color: white; + background-color: #FFC700; + border-color: white; +} + +.editmenu { + float: right; + margin: 2px 0px 0px 0px; + padding: 2px; + padding-right: 10px; + border: 0; + position: static; +} + +.extra_opt { + margin-right: 10px; +} +.extra_opt a { + color: black; + text-decoration: none; + vertical-align: bottom; +} + +.intro_concl { + float: left; + font-size: 12px; + color: #E5E5E5; + padding: 4px; +} + +.save_button { + float: right; + margin: 10px 0px; + padding-right: 10px; + z-index: 50; +} + +li.spr div.edit_mode { + display: none; +} +li.spr div.preview_mode { + display: block; +} +li.spr thead.edit_mode { + display: none; +} +li.spr .editingOnly { + visibility: hidden; +} +li.spr span.inline_other { + display: none; +} +li.spr #variabla_new span.inline_other { + display: inline; + margin: 0 10px; +} + +div[contenteditable][default="1"][vre_id=new] { + color: #E5E5E5; +} + +div.stolpci { + float: left; +} +div.stolpci span.inline_delete { + display: none; +} +div.stolpci span.inline_edit { + display: none; +} + +div#variabla_new span.inline_move { + visibility: hidden; +} +div#variabla_new span.inline_edit { + visibility: hidden; +} +div#variabla_new span.inline_delete { + visibility: hidden; +} +div#variabla_new span.inline_if_follow { + visibility: hidden; +} +div#variabla_new span.inline_if_not { + visibility: hidden; +} +div#variabla_new span.inline_hidden { + visibility: hidden; +} +div#variabla_new span.correct { + visibility: hidden; +} + +.show-hidden { + visibility: visible !important; +} + +.show-disable { + visibility: visible !important; +} + +.show-correct { + visibility: visible !important; + color: #1e88e5 !important; +} + +.show-correct:before { + visibility: visible !important; + color: #33cc33 !important; +} + +#vprasanje { + display: none; + position: fixed; + top: 5%; + bottom: 5%; + right: 3%; + width: 80%; + z-index: 80; + padding: 10px; +} + +.branch { + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; +} + +#div_status_values { + display: none; + position: fixed; + z-index: 90; + top: 20px; + right: 30px; + width: 720px; + padding: 10px; + border: 1px solid #FF0000; + background-color: #E5E5E5; +} +#div_status_values fieldset { + border: 0; + border-top: 1px solid #1E88E5; +} +#div_status_values legend { + background-color: #1E88E5; +} + +._branch { + padding: 0px !important; + margin: 0px !important; +} + +/*question 5_2 - chat*/ +.tawk-chat-activation.button { + margin: 8px 10px; + padding: 6px 8px; + float: left; + color: white; + font-size: 13px; + font-weight: 500; + text-align: center; + background-color: #1E88E5; + border: 1px solid #1E88E5; + border-radius: 4px; +} +.tawk-chat-activation.button:hover { + background-color: #FFC700; + border: 1px solid #FFC700; +} + +/*bottom links*/ +.forma_bottom { + box-sizing: border-box; + width: 100%; + height: 30px; + padding: 40px 10px 20px 45px; + font-size: 12px; +} + +.forma_bottom_inner { + display: inline-block; +} + +.forma_bottom_inner.changes { + float: left; + width: 220px; +} +.forma_bottom_inner.changes table tr td { + padding: 0 5px 0 0; +} + +.forma_bottom_inner.links { + float: right; + font-size: 12px; +} +.forma_bottom_inner.links a { + padding-left: 25px; +} + +.kviz-editing-correct::before { + color: #33cc33 !important; +} + +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 07-Aug-2018, 09:43:11 + Author : podkrizniku +*/ +#placeholder { + display: flex; + width: 98%; + max-width: 1450px; + margin: 5px 0 0 30px; +} + +#branching { + min-height: 400px; + width: calc(96% - 315px); + margin: 0; + background-color: white; +} +#branching ul { + padding: 0; + margin: 0; +} +#branching li { + list-style: none; +} +#branching li div.if_remove { + display: none; +} +#branching li.spr { + margin-left: 40px; + position: relative; + border-left: 2.5px solid transparent; +} +#branching li.spr div.spr_edit { + display: none; +} +#branching li.spr:hover div.spr_edit { + display: block; +} +#branching li.if { + margin-left: 40px; + position: relative; + border-left: 2.5px solid transparent; +} +#branching li.if:hover span.conditions_display { + background-color: #1E88E5; + cursor: pointer; +} +#branching li.if:hover div.if_remove { + display: block; +} +#branching li.block { + margin-left: 40px; + position: relative; + border-left: 2.5px solid transparent; +} +#branching li.block:hover span.conditions_display { + background-color: #f1f1ff; + cursor: pointer; +} +#branching li.block:hover div.if_remove { + display: block; +} +#branching li.loop { + margin-left: 40px; + position: relative; + border-left: 2.5px solid transparent; +} +#branching li.loop:hover span.conditions_display { + background-color: #eef9ff; + cursor: pointer; +} +#branching li.loop:hover div.if_remove { + display: block; +} +#branching li.endif { + margin-left: 40px; + position: relative; + border-left: 2.5px solid transparent; +} +#branching li.endif:hover { + background-color: #1E88E5; + cursor: pointer; +} +#branching li.endblock { + margin-left: 40px; + position: relative; + border-left: 2.5px solid transparent; +} +#branching li.endblock:hover { + background-color: #f1f1ff; + cursor: pointer; +} +#branching li.endloop { + margin-left: 40px; + position: relative; + border-left: 2.5px solid transparent; +} +#branching li.endloop:hover { + background-color: #eef9ff; + cursor: pointer; +} +#branching li.inout { + margin-left: 40px; + position: relative; + border-left: 2.5px solid transparent; +} +#branching li.inout:hover { + background-color: #f1f1ff; + cursor: pointer; +} +#branching li.if.if_editing { + border-color: #1E88E5; + background-color: #1E88E5; +} +#branching li.if.if_editing div.if_remove { + display: block; +} +#branching li.block.if_editing { + border-color: #1E88E5; + background-color: #f1f1ff; +} +#branching li.block.if_editing div.if_remove { + display: block; +} +#branching li.loop.if_editing { + border-color: #1E88E5; + background-color: #eef9ff; +} +#branching li.loop.if_editing div.if_remove { + display: block; +} +#branching ul.if_editing li.spr { + border-color: #1E88E5; +} +#branching ul.if_editing li.if { + border-color: #1E88E5; +} +#branching ul.if_editing li.block { + border-color: #1E88E5; +} +#branching ul.if_editing li.loop { + border-color: #1E88E5; +} +#branching ul.if_editing li.endif { + border-color: #1E88E5; +} +#branching ul.if_editing li.endblock { + border-color: #1E88E5; +} +#branching ul.if_editing li.endloop { + border-color: #1E88E5; +} +#branching ul.if_editing li.inout { + border-color: #1E88E5; +} +#branching ul.if_editing li.drop { + border-color: #1E88E5; +} +#branching ul.if_editing li.nodrop { + border-color: #1E88E5; +} +#branching li.if.if_hovering { + border-color: #1E88E5; + background-color: #1E88E5; +} +#branching li.block.if_hovering { + border-color: #1E88E5; + background-color: #f1f1ff; +} +#branching li.loop.if_hovering { + border-color: #1E88E5; + background-color: #eef9ff; +} +#branching ul.if_hovering li.spr { + border-color: #1E88E5; +} +#branching ul.if_hovering li.if { + border-color: #1E88E5; +} +#branching ul.if_hovering li.block { + border-color: #1E88E5; +} +#branching ul.if_hovering li.loop { + border-color: #1E88E5; +} +#branching ul.if_hovering li.endif { + border-color: #1E88E5; +} +#branching ul.if_hovering li.endblock { + border-color: #1E88E5; +} +#branching ul.if_hovering li.endloop { + border-color: #1E88E5; +} +#branching ul.if_hovering li.inout { + border-color: #1E88E5; +} +#branching ul.if_hovering li.drop { + border-color: #1E88E5; +} +#branching ul.if_hovering li.nodrop { + border-color: #1E88E5; +} +#branching ul.if_hovering li.endloop { + background-color: #eef9ff; +} +#branching ul.if_hovering li.endblock { + background-color: #f1f1ff; +} +#branching ul.if_hovering li.endif { + background-color: #1E88E5; +} +#branching li.spr.ui-draggable-dragging { + z-index: 99999; +} +#branching div.spr_edit { + cursor: pointer; + color: #E5E5E5; + cursor: pointer; + display: inline-block; + height: 26px; +} +#branching div.spr_edit a.arhiv { + background-position: -16px -30px; +} +#branching div.spr_edit a { + cursor: pointer; + display: inline-block; + margin-left: 9px; + width: 20px; + height: 20px; +} +#branching div.spr_edit span.scale_ordnom { + vertical-align: 2px; + margin-right: 20px; + color: #1E88E5; +} +#branching div.spr_edit span.scale_ordnom a { + cursor: pointer; + display: inline-block; + height: 20px; + width: auto; + margin: 0; + background-image: none; + color: #1E88E5; +} +#branching div.spr_edit span.scale_ordnom a:hover { + color: #FFC700; +} +#branching div.spr_edit a.hide { + cursor: pointer; + display: inline-block; + margin-right: 5px; + width: 20px; + height: 20px; +} +#branching li.spr.spr_editing div.spr_edit { + display: block; + padding-top: 9px; +} +#branching li.drop.branchinghover { + background-color: #FFC700 !important; +} +#branching li.drop.branchinghover a { + display: none; +} +#branching li.nodrop.branchinghover { + background-color: #FFC700 !important; +} +#branching li.nodrop.branchinghover a { + display: none; +} +#branching a.pm { + position: absolute; + left: auto; + float: none; + margin: 9px 0 0 -15px; + cursor: pointer; +} +#branching a.pm.minus { + margin-top: 12px; +} +#branching .spr_editing .spremenljivka_content { + background-color: white; + border: 1px solid transparent; +} +#branching .spr_editing .spremenljivka_content .spremenljivka_settings { + background-color: #FFC700 !important; + border: 1px solid #FFC700; +} +#branching .spr_editing .spremenljivka_content .spremenljivka_settings .spr_settings span.red { + color: white !important; +} +#branching .spr_editing .spremenljivka_content .spremenljivka_settings #spr_settings_intro_concl div.red { + color: white !important; +} +#branching .spr_editing .spremenljivka_content .content_div_normalmode { + border: 1px solid #FFC700; +} +#branching .spr_editing .spremenljivka_content .comment_container_inline { + border-top: none; + border-left: 1px solid #1E88E5; + border-right: 1px solid #1E88E5; + border-bottom: 1px solid #1E88E5; +} +#branching .spr_editing .spremenljivka_content .spremenljivka_tekst_form { + border: 1px solid #FFC700; +} +#branching .spr_editing .variable_name { + color: white; +} +#branching .variable_name { + cursor: move; +} +#branching div.if_remove { + padding-top: 0px; + margin-top: 4px; +} +#branching div.if_remove a { + cursor: pointer; + display: inline-block; + margin-left: 9px; + width: 20px; + height: 20px; + /*background-image: url(../../../admin/survey/img_new/sprites.png); + background-repeat: no-repeat;*/ +} +#branching li.spr_editing div.spr_edit span.scale_ordnom { + color: white; +} +#branching li.spr_editing div.spr_edit span.scale_ordnom a { + color: white; +} +#branching li.spr_editing div.spr_edit a.faicon { + color: white !important; +} + +#branching.expanded li.spr { + padding-top: 1px; + padding-bottom: 1px; +} +#branching.expanded li.if { + padding-top: 1px; + padding-bottom: 1px; +} +#branching.expanded li.block { + padding-top: 1px; + padding-bottom: 1px; +} +#branching.expanded li.loop { + padding-top: 1px; + padding-bottom: 1px; +} +#branching.expanded li.drop { + min-height: 16px; + margin: 2px 0 2px 50px; + margin: 0px 0 0px 40px; + padding: 2px 0px 2px 10px; +} +#branching.expanded li.drop span.pb_on { + display: inline-block; + width: 100%; + height: 16px; + background: url("../../../admin/survey/img_0/sprites_pb_expanded.png") no-repeat 100px 10px; + color: #E5E5E5; + font-size: 14px; + font-weight: 600; + height: 20px; + line-height: 20px; + margin-top: 0; +} +#branching.expanded li.drop span.pb_off { + display: inline-block; + width: 100%; + height: 16px; +} +#branching.expanded li.drop span.pb_new { + display: inline-block; + width: 100%; + height: 16px; +} +#branching.expanded li.drop:hover span.pb_on { + background: url("../../../admin/survey/img_0/sprites_pb_expanded.png") no-repeat 100px -52px; + cursor: pointer; +} +#branching.expanded li.drop:hover span.pb_new { + background: url("../../../admin/survey/img_0/sprites_pb_expanded.png") no-repeat 0px -23px; + cursor: pointer; +} +#branching.expanded li.nodrop { + min-height: 16px; + margin: 2px 0 2px 50px; + margin: 0px 0 0px 40px; + padding: 2px 0px 2px 0px; + border-left: 2.5px solid transparent; +} +#branching.expanded li.nodrop span.pb_on { + display: inline-block; + width: 100%; + height: 16px; + background: url("../../../admin/survey/img_0/sprites_pb_expanded.png") no-repeat 100px 10px; + color: #E5E5E5; + font-size: 14px; + font-weight: 600; + height: 20px; + line-height: 20px; + margin-top: 0; +} +#branching.expanded li.nodrop span.pb_off { + display: inline-block; + width: 100%; + height: 16px; +} +#branching.expanded li.nodrop span.pb_new { + display: inline-block; + width: 100%; + height: 16px; +} +#branching.expanded li.nodrop:hover span.pb_on { + background: url("../../../admin/survey/img_0/sprites_pb_expanded.png") no-repeat 100px -52px; + cursor: pointer; +} +#branching.expanded li.nodrop:hover span.pb_new { + background: url("../../../admin/survey/img_0/sprites_pb_expanded.png") no-repeat 0px -23px; + cursor: pointer; +} +#branching.expanded li.nodrop:hover span.permanent { + background: url("../../../admin/survey/img_0/sprites_pb_expanded.png") no-repeat 100px 10px; + cursor: default; +} +#branching.expanded span.pb_on span { + background-color: white; + padding-right: 20px; + pointer-events: none; +} + +.branchinghover { + background: url("../../../admin/survey/img_0/hover_background.png") repeat-x top left !important; +} + +.blockSwitch { + position: relative; + margin: 10px auto 0; + text-align: center; +} +.blockSwitch p { + display: inline; + font-size: 14px; +} + +#spremenljivka_content_-1 { + position: relative; +} +#spremenljivka_content_-1 span.display_editor { + top: 40px; +} + +#spremenljivka_content_-2 { + position: relative; +} +#spremenljivka_content_-2 span.display_editor { + top: 40px; +} + +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 06-Aug-2018, 11:37:12 + Author : podkrizniku +*/ +#branching.collapsed { + min-height: 317px; + margin-top: 10px; +} +#branching.collapsed li.spr { + line-height: 28px; +} +#branching.collapsed li.spr:hover { + background-color: #1E88E5; + cursor: pointer; +} +#branching.collapsed li.spr div.spr_edit { + padding-top: 0px; + margin-top: 0px; + margin-right: 10px; +} +#branching.collapsed li.spr.spr_editing { + line-height: inherit; +} +#branching.collapsed li.spr.spr_editing:hover { + background: none; + cursor: auto; +} +#branching.collapsed li.spr.spr_editing div.spr_edit { + padding-top: 2px; + margin-top: 5px; + margin-right: 30px; +} +#branching.collapsed li.drop { + height: 6px; + margin: 2px 0px 2px 50px; + margin: 0px 0 0px 40px; + padding: 2px 0px 2px 10px; + border-left: 2.5px solid transparent; +} +#branching.collapsed li.drop span.pb_on { + display: inline-block; + width: 100%; + height: 10px; + background: url("../../../admin/survey/img_0/sprites_pb.png") no-repeat 0px 0px; + text-align: right; + font-size: 10px; + color: #E5E5E5; +} +#branching.collapsed li.drop span.pb_off { + display: inline-block; + width: 100%; + height: 10px; +} +#branching.collapsed li.drop span.pb_new { + display: inline-block; + width: 100%; + height: 10px; +} +#branching.collapsed li.drop:hover span.pb_on { + background: url("../../../admin/survey/img_0/sprites_pb.png") no-repeat 0px -62px; + cursor: pointer; +} +#branching.collapsed li.drop:hover span.pb_new { + background: url("../../../admin/survey/img_0/sprites_pb.png") no-repeat 0px -31px; + cursor: pointer; +} +#branching.collapsed li.nodrop { + height: 6px; + margin: 2px 0px 2px 50px; + margin: 0px 0 0px 40px; + padding: 2px 0px 2px 0px; + border-left: 2.5px solid transparent; +} +#branching.collapsed li.nodrop span.pb_on { + display: inline-block; + width: 100%; + height: 10px; + background: url("../../../admin/survey/img_0/sprites_pb.png") no-repeat 0px 0px; + text-align: right; + font-size: 10px; + color: #E5E5E5; +} +#branching.collapsed li.nodrop span.pb_off { + display: inline-block; + width: 100%; + height: 10px; +} +#branching.collapsed li.nodrop span.pb_new { + display: inline-block; + width: 100%; + height: 10px; +} +#branching.collapsed li.nodrop:hover span.pb_on { + background: url("../../../admin/survey/img_0/sprites_pb.png") no-repeat 0px -62px; + cursor: pointer; +} +#branching.collapsed li.nodrop:hover span.pb_new { + background: url("../../../admin/survey/img_0/sprites_pb.png") no-repeat 0px -31px; + cursor: pointer; +} +#branching.collapsed li.nodrop:hover span.permanent { + background: url("../../../admin/survey/img_0/sprites_pb.png") no-repeat 0px 0px; + cursor: default; +} +#branching.collapsed div.if_remove { + padding-top: 0px; + margin-top: 3px; +} + +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 02-Aug-2018, 13:40:52 + Author : podkrizniku +*/ +.texteditor { + width: 98% !important; + height: 50px; + margin-top: 0; + border: 1px solid #cccccc; +} + +.texteditor.info { + height: 14px; + line-height: 14px; + width: 100%; +} + +#vprasanje_edit { + margin: 0px 0px; + position: relative; + top: -54px; + background-color: white; +} +#vprasanje_edit h2 { + padding: 10px; + border: 1px solid #1E88E5; + border-bottom: 0; + margin: 15px -11px 42px -11px; + background-color: #1E88E5; +} +#vprasanje_edit h2 span.content { + position: absolute; + font-weight: normal; + right: 10px; + top: 10px; +} +#vprasanje_edit fieldset { + margin: 20px 0 20px 0; + padding: 0; + border: 0; + border-top: 1px solid #1E88E5; +} +#vprasanje_edit legend { + background-color: transparent; + color: #1E88E5; + font-weight: 500; + margin: 0; + padding: 0 10px 0 5px; +} +#vprasanje_edit .jquery-selectbox { + background-color: white; +} +#vprasanje_edit form[name=vprasanje_edit] { + padding: 0 10px; +} +#vprasanje_edit p { + padding: 1px 3px; + line-height: 18px; +} +#vprasanje_edit p input[type=radio] { + vertical-align: middle; + margin: 0px 3px 0px 10px; +} +#vprasanje_edit p label.title { + cursor: pointer; + max-width: 270px; +} +#vprasanje_edit p span.content { + float: right; + display: inline-block; +} +#vprasanje_edit p span.content select { + margin-top: -4px; +} +#vprasanje_edit p span.content select.no-margin { + margin-top: 0; +} +#vprasanje_edit p span.content input[type=checkbox] { + vertical-align: middle; + margin: 0px 3px 0px 3px; +} +#vprasanje_edit div { + padding: -10px; +} +#vprasanje_edit p.heading { + border: 0; + background: none; + padding: 0; + margin-bottom: -7px; + margin-top: -2px; +} +#vprasanje_edit textarea[name=naslov] { + width: 99%; + height: 60px; +} +#vprasanje_edit textarea[name=introduction] { + width: 99%; + height: 60px; +} +#vprasanje_edit textarea[name=conclusion] { + width: 99%; + height: 60px; +} +#vprasanje_edit textarea[name=statistics] { + width: 99%; + height: 60px; +} +#vprasanje_edit textarea[name=info] { + width: 98%; + height: 12px; +} +#vprasanje_edit li textarea { + height: 12px; +} +#vprasanje_edit span#vprasanje_edit_mv select { + width: 100%; +} + +#vprasanje_buttons { + position: absolute; + bottom: 15px; +} + +#vprasanje_tabs { + margin-top: -1px; + position: absolute; + background-color: #1E88E5; + width: 100%; + z-index: 100; +} +#vprasanje_tabs select { + float: right; + margin: 5px 10px 0 0; + width: 100px; +} +#vprasanje_tabs a.tab_link { + float: left; + display: block; + height: 19px; + padding: 7px 4px; + margin: 0 1px 0 0; + font-size: 12px; + border-bottom: 1px solid #1E88E5; + color: #E5E5E5; + background-color: #1E88E5; +} +#vprasanje_tabs a.tab_link.active { + border-bottom: 1px solid white; + margin: 0 1px 0 0; + color: #E5E5E5; + background-color: white; +} +#vprasanje_tabs .tab_link_tracking { + position: absolute; + right: 0; + top: -59px; + width: 30px; +} +#vprasanje_tabs .tab_link_tracking a.tab_link { + background-color: white; + color: #1E88E5; + padding: 0; +} +#vprasanje_tabs .tab_link_tracking a.tab_link.active { + background-color: white; + color: white; +} + +#vrednost_edit { + /*max-height: 90vh; + overflow-y: scroll;*/ + max-width: 90vw; + padding: 20px; + /*font-size: 13px; + line-height: 20px;*/ + background-color: white; + border-left: 6px #1E88E5 solid !important; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.34); + /*&.popup_violet{ + border-left: 6px $violet solid !important; + + div.buttonwrapper a { + background-color: $violet; + border: 1px $violet solid; + + &:hover{ + background-color: $violet_light; + border: 1px $violet_light solid; + } + } + div.buttonwrapper a.ovalbutton_gray{ + color: $violet !important; + background-color: white !important; + + &:hover{ + color: white !important; + background-color: $violet !important; + } + } + } + + &.popup_orange{ + border-left: 6px $orange solid !important; + + div.buttonwrapper a { + background-color: $orange; + border: 1px $orange solid; + + &:hover{ + background-color: $orange_lighten; + border: 1px $orange_lighten solid; + } + } + div.buttonwrapper a.ovalbutton_gray{ + color: $orange !important; + background-color: white !important; + + &:hover{ + color: white !important; + background-color: $orange !important; + } + } + } + + &.popup_red{ + border-left: 6px $red solid !important; + + div.buttonwrapper a { + background-color: $red; + border: 1px $red solid; + + &:hover{ + background-color: $red_lighten; + border: 1px $red_lighten solid; + } + } + div.buttonwrapper a.ovalbutton_gray{ + color: $red !important; + background-color: white !important; + + &:hover{ + color: white !important; + background-color: $red !important; + } + } + } */ + display: none; + z-index: 89; + min-height: 130px; + width: 600px; +} +#vrednost_edit .popup_close { + position: absolute !important; + top: 20px; + right: 20px; + z-index: 9999; + font-size: 32px !important; + line-height: 25px; + color: #E5E5E5; +} +#vrednost_edit .popup_close:hover { + color: #1E88E5; +} +#vrednost_edit .popup_close a { + color: #E5E5E5; +} +#vrednost_edit .popup_close a:hover { + color: #1E88E5; +} +#vrednost_edit h2, +#vrednost_edit .divPopUp_top { + max-width: 95%; + margin-top: 0px; + margin-bottom: 20px; + font-size: 20px; + line-height: 27px; + font-weight: 500; + color: #333333; +} +#vrednost_edit p { + line-height: 20px; +} +#vrednost_edit p { + padding: 1px 3px; +} +#vrednost_edit div { + padding: -10px; +} +#vrednost_edit textarea[name=naslov] { + width: 99%; + height: 60px; +} + +#vprasanje_float_editing { + display: none; + position: relative; + z-index: 70; + align-self: flex-start; + width: 315px; + margin-left: 20px; + border: 1px solid #1E88E5; + background-color: white; + box-shadow: 0 0 31px 0 rgba(0, 0, 0, 0.07); +} + +#vprasanje_edit_bottom_placeholder { + display: block; + height: 1px; + margin: 0 10px; + border-top: 1px solid #1E88E5; +} + +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 07-Aug-2018, 12:54:23 + Author : podkrizniku +*/ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 03-Aug-2018, 09:55:43 + Author : podkrizniku +*/ +.editor_display { + width: 98%; + background-color: #eee; + border: 1px solid #cccccc; + border-bottom: 0; +} + +.editor_display_small { + padding-left: 5px; +} + +.spremenljivka { + width: 100%; +} + +.add-variable-mobile { + display: none; +} + +.add-variable { + display: none; + position: absolute; + left: 59px; + bottom: 4px; +} +.add-variable span { + position: relative; + top: 1px; + margin-right: 5px !important; +} +.add-variable a { + color: #1E88E5; +} +.add-variable a:hover { + color: #FFC700; +} +.add-variable .tip_6 { + left: 52px; +} +.add-variable .tip_16 { + left: 52px; +} +.add-variable .tip_19 { + left: 52px; +} +.add-variable .tip_20 { + left: 52px; +} + +.locked .add-variable { + display: none !important; +} + +.spremenljivka_content { + margin: 2px 0px 10px 0px; + padding: 0px; + color: #E5E5E5; + background-color: white; + border: 1px solid #1E88E5; +} +.spremenljivka_content:hover { + background-color: white; +} +.spremenljivka_content:hover .add-variable { + display: block; +} +.spremenljivka_content h3 { + margin: 0; + padding: 0; + border: 0; +} +.spremenljivka_content h3 p { + margin: 0; + padding: 0; + border: 0; +} +.spremenljivka_content form { + margin: 0; + padding: 0; + border: 0; +} +.spremenljivka_content p { + margin: 0; + padding: 0; + border: 0; + padding: 3px; +} +.spremenljivka_content input { + vertical-align: text-top; +} +.spremenljivka_content div[contenteditable] { + cursor: text; + min-height: 16px; +} +.spremenljivka_content div[contenteditable] p { + margin: 0 0; + padding: 3px 0; +} +.spremenljivka_content div[contenteditable=true] { + border: 1px solid transparent; +} +.spremenljivka_content div[contenteditable=true]:hover { + background-color: #1E88E5; + border: 1px solid #1E88E5; +} +.spremenljivka_content div[contenteditable=true]:focus { + background-color: #1E88E5; + border: 1px dashed silver; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +.spr_editing .spremenljivka_content .add-variable { + display: none; +} +.spr_editing .content_div_normalmode { + padding-bottom: 10px; +} +.spr_editing .grid-plus-minus { + visibility: visible; +} +.spr_editing .sub-table { + display: table-row; +} +.spr_editing div[contenteditable][default="1"] { + color: #E5E5E5; +} + +.spremenljivka_tekst_form { + padding: 10px 5px 5px 10px; +} + +.spremenljivka_tip_content { + padding: 5px 5px 5px 10px; +} + +.content_div_normalmode { + position: relative; + padding: 10px 5px 20px; + overflow: hidden; +} + +.naslov { + width: auto; + min-width: 100px; + display: block; + padding-top: 3px; +} + +#variable_holder .variabla_limit { + width: auto !important; + color: #FFC700; + margin-top: 6px; + display: inline-block; +} + +.variable_holder { + padding: 0px 0px 0px 30px; + vertical-align: top; + margin: 0px; + display: block; + clear: both; +} +.variable_holder select { + margin-top: 5px; +} + +.variable_holder.clr { + height: auto; +} + +div.spremenljivka_content.orientation_ob .variable_holder { + clear: none; +} +div.spremenljivka_content.orientation_ob div.variabla { + clear: none; +} + +div.spremenljivka_content h3 p { + padding: 3px 3px 3px 3px; + margin: 0; + padding-top: 3px; + padding-bottom: 3px; + margin: 0; +} +div.spremenljivka_content span.inline { + visibility: hidden; + cursor: pointer; + float: left; +} +div.spremenljivka_content div.variabla { + clear: both; + padding: 2px 5px; + min-height: 22px; +} +div.spremenljivka_content div.variabla input { + float: left; + margin-top: 5px; +} +div.spremenljivka_content div.variabla .move_updown_orange { + margin-top: 5px; +} +div.spremenljivka_content span.inline_edit { + float: right; + margin: 0 3px; +} +div.spremenljivka_content span.inline_delete { + float: right; + margin: 0 3px; +} +div.spremenljivka_content span.inline_if_not { + float: right; + margin: -2px 3px 0 3px; +} +div.spremenljivka_content span.inline_if_follow { + float: right; + margin: -3px 3px 0 3px; +} +div.spremenljivka_content span.inline_hidden { + float: right; + margin: 0 3px; +} +div.spremenljivka_content span.correct { + float: right; + margin: 0 3px; +} + +li.spr.spr_editing div.spremenljivka_content.orientation_ob .variable_holder { + clear: both; +} +li.spr.spr_editing div.spremenljivka_content.orientation_ob div.variabla { + clear: both; +} +li.spr.spr_editing div.preview_mode { + display: none; +} +li.spr.spr_editing div.edit_mode { + display: block; +} +li.spr.spr_editing td.preview_mode { + display: none; +} +li.spr.spr_editing thead.edit_mode { + display: table-header-group; +} +li.spr.spr_editing .editingOnly { + visibility: visible; +} +li.spr.spr_editing div.spremenljivka_content.orientation_pod div.variabla { + clear: both; +} +li.spr.spr_editing div.stolpci { + float: none; + width: auto !important; +} +li.spr.spr_editing div.stolpci span.inline_delete { + display: block; +} +li.spr.spr_editing div.stolpci span.inline_edit { + display: block; +} + +.spremenljivka_info { + font-size: 9px; + color: #666666; + padding: 2px; + clear: both; + padding: 2px 15px; +} + +div.naslov_inline { + min-width: 50px; + padding: 2px 15px; + margin-bottom: 2px; +} + +div.variable_inline { + display: none; + float: left; + width: 30px; + padding: 2px 15px; + font-weight: bold; +} + +span.display_editor { + position: absolute; + right: 10px; + top: 11px; + cursor: pointer; + visibility: hidden; +} + +.spr.spr_editing span.display_editor { + visibility: visible; +} + +.spr span.display_editor.show { + visibility: visible; +} + +/*div.naslov { + textarea.inline { + width: 99%; + } +} +div.variabla { + textarea.inline { + min-height: 11px; + min-width: 50%; + } +} +td.grid_question { + textarea.inline { + height: 11px; + width: 90%; + } +} +td.grid_header { + textarea.inline { + width: 99%; + height: 22px; + text-align: center; + } +}*/ +div.spremenljivka_content.orientation_pod div.variabla { + clear: none; +} + +li.spr_editing div.spremenljivka_content div.variabla span.inline { + visibility: visible; +} +li.spr_editing table.grid_header_table span.inline { + visibility: visible; +} + +li div.spremenljivka_content div.variabla span.inline.show { + visibility: visible; +} +li div.spremenljivka_content span.inline_move { + margin: 2px 8px 0 3px; +} +li div.spremenljivka_content span.image_upload { + margin-top: 4px; + margin-left: 8px; + margin-right: 4px; + float: left; +} + +/*settings marks of question in top left corner (reminders, system,...)*/ +#spr_settings { + float: left; + width: auto; + padding-top: 4px; + vertical-align: bottom; +} +#spr_settings .lock_holder { + position: absolute; + right: 15px; + top: 6px; +} +#spr_settings span { + vertical-align: bottom; +} +#spr_settings span img { + padding-left: 5px; + vertical-align: bottom; +} + +#spr_settings_intro_concl { + float: left; + width: auto; + vertical-align: bottom; + padding-left: 10px; +} +#spr_settings_intro_concl img { + padding-left: 10px; + padding-top: 3px; +} + +table.text_vrednost { + text-align: center; + font-size: 10px; +} + +div.vrednost_inline { + float: left; + max-width: 80%; + min-width: 160px; + padding: 2px 15px; +} + +.spremenljivka_settings { + padding: 3px 5px 3px 5px; + background-color: #1E88E5; + min-height: 24px; +} + +.spremenljivka_settings.movable { + cursor: pointer; +} + +.spremenljivka_settings_active { + background-color: #1E88E5; +} + +.variable_name { + float: left; + font-size: 14px; + padding: 2px 10px 2px 5px; + color: #E5E5E5; + font-weight: 500; +} + +.variable { + color: #E5E5E5; + font-weight: 500; +} + +.spr_edit { + z-index: 5; + position: absolute; + top: 0; + right: 0; + margin-right: 10px; + padding-top: 7px; +} + +.comment_container_inline { + margin: 0px; + padding: 4px 15px; + background-color: #1E88E5; + border-top: 1px solid #1E88E5; +} +.comment_container_inline a.surveycomment { + font-size: 10px; +} + +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 07-Aug-2018, 12:52:29 + Author : podkrizniku +*/ +.slider { + display: inline-block; + width: 84.5%; + background-color: #E5E5E5 !important; +} +.slider .ui-state-default { + border: 1px solid #E5E5E5 !important; +} +.slider .ui-state-hover { + border: 1px solid #E5E5E5 !important; +} + +.sliderText { + visibility: hidden; + position: relative; + text-align: center; + color: #E5E5E5; + width: 30px; + height: 15px; + padding: 3px; + margin-top: 7px; + background: #E5E5E5; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: #E5E5E5 solid 1px; +} +.sliderText:after { + content: ""; + position: absolute; + border-style: solid; + border-width: 9px 7px 0; + border-color: #E5E5E5 transparent; + display: block; + width: 0; + z-index: 1; + bottom: -9px; + left: 11px; +} +.sliderText:before { + content: ""; + position: absolute; + border-style: solid; + border-width: 9px 7px 0; + border-color: #E5E5E5 transparent; + display: block; + width: 0; + z-index: 0; + bottom: -10px; + left: 11px; +} + +.classic_slider .ui-slider-handle { + width: 9px !important; + height: 14px !important; + padding: 5px 0; + margin-left: -5px !important; + top: -7px !important; + border-bottom-right-radius: 10px 30px !important; + border-bottom-left-radius: 10px 30px !important; +} + +.special_slider .ui-slider-handle { + width: 15px !important; + height: 15px !important; + margin-left: -8px !important; + top: -3px !important; + border-radius: 10px 10px !important; + background-color: red !important; +} + +.circle_slider .ui-slider-pip .ui-slider-line { + width: 15px !important; + height: 15px !important; + border-radius: 10px 10px !important; + margin-left: -8px !important; + background: #E5E5E5 !important; + top: -23px !important; + border: 1px solid #E5E5E5 !important; +} + +.elipse_slider .ui-slider-pip .ui-slider-line { + width: 13px !important; + height: 30px !important; + border-radius: 10px 10px !important; + margin-left: -7px !important; + background: #E5E5E5 !important; + top: -31px !important; + border: 1px solid #E5E5E5 !important; +} +.elipse_slider .ui-slider-handle { + width: 9px !important; + height: 14px !important; + padding: 5px 0; + margin-left: -5px !important; + top: -7px !important; + border-bottom-right-radius: 10px 30px !important; + border-bottom-left-radius: 10px 30px !important; +} + +.label_podrocje_prikaz { + border-bottom: 1px solid black !important; + border-left: 1px solid black !important; + border-right: 1px solid black !important; +} + +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 07-Aug-2018, 12:58:50 + Author : podkrizniku +*/ +.naslov.calculation { + padding-left: 15px; +} + +#arrows_more_calculation { + position: absolute; + bottom: 40px; + padding: 5px 0; + margin-left: 43%; + width: 10%; + cursor: pointer; + background-color: #1E88E5; + border: 1px solid #E5E5E5; + display: none; + text-align: center; +} + +#bottom_space { + padding: 0; +} + +#calculation_editing_calculations { + /*min-height: 40px;*/ + padding: 0 0 10px 0; +} +#calculation_editing_calculations span.calculations_display { + font-size: 20px; +} + +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 07-Aug-2018, 12:59:20 + Author : podkrizniku +*/ +.naslov.quota { + padding-left: 15px; +} + +/*popup edit*/ +#quota { + display: none; + position: relative; + z-index: 91; + height: auto; + width: 600px; +} +#quota #quota_editing_inner { + top: 0; + bottom: 0; + left: 0; + right: 0; + margin-bottom: 50px; + overflow: auto; +} +#quota #condition_editing_close { + float: right; + margin-right: 20px; + margin-bottom: 20px; +} +#quota #bottom_space { + bottom: 0; + left: 0; + position: absolute; + right: 0; + padding: 0; +} + +#quota_editing_quotas { + min-height: 40px; + padding: 10px; +} +#quota_editing_quotas span.quota_display { + font-size: 20px; +} + +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 07-Aug-2018, 13:00:32 + Author : podkrizniku +*/ +.spremenljivka_content[tip="24"] .variable_holder { + overflow-x: auto; +} + +.grid_header_table { + width: 100%; + text-align: center; + border-collapse: collapse; +} +.grid_header_table td.grid_header { + height: 18px; +} +.grid_header_table tbody tr td { + padding-top: 3px; + padding-bottom: 3px; +} +.grid_header_table tbody tr:nth-child(odd) { + background-color: #1E88E5; +} +.grid_header_table tbody tr:nth-child(odd) td { + background-color: #1E88E5; +} +.grid_header_table tbody tr:nth-child(odd) td div[contenteditable=true] { + border: 1px solid transparent; +} + +.grid_header { + font-weight: 500; +} + +.grid_question { + width: 20%; + text-align: left; + padding-right: 1%; +} + +.col_border { + border-left: 1px solid #E5E5E5; +} + +.grid-plus-minus { + text-align: right; + visibility: hidden; +} + +.sub-table { + display: none; +} + +div.grid_inline { + min-width: 20px; + padding: 2px 0; +} + +div.grid_inline_droppable_title { + height: 15px !important; + width: 230px; + padding: 2px 0 5 0; + margin: 0px auto 0px auto; + border-top: 1px black dashed !important; + border-left: 1px black dashed !important; + border-right: 1px black dashed !important; + text-align: center; +} + +div.grid_inline_droppable_title_box { + height: 15px !important; + width: 230px; + padding: 2px 0 5 0; + margin: 0px auto 0px auto; + text-align: center; +} + +li table.grid_header_table span.inline.show { + visibility: visible; +} + +div.spremenljivka_content[tip="6"] span.inline_move { + position: absolute; + left: 30px; +} + +div.spremenljivka_content[tip="16"] span.inline_move { + position: absolute; + left: 30px; +} + +div.spremenljivka_content[tip="19"] span.inline_move { + position: absolute; + left: 30px; +} + +div.spremenljivka_content[tip="20"] span.inline_move { + position: absolute; + left: 30px; +} + +div.spremenljivka_content[tip="24"] span.inline_move { + position: absolute; + left: 30px; +} + +table.grid_header_table span.inline_delete { + position: absolute; + visibility: hidden; + right: 5px; + margin-right: 57px; + margin-right: 0px; +} +table.grid_header_table span.inline_edit { + position: absolute; + visibility: hidden; + right: 7px; + margin-right: 57px; +} +table.grid_header_table span.inline_if_not { + position: absolute; + visibility: hidden; + right: 7px; + margin-right: 57px; + margin-right: 32px; +} +table.grid_header_table span.inline_if_follow { + position: absolute; + visibility: hidden; + right: 7px; + margin-right: 57px; +} +table.grid_header_table span.inline_hidden { + position: absolute; + visibility: hidden; + right: 7px; + margin-right: 57px; + margin-right: 14px; +} +table.grid_header_table span.correct { + position: absolute; + visibility: hidden; + right: 7px; + margin-right: 57px; +} + +.trak_class { + border: 1px solid #E5E5E5; + cursor: pointer; + background: white !important; +} + +.trak_class_input { + visibility: hidden !important; + display: block; + z-index: -1; +} + +.radio-button-label { + cursor: pointer !important; + z-index: -2; +} + +.trak_container_bg { + background-color: #E5E5E5 !important; +} + +table.trak_inline_nadnaslov td { + text-align: center !important; +} + +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 07-Aug-2018, 13:02:29 + Author : podkrizniku +*/ +.variabla_vsota { + padding: 0px 5px; + width: 25%; + text-align: right; +} +.variabla_vsota input { + margin-left: 10px; + margin-top: 2px !important; +} + +.vrednost_inline_vsota { + float: left; + box-sizing: border-box; + width: 200px; + max-width: 80%; + min-width: 160px; + padding: 2px 15px 2px 18px !important; + margin-left: 12px; + word-break: break-all; +} + +.variabla_vsota_inline { + float: left; + max-width: 80%; + min-width: 160px; + padding: 2px 15px; + word-break: break-all; +} + +/* Zadnja vrsticas pri urejanju vsote - "skupaj" */ +table.variabla_vsota { + clear: both; + border-spacing: 0; + border-collapse: collapse; + display: block; + width: auto; +} +table.variabla_vsota tr td.text { + border-top: 1px black solid; +} +table.variabla_vsota tr td.text .variabla_vsota_sum { + margin-left: 18px; +} +table.variabla_vsota tr td.text .variabla_vsota_sum div { + width: 100%; + max-width: 100%; + box-sizing: border-box; +} +table.variabla_vsota tr td.input { + border-top: 1px black solid; +} +table.variabla_vsota tr td.input input { + margin-left: 8px; +} + +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 07-Aug-2018, 13:07:51 + Author : podkrizniku +*/ +span.display_editor_image_hotspot { + position: absolute; + right: 100px; + top: 11px; + cursor: pointer; + visibility: visible; +} + +.hotspot span.inline_delete_hotspot { + position: absolute !important; + right: 3px; + margin-right: 0px; + cursor: pointer !important; + margin-right: 485px !important; +} +.hotspot span.inline_edit_hotspot { + position: absolute !important; + right: 3px; + margin-right: 0px; + cursor: pointer !important; +} +.hotspot span.inline_if_not_hotspot { + position: absolute !important; + right: 3px; + margin-right: 0px; + cursor: pointer !important; + margin-right: 535px !important; +} +.hotspot span.inline_if_follow_hotspot { + position: absolute !important; + right: 3px; + margin-right: 0px; + cursor: pointer !important; +} +.hotspot span.inline_hidden_hotspot { + position: absolute !important; + right: 3px; + margin-right: 0px; + cursor: pointer !important; + margin-right: 510px !important; +} + +.inline_edit_hotspot { + display: inline-block; + width: 32px; + height: 32px; + background-image: url(../../../admin/survey/img_new/icons_hidpi.png); + background-position: 0px -1874px; +} + +canvas.hotspot_canvas { + position: absolute; + top: 15px !important; + left: 10px; + z-index: 2; +} + +.hotspot_image_editor { + position: relative; + top: 15px !important; + z-index: 1; +} + +div.hotspot_vrednost_inline { + float: left; + max-width: 80%; + min-width: 160px; + padding: 2px 2px; + border: 1px solid #E5E5E5; + margin: 2px; + background: white; +} + +.inline_hotspot_edit_region { + margin-top: 4px !important; + margin-bottom: 4px !important; +} + +.inline_hotspot_delete_region { + margin-top: 3px !important; + margin-bottom: 3px !important; +} + +div.vrednost_inline_hotspot { + float: left; +} +div.vrednost_inline_hotspot img { + float: left; +} + +#hotspot_edit { + display: none; + position: absolute; + top: 40%; + left: 50%; + z-index: 89; + min-height: 130px; + margin-top: -100px; + margin-left: -300px; + padding: 0 10px 10px 10px; + background-color: white; + border: 4px solid #333333; + box-shadow: 0 0 20px black; + -moz-box-shadow: 0 0 20px black; + -webkit-box-shadow: 0 0 20px black; +} + +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 10-Aug-2018, 12:30:57 + Author : podkrizniku +*/ +.razvrscanje_preview { + border: 1px solid #E5E5E5; + background-color: silver; + padding: 4px; + margin: 5px 0px; + width: 350px; + display: block; +} + +.razvrscanje_preview_frame { + border: 1px dashed #E5E5E5; + background-color: #E5E5E5; + padding: 4px; + margin: 5px 0px; + width: 350px; + height: 13px; + display: block; + text-indent: -20px; +} + +.dragdrop_preview_frame { + border: 1px dashed #E5E5E5; + background-color: #E5E5E5; + padding: 4px; + margin: 5px 0px; + width: 350px; + height: 90px; + display: block; + text-indent: -20px; +} + +.dragdrop_preview_frame_grid { + font-size: 14px; + width: 150px !important; + height: 25px; + padding: 0 0 2px 0; + margin: 0px auto 10px auto; + border: 1px black dashed; + background-color: #E5E5E5; + text-indent: -20px; + text-align: left; +} + +.dragdrop_preview_frame_grid_title { + height: 15px !important; + width: 150px !important; + padding: 2px 0 5 0; + margin: 0px auto 0px auto; + border-top: 1px black dashed !important; + border-left: 1px black dashed !important; + border-right: 1px black dashed !important; + text-align: center; +} + +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 10-Aug-2018, 13:19:50 + Author : podkrizniku +*/ +.ranking { + font-size: 14px; + width: 220px; + height: 25px; + padding: 5px 0 0 0; + margin: 15px auto 0 auto; + border: 1px solid #000; + background-color: #E5E5E5; + text-align: center; + overflow: hidden; +} +.ranking img { + display: block; + margin-left: auto; + margin-right: auto; +} + +.ranking_long { + font-size: 14px; + width: 220px; + height: 25px; + padding: 5px 0 0 0; + margin: 15px auto 0 auto; + border: 1px solid #000; + background-color: #E5E5E5; + text-align: center; + overflow: hidden; + font-size: 11px; +} + +.ranking_frame { + font-size: 14px; + width: 230px; + height: 29px; + padding: 5px 0 0 0; + margin: 10px auto 0 auto; + border: 1px black dashed; + background-color: #E5E5E5; + text-indent: -20px; + text-align: left; +} + +.dragdrop_frame { + font-size: 14px; + width: 230px; + height: 100px; + padding: 5px 0 0 0; + margin: 10px auto 0 auto; + border: 1px black dashed; + background-color: #E5E5E5; + text-indent: -20px; + text-align: left; +} + +.dragdrop_frame_grid { + font-size: 14px; + width: 230px; + height: 25px; + padding: 0 0 2px 0; + margin: 0px auto 10px auto; + border: 1px black dashed; + background-color: #E5E5E5; + text-indent: -20px; + text-align: left; +} + +.dragdrop_frame_grid_box { + font-size: 14px; + width: 230px; + height: 30px; + padding: 0 0 2px 0; + margin: 10px auto 0px auto; + border-left: 1px black dashed !important; + border-right: 1px black dashed !important; + border-bottom: 1px black dashed !important; + text-indent: -20px; + text-align: left; +} + +.drag_and_drop_box { + cursor: pointer; + width: 230px; + padding: 5px; + margin: 0px auto 10px auto; + border: 1px solid #000; + height: 15px; + text-align: center; + overflow: hidden; + background-color: white; + cursor: pointer; + width: 230px; + padding: 5px; + margin: 0px auto 10px auto; + border: 1px solid #000; + height: 15px; + text-align: center; + overflow: hidden; + background-color: white; +} +.drag_and_drop_box img { + display: block; + margin-left: auto; + margin-right: auto; +} + +.drag_and_drop { + top: -6px; + left: -6px; +} + +.drag_and_drop_right { + top: -6px !important; + left: -6px !important; +} + +.drag_and_drop_box_right { + top: 15px !important; + left: -6px !important; +} + +.drag_and_drop_box_right_after_refresh { + left: -6px !important; +} + +.drag_and_drop_box_right_over { + left: -6px !important; +} + +.inline_labele_podrocij { + text-align: center !important; +} + +table.inline_labele_podrocij td { + text-align: center !important; +} + +/*radio with image*/ +.custom_radio .custom_radio_answer { + padding: 0 1px; +} + +.custom_radio.visual-radio-scale .custom_radio_answer { + padding: 0 3px; +} +.custom_radio.visual-radio-scale.checked .enka-vizualna-skala:before { + color: #1E88E5; +} + +.enka-vizualna-skala { + display: inline-block; + height: 20px; + width: 20px; + float: left; +} + +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 20-Aug-2018, 11:13:15 + Author : podkrizniku +*/ +/*GOOGLE MAPS*/ +.pac-input { + background-color: white; + font-family: Roboto; + font-size: 1.2em; + font-weight: 300; + margin-left: 0 px; + padding: 0 11px 0 13px; + text-overflow: ellipsis; + width: 17em; + border: 1px solid transparent; + border-radius: 2px 0 0 2px; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + box-sizing: border-box; + height: 30px; + margin-top: 10px; + outline: medium none; +} + +.boxsizingBorder { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.maps-delete-menu { + position: absolute; + background: white; + padding: 3px; + color: #E5E5E5; + font-weight: bold; + border: 1px solid #E5E5E5; + font-family: sans-serif; + font-size: 12px; + box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3); + margin-top: -10px; + margin-left: 10px; + cursor: pointer; +} +.maps-delete-menu:hover { + background: #E5E5E5; +} + +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 20-Aug-2018, 11:15:47 + Author : podkrizniku +*/ +.fotoresults_div { + float: right; +} + +.my_camera_div { + float: left; +} + +.my_camera { + border: 1px solid; +} + +.record_foto { + display: block; + float: right; + margin-top: -30px; + margin-right: -12px; + position: relative; +} + +.upload_foto_result { + display: none; + height: 240px; + border: 1px solid; + padding-right: 0px !important; + margin-top: 10px !important; + margin-left: 20px; +} + +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 13-Aug-2018, 12:32:48 + Author : podkrizniku +*/ +.endif_editing { + background-color: #1E88E5; +} + +li.if_editing div.if_content:before { + background-color: #1E88E5; + content: ""; + display: block; + height: 15px; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: -1; +} + +span.conditions_display { + display: block; + line-height: 28px; +} + +/*if condition variable select*/ +select.spremenljivka_select option { + max-width: 500px; +} + +.condition { + position: relative; + left: -21px; +} + +span.endif { + position: relative; + left: -29px; + font-weight: bold; +} + +.block > div > #div_condition_editing_container { + background-color: #f1f1ff; + line-height: 28px; +} + +.loop > div > #div_condition_editing_container { + padding-top: 6px; +} + +#div_condition_editing_inner > .condition_editing_preview { + background-color: #1E88E5; + padding-left: 6px; +} +#div_condition_editing_inner .condition_editing_body { + max-height: 50vh; + overflow-y: auto; + margin: 20px 0; + padding: 10px 5px 5px 5px; + border: 1px #E5E5E5 solid; +} +#div_condition_editing_inner .condition_editing_body .tbl_condition_editing { + margin-bottom: 5px; +} + +#div_condition_editing_operators { + padding: 5px 0; +} + +#div_condition_editing { + display: none; + height: auto; + width: 800px; +} +#div_condition_editing div#div_condition_editing_container { + margin-bottom: 44px; +} +#div_condition_editing .error_display { + background-color: transparent; +} +#div_condition_editing .condition_editing_vrednost_title { + margin: -5px 0 15px 5px; + font-size: 14px; + font-weight: 600; +} + +#div_condition_editing_float { + position: absolute; + top: 0; + right: -335px; + width: 290px; + padding: 0 10px 15px 10px; + background-color: white; + border: 1px solid #1E88E5; +} +#div_condition_editing_float h2 { + margin-top: 0; + padding: 10px; + border-bottom: 0; + margin: 0 -10px 0 -10px; + background-color: #1E88E5; +} +#div_condition_editing_float p { + padding: 3px; + margin: 10px 0; +} +#div_condition_editing_float p.heading { + border: 0; + background: none; + padding: 0; +} +#div_condition_editing_float span.content { + float: right; +} +#div_condition_editing_float fieldset { + margin: 11px 0; + padding: 0; + border: 0; + border-top: 1px solid #1E88E5; +} +#div_condition_editing_float legend { + background-color: transparent; + color: #1E88E5; + font-weight: 500; + margin: 0; + padding: 0 10px 0 5px; +} + +.error_display { + display: block; + line-height: 24px; +} + +.tbl_ce_bck_blue { + background-color: #1E88E5; +} + +.tbl_ce_lol { + border-top: 1px solid #E5E5E5; + border-bottom: 1px solid #E5E5E5; + border-left: 1px solid #E5E5E5; +} + +.tbl_ce_tb { + border-top: 1px solid #E5E5E5; + border-bottom: 1px solid #E5E5E5; +} + +.tbl_ce_lor { + border-top: 1px solid #E5E5E5; + border-bottom: 1px solid #E5E5E5; + border-right: 1px solid #E5E5E5; +} + +.if_remove { + z-index: 5; + position: absolute; + top: 0; + right: 0; + margin-right: 20px; + padding-top: 9px; +} + +.endif a.surveycomment { + padding-right: 15px; + font-size: 10px; +} + +.endblock a.surveycomment { + padding-right: 15px; + font-size: 10px; +} + +#condition_editing_bottom_placeholder { + display: block; + height: 1px; + margin-bottom: 15px; + border-top: 1px solid #1E88E5; +} + +.tbl_condition_editing { + width: 98%; + border-spacing: 0px; + margin: 0px 1% 0px 1%; + border-collapse: collapse; +} +.tbl_condition_editing th { + color: #E5E5E5; + font-weight: normal; +} + +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 20-Aug-2018, 11:24:57 + Author : podkrizniku +*/ +#toolbox_library { + z-index: 0; + position: fixed; + top: 225px; + left: 35px; + width: 315px; + height: auto; + left: auto; + right: 30px; + color: #1E88E5; + background-color: white; + border: 0; + box-shadow: 0 0 31px 0 rgba(0, 0, 0, 0.07); +} +#toolbox_library #library_holder { + background-color: #1E88E5; + border: 1px #1E88E5 solid; +} +#toolbox_library #library_holder #library_title { + padding: 10px; + font-size: 18px; + font-weight: bold; +} +#toolbox_library #library_holder #library_title span.library { + margin: 0 5px 2px 0; +} +#toolbox_library #library_holder p.display_tabs { + font-size: 14px; + font-weight: 500; + margin: 0; + padding: 0; +} +#toolbox_library #library_holder p.display_tabs > span { + width: 50%; + box-sizing: border-box; + display: inline-block; + padding: 7px 10px; + text-align: center; + transition: 0.2s; +} +#toolbox_library #library_holder p.display_tabs span.highlightTabBlackLeft { + background-color: white; +} +#toolbox_library #library_holder p.display_tabs span.highlightTabBlackLeft a { + color: #1E88E5; +} +#toolbox_library #library_holder p.display_tabs span.highlightTabBlackRight { + background-color: white; +} +#toolbox_library #library_holder p.display_tabs span.highlightTabBlackRight a { + color: #1E88E5; +} +#toolbox_library #library_holder p.display_tabs span.nohighlight:hover { + background-color: #2c8fe7; +} +#toolbox_library #library_holder p.display_tabs a { + display: block; + color: #1E88E5; +} +#toolbox_library #library_holder #library { + background-color: white; + height: 400px; + overflow-y: auto; + /* Ankete */ +} +#toolbox_library #library_holder #library #libraryInner { + padding: 5px 10px; + bottom: 0; + overflow: auto; +} +#toolbox_library #library_holder #library .lib_tab { + width: auto; + cursor: pointer; +} +#toolbox_library #library_holder #library ul { + list-style: none; + margin: 0; + margin-top: 4px; + padding-left: 18px; +} +#toolbox_library #library_holder #library li .anketa.tip0 { + margin: 0; + padding-left: 14px; +} +#toolbox_library #library_holder #library li .anketa.tip1 { + margin: 0; + margin-left: -3px; +} +#toolbox_library #library_holder #library .new_folder { + visibility: hidden; +} +#toolbox_library #library_holder #library .delete_folder { + visibility: hidden; +} +#toolbox_library #library_holder #library span.folderdrop { + margin-bottom: 2px; +} +#toolbox_library #library_holder #library span.folderdrop:hover .new_folder { + visibility: visible; +} +#toolbox_library #library_holder #library span.folderdrop:hover .delete_folder { + visibility: visible; +} +#toolbox_library #library_holder #library span.faicon.folder { + vertical-align: 3px; + margin-right: 3px; +} +#toolbox_library #library_holder #library span.faicon.folder::before { + font-size: 20px; +} +#toolbox_library #library_holder #library .tip0 .folder_container { + display: block; + height: auto; + overflow: hidden; + padding: 1px 3px; +} +#toolbox_library #library_holder #library .tip1 { + padding-left: 10px; +} +#toolbox_library #library_holder #library .tip1 .folder_container { + display: block; + overflow: show; + height: auto; + min-height: 20px; + padding: 0px 3px; +} +#toolbox_library #library_holder #library .tip1 .mapca { + display: none !important; +} +#toolbox_library #library_holder #library .tip1 .new_spr { + padding: 0 3px; +} +#toolbox_library #library_holder #library .tip1 .new_spr:hover { + background-color: #1980da; +} +#toolbox_library #library_holder #library .tip1 .new_spr .faicon { + line-height: 22px; +} +#toolbox_library #library_holder #library .tip1 .faicon.plus, +#toolbox_library #library_holder #library .tip1 .faicon.minus { + opacity: 1 !important; + margin-right: 3px; +} +#toolbox_library #library_holder #library div .folder_right { + width: 15px; + height: 22px; + line-height: 22px; + float: right; + text-align: left; +} +#toolbox_library #library_holder #library div .tip1 .folder_right { + width: 18px; +} +#toolbox_library #library_holder #library div .folder_container:hover { + background-color: #1E88E5; + cursor: pointer; +} +#toolbox_library #library_holder #library div.folder_left { + width: 80%; + float: none; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + position: relative; +} +#toolbox_library #library_holder #library div.folder_left.indent { + display: block; + height: 22px; + line-height: 22px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + position: relative; +} +#toolbox_library #library_holder #library .folder strong:hover { + background-color: transparent; + cursor: pointer; +} /*# sourceMappingURL=admin_new.css.map */ diff --git a/resources/sass/admin_new/components/popup/popup.scss b/resources/sass/admin_new/components/popup/popup.scss index e69de29bb..68f671c19 100644 --- a/resources/sass/admin_new/components/popup/popup.scss +++ b/resources/sass/admin_new/components/popup/popup.scss @@ -0,0 +1,123 @@ +@mixin popup_general() { + /*max-height: 90vh; + overflow-y: scroll;*/ + max-width: 90vw; + + padding: 20px; + + /*font-size: 13px; + line-height: 20px;*/ + + background-color: white; + border-left: 6px $blue solid !important; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.34); + + .popup_close{ + position: absolute !important; + top: 20px; + right: 20px; + z-index: 9999; + + font-size: 32px !important; + line-height: 25px; + color: $gray; + + &:hover{ + color: $blue; + } + + a{ + color: $gray; + + &:hover{ + color: $blue; + } + } + } + + h2, + .divPopUp_top{ + max-width: 95%; + margin-top: 0px; + margin-bottom: 20px; + + font-size: 20px; + line-height: 27px; + font-weight: 500; + color: $black; + } + + p{ + line-height: 20px; + } + + + /*&.popup_violet{ + border-left: 6px $violet solid !important; + + div.buttonwrapper a { + background-color: $violet; + border: 1px $violet solid; + + &:hover{ + background-color: $violet_light; + border: 1px $violet_light solid; + } + } + div.buttonwrapper a.ovalbutton_gray{ + color: $violet !important; + background-color: white !important; + + &:hover{ + color: white !important; + background-color: $violet !important; + } + } + } + + &.popup_orange{ + border-left: 6px $orange solid !important; + + div.buttonwrapper a { + background-color: $orange; + border: 1px $orange solid; + + &:hover{ + background-color: $orange_lighten; + border: 1px $orange_lighten solid; + } + } + div.buttonwrapper a.ovalbutton_gray{ + color: $orange !important; + background-color: white !important; + + &:hover{ + color: white !important; + background-color: $orange !important; + } + } + } + + &.popup_red{ + border-left: 6px $red solid !important; + + div.buttonwrapper a { + background-color: $red; + border: 1px $red solid; + + &:hover{ + background-color: $red_lighten; + border: 1px $red_lighten solid; + } + } + div.buttonwrapper a.ovalbutton_gray{ + color: $red !important; + background-color: white !important; + + &:hover{ + color: white !important; + background-color: $red !important; + } + } + } */ +} \ No newline at end of file diff --git a/resources/sass/admin_new/pages/survey_edit/branching_collapsed.scss b/resources/sass/admin_new/pages/survey_edit/branching_collapsed.scss new file mode 100644 index 000000000..1ab68c07d --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/branching_collapsed.scss @@ -0,0 +1,122 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 06-Aug-2018, 11:37:12 + Author : podkrizniku +*/ + +#branching.collapsed { + min-height: 317px; + margin-top: 10px; + + li.spr { + line-height: 28px; + &:hover { + background-color: $blue; + cursor: pointer; + } + + div.spr_edit { + padding-top: 0px; + margin-top: 0px; + margin-right: 10px; + } + } + li.spr.spr_editing { + line-height: inherit; + &:hover { + background: none; + cursor: auto; + } + + div.spr_edit{ + padding-top: 2px; + margin-top: 5px; + margin-right: 30px; + } + } + li.drop { + height: 6px; + margin: 2px 0px 2px 50px; + margin: 0px 0 0px 40px; + padding: 2px 0px 2px 10px; + border-left: 2.5px solid transparent; + span.pb_on { + display: inline-block; + width: 100%; + height: 10px; + background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px 0px; + text-align: right; + font-size: 10px; + color: $gray; + } + span.pb_off { + display: inline-block; + width: 100%; + height: 10px; + } + span.pb_new { + display: inline-block; + width: 100%; + height: 10px; + } + &:hover { + span.pb_on { + background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px -62px; + cursor: pointer; + } + span.pb_new { + background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px -31px; + cursor: pointer; + } + } + } + li.nodrop { + height: 6px; + margin: 2px 0px 2px 50px; + margin: 0px 0 0px 40px; + padding: 2px 0px 2px 0px; + border-left: 2.5px solid transparent; + span.pb_on { + display: inline-block; + width: 100%; + height: 10px; + background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px 0px; + text-align: right; + font-size: 10px; + color: $gray; + } + span.pb_off { + display: inline-block; + width: 100%; + height: 10px; + } + span.pb_new { + display: inline-block; + width: 100%; + height: 10px; + } + &:hover { + span.pb_on { + background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px -62px; + cursor: pointer; + } + span.pb_new { + background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px -31px; + cursor: pointer; + } + span.permanent { + background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px 0px; + cursor: default; + } + } + } + + div.if_remove { + padding-top: 0px; + margin-top: 3px; + } +} \ No newline at end of file diff --git a/resources/sass/admin_new/pages/survey_edit/branching_expanded.scss b/resources/sass/admin_new/pages/survey_edit/branching_expanded.scss new file mode 100644 index 000000000..e60c2ac8f --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/branching_expanded.scss @@ -0,0 +1,509 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 07-Aug-2018, 09:43:11 + Author : podkrizniku +*/ + +$loop_background: #eef9ff; +$block_background: #f1f1ff; +$if_background: $blue; + +#placeholder{ + display: flex; + + width: 98%; + max-width: 1450px; + + margin: 5px 0 0 30px; +} + +#branching { + min-height: 400px; + width: calc(96% - 315px); + margin: 0; + + background-color: white; + + ul { + padding: 0; + margin: 0; + } + li { + list-style: none; + div.if_remove { + display: none; + } + } + li.spr { + margin-left: 40px; + position: relative; + border-left: 2.5px solid transparent; + div.spr_edit { + display: none; + } + &:hover { + div.spr_edit { + display: block; + } + } + } + li.if { + margin-left: 40px; + position: relative; + border-left: 2.5px solid transparent; + &:hover { + span.conditions_display { + background-color: $if_background; + cursor: pointer; + } + div.if_remove { + display: block; + } + } + } + li.block { + margin-left: 40px; + position: relative; + border-left: 2.5px solid transparent; + &:hover { + span.conditions_display { + background-color: $block_background; + cursor: pointer; + } + div.if_remove { + display: block; + } + } + } + li.loop { + margin-left: 40px; + position: relative; + border-left: 2.5px solid transparent; + &:hover { + span.conditions_display { + background-color: $loop_background; + cursor: pointer; + } + div.if_remove { + display: block; + } + } + } + li.endif { + margin-left: 40px; + position: relative; + border-left: 2.5px solid transparent; + &:hover { + background-color: $if_background; + cursor: pointer; + } + } + li.endblock { + margin-left: 40px; + position: relative; + border-left: 2.5px solid transparent; + &:hover { + background-color: $block_background; + cursor: pointer; + } + } + li.endloop { + margin-left: 40px; + position: relative; + border-left: 2.5px solid transparent; + &:hover { + background-color: $loop_background; + cursor: pointer; + } + } + li.inout { + margin-left: 40px; + position: relative; + border-left: 2.5px solid transparent; + &:hover { + background-color: $block_background; + cursor: pointer; + } + } + li.if.if_editing { + border-color: $blue; + background-color: $if_background; + div.if_remove { + display: block; + } + } + li.block.if_editing { + border-color: $blue; + background-color: $block_background; + div.if_remove { + display: block; + } + } + li.loop.if_editing { + border-color: $blue; + background-color: $loop_background; + div.if_remove { + display: block; + } + } + ul.if_editing { + li.spr { + border-color: $blue; + } + li.if { + border-color: $blue; + } + li.block { + border-color: $blue; + } + li.loop { + border-color: $blue; + } + li.endif { + border-color: $blue; + } + li.endblock { + border-color: $blue; + } + li.endloop { + border-color: $blue; + } + li.inout { + border-color: $blue; + } + li.drop { + border-color: $blue; + } + li.nodrop { + border-color: $blue; + } + } + li.if.if_hovering { + border-color: $blue; + background-color: $if_background; + } + li.block.if_hovering { + border-color: $blue; + background-color: $block_background; + } + li.loop.if_hovering { + border-color: $blue; + background-color: $loop_background; + } + ul.if_hovering { + li.spr { + border-color: $blue; + } + li.if { + border-color: $blue; + } + li.block { + border-color: $blue; + } + li.loop { + border-color: $blue; + } + li.endif { + border-color: $blue; + } + li.endblock { + border-color: $blue; + } + li.endloop { + border-color: $blue; + } + li.inout { + border-color: $blue; + } + li.drop { + border-color: $blue; + } + li.nodrop { + border-color: $blue; + } + li.endloop { + background-color: $loop_background; + } + li.endblock { + background-color: $block_background; + } + li.endif { + background-color: $if_background; + } + } + li.spr.ui-draggable-dragging { + z-index: 99999; + } + div.spr_edit { + cursor: pointer; + color: $gray; + cursor: pointer; + display: inline-block; + height: 26px; + a.arhiv { + background-position: -16px -30px; + } + a { + cursor: pointer; + display: inline-block; + margin-left: 9px; + width: 20px; + height: 20px; + } + span.scale_ordnom { + vertical-align: 2px; + margin-right: 20px; + color: $blue; + a { + cursor: pointer; + display: inline-block; + height: 20px; + width: auto; + margin: 0; + background-image: none; + color: $blue; + &:hover { + color: $yellow; + } + } + } + a.hide { + cursor: pointer; + display: inline-block; + margin-right: 5px; + width: 20px; + height: 20px; + } + } + li.spr.spr_editing { + div.spr_edit { + display: block; + padding-top: 9px; + } + } + li.drop.branchinghover { + background-color: $yellow !important; + a { + display: none; + } + } + li.nodrop.branchinghover { + background-color: $yellow !important; + a { + display: none; + } + } + a.pm { + position: absolute; + left: auto; + float: none; + margin: 9px 0 0 -15px; + cursor: pointer; + } + a.pm.minus { + margin-top: 12px; + } + + .spr_editing { + + .spremenljivka_content { + background-color: white; + border: 1px solid transparent; + + .spremenljivka_settings { + background-color: $yellow !important; + border: 1px solid $yellow; + + .spr_settings{ + span.red { + color: white !important; + } + } + #spr_settings_intro_concl{ + div.red{ + color: white !important; + } + } + } + .content_div_normalmode{ + border: 1px solid $yellow; + } + .comment_container_inline { + border-top: none; + border-left: 1px solid $blue; + border-right: 1px solid $blue; + border-bottom: 1px solid $blue; + } + .spremenljivka_tekst_form { + border: 1px solid $yellow; + } + } + .variable_name { + color: white; + } + } + .variable_name { + cursor: move; + } + div.if_remove { + a { + cursor: pointer; + display: inline-block; + margin-left: 9px; + width: 20px; + height: 20px; + /*background-image: url(../../../admin/survey/img_new/sprites.png); + background-repeat: no-repeat;*/ + } + padding-top: 0px; + margin-top: 4px; + } + li.spr_editing { + div.spr_edit { + span.scale_ordnom { + color: white; + a { + color: white; + } + } + a.faicon{ + color: white !important; + } + } + } +} +#branching.expanded { + li.spr { + padding-top: 1px; + padding-bottom: 1px; + } + li.if { + padding-top: 1px; + padding-bottom: 1px; + } + li.block { + padding-top: 1px; + padding-bottom: 1px; + } + li.loop { + padding-top: 1px; + padding-bottom: 1px; + } + li.drop { + min-height: 16px; + margin: 2px 0 2px 50px; + margin: 0px 0 0px 40px; + padding: 2px 0px 2px 10px; + //border-left: 2px solid transparent; + span.pb_on { + display: inline-block; + width: 100%; + height: 16px; + background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 100px 10px; + color: $gray; + font-size: 14px; + font-weight: 600; + height: 20px; + line-height: 20px; + margin-top: 0; + } + span.pb_off { + display: inline-block; + width: 100%; + height: 16px; + } + span.pb_new { + display: inline-block; + width: 100%; + height: 16px; + } + &:hover { + span.pb_on { + background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 100px -52px; + cursor: pointer; + } + span.pb_new { + background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 0px -23px; + cursor: pointer; + } + } + } + li.nodrop { + min-height: 16px; + margin: 2px 0 2px 50px; + margin: 0px 0 0px 40px; + padding: 2px 0px 2px 0px; + border-left: 2.5px solid transparent; + span.pb_on { + display: inline-block; + width: 100%; + height: 16px; + background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 100px 10px; + color: $gray; + font-size: 14px; + font-weight: 600; + height: 20px; + line-height: 20px; + margin-top: 0; + } + span.pb_off { + display: inline-block; + width: 100%; + height: 16px; + } + span.pb_new { + display: inline-block; + width: 100%; + height: 16px; + } + &:hover { + span.pb_on { + background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 100px -52px; + cursor: pointer; + } + span.pb_new { + background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 0px -23px; + cursor: pointer; + } + span.permanent { + background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 100px 10px; + cursor: default; + } + } + } + span.pb_on { + span { + background-color: white; + padding-right: 20px; + pointer-events: none; + } + } +} +.branchinghover { + background: url('../../../admin/survey/img_0/hover_background.png') repeat-x top left !important; +} +.blockSwitch { + position: relative; + margin: 10px auto 0; + text-align: center; + p { + display: inline; + font-size: 14px; + } +} +#spremenljivka_content_-1 { + position: relative; + span.display_editor { + top: 40px; + } +} +#spremenljivka_content_-2 { + position: relative; + span.display_editor { + top: 40px; + } +} \ No newline at end of file diff --git a/resources/sass/admin_new/pages/survey_edit/conditions.scss b/resources/sass/admin_new/pages/survey_edit/conditions.scss new file mode 100644 index 000000000..f1e18e10a --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/conditions.scss @@ -0,0 +1,205 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 13-Aug-2018, 12:32:48 + Author : podkrizniku +*/ + +.endif_editing { + background-color: $blue; +} +li.if_editing { + div.if_content { + &:before { + background-color: $if_background; + content: ""; + display: block; + height: 15px; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: -1; + } + } +} +span.conditions_display { + display: block; + line-height: 28px; +} +/*if condition variable select*/ +select.spremenljivka_select { + option { + max-width: 500px; + } +} +.condition { + position: relative; + left: -21px; +} +span.endif { + position: relative; + left: -29px; + font-weight: bold; +} +.block { + >div { + >#div_condition_editing_container { + background-color: $block_background; + line-height: 28px; + } + } +} +.loop { + >div { + >#div_condition_editing_container { + padding-top: 6px; + } + } +} +#div_condition_editing_inner { + >.condition_editing_preview { + background-color: $blue; + padding-left: 6px; + } + + .condition_editing_body{ + max-height: 50vh; + overflow-y: auto; + + margin: 20px 0; + padding: 10px 5px 5px 5px; + + border: 1px $gray solid; + + .tbl_condition_editing{ + margin-bottom: 5px; + } + } +} +#div_condition_editing_operators { + padding: 5px 0; +} +#div_condition_editing { + display: none; + + height: auto; + width: 800px; + + div#div_condition_editing_container { + margin-bottom: 44px; + } + .error_display { + background-color: transparent; + } + .condition_editing_vrednost_title { + margin: -5px 0 15px 5px; + font-size: 14px; + font-weight: 600; + } +} +#div_condition_editing_float { + position: absolute; + top: 0; + right: -335px; + + width: 290px; + padding: 0 10px 15px 10px; + + background-color: white; + + border: 1px solid $blue; + + h2 { + margin-top: 0; + padding: 10px; + border-bottom: 0; + margin: 0 -10px 0 -10px; + background-color: $blue; + } + p { + padding: 3px; + margin: 10px 0; + } + p.heading { + border: 0; + background: none; + padding: 0; + } + span.content { + float: right; + } + fieldset { + margin: 11px 0; + padding: 0; + border: 0; + border-top: 1px solid $blue; + } + legend { + background-color: transparent; + color: $blue; + font-weight: 500; + margin: 0; + padding: 0 10px 0 5px; + } +} +.error_display { + display: block; + line-height: 24px; +} +.tbl_ce_bck_blue { + background-color: $blue; +} +.tbl_ce_lol { + border-top: 1px solid $gray; + border-bottom: 1px solid $gray; + border-left: 1px solid $gray; +} +.tbl_ce_tb { + border-top: 1px solid $gray; + border-bottom: 1px solid $gray; +} +.tbl_ce_lor { + border-top: 1px solid $gray; + border-bottom: 1px solid $gray; + border-right: 1px solid $gray; +} +.if_remove { + z-index: 5; + position: absolute; + top: 0; + right: 0; + margin-right: 20px; + padding-top: 9px; +} +.endif { + a.surveycomment { + padding-right: 15px; + font-size: 10px; + } +} +.endblock { + a.surveycomment { + padding-right: 15px; + font-size: 10px; + } +} +#condition_editing_bottom_placeholder { + display: block; + height: 1px; + margin-bottom: 15px; + border-top: 1px solid $blue; +} +.tbl_condition_editing { + width: 98%; + border-spacing: 0px; + margin: 0px 1% 0px 1%; + border-collapse: collapse; + th { + color: $gray; + font-weight: normal; + } +} \ No newline at end of file diff --git a/resources/sass/admin_new/pages/survey_edit/form.scss b/resources/sass/admin_new/pages/survey_edit/form.scss new file mode 100644 index 000000000..e8540fd50 --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/form.scss @@ -0,0 +1,69 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 03-Aug-2018, 13:34:26 + Author : podkrizniku +*/ + +#branching.expanded.branching_forma { + ul.first { + li.empty_vrivanje { + margin-top: -45px !important; + } + margin-top: 59px !important; + } +} +#branching.collapsed.branching_forma { + ul.first { + margin-top: 66px !important; + } +} + + +#anketa_edit.forma { + + #quick_settings_holder{ + position: absolute; + right: 5%; + top: 235px; + height: auto; + width: 310px; + border: 0; + background-color: transparent; + + #quick_settings{ + padding: 5px 15px; + width: 315px; + box-sizing: border-box; + float: right; + + background-color: $blue; + border: 1px solid $blue; + + fieldset { + border: 1px $gray solid; + } + + .form_bottom_settings { + margin: 0 8px 10px 8px; + padding: 0 0 5px 10px; + background-color: inherit; + } + + #form_settings_obvescanje { + padding: 1px 0 10px 10px; + textarea#alert_finish_other_emails { + &:focus { + padding: 2px; + border: 0; + background-color: $yellow; + } + } + } + } + } + +} diff --git a/resources/sass/admin_new/pages/survey_edit/library.scss b/resources/sass/admin_new/pages/survey_edit/library.scss new file mode 100644 index 000000000..862715b0c --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/library.scss @@ -0,0 +1,238 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 20-Aug-2018, 11:24:57 + Author : podkrizniku +*/ + +#toolbox_library { + z-index: 0; + position: fixed; + top: 225px; + left: 35px; + + width: 315px; + height: auto; + left: auto; + right: 30px; + + color: $blue; + + background-color: white; + border: 0; + box-shadow: 0 0 31px 0 rgba(0, 0, 0, 0.07); + + #library_holder { + background-color: $blue; + border: 1px $blue solid; + + #library_title { + padding: 10px; + font-size: 18px; + font-weight: bold; + span.library { + margin: 0 5px 2px 0; + } + } + + + p.display_tabs { + font-size: 14px; + font-weight: 500; + margin: 0; + padding: 0; + + &> span{ + width: 50%; + box-sizing: border-box; + display: inline-block; + + padding: 7px 10px; + + text-align: center; + + transition: 0.2s; + } + + span.highlightTabBlackLeft { + background-color: white; + + a { + color: $blue; + } + } + + span.highlightTabBlackRight { + background-color: white; + + a { + color: $blue; + } + } + + span.nohighlight:hover{ + background-color: lighten($blue, 3%); + } + + a { + display: block; + color: $blue; + } + } + + #library { + background-color: white; + height: 400px; + overflow-y: auto; + + #libraryInner { + padding: 5px 10px; + bottom: 0; + overflow: auto; + } + + .lib_tab { + width: auto; + cursor: pointer; + } + + ul { + list-style: none; + margin: 0; + margin-top: 4px; + padding-left: 18px; + } + li { + .anketa.tip0 { + margin: 0; + padding-left: 14px; + } + .anketa.tip1 { + margin: 0; + margin-left: -3px; + } + } + .new_folder { + visibility: hidden; + } + .delete_folder { + visibility: hidden; + } + span.folderdrop { + margin-bottom: 2px; + + &:hover { + .new_folder { + visibility: visible; + } + .delete_folder { + visibility: visible; + } + } + } + + span.faicon.folder{ + vertical-align: 3px; + margin-right: 3px; + + &::before{ + font-size: 20px; + } + } + + .tip0 { + .folder_container { + display: block; + height: auto; + overflow: hidden; + padding: 1px 3px; + } + } + + /* Ankete */ + .tip1 { + padding-left: 10px; + + .folder_container { + display: block; + overflow: show; + + height: auto; + min-height: 20px; + padding: 0px 3px; + } + + .mapca{ + display: none !important; + } + + .new_spr{ + padding: 0 3px; + + &:hover{ + background-color: darken($blue, 3%); + } + + .faicon{ + line-height: 22px; + } + } + + .faicon.plus, + .faicon.minus{ + opacity: 1 !important; + margin-right: 3px; + } + } + + div { + .folder_right { + width: 15px; + height: 22px; + line-height: 22px; + float: right; + text-align: left; + } + .tip1 { + .folder_right { + width: 18px; + } + } + .folder_container { + &:hover { + background-color: $blue; + cursor: pointer; + } + } + } + div.folder_left { + width: 80%; + float: none; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + position: relative; + } + div.folder_left.indent { + display: block; + height: 22px; + line-height: 22px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + position: relative; + } + .folder { + strong { + &:hover { + background-color: transparent; + cursor: pointer; + } + } + } + } + } +} \ No newline at end of file diff --git a/resources/sass/admin_new/pages/survey_edit/other.scss b/resources/sass/admin_new/pages/survey_edit/other.scss new file mode 100644 index 000000000..883681b0c --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/other.scss @@ -0,0 +1,256 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 03-Aug-2018, 13:12:19 + Author : podkrizniku +*/ + +/* Okno za drop vprasanja, ko je anketa prazna */ +.empty_vrivanje { + display: flex; + flex-direction: column; + align-items: flex-start; + + margin: 20px 0px 20px 45px !important; + padding: 60px 0 !important; + + text-align: center; + font-weight: 600; + + border: 1px solid $blue; + + .empty_vrivanje_title { + margin: 0 auto; + padding: 8px 20px; + + font-size: 16px; + font-weight: 500; + color: $blue; + + background-color: $blue; + border: 1px solid $blue; + } + + .empty_vrivanje_subtitle{ + margin: 15px auto 0 auto; + + font-size: 14px; + font-weight: 400; + + a{ + font-weight: 500; + } + } +} +.empty_vrivanje.branchinghover { + color: white; + + background: 0 !important; + background-color: $yellow; + + a{ + display: inline !important; + color: white; + } + + .empty_vrivanje_title{ + color: white; + + background-color: $yellow; + border-color: white; + } +} + + +.editmenu { + float: right; + margin: 2px 0px 0px 0px; + padding: 2px; + padding-right: 10px; + border: 0; + position: static; +} +.extra_opt { + margin-right: 10px; + a { + color: black; + text-decoration: none; + vertical-align: bottom; + } +} +.intro_concl { + float: left; + font-size: 12px; + color: $gray; + padding: 4px; +} +.save_button { + float: right; + margin: 10px 0px; + padding-right: 10px; + z-index: 50; +} + + +li.spr { + div.edit_mode { + display: none; + } + div.preview_mode { + display: block; + } + thead.edit_mode { + display: none; + } + .editingOnly { + visibility: hidden; + } + span.inline_other { + display: none; + } + #variabla_new { + span.inline_other { + display: inline; + margin: 0 10px; + } + } +} +div[contenteditable][default="1"][vre_id="new"] { + color: $gray; +} +div.stolpci { + float: left; + span.inline_delete { + display: none; + } + span.inline_edit { + display: none; + } +} +div#variabla_new { + span.inline_move { + visibility: hidden; + } + span.inline_edit { + visibility: hidden; + } + span.inline_delete { + visibility: hidden; + } + span.inline_if_follow { + visibility: hidden; + } + span.inline_if_not { + visibility: hidden; + } + span.inline_hidden { + visibility: hidden; + } + span.correct { + visibility: hidden; + } +} +.show-hidden { + visibility: visible !important; +} +.show-disable { + visibility: visible !important; +} +.show-correct { + visibility: visible !important; + color: #1e88e5 !important; +} +.show-correct:before{ + visibility: visible !important; + color: #33cc33 !important; +} +#vprasanje { + display: none; + position: fixed; + top: 5%; + bottom: 5%; + right: 3%; + width: 80%; + z-index: 80; + padding: 10px; +} +.branch { + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; +} +#div_status_values { + display: none; + position: fixed; + z-index: 90; + top: 20px; + right: 30px; + width: 720px; + padding: 10px; + border: 1px solid $red; + background-color: $gray; + fieldset { + border: 0; + border-top: 1px solid $blue; + } + legend { + background-color: $blue; + } +} +._branch { + padding: 0px !important; + margin: 0px !important; +} +/*question 5_2 - chat*/ +.tawk-chat-activation.button { + margin: 8px 10px; + padding: 6px 8px; + float: left; + color: white; + font-size: 13px; + font-weight: 500; + text-align: center; + background-color: $blue; + border: 1px solid $blue; + border-radius: 4px; + &:hover { + background-color: $yellow; + border: 1px solid $yellow; + } +} +/*bottom links*/ +.forma_bottom { + box-sizing: border-box; + + width: 100%; + height: 30px; + padding: 40px 10px 20px 45px; + + font-size: 12px; +} +.forma_bottom_inner { + display: inline-block; +} +.forma_bottom_inner.changes { + float: left; + width: 220px; + table { + tr { + td { + padding: 0 5px 0 0; + } + } + } +} +.forma_bottom_inner.links { + float: right; + font-size: 12px; + a { + padding-left: 25px; + } +} +.kviz-editing-correct::before { + color: #33cc33 !important; +} \ No newline at end of file diff --git a/resources/sass/admin_new/pages/survey_edit/question_settings.scss b/resources/sass/admin_new/pages/survey_edit/question_settings.scss new file mode 100644 index 000000000..2eec62ed8 --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/question_settings.scss @@ -0,0 +1,226 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 02-Aug-2018, 13:40:52 + Author : podkrizniku +*/ + +.texteditor { + width: 98% !important; + height: 50px; + margin-top: 0; + border: 1px solid #cccccc; +} +.texteditor.info { + height: 14px; + line-height: 14px; + width: 100%; +} +#vprasanje_edit { + margin: 0px 0px; + position: relative; + top: -54px; + + background-color: white; + + h2 { + span.content { + position: absolute; + font-weight: normal; + right: 10px; + top: 10px; + } + padding: 10px; + border: 1px solid $blue; + border-bottom: 0; + margin: 15px -11px 42px -11px; + background-color: $blue; + } + + fieldset { + margin: 20px 0 20px 0; + padding: 0; + border: 0; + border-top: 1px solid $blue; + } + legend { + background-color: transparent; + color: $blue; + font-weight: 500; + margin: 0; + padding: 0 10px 0 5px; + } + + .jquery-selectbox { + background-color: white; + } + form[name=vprasanje_edit] { + padding: 0 10px; + } + + p { + padding: 1px 3px; + line-height: 18px; + + input[type=radio] { + vertical-align: middle; + margin: 0px 3px 0px 10px; + } + + label.title { + cursor: pointer; + max-width: 270px; + } + + span.content { + float: right; + display: inline-block; + select { + margin-top: -4px; + } + select.no-margin { + margin-top: 0; + } + input[type=checkbox] { + vertical-align: middle; + margin: 0px 3px 0px 3px; + } + } + } + div { + padding: -10px; + } + p.heading { + border: 0; + background: none; + padding: 0; + margin-bottom: -7px; + margin-top: -2px; + } + + textarea[name=naslov] { + width: 99%; + height: 60px; + } + textarea[name=introduction] { + width: 99%; + height: 60px; + } + textarea[name=conclusion] { + width: 99%; + height: 60px; + } + textarea[name=statistics] { + width: 99%; + height: 60px; + } + textarea[name=info] { + width: 98%; + height: 12px; + } + + li { + textarea { + height: 12px; + } + } + + span#vprasanje_edit_mv { + select { + width: 100%; + } + } +} +#vprasanje_buttons { + position: absolute; + bottom: 15px; +} +#vprasanje_tabs { + select { + float: right; + margin: 5px 10px 0 0; + width: 100px; + } + margin-top: -1px; + position: absolute; + background-color: $blue; + width: 100%; + z-index: 100; + a.tab_link { + float: left; + display: block; + height: 19px; + padding: 7px 4px; + margin: 0 1px 0 0; + font-size: 12px; + border-bottom: 1px solid $blue; + color: $gray; + background-color: $blue; + } + a.tab_link.active { + border-bottom: 1px solid white; + margin: 0 1px 0 0; + color: $gray; + background-color: white; + } + .tab_link_tracking { + position: absolute; + right: 0; + top: -59px; + width: 30px; + a.tab_link { + background-color: white; + color: $blue; + padding: 0; + } + a.tab_link.active { + background-color: white; + color: white; + } + } +} +#vrednost_edit { + @include popup_general(); + + display: none; + + z-index: 89; + min-height: 130px; + width: 600px; + + p { + padding: 1px 3px; + } + div { + padding: -10px; + } + textarea[name=naslov] { + width: 99%; + height: 60px; + } + +} + +#vprasanje_float_editing { + display: none; + position: relative; + z-index: 70; + align-self: flex-start; + + width: 315px; + margin-left: 20px; + + border: 1px solid $blue; + background-color: white; + box-shadow: 0 0 31px 0 rgba(0, 0, 0, 0.07); +} + +#vprasanje_edit_bottom_placeholder { + display: block; + height: 1px; + margin: 0 10px; + border-top: 1px solid $blue; +} \ No newline at end of file diff --git a/resources/sass/admin_new/pages/survey_edit/questions/calculation.scss b/resources/sass/admin_new/pages/survey_edit/questions/calculation.scss new file mode 100644 index 000000000..8174f7039 --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/questions/calculation.scss @@ -0,0 +1,38 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 07-Aug-2018, 12:58:50 + Author : podkrizniku +*/ + +.naslov.calculation { + padding-left: 15px; +} +#arrows_more_calculation { + position: absolute; + bottom: 40px; + padding: 5px 0; + margin-left: 43%; + width: 10%; + cursor: pointer; + background-color: $blue; + border: 1px solid $gray; + display: none; + text-align: center; +} +#bottom_space { + padding: 0; +} + + +#calculation_editing_calculations { + /*min-height: 40px;*/ + padding: 0 0 10px 0; + + span.calculations_display { + font-size: 20px; + } +} \ No newline at end of file diff --git a/resources/sass/admin_new/pages/survey_edit/questions/grids.scss b/resources/sass/admin_new/pages/survey_edit/questions/grids.scss new file mode 100644 index 000000000..4ef476dc2 --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/questions/grids.scss @@ -0,0 +1,170 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 07-Aug-2018, 13:00:32 + Author : podkrizniku +*/ + +.spremenljivka_content[tip="24"] { + .variable_holder { + overflow-x: auto; + } +} +.grid_header_table { + width: 100%; + text-align: center; + border-collapse: collapse; + td.grid_header { + height: 18px; + } + tbody { + tr { + td { + padding-top: 3px; + padding-bottom: 3px; + } + &:nth-child(odd) { + background-color: $blue; + td { + background-color: $blue; + div[contenteditable=true] { + border: 1px solid transparent; + } + } + } + } + } +} +.grid_header { + font-weight: 500; +} +.grid_question { + width: 20%; + text-align: left; + padding-right: 1%; +} +.col_border { + border-left: 1px solid $gray; +} +.grid-plus-minus { + text-align: right; + visibility: hidden; +} +.sub-table { + display: none; +} +div.grid_inline { + min-width: 20px; + padding: 2px 0; +} +div.grid_inline_droppable_title { + height: 15px !important; + width: 230px; + padding: 2px 0 5 0; + margin: 0px auto 0px auto; + border-top: 1px black dashed !important; + border-left: 1px black dashed !important; + border-right: 1px black dashed !important; + text-align: center; +} +div.grid_inline_droppable_title_box { + height: 15px !important; + width: 230px; + padding: 2px 0 5 0; + margin: 0px auto 0px auto; + text-align: center; +} +li { + table.grid_header_table { + span.inline.show { + visibility: visible; + } + } +} +@mixin inlineMove { + span.inline_move { + position: absolute; + left: 30px; + } +} +div.spremenljivka_content[tip="6"] { + @include inlineMove; +} +div.spremenljivka_content[tip="16"] { + @include inlineMove; +} +div.spremenljivka_content[tip="19"] { + @include inlineMove; +} +div.spremenljivka_content[tip="20"] { + @include inlineMove; +} +div.spremenljivka_content[tip="24"] { + @include inlineMove; +} +table.grid_header_table { + span.inline_delete { + position: absolute; + visibility: hidden; + right: 5px; + margin-right: 57px; + margin-right: 0px; + } + span.inline_edit { + position: absolute; + visibility: hidden; + right: 7px; + margin-right: 57px; + } + span.inline_if_not { + position: absolute; + visibility: hidden; + right: 7px; + margin-right: 57px; + margin-right: 32px; + } + span.inline_if_follow { + position: absolute; + visibility: hidden; + right: 7px; + margin-right: 57px; + } + span.inline_hidden { + position: absolute; + visibility: hidden; + right: 7px; + margin-right: 57px; + margin-right: 14px; + } + span.correct { + position: absolute; + visibility: hidden; + right: 7px; + margin-right: 57px; + } +} +.trak_class { + border: 1px solid $gray; + cursor: pointer; + background: white !important; +} +.trak_class_input { + visibility: hidden !important; + display: block; + z-index: -1; +} +.radio-button-label { + cursor: pointer !important; + z-index: -2; +} +.trak_container_bg { + background-color: $gray !important; +} +table.trak_inline_nadnaslov { + td { + text-align: center !important; + } +} \ No newline at end of file diff --git a/resources/sass/admin_new/pages/survey_edit/questions/hotspot.scss b/resources/sass/admin_new/pages/survey_edit/questions/hotspot.scss new file mode 100644 index 000000000..69cca23ac --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/questions/hotspot.scss @@ -0,0 +1,109 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 07-Aug-2018, 13:07:51 + Author : podkrizniku +*/ + +span.display_editor_image_hotspot { + position: absolute; + right: 100px; + top: 11px; + cursor: pointer; + visibility: visible; +} +.hotspot { + span.inline_delete_hotspot { + position: absolute !important; + right: 3px; + margin-right: 0px; + cursor: pointer !important; + margin-right: 485px !important; + } + span.inline_edit_hotspot { + position: absolute !important; + right: 3px; + margin-right: 0px; + cursor: pointer !important; + } + span.inline_if_not_hotspot { + position: absolute !important; + right: 3px; + margin-right: 0px; + cursor: pointer !important; + margin-right: 535px !important; + } + span.inline_if_follow_hotspot { + position: absolute !important; + right: 3px; + margin-right: 0px; + cursor: pointer !important; + } + span.inline_hidden_hotspot { + position: absolute !important; + right: 3px; + margin-right: 0px; + cursor: pointer !important; + margin-right: 510px !important; + } +} +.inline_edit_hotspot { + display: inline-block; + width: 32px; + height: 32px; + background-image: url(../../../admin/survey/img_new/icons_hidpi.png); + background-position: 0px -1874px; +} +canvas.hotspot_canvas { + position: absolute; + top: 15px !important; + left: 10px; + z-index: 2; +} +.hotspot_image_editor { + position: relative; + top: 15px !important; + z-index: 1; +} +div.hotspot_vrednost_inline { + float: left; + max-width: 80%; + min-width: 160px; + padding: 2px 2px; + border: 1px solid $gray; + margin: 2px; + background: white; +} +.inline_hotspot_edit_region { + margin-top: 4px !important; + margin-bottom: 4px !important; +} +.inline_hotspot_delete_region { + margin-top: 3px !important; + margin-bottom: 3px !important; +} +div.vrednost_inline_hotspot { + float: left; + img { + float: left; + } +} +#hotspot_edit { + display: none; + position: absolute; + top: 40%; + left: 50%; + z-index: 89; + min-height: 130px; + margin-top: -100px; + margin-left: -300px; + padding: 0 10px 10px 10px; + background-color: white; + border: 4px solid $black; + box-shadow: 0 0 20px black; + -moz-box-shadow: 0 0 20px black; + -webkit-box-shadow: 0 0 20px black; +} \ No newline at end of file diff --git a/resources/sass/admin_new/pages/survey_edit/questions/location.scss b/resources/sass/admin_new/pages/survey_edit/questions/location.scss new file mode 100644 index 000000000..61a408cb0 --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/questions/location.scss @@ -0,0 +1,50 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 20-Aug-2018, 11:13:15 + Author : podkrizniku +*/ + +/*GOOGLE MAPS*/ +.pac-input { + background-color: white; + font-family: Roboto; + font-size: 1.2em; + font-weight: 300; + margin-left: 0 px; + padding: 0 11px 0 13px; + text-overflow: ellipsis; + width: 17em; + border: 1px solid transparent; + border-radius: 2px 0 0 2px; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + box-sizing: border-box; + height: 30px; + margin-top: 10px; + outline: medium none; +} +.boxsizingBorder { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.maps-delete-menu { + position: absolute; + background: white; + padding: 3px; + color: $gray; + font-weight: bold; + border: 1px solid $gray; + font-family: sans-serif; + font-size: 12px; + box-shadow: 1px 3px 3px rgba(0, 0, 0, .3); + margin-top: -10px; + margin-left: 10px; + cursor: pointer; + &:hover { + background: $gray; + } +} \ No newline at end of file diff --git a/resources/sass/admin_new/pages/survey_edit/questions/preview.scss b/resources/sass/admin_new/pages/survey_edit/questions/preview.scss new file mode 100644 index 000000000..509ec73f3 --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/questions/preview.scss @@ -0,0 +1,59 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 10-Aug-2018, 12:30:57 + Author : podkrizniku +*/ + +.razvrscanje_preview { + border: 1px solid $gray; + background-color: silver; + padding: 4px; + margin: 5px 0px; + width: 350px; + display: block; +} +.razvrscanje_preview_frame { + border: 1px dashed $gray; + background-color: $gray; + padding: 4px; + margin: 5px 0px; + width: 350px; + height: 13px; + display: block; + text-indent: -20px; +} +.dragdrop_preview_frame { + border: 1px dashed $gray; + background-color: $gray; + padding: 4px; + margin: 5px 0px; + width: 350px; + height: 90px; + display: block; + text-indent: -20px; +} +.dragdrop_preview_frame_grid { + font-size: 14px; + width: 150px !important; + height: 25px; + padding: 0 0 2px 0; + margin: 0px auto 10px auto; + border: 1px black dashed; + background-color: $gray; + text-indent: -20px; + text-align: left; +} +.dragdrop_preview_frame_grid_title { + height: 15px !important; + width: 150px !important; + padding: 2px 0 5 0; + margin: 0px auto 0px auto; + border-top: 1px black dashed !important; + border-left: 1px black dashed !important; + border-right: 1px black dashed !important; + text-align: center; +} \ No newline at end of file diff --git a/resources/sass/admin_new/pages/survey_edit/questions/question_box.scss b/resources/sass/admin_new/pages/survey_edit/questions/question_box.scss new file mode 100644 index 000000000..150d8f858 --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/questions/question_box.scss @@ -0,0 +1,454 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 03-Aug-2018, 09:55:43 + Author : podkrizniku +*/ + +.editor_display { + width: 98%; + background-color: #eee; + border: 1px solid #cccccc; + border-bottom: 0; +} +.editor_display_small { + padding-left: 5px; +} +.spremenljivka { + width: 100%; +} +.add-variable-mobile { + display: none; +} +.add-variable { + display: none; + position: absolute; + left: 59px; + bottom: 4px; + span { + position: relative; + top: 1px; + margin-right: 5px !important; + } + a { + //color: $grey_normal; + color: $blue; + &:hover{ + color: $yellow; + } + } + .tip_6 { + left: 52px; + } + .tip_16 { + left: 52px; + } + .tip_19 { + left: 52px; + } + .tip_20 { + left: 52px; + } +} +.locked { + .add-variable { + display: none !important; + } +} +.spremenljivka_content { + margin: 2px 0px 10px 0px; + padding: 0px; + color: $gray; + + background-color: white; + border: 1px solid $blue; + + &:hover { + .add-variable { + display: block; + } + background-color: white; + } + h3 { + margin: 0; + padding: 0; + border: 0; + p { + margin: 0; + padding: 0; + border: 0; + } + } + form { + margin: 0; + padding: 0; + border: 0; + } + p { + margin: 0; + padding: 0; + border: 0; + padding: 3px; + } + input { + vertical-align: text-top; + } + div[contenteditable] { + cursor: text; + min-height: 16px; + p { + margin: 0 0; + padding: 3px 0; + } + } + + div[contenteditable=true] { + border: 1px solid transparent; + &:hover { + background-color: $blue; + border: 1px solid $blue; + } + &:focus { + background-color: $blue; + border: 1px dashed silver; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + } + } +} +.spr_editing { + .spremenljivka_content { + .add-variable { + display: none; + } + } + .content_div_normalmode { + padding-bottom: 10px; + } + .grid-plus-minus { + visibility: visible; + } + .sub-table { + display: table-row; + } + div[contenteditable][default="1"] { + color: $gray; + } +} +.spremenljivka_tekst_form { + padding: 10px 5px 5px 10px; +} +.spremenljivka_tip_content { + padding: 5px 5px 5px 10px; +} +.content_div_normalmode { + position: relative; + padding: 10px 5px 20px; + overflow: hidden; +} +.naslov { + width: auto; + min-width: 100px; + display: block; + padding-top: 3px; +} +#variable_holder { + .variabla_limit{ + width:auto !important; + color: $yellow; + margin-top: 6px; + display:inline-block; + } +} +.variable_holder { + padding: 0px 0px 0px 30px; + vertical-align: top; + margin: 0px; + display: block; + clear: both; + select { + margin-top: 5px; + } +} +.variable_holder.clr { + height: auto; +} +div.spremenljivka_content.orientation_ob { + .variable_holder { + clear: none; + } + div.variabla { + clear: none; + } +} +div.spremenljivka_content { + h3 { + p { + padding: 3px 3px 3px 3px; + margin: 0; + padding-top: 3px; + padding-bottom: 3px; + margin: 0; + } + } + span.inline { + visibility: hidden; + cursor: pointer; + float: left; + } + div.variabla { + input { + float: left; + margin-top: 5px; + } + clear: both; + padding: 2px 5px; + min-height: 22px; + .move_updown_orange { + margin-top: 5px; + } + } + span.inline_edit { + float: right; + margin: 0 3px; + } + span.inline_delete { + float: right; + margin: 0 3px; + } + span.inline_if_not { + float: right; + margin: -2px 3px 0 3px; + } + span.inline_if_follow { + float: right; + margin: -3px 3px 0 3px; + } + span.inline_hidden { + float: right; + margin: 0 3px; + } + span.correct { + float: right; + margin: 0 3px; + } +} +li.spr.spr_editing { + div.spremenljivka_content.orientation_ob { + .variable_holder { + clear: both; + } + div.variabla { + clear: both; + } + } + div.preview_mode { + display: none; + } + div.edit_mode { + display: block; + } + td.preview_mode { + display: none; + } + thead.edit_mode { + display: table-header-group; + } + .editingOnly { + visibility: visible; + } + div.spremenljivka_content.orientation_pod { + div.variabla { + clear: both; + } + } + div.stolpci { + float: none; + width: auto !important; + span.inline_delete { + display: block; + } + span.inline_edit { + display: block; + } + } +} +.spremenljivka_info { + font-size: 9px; + color: #666666; + padding: 2px; + clear: both; + padding: 2px 15px; +} +div.naslov_inline { + min-width: 50px; + padding: 2px 15px; + margin-bottom: 2px; +} +div.variable_inline { + display: none; + float: left; + width: 30px; + padding: 2px 15px; + font-weight: bold; +} +span.display_editor { + position: absolute; + right: 10px; + top: 11px; + cursor: pointer; + visibility: hidden; +} +.spr.spr_editing { + span.display_editor { + visibility: visible; + } +} +.spr { + span.display_editor.show { + visibility: visible; + } +} +/*div.naslov { + textarea.inline { + width: 99%; + } +} +div.variabla { + textarea.inline { + min-height: 11px; + min-width: 50%; + } +} +td.grid_question { + textarea.inline { + height: 11px; + width: 90%; + } +} +td.grid_header { + textarea.inline { + width: 99%; + height: 22px; + text-align: center; + } +}*/ +div.spremenljivka_content.orientation_pod { + div.variabla { + clear: none; + } +} +li.spr_editing { + div.spremenljivka_content { + div.variabla { + span.inline { + visibility: visible; + } + } + } + table.grid_header_table { + span.inline { + visibility: visible; + } + } +} +li { + div.spremenljivka_content { + div.variabla { + span.inline.show { + visibility: visible; + } + } + span.inline_move { + margin: 2px 8px 0 3px; + } + span.image_upload { + margin-top: 4px; + margin-left: 8px; + margin-right: 4px; + float: left; + } + } +} +/*settings marks of question in top left corner (reminders, system,...)*/ +#spr_settings { + float: left; + width: auto; + padding-top: 4px; + vertical-align: bottom; + .lock_holder { + position: absolute; + right: 15px; + top: 6px; + } + span { + img { + padding-left: 5px; + vertical-align: bottom; + } + vertical-align: bottom; + } +} +#spr_settings_intro_concl { + float: left; + width: auto; + vertical-align: bottom; + padding-left: 10px; + img { + padding-left: 10px; + padding-top: 3px; + } +} +table.text_vrednost { + text-align: center; + font-size: 10px; +} +div.vrednost_inline { + float: left; + max-width: 80%; + min-width: 160px; + padding: 2px 15px; +} +.spremenljivka_settings { + padding: 3px 5px 3px 5px; + background-color: $blue; + min-height: 24px; +} +.spremenljivka_settings.movable { + cursor: pointer; +} +.spremenljivka_settings_active { + background-color: $blue; +} +.variable_name { + float: left; + font-size: 14px; + padding: 2px 10px 2px 5px; + color: $gray; + font-weight: 500; +} +.variable { + color: $gray; + font-weight: 500; +} +.spr_edit { + z-index: 5; + position: absolute; + top: 0; + right: 0; + margin-right: 10px; + padding-top: 7px; +} +.comment_container_inline { + margin: 0px; + padding: 4px 15px; + background-color: $blue; + border-top: 1px solid $blue; + a.surveycomment { + font-size: 10px; + } +} \ No newline at end of file diff --git a/resources/sass/admin_new/pages/survey_edit/questions/questions.scss b/resources/sass/admin_new/pages/survey_edit/questions/questions.scss new file mode 100644 index 000000000..f3b5ac4de --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/questions/questions.scss @@ -0,0 +1,21 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 07-Aug-2018, 12:54:23 + Author : podkrizniku +*/ + +@import "question_box"; +@import "slider"; +@import "calculation"; +@import "quota"; +@import "grids"; +@import "sum"; +@import "hotspot"; +@import "preview"; +@import "ranking"; +@import "location"; +@import "take_picture"; \ No newline at end of file diff --git a/resources/sass/admin_new/pages/survey_edit/questions/quota.scss b/resources/sass/admin_new/pages/survey_edit/questions/quota.scss new file mode 100644 index 000000000..5c3431af0 --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/questions/quota.scss @@ -0,0 +1,50 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 07-Aug-2018, 12:59:20 + Author : podkrizniku +*/ + +.naslov.quota { + padding-left: 15px; +} +/*popup edit*/ +#quota { + display: none; + position: relative; + z-index: 91; + + height: auto; + width: 600px; + + #quota_editing_inner { + top: 0; + bottom: 0; + left: 0; + right: 0; + margin-bottom: 50px; + overflow: auto; + } + #condition_editing_close { + float: right; + margin-right: 20px; + margin-bottom: 20px; + } + #bottom_space { + bottom: 0; + left: 0; + position: absolute; + right: 0; + padding: 0; + } +} +#quota_editing_quotas { + min-height: 40px; + padding: 10px; + span.quota_display { + font-size: 20px; + } +} \ No newline at end of file diff --git a/resources/sass/admin_new/pages/survey_edit/questions/ranking.scss b/resources/sass/admin_new/pages/survey_edit/questions/ranking.scss new file mode 100644 index 000000000..0a72c59ca --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/questions/ranking.scss @@ -0,0 +1,155 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 10-Aug-2018, 13:19:50 + Author : podkrizniku +*/ + +.ranking { + font-size: 14px; + width: 220px; + height: 25px; + padding: 5px 0 0 0; + margin: 15px auto 0 auto; + border: 1px solid #000; + background-color: $gray; + text-align: center; + overflow: hidden; + img { + display: block; + margin-left: auto; + margin-right: auto; + } +} +.ranking_long { + font-size: 14px; + width: 220px; + height: 25px; + padding: 5px 0 0 0; + margin: 15px auto 0 auto; + border: 1px solid #000; + background-color: $gray; + text-align: center; + overflow: hidden; + font-size: 11px; +} +.ranking_frame { + font-size: 14px; + width: 230px; + height: 29px; + padding: 5px 0 0 0; + margin: 10px auto 0 auto; + border: 1px black dashed; + background-color: $gray; + text-indent: -20px; + text-align: left; +} + +.dragdrop_frame { + font-size: 14px; + width: 230px; + height: 100px; + padding: 5px 0 0 0; + margin: 10px auto 0 auto; + border: 1px black dashed; + background-color: $gray; + text-indent: -20px; + text-align: left; +} +.dragdrop_frame_grid { + font-size: 14px; + width: 230px; + height: 25px; + padding: 0 0 2px 0; + margin: 0px auto 10px auto; + border: 1px black dashed; + background-color: $gray; + text-indent: -20px; + text-align: left; +} +.dragdrop_frame_grid_box { + font-size: 14px; + width: 230px; + height: 30px; + padding: 0 0 2px 0; + margin: 10px auto 0px auto; + border-left: 1px black dashed !important; + border-right: 1px black dashed !important; + border-bottom: 1px black dashed !important; + text-indent: -20px; + text-align: left; +} +.drag_and_drop_box { + cursor: pointer; + width: 230px; + padding: 5px; + margin: 0px auto 10px auto; + border: 1px solid #000; + height: 15px; + text-align: center; + overflow: hidden; + background-color: white; + cursor: pointer; + width: 230px; + padding: 5px; + margin: 0px auto 10px auto; + border: 1px solid #000; + height: 15px; + text-align: center; + overflow: hidden; + background-color: white; + img { + display: block; + margin-left: auto; + margin-right: auto; + } +} +.drag_and_drop { + top: -6px; + left: -6px; +} +.drag_and_drop_right { + top: -6px !important; + left: -6px !important; +} +.drag_and_drop_box_right { + top: 15px !important; + left: -6px !important; +} +.drag_and_drop_box_right_after_refresh { + left: -6px !important; +} +.drag_and_drop_box_right_over { + left: -6px !important; +} +.inline_labele_podrocij { + text-align: center !important; +} +table.inline_labele_podrocij { + td { + text-align: center !important; + } +} +/*radio with image*/ +.custom_radio{ + .custom_radio_answer { + padding: 0 1px; + } +} +.custom_radio.visual-radio-scale{ + .custom_radio_answer { + padding: 0 3px; + } + &.checked .enka-vizualna-skala:before{ + color: $blue; + } +} +.enka-vizualna-skala { + display: inline-block; + height: 20px; + width: 20px; + float: left; +} diff --git a/resources/sass/admin_new/pages/survey_edit/questions/slider.scss b/resources/sass/admin_new/pages/survey_edit/questions/slider.scss new file mode 100644 index 000000000..3d15a9d29 --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/questions/slider.scss @@ -0,0 +1,121 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 07-Aug-2018, 12:52:29 + Author : podkrizniku +*/ + +.slider { + display: inline-block; + width: 84.5%; + background-color: $gray !important; + .ui-state-default { + border: 1px solid $gray !important; + } + .ui-state-hover { + border: 1px solid $gray !important; + } +} +.sliderText { + visibility: hidden; + position: relative; + text-align: center; + color: $gray; + width: 30px; + height: 15px; + padding: 3px; + margin-top: 7px; + background: $gray; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: $gray solid 1px; + &:after { + content: ''; + position: absolute; + border-style: solid; + border-width: 9px 7px 0; + border-color: $gray transparent; + display: block; + width: 0; + z-index: 1; + bottom: -9px; + left: 11px; + } + &:before { + content: ''; + position: absolute; + border-style: solid; + border-width: 9px 7px 0; + border-color: $gray transparent; + display: block; + width: 0; + z-index: 0; + bottom: -10px; + left: 11px; + } +} +.classic_slider { + .ui-slider-handle { + width: 9px !important; + height: 14px !important; + padding: 5px 0; + margin-left: -5px !important; + top: -7px !important; + border-bottom-right-radius: 10px 30px !important; + border-bottom-left-radius: 10px 30px !important; + } +} +.special_slider { + .ui-slider-handle { + width: 15px !important; + height: 15px !important; + margin-left: -8px !important; + top: -3px !important; + border-radius: 10px 10px !important; + background-color: red !important; + } +} +.circle_slider { + .ui-slider-pip { + .ui-slider-line { + width: 15px !important; + height: 15px !important; + border-radius: 10px 10px !important; + margin-left: -8px !important; + background: $gray !important; + top: -23px !important; + border: 1px solid $gray !important; + } + } +} +.elipse_slider { + .ui-slider-pip { + .ui-slider-line { + width: 13px !important; + height: 30px !important; + border-radius: 10px 10px !important; + margin-left: -7px !important; + background: $gray !important; + top: -31px !important; + border: 1px solid $gray !important; + } + } + .ui-slider-handle { + width: 9px !important; + height: 14px !important; + padding: 5px 0; + margin-left: -5px !important; + top: -7px !important; + border-bottom-right-radius: 10px 30px !important; + border-bottom-left-radius: 10px 30px !important; + } +} +.label_podrocje_prikaz { + border-bottom: 1px solid black !important; + border-left: 1px solid black !important; + border-right: 1px solid black !important; +} diff --git a/resources/sass/admin_new/pages/survey_edit/questions/sum.scss b/resources/sass/admin_new/pages/survey_edit/questions/sum.scss new file mode 100644 index 000000000..0491a4f19 --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/questions/sum.scss @@ -0,0 +1,74 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 07-Aug-2018, 13:02:29 + Author : podkrizniku +*/ + +.variabla_vsota { + padding: 0px 5px; + width: 25%; + text-align: right; + + input{ + margin-left: 10px; + margin-top: 2px !important; + } +} + +.vrednost_inline_vsota { + float: left; + box-sizing: border-box; + + width: 200px; + max-width: 80%; + min-width: 160px; + padding: 2px 15px 2px 18px !important; + margin-left: 12px; + + word-break:break-all; +} + +.variabla_vsota_inline{ + float: left; + max-width: 80%; + min-width: 160px; + padding: 2px 15px; + word-break:break-all; +} + +/* Zadnja vrsticas pri urejanju vsote - "skupaj" */ +table.variabla_vsota{ + clear: both; + border-spacing: 0; + border-collapse: collapse; + display: block; + + width: auto; + + tr{ + td.text{ + border-top: 1px black solid; + + .variabla_vsota_sum{ + margin-left: 18px; + + div{ + width: 100%; + max-width: 100%; + box-sizing: border-box; + } + } + } + td.input{ + border-top: 1px black solid; + + input{ + margin-left: 8px; + } + } + } +} diff --git a/resources/sass/admin_new/pages/survey_edit/questions/take_picture.scss b/resources/sass/admin_new/pages/survey_edit/questions/take_picture.scss new file mode 100644 index 000000000..5d8280c46 --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/questions/take_picture.scss @@ -0,0 +1,34 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 20-Aug-2018, 11:15:47 + Author : podkrizniku +*/ + +.fotoresults_div { + float: right; +} +.my_camera_div { + float: left; +} +.my_camera { + border: 1px solid; +} +.record_foto { + display: block; + float: right; + margin-top: -30px; + margin-right: -12px; + position: relative; +} +.upload_foto_result { + display: none; + height: 240px; + border: 1px solid; + padding-right: 0px !important; + margin-top: 10px !important; + margin-left: 20px; +} \ No newline at end of file diff --git a/resources/sass/admin_new/pages/survey_edit/survey_edit.scss b/resources/sass/admin_new/pages/survey_edit/survey_edit.scss index e69de29bb..8c03e7250 100644 --- a/resources/sass/admin_new/pages/survey_edit/survey_edit.scss +++ b/resources/sass/admin_new/pages/survey_edit/survey_edit.scss @@ -0,0 +1,57 @@ +/* font awesom za admin */ +#variable_holder input[type="checkbox"].enka-admin-custom, +#variable_holder input[type="radio"].enka-admin-custom { + display: none !important; +} +#variable_holder input[type="checkbox"].enka-admin-custom+ span.enka-checkbox-radio:before, +#variable_holder input[type="radio"].enka-admin-custom + span.enka-checkbox-radio:before { + font-family: $fontawesome; + display: inline-block; + font-size: 14px; + color: $gray; + + font-weight: 400; +} +#variable_holder input[type="checkbox"].enka-admin-custom.enka-inline + span.enka-checkbox-radio:before, +#variable_holder input[type="radio"].enka-admin-custom.enka-inline + span.enka-checkbox-radio:before { + display: inline-block; + float: left; + padding-top: 4px; + padding-left: 4px; + + font-weight: 400; +} + +#variable_holder input[type="checkbox"].enka-admin-custom + span.enka-checkbox-radio:before{ + /*content: "\f096";*/ + content: "\f0c8"; + letter-spacing: 10px; +} +#variable_holder input[type="radio"].enka-admin-custom + span.enka-checkbox-radio:before{ + /*content: "\f10c";*/ + content: "\f111"; + letter-spacing: 8px; +} +/* select, checked */ +#variable_holder input[type="checkbox"].enka-admin-custom:checked + span.enka-checkbox-radio:before{ + /*content: "\f046";*/ + content: "\f14a"; + color: $gray; + letter-spacing: 8px; +} +#variable_holder input[type="radio"].enka-admin-custom:checked + span.enka-checkbox-radio:before{ + /*content: "\f192";*/ + content: "\f192"; + color: $gray; +} + +@import "toolbox"; +@import "voting"; +@import "form"; +@import "other"; +@import "branching_expanded"; +@import "branching_collapsed"; +@import "question_settings"; +@import "questions/questions"; +@import "conditions"; +@import "library"; \ No newline at end of file diff --git a/resources/sass/admin_new/pages/survey_edit/toolbox.scss b/resources/sass/admin_new/pages/survey_edit/toolbox.scss new file mode 100644 index 000000000..739561887 --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/toolbox.scss @@ -0,0 +1,243 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 01-Aug-2018, 12:52:20 + Author : podkrizniku +*/ + +#toolbox_basic { + div.new_adv { + cursor: default; + cursor: pointer; + margin: 0px 1px; + padding: 8px 4px; + text-align: center; + background-color: $yellow; + background-repeat: repeat-y; + } + p { + img { + cursor: move; + } + margin: 10px 3px 3px; + span.sprites { + margin-right: 2px; + } + } + .handle { + color: $red; + font-weight: bold; + } + p.left { + overflow: hidden; + margin-left: 0; + margin-right: 0; + padding-left: 9px; + padding-right: 2px; + } + p.right { + overflow: hidden; + margin-left: 0; + margin-right: 0; + padding-left: 9px; + padding-right: 2px; + } + p.whole { + overflow: hidden; + margin-left: 0; + margin-right: 0; + padding-left: 2%; + padding-right: 2%; + margin-top: 6px; + } + position: fixed; + z-index: 50; + top: 255px; + left: 1px; + height: 335px; + width: 50px; + background-color: $blue; + border: 0; + p.new_spr { + cursor: pointer; + margin: 0px 1px; + padding: 8px 4px; + text-align: center; + &:hover { + background-color: darken($blue, 7%); + } + } + p.new_if { + cursor: pointer; + margin: 0px 1px; + padding: 8px 4px; + text-align: center; + &:hover { + background-color: darken($blue, 7%); + } + } + p.new_pb { + cursor: pointer; + margin: 0px 1px; + padding: 8px 4px; + text-align: center; + &:hover { + background-color: darken($blue, 7%); + } + } + p.new_block { + cursor: pointer; + margin: 0px 1px; + padding: 8px 4px; + text-align: center; + &:hover { + background-color: darken($blue, 7%); + } + } +} +#toolbox_add_advanced { + display: none; + cursor: auto; + z-index: -1; + position: fixed; + top: 218px; + left: 55px; + width: 495px; + height: auto; + min-height: 100px; + padding: 0px 10px 10px 10px; + background-color: $blue; + text-align: left; + border: 1px solid $blue; + p.toolbox_add_title { + color: $blue; + font-weight: 600; + font-size: 14px; + } + p.new_spr { + &:hover { + background-color: $blue; + } + float: left; + cursor: pointer; + width: 150px; + margin: 1px 0px 1px 1px; + padding: 4px 7px; + text-align: left; + } + p.new_loop { + &:hover { + background-color: $blue; + } + float: left; + cursor: pointer; + width: 150px; + margin: 1px 0px 1px 1px; + padding: 4px 7px; + text-align: left; + } + .holder { + width: 33%; + float: left; + border: 0; + background: 0; + } + p.new_question { + text-align: left; + } + .new_spr_spacer { + float: left; + cursor: pointer; + width: 150px; + margin: 1px 0px 1px 1px; + padding: 4px 7px; + text-align: left; + cursor: auto; + height: 18px; + } + p.naslov { + float: left; + width: 150px; + margin: 10px 0 3px 0; + padding: 0 5px 0px 2px; + font-size: 13px; + font-weight: 600; + text-align: left; + } + p { + span { + display: none; + } + } +} +#toolbox_advanced_settings { + position: fixed; + cursor: pointer; + top: 218px; + left: 1px; + width: 18px; + height: 19px; + padding: 5px 15px 6px; + background-color: $blue; + border: 1px $blue solid; + #toolbox_advanced_settings_holder { + display: none; + cursor: auto; + z-index: 99; + position: fixed; + top: 218px; + left: 55px; + width: auto; + height: auto; + min-height: 100px; + padding: 10px 20px 0 10px; + text-align: left; + font-size: 11px; + border: 1px solid $blue; + background-color: $blue; + span.advanced_settings_title { + vertical-align: middle; + padding: 0 0 0 2px; + color: $blue; + font-weight: 600; + font-size: 12px; + } + span.advanced_setting { + display: inline-block; + text-align: center; + width: 20px; + padding: 3px 5px 0 0; + } + } +} +#locked_toolbar { + position: absolute; + top: 1px; + left: 1px; + width: 45px; + height: 194px; + padding: 140px 0 0 3px; + background: rgba($blue, 0.85); + span.lock_big { + margin-left: 13px; + } +} +#toolbox_basic.forma { + #locked_toolbar { + height: 199px; + padding-top: 85px; + } + height: 266px; + top: 235px; +} + + +.mobile_add_question{ + display: none; +} +.mobile_add_question_popup{ + display: none; +} diff --git a/resources/sass/admin_new/pages/survey_edit/voting.scss b/resources/sass/admin_new/pages/survey_edit/voting.scss new file mode 100644 index 000000000..a401d1f1a --- /dev/null +++ b/resources/sass/admin_new/pages/survey_edit/voting.scss @@ -0,0 +1,178 @@ +/* +To change this license header, choose License Headers in Project Properties. +To change this template file, choose Tools | Templates +and open the template in the editor. +*/ +/* + Created on : 03-Aug-2018, 11:04:39 + Author : podkrizniku +*/ + + + + + +.nastavitveSpan4 { + display: table-cell; + float: left; + font-weight: 500; + width: 55%; + clear: both; +} +.nastavitveSpan5 { + display: table-cell; + float: left; + font-weight: 500; + width: 25%; + clear: both; +} +select#skin_anketa { + max-width: 120px; + margin-bottom: 2px; +} +select#skin { + max-width: 120px; + margin: 4px 0 2px 0; +} +#quick_settings { + +} + + +#anketa_edit.page_.subpage_.glasovanje { + + .anketa_edit_main{ + display: flex; + + /* Leve nastavitve */ + #glas_settings { + width: 330px; + min-width: 290px; + + margin: 20px 0 0 0; + padding: 0; + + line-height: 18px; + + background-color: white; + border: 1px solid $blue; + + .more { + float: right; + margin: 5px 20px 10px 0; + font-weight: 500; + } + .less { + float: right; + margin: 5px 20px 10px 0; + font-weight: 500; + } + + .header_holder { + height: 35px; + font-size: 16px; + font-weight: 500; + background-color: $blue; + width: 100%; + //border-bottom: #d2d5d5; + } + .header_content { + padding: 8px 0px 7px 0px; + + .header_left { + color: $blue; + font-size: 16px; + font-weight: 500; + width: auto; + float: left; + padding-left: 10px; + } + } + fieldset { + margin: 11px 10px; + padding: 3px 5px; + border: 0; + border-top: 1px solid $blue; + } + legend { + margin: 0; + padding: 0 10px 0 5px; + background-color: rgba(0, 0, 0, 0); + color: $blue; + font-weight: 500; + } + } + + /* Srednji del */ + #placeholder{ + margin: 85px 0 0 20px; + max-width: 1100px; + + #branching.branching_glasovanje { + padding: 3px; + min-height: 400px; + width: calc(96% - 315px); + + ul.first { + margin: 1px 0 0 0 !important; + } + ul { + li { + margin-left: 0px !important; + } + } + } + + #vprasanje_float_editing{ + margin-top: 45px !important; + } + } + + + /* Desne nastavitve */ + #quick_settings_holder{ + position: absolute; + right: calc(3% + 5px); + margin-left: -5px; + top: 222px; + height: auto; + width: 310px; + border: 0; + background-color: transparent; + + #quick_settings{ + padding: 5px 15px; + width: 315px; + box-sizing: border-box; + float: right; + + background-color: $blue; + border: 1px solid $blue; + + fieldset { + border: 1px $gray solid; + } + + .form_bottom_settings { + margin: 0 8px 10px 8px; + padding: 0 0 5px 10px; + background-color: inherit; + } + + #form_settings_obvescanje { + padding: 1px 0 10px 10px; + textarea#alert_finish_other_emails { + &:focus { + padding: 2px; + border: 0; + background-color: $yellow; + } + } + } + } + } + } + + + +} \ No newline at end of file