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: #C00;
}
/* -------------------------------------------------- */

/* 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: #f4f4f4;
    border: 1px solid #cecece;
    border-radius: 6px;
}

    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;
}

ul.top-control li span.separator {
    /* display: block; */
    color: #1F7A96;
    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;
}
/* -------------------------------------------------- */

/* Login oldal css-ei */
.box {
    float: right;
    margin: 0;
    padding: 0;
    width: 410px;
}

.box-head-login {
    /*background: url(images/box_header_login.png) no-repeat bottom left;*/
    height: 53px;
}

.box-footer-shadow {
    /*background: url(images/box_footer_shadow.png) no-repeat top left;*/
    height: 23px;
}

.login {
    background: #fff;
    margin: 0;
    padding: 20px 10px 10px 10px;
    width: 324px;
    text-align: center; /*border-left: #005c7d 16px solid;*/
}

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

.correctAnswerSingleLineText {
    min-width: 500px;
}

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

.login label {
    font-weight: bold;
}

.box TD {
    vertical-align: middle;
}

INPUT.btn-login, a.btn-login {
    font-size: 9pt;
    font-weight: bold;
    color: #535353;
    background: none; /*background-color: #ececec;*/
    padding: 2px 8px;
    border: #ccc 1px solid;
}
/* -------------------------------------------------- */

/* Kitöltésnél nem használt gombok és flag-ek stílusai */
a.accept {
    background: #ececec url(images/ico/accept.gif) no-repeat 3px 3px;
}

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

a.rem:before {
    font-family: 'icomoon-free';
    content: '\e9ac';
    padding-right: 5px;
}

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

a.rem:hover{
    border: 1px solid Red;
    background-color: #ffebee;
    color: #ff4848;
}

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

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

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

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

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

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

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

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

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

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 {
    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 {
    background: #ececec url(images/ico/refresh.gif) no-repeat 3px 3px;
}

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 {
    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;
}

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

/* 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: #ccc;
    color: #535353;
    border-radius: 5px;
}

.table-chapter-withcondition {
    margin-top: 20px;
    border-top: #b9dbb0 2px solid;
    border-bottom: #ccc 2px solid;
    background: #b9dbb0;
    color: darkGreen;
}

.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: darkGreen;
}

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

.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: #64a51c 2px solid;
    border-bottom: #64a51c 2px solid;
    background: #f4f4f4;
    color: #53759d;
}

    .table-page H3 {
        color: #005678;
        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: #F6ECE0;
    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: #64a51c 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;
}
.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-top: 8px;
    padding-right: 8px;
    padding-left: 5px;
    padding-bottom: 8px;
    vertical-align: top;
}

.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-top: 8px;
    padding-right: 5px;
    padding-left: 8px;
    padding-bottom: 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%;
}

.calendarbutton {
    height: 20px;
    width: 20px;
    border: none;
    cursor: pointer;
    background: url('images/calendaricon.png');
}

.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: #64a51c;
    padding: 4px 8px 6px 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #ececec;
    cursor: pointer;
    border-radius: 5px;
}

    .questiontypepicker-button:hover {
        border: 1px solid #ccc;
        color: #49678b;
        background-color: #ececec;
    }

.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%;
    background-color: #faecb0;
    border: 1px solid #f6d54f;
    text-align: left;
    font-size: 12px;
    color: #215967;
    padding: 5px;
}

.messagediv-errorpage {
    margin-top: 20px;
    margin-bottom: 20px;
    width: auto;
}

.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 a {
    display: block;
    padding: 10px;
    border: 1px solid #cecece;
    color: #585858;
    position: relative;
}

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

.currentStep {
    background-color: #64a51c;
    color: white !important;
}

    .currentStep:hover {
        color: #64a51c !important;
    }

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: #64a51c !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 #64a51c;
            background-color: #fff;
        }

    .pager span {
        background-color: #64a51c;
        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;
}

.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: #e5f8d7;
            margin: 0px 10px 0px 0px;
            border-radius: 6px;
            color: #76bd55;
        }

            .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: 560px;
}

.fsThemeCreator {
}

.integratedLogin {
    min-height: 210px;
    width: 560px;
    margin: 65px auto 110px auto;
    position: relative;
}

div.integratedLogin h1 {
    font-size: 35px;
    font-weight: 600;
    position: relative;
    margin-bottom: 5px;
}

div.integratedLogin .tableLogin {
    height: 160px;
    border: 1px solid #cccccc;
    border-radius: 12px;
}

div.integratedLogin img {
    margin: 30px 25px;
}

div.tableLogin .box {
    width: auto;
}

.loginFieldset {
    min-height: 100px;
    width: 750px;
    margin: auto;
}

div.login {
    padding: 10px 0px 0px 10px;
    background-color: transparent;
    width: auto;
    line-height: 2.5;
}

    div.login .input-text {
        width: 215px;
        border-top: 2px solid #ccc;
        border-left: 2px solid #ccc;
        line-height: 1.4em;
    }

    div.login label:last-child {
        position: relative;
        top: -2px;
    }

    div.login tr {
        height: 25px;
        padding: 10px;
    }

.box-footer-shadow {
    display: none;
}

div.integratedLogin .privateTableLogin {
    /*height: 175px;*/
    height: auto;
    border: 1px solid #cccccc;
    border-radius: 12px;
}
#captcha {
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto;
    font-size: 12px;
}

.captchaLong {
    margin: 0 auto;
    width: 500px;
}
.captchaShort {
    margin: 0 auto;
    width: 312px;
}

div.privateTableLogin .box {
    /*width: auto;*/
}

.loginPrivate {
    padding: 10px 0px 0px 50px;
    background-color: transparent;
    /*width: auto;*/
    width: 400px;
}

    .loginPrivate label {
        font-weight: bold;
    }

.clearContent {
    background: transparent url("images/ico/16x16_torl.gif") no-repeat;
    height: 15px;
    width: 20px;
    margin-left: -25px;
    padding-bottom:4px;
    border: none;
    cursor: pointer;
}

.MailStateImage {
    margin-left: 20px;
}

.gridImageButton {
    width: 25px;
}

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

.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;
}

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

.overflowInDrop{
    width: 180px;
    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;
}
.folderUpper {
    padding-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 5px 5px 5px;
    height: 22px;
    color: #535353;
    background-color: #ececec;
    border: #bfbfbf 1px solid;
    border-color: #bfbfbf;
}

.folder, .folderExam {
    padding-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    height: 22px;
    margin-bottom: 1px;
    background: #f1e767; /* Old browsers */
    background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f1e767 0%,#feb645 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-9 */
}

.question {
    /*background-color: aliceblue;*/
    padding-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 5px 5px 5px;
    /*width: 380px;*/
    height: 22px;
    margin-bottom: 1px;
    background: #deefff; /* Old browsers */
    background: -moz-linear-gradient(top, #deefff 0%, #98bede 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #deefff 0%,#98bede 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #deefff 0%,#98bede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
}

.questionExam {
    background-color: aliceblue;
    padding-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 5px 5px 5px;
    /*width: 340px;*/
    height: 22px;
    margin-bottom: 1px;
    background: #deefff; /* Old browsers */
    background: -moz-linear-gradient(top, #deefff 0%, #98bede 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #deefff 0%,#98bede 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #deefff 0%,#98bede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
}

.pageBreak{
    /*background-color: #F7C6B5;*/
    padding-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 5px 5px 5px;
    width: 200px;
    height: 22px;
    background: #d5cea6; /* Old browsers */
    background: -moz-linear-gradient(top, #d5cea6 0%, #c9c190 48%, #b7ad70 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #d5cea6 0%,#c9c190 48%,#b7ad70 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #d5cea6 0%,#c9c190 48%,#b7ad70 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=0 ); /* IE6-9 */
}
.pageBreakExam {
    /*background-color: #F7C6B5;*/
    padding-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 5px 5px 5px;
    /*width: 380px;*/
    height: 22px;
    background: #d5cea6; /* Old browsers */
    background: -moz-linear-gradient(top, #d5cea6 0%, #c9c190 48%, #b7ad70 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #d5cea6 0%,#c9c190 48%,#b7ad70 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #d5cea6 0%,#c9c190 48%,#b7ad70 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=0 ); /* IE6-9 */
}

.randomBlock {
    /*background-color: aquamarine;*/
    padding-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 5px 5px 5px;
    width: 200px;
    height: 22px;
    background: #87e0fd; /* Old browsers */
    background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
}

.randomBlockExam {
    /*background-color: aquamarine;*/
    padding: 5px 5px 20px 5px;
    margin-left: 10px;
    margin-right: 10px;
    /*width: 380px;*/
    min-height: 70px;
    background: #87e0fd; /* Old browsers */
    background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
}

.randomBlokkExam {
    /*background-color: aquamarine;*/
    padding-bottom: 20px;
    /*width: 380px;*/
    min-height: 70px;
}

#dataWrapper {
    float: left;
    background-color: white;
    /*margin:0 5px 0 5px;*/
    border:1px #7ECC7E double;
    width:460px;
    height:590px;
    -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*/
}

#data {
    width: 440px;
    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;
    min-width: 300px;
    min-height: 590px;
    max-height: 590px;
    overflow-y: scroll;
    margin: 0 5px 0 5px;
    background-color: white;
    border:1px #7ECC7E double;
    -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;
}

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

#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: 500px;
    width: 100%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

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

.questionRight {
    float: right;
}

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

.randomPiece, .randomPoints, .folderPiece, .folderPoints {
    width: 20px !important;
    margin-left: 10px;
}

.folderType:hover {
    cursor: pointer;
    color: red;
}

.errorMessage {
    color: red;
}

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

.centerText {
    text-align: center;
    line-height: 400px;
    font-family: FontAwesome;
    font-size: 15px;
}

.randomHover{
    border: 2px dashed #366d17;
    background-color: white;
}
.examSortItem{
    border: 2px dashed #366d17;
    background-color: white;
    height: 22px;
}

.normalText {
    font-family: FontAwesome;
    font-size: 15px;
}

/*#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: 430px;
}
.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*/


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

.group {
    border-left: 1px solid #ccc;
    width: 15px;
    /*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:16px;
}
.toolt {    
    position: absolute;        
    transition: all 0.15s ease;
    padding: 10px;
    color: #333;
    border-radius: 10px;    
    opacity: 1;    
    background: #64a51c;  
    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-left:10px;
}
.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: #64a51c;
    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: #64a51c;
}

.progressbar .progressbar-control.ui-progressbar.striped .ui-progressbar-value {
    background-color: #64a51c;
}

.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: #64a51c;
}
.icon-cancel:before {
    content: '\ea0f';
    color: #a90000;
}
.icon-grouping:before {
    content: '\ea58';
    color: #64a51c;
}
.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;   
}