/* FONTS */

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(../font/font-google-material.ttf) format('truetype');
}

@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(../font/font-google-material-outlined.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../App_Themes/font/fontawesome-webfont.ttf') format('truetype');
}

html {
    overflow-y: scroll;
}
/* -------------------------------------------------- */

/* Tisztázó div */
.clear {
    clear: both;
    height: 0;
    font-size: 0px;
    line-height: 0px;
}
/* -------------------------------------------------- */

/* Link kinézete (kitöltésnél nincs is) */
a {
    text-decoration: none;
    color: #00AEEF;
}
/* -------------------------------------------------- */

/* Table kinézetek egyértelmű részei*/
TH {
    /*background: transparent url(images/sep_dot.gif) repeat-x bottom left;*/ /*border-bottom: 1px dotted #49678B;*/
    border-bottom: 1px dotted #ccc;
    font-size: 1.05em;
}

TD {
    vertical-align: middle;
}

*:first-child + html TD {
    padding: 3px 0;
}
/* -------------------------------------------------- */

/* TOP CONTROL kinézete */
ul.top-control {
    float: right;
    padding: 0 10px 0 10px;
    margin: -70px 0 0 0;
    list-style-type: none;
    display: inline;
    background-color: #ffffff;
    border: 1px solid #cecece;
    border-radius: 0px;
}

    ul.top-control LI {
        display: inline;
        float: left;
        padding: 5px 0 5px 0;
        font-size: 12px;
    }

.top-start {
    /*background: url(images/top_profile_left.png) no-repeat top left;*/
}

.top-end {
    /*background: url(images/top_profile_right.png) no-repeat top left;*/
}

ul.top-control li a {
    /* display: block; */
    /*color: #1F7A96; */
    line-height: 30px;
    padding: 5px;
    font-weight: bold;
    color: #00AEEF;
}

ul.top-control li span.separator {
    /* display: block; */
    color: #00AEEF;
    font-weight:bold;
    line-height: 20px;
    padding: 5px;
}

.profile {
}

.divTopRightCorner {
    position: absolute;
    top: 10px;
    right: 10px;
    line-height: 40px;
    font-size: 200%;
}

.top-separator {
    display: table-cell;
    height: 32px;
    width: 5px;
    vertical-align: middle;
    margin: auto;
}

.top-separator-line {
    height: 18px;
    width: 1px; /*background-color: #1F7A96;*/
    margin: auto;
    background-color: #cecece;
}

.top-separator-li {
}

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

/* Kitöltésnél nem használt címsorok */
h4 {
    font-size: 15pt;
}

h5 {
    font-size: 13pt;
}
/* -------------------------------------------------- */


.input-text, SELECT, TEXTAREA {
    /*background: #fff url(images/input_text_bg.png) no-repeat top left;*/
    border: #bfbfbf 1px solid;
    padding: 5.5px;   
}

.correctAnswerSingleLineText {
    min-width: 500px;
}

.input-text-webGrid {
    width: 400px !important;
}

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

/* Kitöltésnél nem használt gombok és flag-ek stílusai */


span.icon icon-draft {
    font-family: "Material Icons";
    content: "\e745";
    color: #00AEEF;
    font-weight: normal !important;
    font-size: 20px;
    padding: 4px;
    position: relative;
    top: 4px;
}

a.rem:before {
    font-family: 'Material Icons';
    font-weight: normal !important;
    content: '\e872';
    color: #00AEEF;
    font-size: 20px;
    padding: 4px;
    position: relative;
    top: 4px;
}

a.rem:hover {
    border: 1px solid #F24E1E;
    background-color: #F2E2DD;
    color: #F24E1E;
}

a.rem:hover::before {
    color: #F24E1E;
}

a.pwd {
    background: #ececec;
    padding: 4px 8px 4px 5px;
}

a.pwd:before{
    font-family: 'icomoon-free';
    content: '\e98d';
    padding-right: 5px;
    color: #007bb6;
}

a.add:before {
    /*background: #ececec url(images/ico/add.gif) no-repeat 3px 3px;*/
    font-family: "Material Icons";
    content: "\e145";
    color: #00AEEF;
    /*    font-weight: normal !important;*/
    font-size: 20px;
    padding: 4px;
    position: relative;
    top: 4px;
}

a.add:before {

    font-family: "Material Icons";
    content: "\e145";
    color: #00AEEF;
    /*    font-weight: normal !important;*/
    font-size: 20px;
    padding: 4px;
    position: relative;
    top: 4px;
}

/*a.eval:before {*/
    /*background: #ececec url(images/ico/add.gif) no-repeat 3px 3px;*/
    /*font-family: "Material Icons";
    content: "\f1c2";
    color: #00AEEF;*/
    /*    font-weight: normal !important;*/
    /*font-size: 20px;
    padding: 4px;
    position: relative;
    top: 4px;
}*/

a.view:before {
    /*    background: #ececec url(images/ico/view.gif) no-repeat 3px 3px;*/
    font-family: "Material Icons";
    content: "\e8b6";
    color: #00AEEF;
    /*    font-weight: normal !important;*/
    font-size: 20px;
    padding: 4px;
    position: relative;
    top: 4px;
}

a.user_add:before {
    /*    background: #ececec url(images/ico/user_add.gif) no-repeat 3px 3px;*/
    font-family: "Material Icons";
    content: "\e7fe";
    color: #00AEEF;
    /*    font-weight: normal !important;*/
    font-size: 20px;
    padding: 4px;
    position: relative;
    top: 4px;
}

a.user_new:before {
    /*    background: #ececec url(images/ico/user_new.gif) no-repeat 3px 3px;*/
    font-family: "Material Icons";
    content: "\e7fe";
    color: #00AEEF;
    /*    font-weight: normal !important;*/
    font-size: 20px;
    padding: 4px;
    position: relative;
    top: 4px;
}

a.targy_add:before {
    /*    background: #ececec url(images/ico/targy_add.gif) no-repeat 3px 3px;*/
    font-family: "Material Icons";
    content: "\e145";
    color: #00AEEF;
    /*    font-weight: normal !important;*/
    font-size: 20px;
    padding: 4px;
    position: relative;
    top: 4px;
}

a.vizsga_add:before {
/*    background: #ececec url(images/ico/vizsga_add.gif) no-repeat 3px 3px;*/
    font-family: "Material Icons";
    content: "\e145";
    color: #00AEEF;
    /*    font-weight: normal !important;*/
    font-size: 20px;
    padding: 4px;
    position: relative;
    top: 4px;
}

a.kitolto_list {
    background: #ececec url(images/ico/kitolto_list.gif) no-repeat 3px 3px;
}

a.kitolto_refresh:before {
    /*    background: #ececec url(images/ico/kitolto_refresh.gif) no-repeat 3px 3px;*/
    font-family: "Material Icons";
    content: "\e86a";
    color: #00AEEF;
    /*    font-weight: normal !important;*/
    font-size: 20px;
    padding: 4px;
    position: relative;
    top: 4px;
}

a.kitolto_add {
    background: #ececec url(images/ico/kitolto_add.gif) no-repeat 3px 3px;
}

a.grp_add {
    background: #ececec url(images/ico/grp_add.gif) no-repeat 3px 3px;
}

a.item_add:before {
    font-family: "Material Icons";
    content: "\e145";
    color: #00AEEF;
    font-size: 20px;
    padding: 4px;
    position: relative;
    top: 4px;
    /*background: #ececec url(images/ico/item_add.gif) no-repeat 3px 3px;*/
}

a.del {
    background: #ececec url(images/ico/stop.gif) no-repeat 3px 3px;
    color: #C00;
}

a.rew {
    background: #ececec url(images/ico/back.gif) no-repeat 3px 3px;
}

a.cond_add {
    background: #ececec url(images/ico/cond_add.gif) no-repeat 3px 3px;
}

a.load:before {
    /*    background: #ececec url(images/ico/refresh.gif) no-repeat 3px 3px;*/
    font-family: "Material Icons";
    content: "\e5e1";
    color: #00AEEF;
    /*    font-weight: normal !important;*/
    font-size: 20px;
    padding: 4px;
    position: relative;
    top: 4px;
}

a.flag_green {
    background: #ececec url(images/ico/flag_green.gif) no-repeat 3px 3px;
}

a.flag_white {
    background: #ececec url(images/ico/flag_white.gif) no-repeat 3px 3px;
}

a.flag_red {
    background: #ececec url(images/ico/flag_red.gif) no-repeat 3px 3px;
}

.flag_green {
    background: transparent url(images/ico/flag_green.gif) no-repeat top left;
    padding-left: 20px;
}

.flag_white {
    background: transparent url(images/ico/flag_white.gif) no-repeat top left;
    padding-left: 20px;
}

.flag_red {
    background: transparent url(images/ico/flag_red.gif) no-repeat top left;
    padding-left: 20px;
}

a.del:hover {
    border: #C00 1px solid;
    background-color: #fff;
}

a.level {
    background: #FFF url(images/ico/basket_error.png) no-repeat 3px 3px;
}

a.print:before {
    /*    background: #ececec url(images/ico/printer.png) no-repeat 3px 3px;
    display: inline-block;
    padding-top: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;*/
    font-family: "Material Icons";
    content: "\e8ad";
    color: #00AEEF;
    font-weight: normal !important;
    font-size: 20px;
    padding: 4px;
    position: relative;
    top: 4px;
}

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

/* SurveyPage editornála  stílusok */
.table-chapter, .table-chapter-withcondition, .table-page, .table-page-withcondition, .table-page-cond, .table-page-grp {
    width: 100%;
    margin: 5px 0 10px 0;
    padding: 5px;
}

.table-addpage {
    width: 100%;
    margin: 2px 0 7px 0;
    padding: 3px;
    background-color: White;
}

.table-chapter {
    margin-top: 20px;
    background: #d9d9d9; 
    color: #535353;
}

.table-chapter-withcondition {
    margin-top: 20px;
    border-top: var(--primary-color) 2px solid;
    border-bottom: #ccc 2px solid;
    background: #DAEBF2;
    color: #12829b;
}

.table-chapter H3 {
    padding: 0 0 5px 0;
    margin: 0;
}

.table-chapter H4 {
    font-size: 12pt;
    padding: 0 0 5px 0;
    margin: 0; /*color: #FFFFFF;*/
}

.table-chapter-withcondition H3 {
    padding: 0 0 5px 0;
    margin: 0;
    color: #12829b;
}

.table-chapter-withcondition H4 {
    font-size: 13pt;
    padding: 0 0 5px 0;
    margin: 0;
    color: #12829b;
}

.table-editbar {
    text-align: right;
    right: 0;
    border: 0;
    border-width: 0;
}

.table-dockedbar {
    text-align: right;
    right: 0;
    top: 0;
    border: 0;
    border-width: 0;
    position: absolute;
}

.table-page {
    margin-top: 15px;
    border-top: #00AEEF 2px solid;
    border-bottom: #00AEEF 2px solid;
    background: #f4f4f4;
    color: #53759d;
}

    .table-page H3 {
        color: var(--primary-color);
        padding: 0 0 5px 0;
        margin: 0;
    }

    .table-page H4 {
        font-size: 13pt;
        color: #53759d;
        padding: 0 0 5px 0;
        margin: 0;
    }

.table-page-withcondition {
    margin-top: 15px;
    border-top: #65A4AF 4px solid;
    border-bottom: #888 4px solid;
    background: #e2ebff;
    color: #4D5D83;
}

    .table-page-withcondition H3 {
        color: #4D5D83;
        padding: 0 0 5px 0;
        margin: 0;
    }

    .table-page-withcondition H4 {
        font-size: 13pt;
        color: #4D5D83;
        padding: 0 0 5px 0;
        margin: 0;
    }

.table-page-cond {
    background: transparent url(images/sep_dot.gif) no-repeat top left;
}

.table-page-grp {
    background: #fff url(images/square_lb.gif) no-repeat bottom left;
    border-top: #00AEEF 1px solid;
    padding-bottom: 8px;
}

.table-filter {
    width: 100%;
}
/* -------------------------------------------------- */

/* DisplayFilter Editor CSS-e*/
.displayfilter {
    margin: 3px;
    font-size: 12px;
    background-color: White;
    vertical-align: middle;
    text-align: left;
}

.displayfiltertb {
    margin: 3px;
    font-size: 12px;
    vertical-align: middle;
    text-align: left;
    background: #fff url(images/input_text_bg.png) no-repeat top left;
    border: #bfbfbf 1px solid;
}
/* -------------------------------------------------- */

/* Accordion */
.accheader {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.acccontent {
    font-style: italic;
    background-color: #055D83;
    color: #FFFFFF;
    display: none;
    width: 95%;
    overflow: hidden;
}
/* -------------------------------------------------- */

/* CutCopyPaste Links Design */
.ccpdesign_c {
    color: #FFFFFF;
}

.ccpdesign_o {
    color: #055D83;
}

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

/* Drag and drop kontrol */
.DivContainer {
    float: left;
    margin: 3px;
    width: 200px;
    border: #669999 2px solid;
    padding: 5px;
}

.hidden {
    display: none;
}

.divInfieldContainer {
    position: relative;
}

label.infield {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 5px;
    color: #777;
}

.DragItem {
    z-index: 5;
    border: #000 1px solid;
    padding: 2px;
    font-size: 10px;
    width: 194px;
    cursor: pointer;
    font-family: verdana, tahoma, arial;
    background-color: #eee;
    margin: 12px 0 12px 0;
    /*height: 22px;*/
    line-height: 22px;
}

.dndHeader {
    position: relative;
    bottom: 22px;
    font-size: 80%;
}

.divmouseover {
    background-color: LightBlue;
}
/* Drag and drop kontrol */
/* -------------------------------------------------- */

/* CutCopyPaste ClipBoard Design */
.cbdiv {
    width: 160px;
    font-weight: bold;
    background-color: White;
    border-color: #055D83;
    border-style: dashed;
}

.cblbl {
    padding-left: 5px;
}

.cblblerror {
    padding-left: 5px;
    color: Red;
    font-weight: bolder;
}

.cbtable {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.cbtddrop {
    text-align: right;
}
/* -------------------------------------------------- */
.visualizer-table {
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ECEEED;
    border-collapse: collapse;
}
.visualizer-confirmTable {
    width: 100%;
    border: none;
    background-color: #F5F7F6;
    border-width: 0px;   
    width: 400px;
}
.visualizer-titlecell {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ECEEED;
    width: 35%;
    text-align: right;
    padding: 4px 8px 4px 8px;
    vertical-align: top;
}

    .visualizer-titlecell > span,
    .visualizer-titlecell > div.edittable-textcell > span {
        font-weight: bold;
    }

.visualizer-titlecell-alt40 {
    width: 40%;
}

.visualizer-cell-alt30 {
    width: 30% !important;
}

.visualizer-titlecell-note {
    font-weight: normal;
    font-style: italic;
}

.visualizer-contentcell {
    width: 65%;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ECEEED;
    background-color: #F5F7F6;
    padding: 8px 8px 8px 8px;
    vertical-align: top;
}

.surveyresult-content-multipletable {
    width: 100%;
    text-align: center;
}

.surveyresult-content-multipletable-table {
    text-align: center;
    width: 33%;
}

.surveyresult-content-multipletable-chart {
    text-align: center;
    padding: 2px;
    width: 50%;
}


.surveyvalidator {
    width: 100%;
    color: red;
    text-align: center;
}

.questiontypepicker-button {
    height: 16px;
    text-align: left;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    background: none;
    background-color: #00AEEF;
    padding: 4px 8px 6px 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #ececec;
    cursor: pointer;
/*    border-radius: 5px;*/
}

    .questiontypepicker-button:hover {
        filter:brightness(1.1);

    }

.questiontypepicker-radio {
    font-size: 9pt;
    font-weight: bold;
    padding: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.questiontypepicker-panel {
    padding: 10px 4px;
}

.questiontypepicker-table {
    width: 100%;
    overflow: hidden;
}

.questiontypepicker-table td {
    padding: 5px 0;
}

.questiontypepicker-typename {
    width: 30%;
}

.questiontypepicker-description {
    font-size: 8pt;
    width: 60%;
    padding: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
}

.messagediv-content {
    /*position: fixed;*/
    width: 100%;
    text-align: left;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: auto;
}
/* MESSAGE PAGE - ErrorPage, InformationPage */
    .messagediv-content span {
        font-weight: normal;
        font-size: 18px;
        line-height: 1.5rem;
    }

    .messagediv-content .messagediv-icon:before {
        font-family: "Material Icons";
        font-weight: normal !important;
        font-size: 40px;
        position: relative;
        padding: 10px;
        top: 0px;
    }

.messagediv-infopage {
    background-color: #DAEBF2;
    border: 1px solid #00AEEF;
}

    .messagediv-infopage span {
        color: #606060;
    }

    .messagediv-content .messagediv-icon.info:before {
        content: "\e88e";
        color: #00AEEF;
    }



.messagediv-errorpage {
    background-color: #F2E2DD;
    border: 1px solid #F24E1E;
}
.messagediv-errorpage span {
    color: #F24E1E;
}
.messagediv-content .messagediv-icon.error:before {
    content: "\e000";
    color: #F24E1E;
}



.modalwindow {
    position: fixed;
    width: 320px;
    height: 180px;
    left: 50%;
    margin-top: 280px;
    margin-left: -150px;
    padding-top: 8px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #EAFFFA;
    border-color: #215967;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #215967;
    z-index: 101; /* for IE */
    filter: alpha(opacity=100); /* CSS3 standard */
    opacity: 1.0;
}

.modalwindow-back {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url(images/modalback.gif);
    background-repeat: repeat;
    cursor: default;
    border-style: none;
    text-align: center;
    vertical-align: middle;
    font-size: 17px;
    color: #215967;
    z-index: 100;
}

    .modalwindow-back:hover {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-image: url(images/modalback.gif);
        background-repeat: repeat;
        cursor: default;
        border-style: none;
        text-align: center;
        vertical-align: middle;
        font-size: 17px;
        color: #215967;
        z-index: 100;
    }

.modalwindow-shadow {
    position: fixed;
    width: 330px;
    height: 190px;
    left: 50%;
    margin-left: -165px;
    margin-top: 265px;
    background-color: #346767;
    border-color: #215967;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    vertical-align: middle;
    font-size: 17px;
    color: #215967;
    z-index: 100; /* for IE */
    filter: alpha(opacity=80); /* CSS3 standard */
    opacity: 0.8;
}

.errormessage {
    color: #B71139;
}

.vtop {
    vertical-align: top;
}

/*Process*/
.processStepTable {
    width:100%;
}

.processStepTable  a {
    font-size: 14px;
    display: block;
    padding: 15px 5px 20px 5px;
    border: 1px solid #cecece;
    color: #585858;
    position: relative;
    text-align:center;
    height:16px;
    /*text-transform:uppercase;*/
}

    .processStepTable a.process-button:hover {
        background-color: #f4f4f4;
    }

.currentStep {
    background-color: #00AEEF;
    color: white !important;
}

    .currentStep:hover {
        color: white !important;
        background-color: #00AEEF !important;
        cursor:default;
    }

a.processStep {
    display: none;
}

.disabledProcessStep {
    opacity: 0.5;
    cursor: not-allowed;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

/* PROCESS UL (jquery tabs redesign) */
.ui-tabs-panel {
    font: 10pt Tahoma, Geneva, sans-serif !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 0;
}

#tabs.ui-widget-content {
    border: none;
}

#menuFlow {
    display: flex;
    justify-content: center;
}

#menuFlow.ie-mode {
    float: left !important;
    margin-left: 30%;
}

ul.ui-widget-header {
    border: none;
    background: none;
    padding: 10px;
    font: 10pt Tahoma, Geneva, sans-serif !important;
    margin: 0 auto !important;
    display: inline-block;
}

ul.ui-widget-header a {
    display: block;
    padding: 10px;
    border: 1px solid #cecece;
    color: #585858;
    position: relative;
}

ul.ui-widget-header .ui-state-default {
    background: none !important;
    border: none !important;
    display: block !important;
    padding: 3px !important;

    color: #585858 !important;
    position: relative !important;
}



ul.ui-widget-header .ui-state-default a {
    padding: 10px !important;
}

ul.ui-widget-header .ui-state-default a:hover {
    background-color: #f4f4f4;
}

ul.ui-widget-header .ui-state-active a {
    background-color: #00AEEF !important;

}

ul.ui-widget-header .ui-state-active a {
    color: white !important;
}

/* PROCESS UL END */


.pager {
    border-top: 1px dotted #ccc;
    padding-top: 10px;
}

    .pager a, .pager span {
        text-align: center;
        font-size: 11px;
        line-height: 17px;
        display: block;
        margin: 1px;
        border: 1px solid #ccc;
        padding: 0 3px 0 3px;
        font-weight: bold;
    }

    .pager a {
        color: #535353;
        background-color: #ECECEC;
    }

        .pager a:active {
        }

        .pager a:hover {
            border: 1px solid #00AEEF;
            background-color: #fff;
        }

    .pager span {
        background-color: #00AEEF;
        color: #FFF;
    }

.note {
    color: #777;
    display: block;
    font-size: 80%;
    line-height: normal;
    text-align: right;
}

.note-normal {
    color: #777;
    display: block;
    font-size: 80%;
    line-height: normal;
    text-align: left;
}

.warning {
    color: red;
    display: block;
    font-size: 80%;
    line-height: normal;
    text-align: left;
}

.gridPanel {
    text-align: center;
    /*overflow: auto;*/
    vertical-align: middle;
    margin: 5px 0px 5px 0px;
    padding-top: 1px;
}

#mainDiv {
            margin: 60px 0;
            position: inherit;
        }

        #header-table {
            width: 100%;
            margin: 30px 0;
        }

        #dialogform div table {
            width: 100%;
        }
        .foldermodal-div {
            padding-top: 20px;
            width: 98%;
        }
        #editFolderBasicData td{
            vertical-align: top;
        }
        .label-name {
            width: 100px !important;
            float: left;
            text-align: left;
        }

        .user-tags{
            width: 100% !important;
        }


        .value-input {
            float: left;
            width: 100% !important;
        }

        #userSelector {
            text-align: left;
        }

        #divAdminsGrid {
            width: 100%;
            margin-top: 30px;
        }

        .disabledLink {
            pointer-events: none !important;
            cursor: default;
            color: Gray;
            opacity: 0.6;
        }

        .tools {
            z-index: 40000 !important;
        }

.searchPanel {
    float: left;
    padding: 0px;
}

.commonPanel {
    float: right;
    vertical-align: middle;
    margin: 0px;
    line-height: 26px;
}

.pagePanel {
    padding: 0 10px;
}

.limitationPanel {
    line-height: 26px;
    border-right: solid 1px #cecece;
    padding: 0 10px;
}

.limitation {
    color: red;
    font-size: 1.1em;
}

.payment-options-item img, .payment-options-item input {
    display: block;
    margin: 2px auto;
}

.payment-options tr td {
    width: 25%;
    padding: 20px;
    border: 2px solid #fff;
}

    .payment-options tr td:hover {
        background-color: #cecece;
        cursor: pointer;
    }

    .payment-options tr td:nth-child(2) {
        width: 45%;
    }

.bankTransfer {
    font-weight: bold;
    font-size: 13px;
}

    .bankTransfer .right-col input[type='text'], .bankTransfer .right-col textarea {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        border: 1px solid #cecece;
    }

    .bankTransfer .section-header {
        background-color: #C4BA92;
        color: #fff;
        font: 24px bold sans-serif;
    }

    .bankTransfer table, .bankTransfer tr, .bankTransfer td {
        border: 1px solid #C4BA92;
        border-spacing: 0px;
    }

    .bankTransfer .left-col p {
        padding: 4px;
    }

    .bankTransfer .left-col {
        width: 30%;
        padding-left: 10px;
    }

    .bankTransfer .right-col {
        width: 70%;
        padding: 0px;
        text-align: center;
    }

        .bankTransfer .right-col table {
            width: 100%;
            border-spacing: 0px;
            border: 0px;
        }

        .bankTransfer .right-col .twocolumn td {
            /*width: 50%;*/
        }

        .bankTransfer .right-col .fourcolumn td {
            width: 25%;
        }

    .bankTransfer h4 {
        display: inline-block;
    }

    .bankTransfer .underline {
        border-bottom: 1px dashed #000;
        width: 50%;
        display: inline-block;
    }

    .bankTransfer .mainTable {
        margin: 15px;
    }

    .bankTransfer .stamp {
        display: inline-block;
        color: #CECECE;
        font: bold 20px arial;
        left: 390px;
        position: relative;
    }

.left {
    float: left;
}

.right {
    float: right;
}

    .right.questionscore-padding {
        font-weight: bold;
        font-size: 16px;
    }

.clear {
    clear: both;
}

ul.form-list {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

    ul.form-list li {
        height: 45px;
        line-height: 45px;
        list-style: none;
        vertical-align: middle;
    }

.details {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ECEEED;
}

.container {
    padding: 0px 0px 2px 0px;
    width: 100%;
}

.title-container {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ECEEED;
    display: block;
    float: left;
    min-height: 28px;
    line-height: 28px;
    margin: 0px 0px 0px 0px;
    padding: 8px 1% 8px 1%;
    text-align: right;
    vertical-align: top;
    width: 28%;
}

    .title-container span {
        display: inline-block;
    }

.input-container {
    background-color: #F5F7F6;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ECEEED;
    display: block;
    float: left;
    min-height: 28px;
    line-height: 28px;
    margin: 0px 0px 0px 0px;
    padding: 8px 1% 8px 1%;
    vertical-align: top;
    width: 68%;
}

    .input-container div {
        height: 18px;
        line-height: 18px;
    }

        .input-container div.divInfieldContainer {
            vertical-align: top;
        }

            .input-container div.divInfieldContainer span {
                margin: 0px 2px 0px 0px;
            }

    .input-container label.infield {
        vertical-align: top;
    }

    .input-container div.divInfieldContainer select {
        margin: 0px 10px 0px 0px;
    }

.reg-process-list #ulRegProc {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

.reg-process-list {
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
}

    .reg-process-list li {
        display: inline-block;
    }

        .reg-process-list li a {
            display: block;
            padding: 15px;
            text-align: center;
            background-color: #DAEBF2;
            margin: 0px 10px 0px 0px;
            border-radius: 6px;
            color: #00AEEF;
        }

            .reg-process-list li a.active {
                font-weight: bold;
            }

div.tip-container {
    padding: 10px 0px 10px 10px;
}

.tip-note {
    color: #535353;
    display: block;
    font-size: 80%;
    line-height: normal;
    text-align: left;
}

div.fillout-information-container {
    margin: 40px 0px 0px 0px;
    text-align: center;
}

    div.fillout-information-container span {
        display: block;
    }

span.fillout-information {
    color: black;
    font-size: 1.3em;
    font-weight: bold;
    margin: 120px 0px 120px 0px;
}

span.unipoll {
    color: black;
    font-size: 1.2em;
    font-size: 12px;
}

span.exam-title {
    font-weight: bold;
}

.SurveyTitle {
    /*min-height: 50px;*/
    width: 650px;
    text-align:left;
}

.fsThemeCreator {
}



/* CALENDAR ICONS */
.clearContent {
    background: transparent url("images/ico/OperationTypes/operation_close.svg") no-repeat;
    background-size: 20px;
    height: 15px;
    width: 30px;
    margin-left: -30px;
    padding-bottom:4px;
    top: 4px;
    border: none;
    cursor: pointer;
}

.clearContent:hover {
    filter: brightness(1.2);
}

    .calendarbutton {
        top: 4px;
        position: relative;
        height: 20px;
        width: 20px;
        border: none;
        cursor: pointer;
        background: url('images/kerdestar/110004.svg');
    }

        .calendarbutton:hover {
            filter: brightness(1.2);
        }


.MailStateImage {
    margin-left: 20px;
}

.gridImageButton {
    width: 25px;
}

/*Home gomb szélének css-e*/
.processStepTable a.menuleftarrow {
    padding: 15px 10px;
}

/*.menuleftarrow:hover:after {
    border-right-color: #f4f4f4;
}

.menuleftarrow:after, .menuleftarrow:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    right: 100%;
    position: absolute;
    width: 0;
}

.menuleftarrow:after {
    border-width: 20px;
    border-right-color: #ffffff;
    top: -1px;
}

.menuleftarrow:before {
    border-width: 21px;
    border-right-color: #cecece;
    top: -2px;
}*/

.titleOfTable {
    float: left;
    font-size: 16;
    font-weight: 700;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #ADADAD;
    font-style: italic;
    font-size: 12px;
}

.titlecellpad {
    padding-top: 10px;
}

.default-text {
    height: 100px;
    width: 75%;
}

.ExResText {
    width: 500px;
    height: 300px;
}

.ExDescrition {
    display: block;
    width: 58%;
}

.table-Inline {
    display: inline-table;
}

.alertBox {
    text-align: center;
    background-color: #FF0000;
    margin: -25px -25px 10px -25px;
    padding: 5px 0 10px 0;
}

.alertMessage {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.clearBoth {
    clear: both;
}

.captchaRow {
    margin-top: 35px;
}

.captchaModalInput {
    width: 300px !important;
    padding: 0;
}

.captchaLabel {
    float: left;
    width: 130px;
}

.captchaValue {
    float: right;
}

.floatLeft {
    float: left;
}

.textToLeft {
    text-align: left;
}

#signedAdminUserPanel {
    max-height: 300px;
    height: 300px;
    width: 250px;
    overflow-y: scroll;
    margin-left: 30px;
}

#adminSearchInput {
    width: 200px;
}

#userSearchPanel {
    text-align: left;
    margin-bottom: 10px;
}

.mainTitle {
    /*text-align:center;*/
    font-size: 14px;
}


/* VIZSGA GYORSSZEREKSZTŐ - BEGIN -------------------------------------- */

.overflow {
    width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.overflowInDrop {
    width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

    .overflowInDrop:lang(en) {
        width: 125px;
    }

.overflow1 {
    width: 430px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.shortText {
    margin-left: 10px;
    text-overflow: ellipsis;
}

#questionBankInfo {
    margin: 7px 0 7px 0;
    /*text-align:center;*/
}

#dataStaticBehavior {
    width: 100%;
    display: flex;
    margin: 10px 0;
}

#surveyExamWrapper .folderUpper {
    padding-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 2px;
    padding: 5px 5px 5px 5px;
    height: 22px;
    color: #535353;
    background-color: #ececec;
    border: #bfbfbf 1px solid;
    border-color: #bfbfbf;
}

    #surveyExamWrapper .folderUpper.hovered:hover {
        filter: brightness(1.05);
    }


#surveyExamWrapper .folder {
    padding-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    height: 22px;
    margin-bottom: 2px;
    background: var(--yellow-light);
    border: 1px solid var(--yellow);
}

#surveyExamWrapper .folderExam {
    padding-bottom: 20px;
    padding: 5px;
    height: 30px;
    margin-bottom: 2px;
    background: var(--yellow-light);
    border: 1px solid var(--yellow);
}

#surveyExamWrapper .question {
    /*background-color: aliceblue;*/
    padding-bottom: 20px;
    padding: 5px 5px 5px 5px;
    /*width: 380px;*/
    height: 22px;
    margin-bottom: 2px;
    background: var(--primary-color-light);
    border: 1px solid var(--primary-color);
    margin-left: 10px;
    margin-right: 10px;
}

#surveyExamWrapper .questionExam {
    background-color: aliceblue;
    padding-bottom: 20px;
    padding: 5px 5px 5px 5px;
    /*width: 340px;*/
    height: 30px;
    margin-bottom: 2px;
    background: var(--primary-color-light);
    border: 1px solid var(--primary-color);
}

#surveyExamWrapper .pageBreak {
    /*background-color: #F7C6B5;*/
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 20px;
    padding: 5px 5px 5px 5px;
    width: 230px;
    height: 22px;
    background: var(--red-light);
    border: 1px solid var(--red);
}

#surveyExamWrapper .pageBreakExam {
    /*background-color: #F7C6B5;*/
    padding-bottom: 20px;
    padding: 5px 5px 5px 5px;
    height: 30px;
    background: var(--red-light);
    margin-bottom: 2px;
    border: 1px solid var(--red);
}

#surveyExamWrapper .randomBlock {
    /*background-color: aquamarine;*/
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 20px;
    padding: 5px 5px 5px 5px;
    width: 230px;
    height: 22px;
    background: var(--green-light);
    border: 1px solid var(--green);
}

#surveyExamWrapper .randomBlockExam {
    /*background-color: aquamarine;*/
    padding: 5px 5px 20px 5px;
    /*width: 380px;*/
    min-height: 70px;
    background: var(--green-light);
    border: 1px solid var(--green);
    margin-bottom: 2px;
}

#surveyExamWrapper .randomBlokkExam {
    /*background-color: aquamarine;*/
    padding: 10px 0 20px 0;
    /*width: 380px;*/
    min-height: 70px;
    width: 80%;
    padding: 3px;
    margin: 10px auto;
    border: 4px dashed;
    cursor: default !important;
}

    #surveyExamWrapper .randomBlokkExam .description {
        font-style: italic;
    }

.randomBlockExam:hover, .randomBlock:hover, .pageBreak:hover, .pageBreakExam:hover, .folder:hover, .folderExam:hover, .questionExam:hover, #surveyExamWrapper .question:hover {
    cursor: move;
}

#dataWrapper {
    float: left;
    background-color: white;
    /*margin:0 5px 0 5px;*/
    border: 1px var(--primary-color) solid;
    width: 515px;
    height: 620px;
    margin: 0 5px 0 5px;
    padding: 10px;
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer */
    -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
    -webkit-user-select: none; /* Chrome, Safari, and Opera */
    -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}

    #dataWrapper .dataWrapper-title {
        margin-left: 10px;
        font-weight: bold;
        font-size: 16px;
    }

#data {
    width: 95%;
    float: left;
    /*margin:0 5px 0 5px;*/
    background-color: white;
    min-height: 380px;
    /*overflow-y:scroll;*/
}

#datastatic {
    width: 450px;
    margin: 0 5px 0 5px;
    background-color: white;
}

#surveyTemplate {
    float: left;
    width: 515px;
    height: 620px;
    /*max-height: 590px;*/
    overflow-y: scroll;
    margin: 0 5px 0 5px;
    padding: 10px;
    background-color: white;
    border: 1px var(--primary-color) solid;
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer */
    -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
    -webkit-user-select: none; /* Chrome, Safari, and Opera */
    -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}
/*kbst IE, FF így képes megjeleníteni a padding-bottom property-t */
div#surveyTemplate > *:last-child {
    margin-bottom: 50px;
}

#dataHead {
    float: left;
    width: 450px;
    margin: 0 5px 0 5px;
}

#surveyTemplateHead {
    float: left;
    width: 450px;
    margin: 0 5px 0 5px;
}

#wrapperHead {
    height: 100px;
    width: 100%;
}

#wrapperBody {
    /*clear: both;*/
    height: 640px;
    width: 1100px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.questionLeft, .questionLeft1 {
    float: left;
    margin-bottom: 3px;
}

.questionRight {
    float: right;
    display:flex;
}

.qbInfo {
    margin: 7px 0 3px 0;
    padding-left: 3px;
}

.randomPiece, .randomPoints, .folderPiece, .folderPoints {
    width: 45px !important;
    margin: 0 6px;
}

.folderType:hover {
    cursor: pointer;
    filter: brightness(1.3);
}

.errorMessage {
    color: red;
}

.thickText {
    padding-left: 12px !important;
    /*line-height: 33px;*/
    font-weight: bold;
    /*color: black;*/
}

.centerText {
    text-align: center;
    position:relative;
    top:50%;
    font-weight:bold;
    font-size:16px;
}

.randomHover {
    border: 4px dashed var(--primary-color);
    background-color: white;
}

.examSortItem {
    border: 4px dashed var(--primary-color);
    background-color: white;
    height: 30px;
    margin: 2px 0;
}

.normalText {
}



/* icon section for examCreator */
.icon.icon-random-group:before {
    font-family: "Material Icons";
    content: "\e043";
    color: var(--black);
    font-weight: bold !important;
    font-size: 20px;
    padding: 4px;
    position: relative;
    top: 4px;
}

.icon.icon-page-break:before {
    font-family: "Material Icons";
    content: "\eaca";
    color: var(--black);
    font-weight: normal !important;
    font-size: 20px;
    padding: 4px;
    position: relative;
    top: 4px;
}

.icon.icon-remove-item:before {
    font-family: "Material Icons";
    content: "\e872";
    color: var(--red);
    font-weight: normal !important;
    font-size: 20px;
    position: relative;
    top: 4px;
}

.icon.icon-swipe-right:before {
    font-family: "Material Icons";
    content: "\eb52";
    color: var(--primary-color);
    font-weight: normal !important;
    font-size: 100px;
    position: relative;
    top: -50px;
}

.icon.icon-click:before {
    font-family: "Material Icons";
    content: "\ea03";
    color: var(--primary-color);
    font-weight: normal !important;
    font-size: 100px;
}

#surveyExamWrapper .instruction {
    width:100%;
    display:block;
}

#wrapperBody .slimScrollBar:hover {
    cursor: ns-resize;
}

#surveyExamWrapper select {
    width: 500px;
}

/* VIZSGA GYORSSZERKESZTŐ - END ---------------------------------------- */
/*#btnCreateExam {
    height: 24px;
    font-size: 14px;
    font-weight: bold;
    color: #535353;
    background-color: #ececec;
    padding: 4px 8px 4px 24px;
    border: #bfbfbf 1px solid;
    border-color: #bfbfbf;
}*/
.btnReturn {
    margin-top: 5px;
    margin-bottom: 5px;
}

.btnClose {
    float: right;
    margin-left: 10px;
}
.btnClose:before {
    font-family: 'icomoon-free';
    content: '\e9ac';
    color: #ff4848;
    vertical-align: text-bottom;
    font-size: 17px;
    cursor: pointer;
}

#btnFolderUp {
    cursor: pointer;
}

.btnReturnCaptcha {
    padding-top: 40px;
}
.fieldnoborder{
    margin-top:150px;
    border:0;
}
#questionBankActual{
    padding:5px 0px 0px 0px;
}
#folderPathData{
    padding:0 12px 0 12px;
}
#scrollData{
    height: 470px;
}
.randomDescription{
    text-align: center;
    padding-top: 10px;
}
.imgExam{
    padding: 0 4px 10px;
}
.btncursor{
   cursor:pointer;
}
.clrText{
    clear:both;
    display:block;
    text-align:center;
}
.changePassword
{
    display: block;
    color: red;
	font-size: 16px;
	font-family: Calibri;
	background-color:#E6CD7E;
	line-height:32px;
	height:32px;
    text-align:center;
}

.extrafeatures input[type="number"] {
    width: 50px;
    margin-left: 10px;
}

.bankTransfer .right-col input[type='text'].tiny-textbox {
    display: inline-block;
    width: 30px;
}

.text-small{
    width: 100px;
}
.text-tiny {
    width: 50px;
}
/*DisplayFilterEditor block*/


#ConditionTemplates .tablestyle {
    border-collapse: collapse;
    max-width: 1600px;
}

.group-start {
    border-right: 2px solid #ffffff;
    /*background-color:red;*/
    /*padding: 1px;*/
    max-width: 20px;
}

.group {
    border-right: 2px solid #ffffff;
    width: 20px;
    /*background-color: red;*/
    /*padding: 1px;*/
}

.g-cat-0 {
    background-color: #ffe1ff;
}

.group-end {
    /*border-bottom: 1px solid #ccc;*/
    border-left: 1px solid #ccc;
    /*background-color: red;*/
    padding: 1px;
    width: 15px;
}

.add-remove {
    width: 50px;
}

.no-group {
    width:21px;
}
.toolt {    
    position: absolute;        
    transition: all 0.15s ease;
    padding: 10px;
    color: #333;
    border-radius: 10px;    
    opacity: 1;    
    background: #00AEEF;  
    box-shadow: 2px 2px 1px silver;
}


.questionSelect {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.emptyColumns {
    min-width: 150px ;
    display: inline-block;
}

.conditionColumns {
    max-width: 150px;
    min-width: 150px;
}
.filterColumns {
    max-width: 150px;
    min-width: 150px;
}
.filterColumnsTextBox {
    max-width: 140px;
    min-width: 140px;
    padding-left: 6px;
}

.connectionClass{
    margin: 0 15px;
}

select.connectionClass {
    width: auto !important;
}

.groupselect {
    margin-left: 10px;
    margin-right: 10px;
}

.addConditionRow {
    background: #ececec url(images/ico/add.gif) no-repeat 3px 3px;
}
.new-complexCondition {
   max-height:20px;
}
.conditionButtonsStyle{
    margin-left:5px;
}
.groupImageDisabled {   
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */    
}
.addNewAnser {
    display: flex;   
}
.imgAddAnswer::before {
    font-family: 'icomoon-free';
    font-size: 25px;
    content: '\ea0a';
    color: #00AEEF;
    position: center;
    display: inline-block;
    box-sizing: border-box;
    width: auto;
    min-width: 50px;
    text-align: center;
    padding-top: 5px;
}
.loadingScreenReportStat {
    height: 100px;    
    text-align: center;
}
.not-active {
    pointer-events: none;
    cursor: default;
}

/* Export 'KeepEarlierProcessing' OPCIÓ */
.disabledSection span {
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.KeepEarlierProcessingSection .tooltip {
    cursor: help;
}

.disabledSection label:hover {
    color: #535353;
}

/* DateTimePicker Width */
.picker  {
    max-width: 250px;
    float:left;
}

.picker input[type=text] {
    width:200px;
}

.validator {
    float:left;
    margin:5px 0 0 20px;
    height: 100%;
}

.validator-full-width {
    float: left;
    margin: 10px 0 0 0;
    height: 100%;
    width: 100%;
}

.validator-full-width span {
    color: red;
}

#informationdashboardlicensedata {
    height: auto;
    padding: 5px;
    overflow: auto;
}

.informationdashboardinstitutename {
    font-size: 14pt;
    font-weight: bold;
    width: 99%;
    padding: 5px;
    border-top: #598D21 1px solid;
    border-bottom: #598D21 1px solid;
}

.informationdashboardinstitutedata {
    float: left;
    width: 50%;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 20px;
}

.informationdashboardinstitutelabel {
    font-size: 10pt;
    font-weight: normal;
    padding: 3px;
    float: left;
    width:130px;
}

.informationdashboardinstitutevalue {
    font-size: 10pt;
    font-weight: bold;
    padding: 3px;
    float: left;
    width: 180px;
}

.informationdashboardlicensemodules {
    font-size: 12pt;
    font-weight: bold;
    width: 99%;
    padding: 5px;
    border-top: #598D21 1px solid;
    border-bottom: #598D21 1px solid;
}

.informationdashboardlicensemodulon:before {
    font-family: 'icomoon-free';
    content: '\ea10';
    color: green;
    padding-right: 15px;
}

.informationdashboardlicensemodulon {
    font-weight: bold;
    color: green;
}

.informationdashboardlicensemoduloff:before {
    font-family: 'icomoon-free';
    content: '\ea0f';
    color: red;
    padding-right: 15px;
}

.informationdashboardlicensemoduloff {
    font-weight: bold;
    color: red;
}

/* upload section */
.upload-section {
    display: block;
    width: 100%;
}

.upload-section .upload-control {
        text-align: left;
        display: block;
        float: left;
        margin: 35px 0 15px 0;
        min-width: 340px;
}

.upload-section #loadingUpload {
    float: left;
    display: none;
    margin: 0 30px;
}

.upload-section #loadingPrintServer {
    float: left;
    display: none;
    margin: 0 30px;
}

/* progressbar */
.progressbar {
    min-width: 300px;
}

.progressbar .progressbar-text {
    width: 100%;
    font-weight: 600;
    display: block;
}

.progressbar .progressbar-text .title {
    display: block;
    float: left;
    padding: 10px 0;
}

.progressbar .progressbar-text .percentage {
    display: block;
    float: right;
    padding: 10px 0;
}

.progressbar .progressbar-control {
    display: block;
    width: 100%;
}

.progressbar .progressbar-control.ui-progressbar {
height: 1em;
overflow: hidden;
}

.progressbar .progressbar-control.ui-progressbar.ui-widget-content {
    background-color: #d0dae4;
}

.progressbar .progressbar-control.ui-progressbar .ui-progressbar-value {
    height: 100%;
}

.progressbar .ui-widget-header {
    background: #00AEEF;
}

.progressbar .progressbar-control.ui-progressbar.striped .ui-progressbar-value {
    background-color: #00AEEF;
}

.progressbar .progressbar-control.ui-progressbar.striped .ui-progressbar-value:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background-image: url(data:image/gif;base64,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);
}

/* universal disable cover*/
.disabled-control {
    pointer-events: none !important;
    cursor: default;
    opacity: 0.7;
}

/* offline grid controls hiding - title, legend border, description */
.offline-grid-section .webgrid {
    border-top: unset;
}

.offline-grid-section .webgrid p {
    display:none;
}

.offline-grid-section .webgrid legend {
    display: none;
}

/* OFFLINE GRID ICONS */
.icon-section:before {
    font-size: 18px;
    font-family: 'icomoon-free';
}

.icon-inprogress:before {
    font-family: 'icomoon-free';
    content: '\e979';
}

.icon-upload:before {
    content: '\e961';
}

.icon-warning-circle:before {
    content: '\ea08';
    color: #c26b00;
}

.icon-warning-triangle:before {
    content: '\ea07';
    color: #c26b00;
}
.icon-cancel-circle:before {
    content: '\ea0d';
}

.icon-success-square:before {
    content: '\ea52';
}
.icon-success:before {
    content: '\ea10';
    color: #00AEEF;
}
.icon-cancel:before {
    content: '\ea0f';
    color: #a90000;
}
.icon-grouping:before {
    content: '\ea58';
    color: #00AEEF;
}
.icon-request:before {
    content: '\e94d';
}
.icon-zip:before {
    content: '\e92b';
}
.icon-save:before {
    content: '\e962';
}
.icon-remove:before {
    content: '\e9ac';
    color: #a90000;
}
.icon-doc:before {
    content: '\e926';
}

.icon-in-black:before {
    color: #9f9e9e !important;
}

.icon-loading {
    width: 16px;
    height: 16px;
    background: url(images/loading/spinner_grey_020x020.gif) no-repeat;
    background-size: 16px 16px;
    margin: 0 auto;
}
.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
}

.loading-gif {
  background:  url(images/loading/spinner_grey_020x020.gif) no-repeat right 10px center;
  background-size: 15px 15px !important;
  background-color: white;
}

.select-short {
    width: 60% !important;
    height: 100px;
}
.ModalPanel {  
    position: absolute;
    z-index: 9999999;
    width: 400px;
    height: 400px;   
}