@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(//stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

* {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

*:focus {
    outline: none;
}

html, body {
    height: 100%;
}

html {
    overflow-y: scroll;
}

html.home {
    overflow-y: auto;
}

body {
}

a {
    text-decoration: none;
}

b {
    font-weight: bold !important;
}

i {
    font-style: italic !important;
}

a img {
    border: none;
}

.container {
    max-width: 1350px;
    margin: auto;
}

.clearfix {
    clear: both;
    width: 100%;
}

.textRight {
    text-align: right;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.red {
    color: #6699CC;
}

.hide {
    display: none;
}

.widthAuto {
    width: auto !important;
}
.width100 {
    width: 100%;
}

.internal-link {
    text-decoration: underline;
    color: #5a5a5a;
    cursor: pointer;
    font-size: 0.9rem
}

/* Table */

.table {
    width: 100%;
    border-collapse: collapse;
}

.table thead tr th, .table tbody tr td {
    border: 1px solid #e4e6e6;
    font-size: 14px;
    font-weight: bold;
    color: #a5a5a5;
    white-space: normal;
    padding: 4px 10px;
}

.table tbody tr td {
    background: #f5f6f6;
}

.fht-table, .fht-table thead, .fht-table tfoot, .fht-table tbody, .fht-table tr, .fht-table th, .fht-table td {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: top;
}

.fht-table {
    border-collapse: collapse;
    border-spacing: 0;
}

.fht-table-wrapper, .fht-table-wrapper .fht-thead, .fht-table-wrapper .fht-tfoot, .fht-table-wrapper .fht-fixed-column .fht-tbody, .fht-table-wrapper .fht-fixed-body .fht-tbody, .fht-table-wrapper .fht-tbody {
    overflow: hidden;
    position: relative;
}

.fht-table-wrapper .fht-fixed-body .fht-tbody, .fht-table-wrapper .fht-tbody {
    overflow: auto;
}

.fht-table-wrapper .fht-tbody>.table {
    margin-top: -27px !important;
}

.fht-table-wrapper .fht-tbody>.table.error {
    margin-top: 0 !important;
    width: 100% !important;
}

.fht-table-wrapper .fht-tbody>.table.error #tbody tr td {
    white-space: normal;
}

.fht-table-wrapper .fht-table .fht-cell {
    overflow: hidden;
    height: 1px;
}

.fht-table-wrapper .fht-fixed-column, .fht-table-wrapper .fht-fixed-body {
    top: 0;
    left: 0;
    position: absolute;
}

.fht-table-wrapper .fht-fixed-column {
    z-index: 1;
}

.fht-thead {
    -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.07);
}

.grayContainer {
    margin: auto;
    width: 1150px;
}

.grayContainerComplaint {
    /* border-bottom: 1px solid #d6d7d8;
    border-top: 1px solid #d6d7d8;
    border-left: 1px solid #d6d7d8; */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*background: #f5f6f6;*/
    margin: auto;
    width: 98%;
    margin-right: 1px !important;
}

.grayContainer .grayContainerHeader {
    border: 1px solid #d6d7d8;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #fff;
    margin: -1px;
    padding: 10px 0 11px;
    text-align: center;
    position: relative;
}

.grayContainer .grayContainerHeader h3 {
    display: inline;
    font-size: 30px;
    color: #838383;
    font-weight: normal;
}

.grayContainer .grayContainerHeader .btnHelp {
    margin-left: 20px;
    display: inline-block;
    width: 21px;
    height: 21px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #838383;
    text-align: center;
    line-height: 21px;
    font-size: 15px;
    color: #838383;
    font-style: normal;
    font-weight: bold;
    position: relative;
    top: -3px;
    cursor: pointer;
}

.grayContainer .grayContainerHeader .btnHelp.active, .grayContainer .grayContainerHeader .btnHelp:hover {
    background: #6699CC;
    border-color: #6699CC;
    color: #fff;
}

.grayContainer .grayContainerHeader .helpText {
    text-align: left;
    font-size: 12px;
    color: #aaaaaa;
    padding: 15px 20px;
    line-height: 16px;
}

.grayContainer .grayContainerHeader .helpText p {
    margin: 0 0 15px;
}

.grayContainer .grayContainerBody {
    padding: 24px 20px 20px;
}

.grayContainerBody .btnContainer {
    clear: both;
    /*overflow: hidden;*/
    padding: 20px 0px 0;
    display: inline-block;
    width: 100%;
}

.boxContainer {
    border: 1px solid #a5a5a5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
}

.boxContainer .boxContainerHeader {
    border: 1px solid #a5a5a5;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #fff;
    margin: -1px;
    font-size: 14px;
    font-weight: bold;
    padding: 0 15px;
    line-height: 26px;
    height: 26px;
    color: #a5a5a5;
    text-align: center;
}

.boxContainer .boxContainerBody {
    padding: 12px 15px 4px;
    overflow: hidden;
}

.boxContainer .boxContainerBody h3 {
    font-size: 14px;
    font-weight: bold;
    color: #a5a5a5;
    margin-bottom: 10px;
}

/* Custom file */

.customfile-wrap {
    position: relative;
}

.customfile-filename {
    position: absolute;
    top: -50px;
    font-size: 14px;
    color: transparent;
    border: none;
    text-shadow: 0 0 0 #838383;
    width: 245px;
}

.customSelect {
    /* height: 30px; */
    /* stex */
    /* border: 1.5px solid #a5a5a5; */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    background: #fff url("../images/bgSelect.png") no-repeat 100% 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.customSelect select {
    width: 100%;
    background: transparent;
    /*line-height: 1;*/
    /* border: 0 !important; */
    border-radius: 0;
    height: 30px;
    padding: 0 30px 0 10px;
    cursor: pointer;
    font-size: 14px;
    color: #a5a5a5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.customSelect select::-ms-expand {
    display: none;
}

.fwSelect{
    width: 100%;
}

input[type=checkbox].styledCheckbox {
    position: absolute;
    /*overflow: hidden;*/
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

label {
    font-size: 14px;
    color: #838383;
}

input[type=checkbox].styledCheckbox+label.checkbox-label, label.label {
    text-align: left;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 0 2px;
    vertical-align: middle;
    line-height: 13px;
    font-size: 14px;
    cursor: pointer;
}

label.label {
    padding: 0;
}

input[type=checkbox].styledCheckbox:checked+label.checkbox-label {
    background-position: 0 -198px;
}

.checkbox-label {
    background-image: url("../images/bgCheckbox.png");
}

.checkboxDiv i.tooltip {
    visibility: hidden;
    margin-left: 10px;
}

.checkboxDiv:hover i.tooltip {
    visibility: visible;
}

input[type=checkbox][disabled].styledCheckbox+label.checkbox-label {
    background-position: 0 -398px;
    color: #b8b9b9;
    /*e7e7e7*/
    cursor: default;
}

input[type=checkbox][disabled]:checked.styledCheckbox+label.checkbox-label {
    background-position: 0 -598px;
    color: #b8b9b9;
    /*e7e7e7*/
    cursor: default;
}

p.note {
    font-size: 12px;
    color: #a5a5a5;
    padding-left: 100px;
}

.datePicker {
    position: relative;
}

input.text, input.k-input {
    background: #fff;
    height: 30px;
    border: 1px solid #a5a5a5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 14px;
    color: #a5a5a5;
}

textarea.textarea {
    background: #fff;
    border: 1px solid #a5a5a5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    font-size: 14px;
    color: #a5a5a5;
}

input.text.file {
    padding: 0 20px 0 0;
}

input.text.error {
    border-color: #6699CC;
}

input.datePicker {
    background: #fff url("../images/icons/calendar.png");
    background-size: 18px 21px;
    background-position: 90% center;
    background-repeat: no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0px !important;
    padding: 0 40px 0 10px;
    cursor: pointer;
    font-size: 14px;
    color: #a5a5a5;
    height: 30px !important;
    /* border: 1.5px solid #BCBCBC !important; */
    transition: .5s;
}

input.passiveDatePicker {
    background: #fff url(../images/icons/calendar.png) no-repeat 95% 50%;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0 20px 0 10px;
    cursor: default;
    font-size: 14px;
    color: #e2e2e2;
    background-color: #ffffff;
    width: 312px !important;
    height: 30px !important;
    border: 1.5px solid #BCBCBC !important;
    padding: 0 24px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px;
    color: #464646;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    color: #464646 !important;
}

input.btn {
    height: 30px;
    line-height: normal;
    box-shadow: none;
}

.btn:hover a {
    color: #fff;
}

.btn.inactive, .btn.inactive:hover {
    cursor: default !important;
    color: #e7e7e7;
    background: #f7f7f7;
    border-color: #e7e7e7;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: 0px 1px 0px #fff;
}

.btn.inactive em {
    font-style: normal;
}

.btn.floatLeft {
    margin-right: 9px;
}

.btn.floatRight {
    margin-left: 9px;
}

.btnAdd {
    float: left;
    min-width: inherit;
    border-color: #a5a5a5;
    margin-right: 5px;
}

.btnAdd:hover {
    border-color: #a5a5a5;
}

.btnAdd a {
    display: block;
    width: 43px;
    height: 39px;
    background: url("../images/icnAdd.png") no-repeat 0 0;
    text-indent: -9999px;
    overflow: auto;
}

#container {
    min-height: 92%;
}

/* #header {
    height: 70px;
    background: #fff;
    border-bottom: 10px solid #3D87C1;
} */

#header #logo {
    float: left;
    display: flex;
}

#header #logo img {
    display: block;
}

/* #header #logoOneTick {
    margin: 32px 44px 0 0;
    float: left;
}

#nav {
    float: right;
} */

#nav ul li {
    /*height: 69px;*/
    list-style: none;
    position: relative;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    background: #FBFBFB;
}

#nav ul li:hover {
    background: #FFF;
}

#nav ul li>a {
    display: block;
    /* height: 70px;
    line-height: 70px; */
    font-size: 16px;
    color: #464646;
    padding: 0px 28px;
    cursor: pointer;
    border-top: 1px solid #d0d3d4;
}

#nav ul li>a>span{
    width: max-content;
    width: -moz-max-content;
}

#nav ul li.hasSub>a:after {
    content: "";
    background-image: url('.././images/icons/dropdown-icon.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 11px;
    margin-left: 13.7px;
    height: 6px;
    display: block;
}

#nav ul li.hasSub ul {
    display: none;
}

/* #nav ul li:hover, #nav ul li:active {
    border-top-color: #838383;
    border-left-color: #838383;
    border-right-color: #838383;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f5f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f6f6));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f5f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f5f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f5f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f5f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f6f6', GradientType=0);
} */

#nav ul li.hasSub:hover>a {
    color: #6699CC;
}

#nav ul li.hasSub:hover>a:after {
    border-top-color: #6699CC;
}

#nav ul li.hasSub:hover ul {
    display: block;
    position: absolute;
    left: -2px;
    background: #fff;
    border: 2px solid #d0d3d4;
    z-index: 999;
    margin-top: 0px;
    white-space: nowrap;
}

/*
#nav ul li.hasSub:hover ul li a:hover {
    background: #fff;
    color: #fff;
} */

#nav ul li .user {
    background: url("../images/icnUser.png") no-repeat 100% 2px;
    padding-right: 25px
}

#nav ul li:hover .user {
    background-position: 100% -84px;
}

/* Login box */

#login {
    width: 262px;
    position: absolute;
    top: 69px;
    right: -1px;
    background: #fff;
    padding: 2px 8px 8px;
    border: 1px solid #838383;
}

#login input[type="text"], #login input[type="password"] {
    width: 240px;
    background: #fff;
    margin-bottom: 5px;
    border: 1px solid #a5a5a5;
    padding: 4% 0;
    font-size: 14px;
    font-weight: 600;
    color: #a5a5a5;
    padding: 0 10px;
    height: 39px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#login .btn {
    float: right;
}

#login #triangle {
    color: #e80f0f;
    margin: 8px 0 6px;
}

#body {
    padding: 5px 0 5px;
    background: #fff;
}

#body.home {
    padding-top: 0;
    text-align: center;
    background: #bbc0c4;
    background: -moz-linear-gradient(top, #bbc0c4 0%, #f7f8f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbc0c4), color-stop(100%, #f7f8f8));
    background: -webkit-linear-gradient(top, #bbc0c4 0%, #f7f8f8 100%);
    background: -o-linear-gradient(top, #bbc0c4 0%, #f7f8f8 100%);
    background: -ms-linear-gradient(top, #bbc0c4 0%, #f7f8f8 100%);
    background: linear-gradient(to bottom, #bbc0c4 0%, #f7f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbc0c4', endColorstr='#f7f8f8', GradientType=0);
}

/* Footer */

#footer {
    background: #ecedee;
    border-top: 1px solid #d2d3d4;
    height: 90px;
    margin-top: -91px;
    text-align: center;
}

#footer .links {
    font-size: 15px;
    color: #666;
    margin: 20px 0 10px;
}

#footer .links a {
    color: #666;
    /* padding: 0 5px; */
}

#footer .copyright {
    color: #666;
    font-size: 12px;
}

#footer .copyright a {
    color: #666;
}

.tooltip_message_warn {
    background: url("../images/icons/notifications/error.png") no-repeat scroll 5px 15px #FEEFB3 !important;
    border: 1px solid #9F6000 !important;
    color: #9F6000 !important;
    text-align: center !important;
    width: 100% !important;
}

.tooltip_message_error {
    background: url("../images/icons/notifications/exclamation.png") no-repeat scroll 5px 15px #fccac1 !important;
    border: 1px solid #e18b7c !important;
    color: #AC260F !important;
    text-align: center !important;
    width: 100% !important;
}

.tooltip_message_success {
    background: url("../images/icons/notifications/accept.png") no-repeat scroll 5px 15px #effeb9 !important;
    border: 1px solid #c1d779 !important;
    color: #3C5A01 !important;
    text-align: center !important;
    width: 100% !important;
}

.tooltip_message_error ul {
    list-style-type: circle !important;
}

#treeContainer {
    height: 235px;
    overflow: auto;
    overflow-x: hidden;
}

#treeContainer label {
    color: #a5a5a5;
}

/* #treeContainer .mCSB_container {
    padding-bottom: 60px;
} */

#treeContainer .paramsChoiceSmall {
    display: inline-block;
    margin: -3px 10px 0;
    float: right;
}

/* Modal */

div.wicket-modal div.w_content_container .btnContainer {
    margin: 30px 0 0;
    clear: both;
}

.ui-spinner-input {
    width: 29px;
    font-size: 12px !important;
    color: #a5a5a5;
    margin: 0em 22px 0.2em 0.4em;
}

#modalContent h3 {
    font-size: 14px;
    font-weight: bold;
    color: #838383;
    margin: 0 0 10px;
}

#modalContent dl {
    margin: 10px 0 10px;
    /*overflow: hidden;*/
}

#modalContent dl dt {
    width: 135px;
    float: left;
}

#modalContent dl dt label {
    color: #a5a5a5;
    line-height: 41px;
}

#modalContent dl dd .text {
    width: 230px;
}

#modalContent dl dd .styledSelect {
    width: 250px;
    display: inline-block;
}

.w_content ul li {
    padding: 2px 14px -1px;
}

table.wicket-tree-content, table.wicket-tree-content td, table.wicket-tree-content tr, table.wicket-tree-content th {
    padding: 2px 0 !important;
}

/* Modal */

div.wicket-mask-dark {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYGBgmAkQYAAAngCaoMXLCwAAAABJRU5ErkJggg==') repeat 0 0 !important;
    opacity: 1 !important;
    filter: alpha(opacity=1) !important;
}

div.wicket-mask-transparent {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: none;
}

div.wicket-modal {
    position: fixed;
    _position: absolute;
    z-index: 20000001;
    visibility: hidden;
}

div.wicket-modal div.w_top_1 {
    width: 100%;
    overflow: hidden;
    display: none;
}

div.wicket-modal div.w_top {
    height: 11px;
    background-position: 0px -16px;
    overflow: hidden;
    cursor: n-resize;
    padding: 0px;
    margin: 0px;
}

div.wicket-modal .w_topLeft {
    /*
            position: absolute;
            top: 0px;
            left: 0px;
    */
    width: 14px;
    height: 11px;
    float: left;
    background-position: 0px 0px;
    overflow: hidden;
    cursor: nw-resize;
}

div.wicket-modal div.w_topRight {
    /*
    position: absolute;
    top: 0px;
    right: 0px;
    */
    width: 14px;
    height: 11px;
    float: right;
    background-position: -16px 0px;
    overflow: hidden;
    cursor: ne-resize;
}

div.wicket-modal div.w_left {
    background-position: 0px 0px;
    background-repeat: repeat-y;
    cursor: w-resize;
    width: 100%;
}

/* div.wicket-modal div.w_right_1 {
    margin-left: 10px;
} */

div.wicket-modal div.w_right {
    background-position: right;
    background-repeat: repeat-y;
    cursor: e-resize;
    width: 100%;
}

div.wicket-modal div.w_content_1 {
    margin-right: 0 !important;
    cursor: auto !important;
    border: 1px solid #626262 !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    background: #fff !important;
}

div.wicket-modal div.w_caption {
    height: 42px !important;
    overflow: hidden !important;
    cursor: default !important;
    position: relative !important;
    background-color: #fff !important;
    cursor: default !important;
    line-height: 42px !important;
    color: #838383 !important;
    font-size: 22px !important;
    font-weight: normal !important;
    border-bottom: 1px solid #a5a5a5 !important;
}

div.wicket-modal a.w_close {
    height: 14px !important;
    width: 14px !important;
    overflow: hidden !important;
    background: transparent url("../images/icnCloseSmall.png") no-repeat 0 0 !important;
    position: absolute !important;
    right: 14px !important;
    padding: 0px !important;
    margin: 0px !important;
    top: 14px !important;
}

div.wicket-modal a.w_close:hover {
    float: none !important;
    height: 14px !important;
    width: 14px !important;
    overflow: hidden !important;
    background-position: inherit !important;
}

div.wicket-modal h3.w_captionText {
    height: auto !important;
    position: absolute !important;
    margin-left: 18px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    font-weight: normal !important;
    left: 0em !important;
}

div.wicket-modal div.w_content_2 {
    width: 100% !important;
    background-color: white !important;
    padding-top: 0.1em !important;
    _overflow: auto !important;
    cursor: default !important;
}

div.wicket-modal div.w_content_3 {
    border: none !important;
    padding: 0px !important;
}

div.wicket-modal div.w_content {
    width: auto !important;
    padding: 20px 68px !important;
    background-color: white !important;
    background-color: white;
}

div.wicket-modal div.w_content_container {
    position: relative;
    overflow: hidden !important;
}

div.wicket-modal iframe.wicket_modal {
    width: 100%;
    height: 400px;
    padding: 0px;
    margin: 0px;
    border-width: 0px;
    position: relative;
}

div.wicket-modal div.w_bottom_1 {
    width: 100%;
    overflow: hidden;
    cursor: n-resize;
    display: none !important;
}

div.wicket-modal div.w_bottom {
    height: 15px;
    background-position: 0px -32px;
    overflow: hidden;
}

div.wicket-modal div.w_bottomRight {
    /*
    position: absolute;
    bottom: 0px;
    right: 0px;
    */
    width: 14px;
    height: 15px;
    float: right;
    background-position: -48px 0px;
    cursor: nw-resize;
    overflow: hidden;
}

div.wicket-modal div.w_bottomLeft {
    /*
    position: absolute;
    bottom: 0px;
    left: 0px;
    */
    width: 14px;
    height: 15px;
    float: left;
    background-position: -32px 0px;
    overflow: hidden;
    cursor: ne-resize;
}

div.wicket-modal div.w_blue div.w_left, div.wicket-modal div.w_blue div.w_right {
    background-image: none !important;
}

div.wicket-modal div.w_blue div.w_top, div.wicket-modal div.w_blue div.w_bottom, div.wicket-modal div.w_blue div.w_topLeft, div.wicket-modal div.w_blue div.w_topRight, div.wicket-modal div.w_blue div.w_bottomRight, div.wicket-modal div.w_blue div.w_bottomLeft, div.wicket-modal div.w_blue a.w_close {
    background-image: url('frame-blue-1-alpha.png');
    _background-image: url('frame-blue-1-ie.png');
}

div.wicket-modal div.w_silver div.w_left, div.wicket-modal div.w_silver div.w_right {
    background-image: url('frame-gray-2-alpha.png');
    _background-image: url('frame-gray-2-ie.png');
}

div.wicket-modal div.w_silver div.w_top, div.wicket-modal div.w_silver div.w_bottom, div.wicket-modal div.w_silver div.w_topLeft, div.wicket-modal div.w_silver div.w_topRight, div.wicket-modal div.w_silver div.w_bottomRight, div.wicket-modal div.w_silver div.w_bottomLeft, div.wicket-modal div.w_silver a.w_close {
    background-image: url('frame-gray-1-alpha.png');
    _background-image: url('frame-gray-1-ie.png');
}

div.wicket-modal div.w_content_container {
    height: auto !important;
}

/* Icon set */

.icnStatusActive{
    display: inline-block;
    width: 23px;
    height: 23px;
    background: transparent url("../images/icons/activate.png") no-repeat 0 0;
    cursor: pointer;

}


.icnStatusPassive {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: transparent url("../images/icons/deactivate.png") no-repeat 0 0;
    cursor: pointer;
    margin: 3px 0 0 0;
}

.icnRemove{
    display: inline-block;
    width: 23px;
    height: 23px;
    background: transparent url("../images/icons/delete-icon.png") no-repeat 0 0;
    cursor: pointer;

}

.eventnone {
    pointer-events: none;
}

.ui-sortable .ui-sortable-handle:hover {
    background-image: url("../images/icn_dd.png");
    background-repeat: no-repeat;
    background-position: 4px 50%;
}

.ui-sortable .ui-sortable-placeholder {
    height: 41px;
    border: 1px solid #f0efef;
    background: #fff;
    visibility: visible !important;
}

.ui-sortable .ui-sortable-helper {
    border: 1px solid #a5a5a5;
    background: #fbfbfb;
}

.ui-sortable .ui-sortable-handle .item {
    display: inline-block;
    width: 180px;
}

.ui-sortable .ui-sortable-handle label {
    display: inline-block;
    padding-right: 5px;
    text-align: right;
    width: 110px;
}

.ui-sortable .ui-sortable-handle .text {
    /*   width: 35px; */
}

.ui-sortable .ui-sortable-handle .timeZones {
    display: inline-block;
    vertical-align: middle;
    width: 130px;
}

.ui-sortable .ui-sortable-handle .k-combobox .k-input {
    width: auto !important;
    display: inline-block;
}

.ui-sortable .ui-sortable-handle .k-combobox .k-select {}

.ui-sortable .ui-sortable-handle .k-combobox .k-select span {
    font-size: 0;
}

.k-animation-container {
    margin: 10px 0 0;
    width: 232px !important;
}

.k-list-container {
    background: #fff;
    border: 1px solid #a5a5a5;
    width: 90% !important;
    max-height: 270px;
    overflow-y: auto;
}

.k-list-container ul {
    font-size: 14px;
    min-height: 20px;
}

.k-list-container ul .k-item {
    white-space: nowrap;
    color: #a5a5a5;
    cursor: pointer;
    display: block;
    margin: 0 !important;
    padding: 4px 14px;
    line-height: 20px;
}

.k-list-container ul .k-item.k-state-hover {
    background: #efefef none repeat scroll 0 0;
    color: #444;
}

.k-combobox .k-dropdown-wrap {
    display: inline-block;
    vertical-align: middle;
    height: 39px;
}

.k-combobox .k-dropdown-wrap input {
    border: none;
    padding: 0;
    display: block !important;
}

.strongLink {
    font-size: 14px;
    color: #a5a5a5;
    padding: 0;
    border-bottom: #e4e6e6;
}

div .jGrowl-message li {
    padding: 7px 18px 7px 20px;
}

.row {
    margin-bottom: 8px;
    display: inline-block;
    width: 100%;
}

#modalContent .templateParams {
    height: 340px;
    overflow-y: scroll !important;
    width: 1060px;
}

#modalContent .roleAccessParams {
    height: 225px;
    overflow-y: scroll !important;
}

#modalContent .segmentParams {
    height: 180px;
    width: 362px;
    border: 1px solid #d6d7d8;
    overflow: hidden;
    padding: 20px 20px 20px 18px;
}

#modalContent .templateParams .mCSB_container {
    min-height: 200px;
}

#modalContent .templateParams table td a {
    padding-left: 10px;
}

#modalContent .templateParams .rowDistans {
    display: inline-block;
    margin-bottom: 7px;
    width: 100%;
}

#modalContent .templateParams .rowDistans .msgsWarnLine {
    float: left;
    width: 16px;
    height: 16px;
    margin: 12px 8px 0 0;
}

#modalContent .templateParams .rowDistans .customSelect {
    width: 130px;
    /* margin-right: 8px; */
    float: left;
}

#modalContent .templateParams .rowDistans .inputValue {
    margin-right: 12px;
    float: left;
}

#modalContent .templateParams .rowDistans .inputValue input {
    width: 130px;
}

#modalContent .templateParams .rowDistans .remove {
    float: left;
    margin: 11px 0 0;
}

#modalContent .addNewField {
    float: right;
    margin: 16px 0 0;
    padding-bottom: 10px;
}

.main {
    /* 	display: block; */
    color: #5F5757;
    padding: 0 10px 0 34px;
    height: 26px;
    line-height: 26px;
    background-repeat: no-repeat;
    background-position: 4px 1px;
    width: 100%;
    /* cursor: pointer; */
}

.folderTree {
    background-image: url(../images/icn_folder.png);
    cursor: default;
}

.evaluationDataAdd {
    width: 60%;
    float: left;
    padding: 0 0 30px 1%;
}

.createDeparment {
    width: 69%;
    float: left;
    padding: 0 0 30px 0;
}

.employee {
    background-image: url(../images/icn_employee.png);
    padding-top: 4px;
}

.pdfFile {
    background-image: url(../images/ico_pdf.png);
    padding-top: 6px;
}

.activeF {
    background-color: #6699CC;
}

.fileFolderTree table tr:hover td .activateActions {
    visibility: visible;
}

#fileFolderContainer #fileFolderTree {
    padding-bottom: 10px;
}

#fileFolderContainer #fileFolderTree #nodeComponent {
    white-space: nowrap;
}

.inactiveUser {
    color: #dbdbdb;
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.activateActions {
    /* visibility: hidden; */
    margin: 2px 10px 0 20px;
    white-space: nowrap;
    /*float: right;*/
    display: inline-block;
}

#searchFilterContainer {
    margin: 0 0 40px;
    display: inline-block;
    width: 100%;
}

#searchFilterContainer .item {
    float: left;
    margin-right: 26px;
}

#searchFilterContainer .item label {
    display: block;
    margin: 0 0 4px;
}

.navigation-container {
    border-right: medium none;
    border-top: 1px solid #D5D5D5;
    font-weight: normal;
    background: #EEEEEE;
    height: 54px;
    display: flex;
    align-items: center;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px -2px rgba(0, 0, 0, 0.16);
}



.pageClass {
    border: 1px solid #707070;
    width: 24px;
    height: 24px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px;
    color: #5B5B5B;
    cursor: pointer;
    background: #fff;
    margin: 0 5px;
    display: block;
    text-align: center;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.pageLink:disabled, .pageLink[disabled] {
    /* cursor: default !important;
    opacity: 0.35 !important; */
}

.pageLink:disabled, .pageLink[disabled] .pageClass {
    border: 1px solid #D6D6D6;
    color: #D6D6D6;
}

.navLink :disabled, .navLink[disabled] {
    cursor: default !important;
    opacity: 0.35 !important;
}

.subrows {
    display: none;
    background-color: #ECECEC;
}

.sortable-table {}

.sortable-table tr td {
    border-right: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5;
    padding: 5px;
}

.sortable-table tr th {
    font-weight: normal;
    position: relative;
    padding: 5px;
}

.sortable-table span {}

sortable-table thead {}

.sortable-sub-table tr td {
    padding: 5px;
}

.headerInfo {
    padding: 0 0 30px 0;
}

.sortable-sub-table {
    -moz-box-shadow: 0px 0px 3px 0px #999;
    -webkit-box-shadow: 0px 0px 3px 0px #999;
    box-shadow: 0px 0px 3px 0px #999;
    background: #FDFDFD;
    padding: 15px;
    /*for IE*/
    /*
    box-shadow: 0px 0px 5px 1px #999;
    border-collapse: separate;
    padding:0px;
    */
}

tr.gray td {
    color: grey;
}

.emptyData {
    height: 16px;
    background: url(../images/x-mark-16.png) center top no-repeat;
}

.claimNote {
    resize: none;
    width: 710px;
    height: 140px;
    border: 1px solid #d6d7d8;
    padding: 5px;
    font-size: 12px;
    color: #000000;
}

/* Tab css */

.runLinkContainer .tabpanel .tab-row {
    overflow: hidden;
    /* position: relative; */
    /* bottom: -1px; */
}

.runLinkContainer .tabpanel .tab-row ul li {
    float: left;
    margin: 0 8px 0 0;
    border: 1px solid #d6d7d8;
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
    min-width: 70px;
    text-align: center;
    list-style: none;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.runLinkContainer .tabpanel .tab-row ul li a {
    color: #a5a5a5;
    font-weight: bold;
    font-size: 14px;
}

.runLinkContainer .tabpanel .tab-row ul li.selected {
    background: #fff;
    border-bottom: none;
    height: 37px;
}

.runLinkContainer .tabpanel .tab-panel {
    /* border: 1px solid #d6d7d8; */
    background: #fff;
    /* margin: 0 0 10px; */
    -webkit-border-radius: 4px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 4px;
    -moz-border-radius-topleft: 0;
    border-radius: 4px;
    border-top-left-radius: 0;
    /* padding: 15px 15px 10px; */
    /*overflow: hidden;*/
    /* display: inline-block; */
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.runLinkContainer .tabpanel .tab-panel .taskDetailsContainer {
    height: 150px;
    border: 1px solid #d6d7d8;
    overflow: hidden;
}

.runLinkContainer .tabpanel .tab-panel table.taskDetailsTable {
    width: 100%;
    border-collapse: collapse;
}

.runLinkContainer .tabpanel .tab-panel table.taskDetailsTable tr td {
    border-bottom: 1px solid #d6d7d8;
    font-size: 14px;
    color: #838383;
    padding: 2px 10px;
}

.runLinkContainer .tabpanel .tab-panel table.taskDetailsTable tr td .actionButtons {
    visibility: hidden;
    float: right;
    position: relative;
    top: 2px;
}

.runLinkContainer .tabpanel .tab-panel table.taskDetailsTable tr td .actionButtons i {
    margin-left: 5px;
}

.runLinkContainer .tabpanel .tab-panel table.taskDetailsTable tr:hover td {
    background: #fafafa;
}

.runLinkContainer .tabpanel .tab-panel table.taskDetailsTable tr:hover td .actionButtons {
    visibility: visible;
}

.mainContaoner {
    height: 60px;
    padding: 8px 0 22px 15px;
}

.mainContaoner>div {
    float: left;
    margin: 10px;
}

.dcomponent {
    width: 260px;
    height: 60px;
}

.warningLineTemplateParam {
    margin-top: 3px;
    border: 1px solid red;
}

div.openComplaintExist {
    position: absolute;
    display: block;
    width: 36px;
    height: 36px;
    padding-left: 8px;
    background: url("../images/alertBell_Icon.png") no-repeat 100% 0;
    background-size: auto;
    background-size: 22px 22px;
    background-position: center;
    top: 0px;
    cursor: pointer;
    margin: 0 auto;
    /* left: 0; */
    right: 15px;
}

#nav ul li>a#complaintLink{
    display:flex;
    justify-content: space-between;
    align-items:center;
}

.numberOpenComplaint {
    font-weight: bold;
    height: 20px;
    width: 20px!important;
    background-color: #f00;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 13px;
}

.toggleSearchComplaint {
    width: 17px;
    height: 4px;
    background: #464646;
    position: absolute;
    z-index: 9;
    top: -7px;
    right: 9px;
}

#complaintSearchForm143 {
    position: relative;
}

.toggleSearchComplaint-block {
    height: 10px;
    position: relative;
}

.toggleSearchComplaint.expanded::after {
    content: '';
    width: 4px;
    height: 17px;
    position: absolute;
    left: 0;
    right: 0;
    top: -6.5px;
    background: #464646;
    margin: 0 auto;
}

.toggleSearchComplaint:hover {
    cursor: pointer;
}

.toggleSearchComplaint.expanded:hover {
    cursor: pointer;
}

#loaderContainer .loaderCenter {
    position: absolute;
    width: 220px;
    height: 80px;
    top: 50%;
    left: 50%;
    margin: -140px 0 0 -110px;
    text-align: center;
}

.icnDownloadImg {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url("../images/btn_download.png") no-repeat 0 0;
    cursor: pointer;
}

.icnDownloadImg:hover {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url("../images/btn_downloadActive.png") no-repeat 0 0;
    cursor: pointer;
}

/*=========================My Code===================================*/

/*-========================================-global-style-for-ol-browsers-========================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

table {
    /* border-collapse: collapse; */
    border-spacing: 0;
}

* {
    outline: none!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
}

button, a {
    cursor: pointer;
    text-decoration: none!important;
    border: 0;
    display: inline-block;
}

img {
    max-width: 100%;
}

.h-100 {
    height: 100% !important;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
}

/*===================Login--page Header==================*/

.main-container {
    max-width: 1803px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.login--page__content {
    height: 84vh;
    background: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left !important;
}

.login--block {
    width: 425px;
    position: relative;
    border: 1px solid #464646;
    padding: 15px 56px;
}

#triangle {}

.login--username, .login--password {
    display: flex;
    flex-direction: column;
}

.login--username label, .login--password label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #464646;
    font-size: 18px;
}

.login--username input, .login--password input {
    background-color: rgb(255, 255, 255) !important;
    width: 100% !important;
    height: 50px !important;
    margin-top: 6px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    border: 1.5px solid #BCBCBC !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    padding: 0 24px !important;
    color: #464646 !important;
    margin-bottom: 10px !important;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.login--username input:focus, .login--password input:focus {
    border: 1.5px solid #464646 !important;
}

.login--form {
    margin-top: 40px;
}

.user--logo {
    position: absolute;
    top: -54px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    width: 111px;
    height: 111px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #464646;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user--logo img {
    width: auto !important;
}

.forgot--pass {
    color: #4F4F4F !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
}

.sign-in--block {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.login-footer {
    height: 5vh !important;
    display: flex;
    align-items: center;
}

.login-footer .links {
    margin: 0 !important;
}

/*===============Header=============*/

.header--logo {
    width: 358px;
    height: 52px;
}

#hd {
    align-items: center;
}

header {
    height: 80px;
    min-height: 80px;
    box-sizing: border-box;
    background: #fff !important;
    border-bottom: 10px solid #0071B9;
    display: flex;
    align-items: center;
}

.login-header {
    height: 10vh;
}

#triangle {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #e80f0f;
    margin: 8px 0 6px;
}

.header--content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#footer {
    background: transparent;
    border-top: none;
    height: auto;
    margin-top: 0;
}

.menu-block ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-block {
    float: none !important;
    max-width: fit-content;
    width: 100%;
    width: -moz-min-content;
    padding-left: 50px;
}

.menu {
    max-width: fit-content;
    width: 100%;
    width: -moz-min-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
}

.menu--link {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    color: #464646 !important;
}

.menu-link-line, #manageLink, #reportsLink{
    line-height: 63px;
    display: flex !important;
    position: relative;
    align-items: center;
    height: 100%;
}

.menu-link-line::before{
    content: '';
    position: absolute;
    width: 2px;
    height: 63px;
    left: -2px;
    background: #d0d3d4;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.nav-menu:hover .menu-link-line::before {
    opacity: 1;
    visibility: visible;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.nav-menu{
    height: 100% !important;
    border-right: 2px solid #F9F9F9 !important;
    border-top: none;
    background: #fff !important;
}

.nav-menu ul li a {
    padding: 8px 28px !important;
}


.nav-menu:hover{
    background: linear-gradient(to bottom, #ffffff 0%, #f5f6f6 100%) !important;
    border-right: 2px solid #d0d3d4 !important;
}

.change-pass-link a {
    border: none !important;
}

.change-pass-link ul {
    display: block;
    position: absolute;
    /* width: calc(100% + 0px) !important; */
    left: 0px;
    background: #fff;
    border: 2px solid #d0d3d4;
    z-index: 999;
    margin-top: -30px;
}

.user--name-link-block .user--name-link::before {
    display: none;
}

.menu .nav-menu:first-child:hover {
    border-left: 2px solid #EFEFEF !important;
}

.user--name-link {
    min-width: 180px;
}

.user--name-link span {
    background-image: url('../images/icons/userName-icon.png') !important;
    background-position: 95% center !important;
    background-repeat: no-repeat !important;
    width: 100%;
    padding-right: 35px !important;
    display: block;
}

.user--name-link:after {
    content: '';
    width: 14px !important;
    height: 14px !important;
    background-image: url('../images/icons/userName-arrow.png') !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    margin-left: 5px !important;
}

.user--name-link-block {
    border: none !important;
}

.menu--link.menu-link-line {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.menu--link, #userLink, #evaluationReviewReportLink, #groupReviewReportLink, #departmentFeedbackReportReportLink, #claimCountReportLink {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.switch-block {
    position: relative;
}

.switch-block:hover .switch-menu {
    opacity: 1;
    visibility: visible;
}

.switch-menu {
    width: 330px;
    background: #fff;
    border: 2px solid #d0d3d4 !important;
    position: absolute;
    left: -102px !important;
    top: -1px;
    margin-top: 0 !important;
    /* border-right: none !important; */
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    left: -330px !important;
}

/*===============Department===================*/

/* .tree-node {
    border: 1px solid #BCBCBC;
    margin-bottom: 17.6px;
} */

.create-department-inp {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.department-popup-name {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px;
    color: #464646;
}

.department-popup-inp {
    width: 313px !important;
    margin-top: 6px;
    background: #fff !important;
    height: 50px !important;
    border: 1.5px solid #BCBCBC !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #464646 !important;
    padding: 0 24px !important;
}

div.wicket-modal div.w_right_1 {
    margin-left: 0 !important;
}

.switch-link::after {
    content: "";
    background-image: url(.././images/icons/dropdown-icon.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 11px;
    margin-left: 13.7px;
    height: 6px;
    position: absolute;
    left: -7px;
    display: block;
    transform: rotate(90deg)
}

.switch-link {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

/*===================Complate page=====================*/

.main-table {
    width: 1773px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px;
    color: #464646;
}


#complaintForm .main-table td>div>span,
#claimReferralForm .main-table td>div>span,
#highRiskPolicyHoldersForm .main-table td>div>span,
#blackVendorForm .main-table td>div>span,
#usersForm .main-table td>div>span,
#scaleTmpParamsForm .main-table td>div>span,
#employeeReviewForm .main-table td>div>span,
#auditorReviewForm .main-table td>div>span,
#riskVendorForm .main-table td>div>span,
#shareDataForm .main-table td>div>span,
#sharePolicyDataForm .main-table td>div>span,
#assessmentDistributionForm .main-table td>div>span,
#questionnaireForm .main-table td>div>span,
#distributionGroupForm .main-table td>div>span,
#ocaiReportForm .main-table td>div>span{
    padding-left: 5px;
    display: block;
}
#complaintForm .main-table th>div>span>div>span,
#claimReferralForm .main-table th>div>span>div>span,
#highRiskPolicyHoldersForm .main-table th>div>span>div>span,
#blackVendorForm .main-table th>div>span>div>span,
#usersForm .main-table th>div>span>div>span,
#scaleTmpParamsForm .main-table th>div>span>div>span,
#employeeReviewForm .main-table th>div>span>div>span,
#auditorReviewForm .main-table th>div>span>div>span,
#riskVendorForm .main-table th>div>span>div>span,
#shareDataForm .main-table th>div>span>div>span,
#sharePolicyDataForm .main-table th>div>span>div>span,
#assessmentDistributionForm .main-table th>div>span>div>span,
#questionnaireForm .main-table th>div>span>div>span,
#ocaiReportForm .main-table th>div>span>div>span{
    padding-left: 0;
    margin-left: -4px;
}

.complaint-main--table-td {
    border-left: 1px solid #D6D6D6 !important;
}

table.display tr {
    border-bottom: 1px solid #D6D6D6 !important;
}

#listPanel2325 {
    max-width: 1773px;
    overflow-x: auto;
    width: 100%;
}

.complaint-content-table {
    width: 100%;
    overflow-x: auto;
}

#dataContainere1 {
    max-width: 1773px;
    width: 100%;
    overflow-x: auto;
}

.complaint-main--table-td div, .complaint-main--table-td {
    max-height: 50px !important;
    overflow-y: auto;
    overflow-x: unset;
    min-width: 70px;
}

.complaint-main--table-td {
    vertical-align: middle;
}

.complaint-navigation-content {
    display: flex;
    align-items: center;
    justify-content: center
}

.navSpan, .navLink[disabled] .navSpan {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px;
    color: #5B5B5B;
    margin: 0 10px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.pageClass:hover {
    border-color: #000;
    color: #000;
}

.navSpan:hover {
    color: #000;
}

.navLink:disabled, .navLink[disabled] {
    opacity: 1 !important;
}

.complaint-table-edit {
    display: flex;
    align-items: center;
    justify-content: center;
}

.complaint-table-delete {
    vertical-align: middle;
}

.complaint-page--checkbox {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid #BCBCBC;
    background: #fff;
}

.complaint-table, .riskvendor-table {
    position: relative;
}

.complaint-page-checkbox-block {
    /* max-width: 277px !important; */
    width: 100% !important;
    height: 115px !important;
    border: 1px solid #5B5B5B;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    background: #fff;
    padding: 4px 5px 4px 8px;
    margin: 0 auto;
    overflow-y: auto;
}

.complaint-page--checkbox:checked~.complaint-page-text {
    color: #464646;
}

.complaint-page-text {
    color: #BCBCBC;
}

/* .complaint-page--checkbox.checkmark {
    border: 1px solid #464646;
} */

.complaint-page-addres-block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 242px !important;
    margin: 0 auto;
}

/* .complaint-page-addres-td {
    width: 100px !important;
} */

.complaint-page-addres-row {
    width: 242px !important;
}

.complaint-page-addres-content:first-child {
    margin-bottom: 27px;
}

.complaint-page-second-title-block {
    text-align: center;
    border: none !important;
}

.complaint-page-second-title-block td {
    border: none !important;
}

.complaint-filter-table {
    background: #FDFDFD;
    border: 1px solid;
    table-layout: fixed;
}

.complaint-page-addres-text {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 20px;
    color: #464646;
    margin-right: 9px;
    float: left;
    line-height: 30px;
}

.complaint-page-addres-row .complaint-page-addres-inp {
    width: 183px !important;
    height: 30px !important;
    border: 1px solid #5B5B5B;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.complaint-content-search-title {
    padding-top: 11px;
    padding-bottom: 10px;
}

.complaint-page-checkbox-main-block {
    max-width: 1554px;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #B8B8B8 !important;
}

.add-complaint-modal {
    width: 843px !important;
}

.add-complaint-modal-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 665.5px;
    margin-bottom: 10px;
}

.add-complaint-cheackbox-row {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.add-complaint-modal-row-first {
    display: flex;
    flex-direction: column;
}

.add-complaint-modal-row-first-checkbox {
    margin: 20px auto 13px;
}

.add-complaint-modal-row-first-checkbox .checkmark {
    width: 25px;
    height: 25px;
}

.add-complaint-modal-row-first-checkbox .complaint-page-text {
    margin-left: 35px;
}

.complaint-page-first-title-block td {
    border: none !important;
}

.addcomplaint-popup {
    overflow-y: auto;
    overflow-x: unset;
}

.add-complaint-textarea {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px;
    color: #464646;
    width: 666.5px;
    height: 110px;
    border: 1.5px solid #BCBCBC;
    padding: 10px 15px;
    min-height: 110px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.add-complaint-textarea:focus {
    border: 1.5px solid #464646;
}

.arrowSelelct {
    background-image: url('../images/icons/dropdown-icon.png');
    background-size: 16px 10px;
    background-repeat: no-repeat;
    background-position: 95% center;
}

.add-complaint-inp {
    border: 1.5px solid #464646 !important;
    height: 50px !important;
    width: 312.55px !important;
}

.add-complaint-inp-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.filter-btn-block {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-end;
}

.complaint-filter-btn-block {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
}

.filter-btn,
.page-btn,
.sign-in--btn,
.btn, .customfile-upload,
.add-segment-btn{
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px!important;
    font-weight: 500!important;
    color: #464646!important;
    background-color: #fff!important;
    border: 1px solid #464646!important;
    border-radius: 3px!important;
    box-shadow: 0px 5px 10px rgba(140, 140, 140, 1)!important;
    transition: all 0.3s ease 0s!important;
    cursor: pointer!important;
    outline: none!important;
    padding: 0 17px;
    margin-left: 5px;
    margin-top: 15px;
    min-width: 90px;
    height: 30px;
    line-height: 26px;
}

.sign-in--btn,
.add-segment-btn{
    height: 50px!important;
    line-height: 46px;
}

.filter-btn:hover,
.page-btn:hover,
.sign-in--btn:hover,
.btn:hover, .customfile-upload:hover,
.add-segment-btn:hover{
    /* background-color: #9fbfdf!important; */
    /* box-shadow: 0px 15px 20px rgba(159,191,223, 0.4)!important; */
    /* color: #fff!important; */
    -webkit-box-shadow: 0px 5px 10px  #6699CC!important;
    -moz-box-shadow: 0px 5px 10px #6699CC!important;
    box-shadow: 0px 5px 10px  #6699CC!important;
    border: 1px solid #6699CC!important;
    color: #6699CC!important;
}
.filter-btn:active,
.page-btn:active,
.sign-in--btn:active,
.btn:active, .customfile-upload:active,
.add-segment-btn:hover{
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    background-color: #6699CC!important;
    border: 1px solid #6699CC!important;
    color: #fff!important;
}

.table-thead-row {
    height: 50px;
    background: #EEEEEE;
}

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

.table-thead-row th {
    vertical-align: middle;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px;
    color: #464646;
}

.table-thead {
    box-shadow: none !important;
    border-top: 1px solid #707070;
}

.main-table {
    border: 1px solid #707070 !important;
}

.page-inp {
    width: 100% !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #464646 !important;
    height: 30px !important;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border: 1px solid #5B5B5B !important;
    transition: .5s;
}

.page-inp:focus {
    border: 1px solid #292929 !important;
}

.page-inp-title {
    display: block;
    text-align: center;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    color: #464646 !important;
}

/*==============Reports==============*/

.reports-content {
    max-width: 806px;
    width: 806px;
    margin: 0 auto;
}

.reports-content .add-complaint-modal-row {
    width: 806px;
}

/*============Scroll============*/

::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}

::-webkit-scrollbar-thumb {
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75);
    background-color: #EEEEEE;
}

/*================Checkbox=============*/

/* Hide the browser's default checkbox */

.complaint-page--checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 50%;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #464646;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.complaint-page--checkbox:checked~.checkmark:after {
    display: block;
}

.checkmark:after {
    content: '';
    background-image: url('../images/icons/check.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 14px;
    height: 14px;
}

.complaint-page--checkbox-row {
    position: relative;
    display: flex!important;
    margin-bottom: 6px;
    padding: 0!important;
    width: auto!important;
    text-align: initial!important;
}

.complaint-page--checkbox-row label {
    margin-left: 25px;
}

/*==================Risk-Vendor=================*/

.risk-vendor-block .main-table {
    width: 100% !important;
}

form#blackVendorForm, form#claimReferralForm {
    position: relative;
}

/*================Modal===================*/

.modal-footer {
    display: flex;
    justify-content: center;
    align-content: baseline;
    margin-top: 11px;
    margin-bottom: 11px;
}

.modal-footer-btn {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px;
    color: #464646;
    margin-right: 24px !important;
    height: 50px !important;
    border: 1px solid #464646;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    background: #fff;
    padding: 0 20px;
}

.modal-label {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px;
    color: #464646;
    margin-bottom: 6px;
    display: block;
    margin-top: 18px;
}

.add-complaint-modal-row .modal-label, .add-complaint-textarea-block .modal-label {
    margin-top: 0;
}

.select-parent-block {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    width: 312px !important;
}

.select-parent-block-big {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    width: 820px !important;
}

.modal-inp {
    width: 312px !important;
    height: 30px !important;
    border: 1.5px solid #BCBCBC !important;
    padding: 0 24px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px;
    color: #464646;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    color: #464646 !important;
}

.modal-inp-big {
    width: 820px !important;
    height: 30px !important;
    border: 1.5px solid #BCBCBC !important;
    padding: 0 24px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px;
    color: #464646;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    color: #464646 !important;
}

.modal-inp:focus {
    border: 1.5px solid #464646 !important;
}

.forgot-password-text {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px;
    color: #464646;
    display: block;
    margin-bottom: 6px;
    max-width: 250px;
    width: 100%;
}

.add-complaint-textarea-block {
    padding-top: 22.4px;
}

.verification-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}

.interrogative-text {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px;
    color: #464646;
}

.verification-block-title {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px;
    color: #464646;
    text-align: center;
}

.interrogative-img {
    margin-right: 25px;
    width: 50px;
    height: 50px;
}

.interrogative-img img {
    vertical-align: middle;
    min-width: 50px;
    height: 50px;
}

.select-parent-block select {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px;
    padding: 0px 24px !important;
    padding-right: 40px !important;
}

.edit-group-title {
    /*  display: flex; */
    align-items: flex-start;
    justify-content: center;
}

.edit-group-title span {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px;
    color: #464646;
    margin-right: 15px;
}

.grey-btn {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px;
    color: #fff;
    padding: 0 5px;
    background: #BCBCBC;
    border: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    margin-right: 20px !important;
}

.dark-grey-btn {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px;
    color: #464646;
    padding: 0 5px;
    background: #BCBCBC;
    border: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    margin-right: 20px !important;
}

.one-inp-block {
    margin-bottom: 18px;
}

.add-referral-checkbox-block {
    width: 666.5px;
    height: 180px;
    overflow-y: auto;
    border: 1.5px solid #BCBCBC;
    padding: 8px;
}

.add-referral-checkbox-title {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px;
    margin-bottom: 11px;
    text-align: center;
    margin-top: 22px;
    display: block;
    color: #464646;
}

.complaint-page--checkbox-row .complaint-page-text {
    margin-left: 25px;
    font-size: 14px;
}

.new-template-btn {
    padding: 0px 11px !important;
    background: #646464 !important;
    border: none !important;
    height: 44px !important;
    float: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    min-width: auto;
    margin-right: 2px !important;
}

.new-template-btn:first-child {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

.new-template-btn:nth-child(2) {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.add-claim-check {
    height: auto !important;
}

.employe-dep-group {
    width: 604px !important;
}

.new-template-btn a {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #BCBCBC !important;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.new-template-btn.selected a {
    color: #fff !important;
}

.new-template-btn-block {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 15px auto 15px;
}

.groupName {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #464646 !important;
}



.add-segment-inp {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #464646 !important;
    width: 280px !important;
    height: 50px !important;
    padding: 13px 24px !important;
    border: 1.5px solid #BCBCBC !important;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
}

.add-segment-inp:focus {
    border: 1.5px solid #464646 !important;
}

.add-segment-inp-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 310px;
}

.add-segment-inp-block a {
    display: flex;
    align-items: center;
}

.MainFields-block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 758px;
    margin: 30px auto 0;
}

.new-template-left-block {
    width: 379px;
    padding-right: 65px;
    border-right: 2px solid #D6D6D6;
}

.new-template-left-block .add-complaint-textarea {
    width: 312px;
}

.add-segment-main {
    border: none !important;
    height: 340px !important;
    overflow-y: auto !important;
}

.new-template-right-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 365px;
}

.questionSection-inp-row {
    display: flex;
    align-items: center;
    cursor: move;
    justify-content: space-between;
    padding: 0px 15px 15px 2px;
    border-bottom: 1px solid #BCBCBC;
    /* padding-top: 5px; */
    position: relative;
    width: 100%!important;
    box-sizing: border-box;
}

.questionSection-block {
    display: flex;
    align-items: flex-start;
}

.questionSection-inp {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #464646 !important;
    height: 50px !important;
    width: 600px !important;
    border: 1.5px solid #BCBCBC !important;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    padding: 13px 24px;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.section-label {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #5B5B5B !important;
    margin: 5px;
}

.category-inp-block {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.category-inp-block.category-inp-block-full{
    width: 95%;
}

.category-inp-block.category-inp-block-full .questionSection-inp{
    width: 100%!important;
}

.category-inp {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #464646 !important;
    height: 50px !important;
    width: 174px !important;
    border: 1.5px solid #BCBCBC !important;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    padding: 13px 24px;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.category-inp:focus {
    border: 1.5px solid #464646 !important;
}

.category-label {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #5B5B5B !important;
    margin-bottom: 6px;
    display: block;
}

.categorySelect {
    background-image: url('../images/icons/down-icon-grey.png') !important;
    width: 174px !important;
}

.color-inp {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    width: 70px !important;
    height: 50px !important;
    padding: 0 3px !important;
    border: none !important;
    color: #464646;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.rate-inp {
    width: 70px !important;
    height: 50px !important;
    border: 1.5px solid #BCBCBC !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    color: #464646 !important;
}

.category-inp-row {
    display: flex;
    align-items: center;
    cursor: move;
    justify-content: space-between;
    padding-bottom: 28px;
    border-bottom: 1px solid #BCBCBC;
    padding-top: 5px;
    position: relative;
    width: 975px !important;
}

.ui-sortable-handle:last-child .category-inp-row {
    border-bottom: none !important;
}

.select-parent-block .modal-inp {
    border: 1.5px solid #BCBCBC !important;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.select-parent-block .modal-inp:focus {
    border: 1.5px solid #464646 !important;
}

.category-delete-icon {
    position: absolute;
}

.category-delete-icon img {
    vertical-align: middle;
}

.scroll-template {
    width: 1030px !important;
    margin-top: 30px;
}

.scroll-question {
    width: 100% !important;
    margin-top: 30px;
}

#shareDataForm .main-table,
#documentTypeForm .main-table,
#questionnaireForm .main-table,
.manage-user-block .main-table {
    width: 100% !important;
}

.privileges-table {
    height: 550px;
    overflow-y: auto;
    width: 100%;
}

.privileges-table table {
    margin: 0 auto;
}

.main-table tbody tr:nth-child(4n + 1) {
    background: #FEFEFE;
}

.main-table tbody tr {
    background: #EEEEEE;
}

.main-table tbody tr td tr {
    background: transparent !important;
}

.table-thead th {
    border-bottom: 1px solid #000;
}

.employeeGroupName {
    display: flex;
}

.employeeGroupName .modal-label:last-child {
    margin-left: 25px;
}

.employeeRole-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #000;
    padding: 15px 0;
}

.add-complaint-inp-block .datePicker {
    width: 312px !important;
    padding: 0 24px !important;
    background: url(../images/icons/calendar.png) no-repeat 95% 50%;
}

.privileges-table .fht-table tbody tr td {
    padding-left: 15px;
}


/* .fht-table {
    position: relative;
    width: 604px !important;
}

.fht-table thead tr td {
    padding: 5px 10px;
    border: none;
}
.fht-table thead {
    border: 1px solid #D4D4D4;
    position: fixed;
}

.fht-table tbody {
    margin-top: 50px !important;
} */


/*==============Media Query===============*/

div.center-div {
    width:400px;
    margin:1% auto ;
    border :1px solid #3D87C1;
    padding: 15px;
}

.loader_img_style {
    position: absolute;
    top: 41%;
    left: 45%;
    width: 100%;
    height: 100%;
    background: transparent url(../images/loader.gif) no-repeat 0 0;
}

.loader_img_container {
    display: none;
    z-index: 99999999999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.2);
}


/*============== Department tree ===============*/


ul, #mainTreeContainer {
    list-style-type: none;
}

#mainTreeContainer {
    /* margin: 0; */
    padding: 0;
    /* width: 870px; */
}

.caret {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
}

.arrow {
    width: 21px;
    height: 14.5px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    margin-right: 19px;
}

.caret-down .arrow {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.tree-arrow-block {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 22px;
}

.caret-down {
    background-image: linear-gradient(to left, #fff 0%, #f4f4f4 100%) !important;
}

.nested {
    display: none;
    margin-bottom: 30px;
}

.active {
    display: block;
}

/*==========Mycode============*/

.tree-parent {
    /*===motavor gradient em stacel===*/
    /* background: -moz-linear-gradient(left, rgba(92, 92, 92, 0.4) 0%, rgba(141, 141, 141, 0.3) 99%, rgba(141, 141, 141, 0.3) 100%);
    background: -webkit-linear-gradient(left, rgba(92, 92, 92, 0.4) 0%, rgba(141, 141, 141, 0.3) 99%, rgba(141, 141, 141, 0.3) 100%);
    background: linear-gradient(to right, rgba(92, 92, 92, 0.4) 0%, rgba(141, 141, 141, 0.3) 99%, rgba(141, 141, 141, 0.3) 100%); */
    height: 71px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 16.2px 0 0;
    border: 1px solid #BCBCBC;
    justify-content: space-between;
}

.caret.responsibles_block{
    background-image: linear-gradient(to left, #fff 0%, #ebf7ff 100%) !important;
}

.tree-group {
    background: -moz-linear-gradient(left, rgba(92, 92, 92, 0.4) 0%, rgba(141, 141, 141, 0.3) 99%, rgba(141, 141, 141, 0.3) 100%);
    background: -webkit-linear-gradient(left, rgba(92, 92, 92, 0.4) 0%, rgba(141, 141, 141, 0.3) 99%, rgba(141, 141, 141, 0.3) 100%);
    background: linear-gradient(to right, rgba(92, 92, 92, 0.4) 0%, rgba(141, 141, 141, 0.3) 99%, rgba(141, 141, 141, 0.3) 100%);
    width: 692px;
    height: 39px;
    display: flex;
    align-items: center;
    padding: 0 16.2px 0 0;
}

.user-row {
    height: 50px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 598px;
}

.user-img {
    width: 31.8px;
    height: 31.8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    margin-right: 26px;
    display: block;
    border: 2px solid #D6D6D6;
}

.user-name {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 19px;
    color: #5B5B5B;
    text-transform: capitalize;
}

.about-user {
    display: flex;
    align-items: center;
}

.user-tools {
    margin-left: 10px;
}

.user-tools:first-child {
    margin-left: 0;
}

.user-tools-block {
    display: flex;
    /* width: 200px; */
    justify-content: space-between;
    align-items: center;
}

.user-tools-block img {
    vertical-align: middle;
    width: 30px;
}

.user-tools-block-small {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 13px;
}

.user-tools-block-small img {
    vertical-align: middle;
}

.left {
    margin-left: auto;
}

.tree-row {
    position: relative;
}

.user-main-row {
    width: calc(100% - 35px);
    margin-left: 35px;
}

.user-main-row::before {
    content: '';
    width: 50px;
    height: 1.5px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 0;
    background: #BCBCBC;
}

.user-main-row:first-child::after {
    content: '';
    background: #BCBCBC;
    position: absolute;
    height: 33%;
    width: 1.5px;
    top: 0%;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
}

.user-main-row::after {
    content: '';
    background: #BCBCBC;
    position: absolute;
    height: 100%;
    width: 1.5px;
    top: -100%;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
}

.tree-group {
    border: 1px solid #C3C3C3;
    background: #fff;
    justify-content: space-between;
    margin-left: 28px;
}

.tree-second-brach {
    /* margin-top: 11.5px; */
    margin: 11.5px 0;
}

.group-main-row {
    /* width: 750px; */
    position: relative;
}

.nested li .tree-parent:before,
.tree-group::before {
    content: '';
    width: 22px;
    height: 1.5px;
    border-radius: 1.5px;
    -webkit-border-radius: 1.5px;
    -moz-border-radius: 1.5px;
    -ms-border-radius: 1.5px;
    -o-border-radius: 1.5px;
    background: #BCBCBC;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: -29px;
}


.group-main-row:first-child::after {
    content: '';
    height: calc(100% + 30px);
    top: 0%;
}

.group-main-row::after {
    content: '';
    background: #BCBCBC;
    position: absolute;
    height: calc(100% + 30px);
    width: 1.5px;
    left: 0px;
    top: 0%;
}

.group-main-row:nth-last-child(2)::after {
    height: calc(100% + 20px);
}

.group-main-row:last-child::after {
    content: '';
    height: 30px;
    top: 0px;
    background: #BCBCBC;
    /* visibility: hidden; */
}

.main-row {
    margin-bottom: 18px;
}

.wicket-modal input.datePicker::placeholder{

    color: #464646 !important;
}

.wicket-modal input.datePicker {
    border: 1.5px solid #464646;
}

.wicket-modal input.passiveDatePicker::placeholder {
    color: #C4C4C4 !important;
}

.wicket-modal input.passiveDatePicker {
    border: 1.5px solid #C4C4C4;
}

.employe-tools-block {
    display: flex;
    width: 50px;
    justify-content: space-between;
}

.employe-tools-block img {
    vertical-align: middle;
}

.active-header-menu {
    background: linear-gradient(to bottom, #ffffff 0%, #f5f6f6 100%) !important;
    border-right: 2px solid #d0d3d4 !important;
    border-left: 2px solid #d0d3d4 !important;
}

.truncateName {
    width: 750px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.board_responsibles_row .truncateName.respName{
    width: 880px;
}

.truncateName.respName{
    width: 780px;
}


/* USER PROFILE PICTURE STYLE STARTS */
.user-profile-picture {
    border: 1px solid black;
    border-radius: 7%;
    object-fit: cover;
    cursor: pointer;
}

#profile-picture-panel__user-profile-picture {
    height: 260px;
    width: 260px;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
#add-or-edit-user-panel__user-profile-picture {
    height: 80px;
    width: 80px;
}
#employee-details-panel__user-profile-picture, #distribution-group-details-panel__group-logo-picture{
    height: 70px;
    width: 70px;
}

.user-action-panel-in-tree__user-profile-picture {
    border-radius: 50%;
    height: 35px;
    width: 35px;
    margin-right: 16px;
    display: block;
    border: 1.5px solid #D6D6D6;
}

@-webkit-keyframes zoomInPic {
    from {
        -webkit-transform: scale(0)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoomInPic {
    from {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

#upload-profile-picture__upload-button {
    /* BUTTON STYLE HERE */
}

.rotate000 {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.rotate090 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.rotate180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.rotate270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.margin_for_rotate_img {
    margin-top: 55px;;
}

/* USER PROFILE PICTURE STYLE ENDS */


/* ORGANIZATION LOGO STYLE STARTS */

.organization-logo-picture {
    border: 1px solid black;
    object-fit: cover;
    cursor: pointer;
}

.organization-logo-container{
    align-items: center;
}

#organization-logo {
    height: 80px;
    width: 130px;
    object-fit: contain;
}

.page_header {
    max-width: 1803px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px 10px;
    font-size: 22px;
    color: #0071B9 !important;
}

/* ROLES' AND PRIVILEGES' CHECKBOX STYLE STARTS */
.celda_normal {

}
.roles-and-priv__heading-checkbox {
    height: 18px;
    width: 18px;
}

.roles-and-priv__heading-checkbox--row {
    background: #EDEAE4;
    padding-top: 6px !important;
}
.roles-and-priv__ordinary-checkbox {

}
/* ROLES' AND PRIVILEGES' CHECKBOX STYLE ENDS */

.ui-datepicker {
    width: 26em !important;
    padding: 8px;
    display: none;
    z-index: 9999999999 !important;
}

#ui-datepicker-div button.ui-datepicker-current {display: none;}

.ui-widget-header {
    border: 1px solid #e3a1a1;
    background: #ca2127;
    color: #fff;
    font-weight: bold;
}


.myClass{
    width: 140px;
    display: block;
    text-align: center;
}

.ui-widget-header {
    border: 1px solid #cacaca;
    background: #dcdcdc;
    color: #fff;
    font-weight: bold;
}

.chartConfigContainer{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    width: 100%;
}

.chartBlock{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 20%;
    margin: 14px 0px 0px 5px;
}
.chartListBlock {
    height: 650px;
    overflow-y: scroll;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    background: #fff;
    width: 99%;
}

.chartListBlockCont{
    width: 100%;
}

.chartNameBlok{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chartNameBlok div.chartNameActions{
    margin-right: 15px;
}

.cut-text {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 182px;
    white-space: nowrap;
}

#newChart{
    margin: 0 15px 0 0;
}

.chartList{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    list-style-type: none;
    padding: 0;
}

.chartList li{
    /* display: flex;
    justify-content: center; */
}

.oneChart{
    width: 1300px !important;
    height: 650px !important;
}

.twoChart{
    width: 670px !important;
    height: 365px !important;
}

.threeOrMoreChart {
    width: 640px /*!important*/;
    height: 340px /*!important*/;
}

.oneChartLi {
    width: 100%;
    display: flex;
    justify-content: center;
}

.oneOrMorChartLi {
    width: 50%;
}

#dataContainer .table-scrollable .clone-column-table-wrap{
    box-shadow: none !important;
}

.popup_tooltip{
    cursor: pointer;
}

.popup_container {
    position: absolute;
    visibility: hidden;
    width: 600px;
    background: #fff;
    color: #000;
    padding: 15px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #5B5B5B;
    border-radius: 5px;
}

.cell-width-to-content{
    white-space:nowrap;
}

tr.evDataRows td,
tr.evDataRows th{
    min-width:120px;
    height: 30px;
    vertical-align: middle;
}

tr.evDataRows td a.removeDataLink{
    display: block;
    width: 23px;
    height: 23px;
}
#organizationActionForm table{
    width: 100%!important;
}

#organizationActionForm #addDepartmentPanelLink{
    margin: 15px 0!important;
}

#organizationActionForm table .modal-inp{
    width: 100%!important;
}

#organizationActionForm table tr td:first-child{
    width: 40%;
}

.organizationDepList .modal-label{
    margin: 0;
    display: unset;
}

.organizationDepList table{
    margin-bottom: 15px;
}

.organizationDepList a.removeLink{
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-end;
}

.organizationDepList tr td:last-child{
    vertical-align: middle;
}

.add-organization-modal-row{
    width: 100%!important;
}

.fixed_table{
    position: relative;
    border-collapse: collapse;
}

.fixed_table tr th{
    position: sticky;
    top: -1px;
    z-index: 99;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}

.fixed_table tr td,
.fixed_table tr th{
    padding: 0 15px 0 15px;
}

.add-modal-row-full,
.add-modal-row-full .add-complaint-inp-block,
.add-modal-row-full .add-complaint-inp-block input.modal-inp,
.add-modal-row-full .add-complaint-inp-block div.customSelect.arrowSelelct,
.add-modal-row-full .add-complaint-inp-block div.customSelect.arrowSelelct select{
    width: 100%!important;
}

#employeeMultiChoiceTree,
#selectedEmployeeMultiChoice{
    border: 1.5px solid #BCBCBC;
    padding: 10px;
    width: 250px;
    height: 400px;
}


#availableUsersDropDown,
#usersToSendDropDown{
    border: 1.5px solid #BCBCBC;
    padding: 10px;
    width: 250px;
    height: 300px;
}

.sendUsersContainer{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

#addToSendList,
#selectEmployeeBtn{
    background-image: url(../images/icons/swich.png);
    background-size: cover;
    background-position: center;
    height: 39px;
    /* border: none!important; */
}

#addToSendList:hover,
#selectEmployeeBtn:hover{
    background-image: url(../images/icons/swich-hover.png);
    background-size: cover;
    background-position: center;
}

.selectedOrganization{
    font-weight:bold;
    font-style:italic;
}

.parent_row>.tree-parent{
    width: 100%;
}

.ceo_row>.tree-parent{
    height: 63px;
}

.board_responsibles_row .responsibles_block,
.ceo_row>.tree-parent,
.ceo_row>#actionForm>.tree-parent{
    margin-left: 30px;
    width: calc(100% - 30px);
}

.ceo_row>#actionForm>.tree-parent{
    height: 55px;
}

.ceo_row.group-main-row.doc_line:nth-last-child(2)::after {
    height: calc(100% + 40px);
    top: -1px;
}

.group-main-row.doc_line:last-child::after{
    top: -1px;
}

.operation_row>.tree-parent{
    height: 55px;
    margin-left: 60px;
    width: calc(100% - 60px);
}

.responsibles_row .responsibles_block,
.departments_row>.tree-parent {
    margin-left: 90px;
    width: calc(100% - 90px);
    height: 47px;
}

.department_responsibles .responsibles_block,
.sub_department_row>.tree-parent{
    margin-left: 120px;
    width: calc(100% - 120px);
    height: 49px;
}


.group_row>.tree-parent{
    margin-left: 150px;
    width: calc(100% - 150px);
    height: 39px;
}

.group_responsibles{
    position:relative;
}

.group_responsibles>.responsibles_block{
    margin-left: 215px;
    width: calc(100% - 215px);
    height: 38px;
}

.group_responsibles>.responsibles_block.tree-parent:before{
    width: 60px;
    left: -63px;
}

.group_responsibles .nested li{

    margin-left: 248px;

    width: calc(100% - 248px);

    height: 50px;
}

.group_responsibles .nested li:after{

    /* height: 90%; */

    /* top: -100%; */
}

.group_responsibles:after{
    content: '';
    left: 150px;
    background: #BCBCBC;
    position: absolute;
    height: 100%;
    width: 1.5px;
    top: 3%;
}

.group_row ul.nested li:only-child:after{

    height: 50%;

    top: -15px;
}

.board_responsibles_row .user-row{
    margin-left: 60px;
    width: calc(100% - 60px);
}

.department_responsibles .user-row{
    margin-left: 110px;
    width: calc(100% - 110px);
}

.board_responsibles_row .user-row.board-member-row{
    margin-left: 150px;
    width: calc(100% - 157px);
}

.board_responsibles_row > ul > li > ul > li.user-main-row:before{
    left: 90px;
}

.board_responsibles_row > ul > li > ul > li.user-main-row:after{
    left: 90px;
}

.board_responsibles_row .board_responsible_person_row:before{
    content: '';
    width: 22px;
    height: 1.5px;
    border-radius: 1.5px;
    -webkit-border-radius: 1.5px;
    -moz-border-radius: 1.5px;
    -ms-border-radius: 1.5px;
    -o-border-radius: 1.5px;
    background: #BCBCBC;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 81px;
}

.board_responsibles_row .board_responsible_person_row:after{
    content: '';
    background: #BCBCBC;
    position: absolute;
    height: calc(100% + 30px);
    width: 1.5px;
    left: 30px;
    bottom: 25px;
}

.board_responsibles_row .board_responsible_person_row:last-child:after{
    top: -40px;
    height: 65px;
}

.board_responsibles_row .board_responsible_person_row:first-child:after{
    top: -5px;
    left: 30px;
}

.board_responsibles_row .board_responsible_person_row:only-child:after {
    top: -5px;
    height: 30px;
}

.board_responsibles_row .board_responsible_person_row.active:before{
    top: 25px;
}

.board_responsibles_row .board_responsible_person_row .tree-parent{
    background-image: linear-gradient(to left, #fff 0%, #ebf7ff 100%) !important;
}

.board_responsibles_row .board_responsible_person_row .tree-parent .user-tools-block-small{
    margin-right: 5px;
}

.responsibles_row .user-row{
    margin-left: 110px;
    width: calc(100% - 171px);
}

.ceo_row.group-main-row:nth-last-child(2)::after {
    height: calc(100% + 44px);
}

.operation_row.group-main-row::after{
    left: 30px;
    top: -5px;
    background: #BCBCBC;
}

.operation_row.group-main-row:nth-last-child(2)::after {
    height: calc(100% + 27px);
}

.responsibles_row .user-main-row{
    margin-left: 90px;
}

.responsibles_row.group-main-row::after,
.departments_row.group-main-row::after{left: 60px;top: -7px;background: #BCBCBC;}

.responsibles_row.group-main-row:nth-last-child(2)::after,
.departments_row.group-main-row:nth-last-child(2)::after{height: calc(100% + 24px);}

.department_responsibles.group-main-row::after,
.sub_department_row.group-main-row::after{left: 90px;top: -10px;background: #BCBCBC;}

.group_row.group-main-row::after{
    left: 120px;
    top: -10px;
    background: #BCBCBC;
}

.department_responsibles.group-main-row:nth-last-child(2)::after,
.group_row.group-main-row:nth-last-child(2)::after,
.sub_department_row.group-main-row:nth-last-child(2)::after{height: calc(100% + 20px);}

.group_row .user-main-row{
    margin-left: 150px;
    width: calc(100% - 150px);
}

.sub_department_row li[id^='sub_department_responsibles_'] .user-main-row{
    margin-left: 200px;
    width: calc(100% - 200px);
}

.operation_row.group-main-row:only-child::after{
    background: #BCBCBC;
    top: 0;
    height: 27px;
}

.departments_row.group-main-row:only-child::after{
    background: #BCBCBC;
    top: 0;
    height: 20px;
}

.board_responsibles_row.group-main-row:only-child::after{
    background: #BCBCBC;
    top: 0;
    height: 35px;
}


.active .responsibles_row.group-main-row:last-child::after,
.active .departments_row.group-main-row:last-child::after{
    height: 30px;
    top: -10px;
}

.active .department_responsibles.group-main-row:last-child::after,
.active .group_row.group-main-row:last-child::after,
.active .sub_department_row.group-main-row:last-child::after{
    height: 40px;
    top: -20px;
}

.group_row .user-row,
.sub_department_row .user-row{
    margin-left: 80px;
    width: calc(100% - 80px);
}

.board_responsibles_row .user-main-row:before,
.board_responsibles_row .user-main-row:after,
.responsibles_row .user-main-row:before,
.responsibles_row .user-main-row:after,
.department_responsibles .user-main-row.responsibles_block:before,
.department_responsibles .user-main-row.responsibles_block:after{left: 50px;}

#mainTreeContainer > .main-row > ul.nested > li.group_row:after,
#mainTreeContainer > .main-row > ul.nested > li.sub_department_row:after{
    left: 30px;
    top: -10px;
}
#mainTreeContainer > .main-row > ul.nested > li.group_row:nth-last-child(2):after,
#mainTreeContainer > .main-row > ul.nested > li.sub_department_row:nth-last-child(2):after{
    height: calc(100% + 30px);
}
#mainTreeContainer > .main-row > ul.nested > li.group_row > .tree-parent.group_line,
#mainTreeContainer > .main-row > ul.nested > li.sub_department_row > .tree-parent.group_line{
    margin-left: 60px;
    width: calc(100% - 60px);
    height: 63px;
}

#mainTreeContainer > .main-row > ul.nested > li.group_row > ul.nested > li.tree-row.user-main-row,
#mainTreeContainer > .main-row > ul.nested > li.sub_department_row > ul.nested > li.tree-row.user-main-row{
    margin-left: 90px;
    width: calc(100% - 90px);
}

#mainTreeContainer > .main-row > ul.nested > li.tree-row.user-main-row > div.user-row{
    margin-left: 60px;
    width: calc(100% - 60px);
}

#mainTreeContainer > .main-row[data-only-department="true"] > ul.nested > .sub_department_row > .tree-parent{


    /* height: 60px; */

    margin-left: 60px;

    width: calc(100% - 60px);
}

#mainTreeContainer > .main-row[data-only-department="true"] > ul.nested > .sub_department_row:last-child:after{
    height: 35px;
}

#mainTreeContainer > .main-row[data-only-department="true"] > ul.nested > .sub_department_row > ul.nested > li:last-child:after{
    height: 30px;
    top: -10px;
}

#orgChartTree {
    width: 100%;
    height: 100%;
}

.printBtn{
    width: 100px;
    margin-left: auto;
}

#bg-tests{
    display: none;
}
tr.data_row{
    display: none;
}
.collapsedHeadingTds{
    position: relative;
    width: 280px;
    padding-left: 25px!important;
}
.collapsedHeadingTds:before{
    content: "\f078";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 17px;
    /* padding-right: 0.5em; */
    position: absolute;
    top: 6px;
    left: 3px;
}

.collapsedHeadingTds.expandedHeadingTds:before{
    content: "\f077";
}

#switch-menu > li > a > span{
    white-space: initial;
}

#orgChartTree{
    height: 740px!important;
}

#orgChartTree .edit-wrapper{
    width: 60%!important;
    z-index: 99;
    opacity: 1!important;
    margin: 0 auto;
    overflow: hidden;
    top: 0px!important;
    left: 0;
    right: 0!important;
    height: 740px!important;
    border: 1px solid rgb(215, 215, 215);
    padding: 0px;
}

#orgChartTree .edit-wrapper .details-view .edit-fields div[data-field-name="Title"]{
    display: none!important;
}

#orgChartTree .edit-wrapper .details-view .edit-fields{
    height: 615px!important;
}
#orgChartTree .edit-wrapper .details-view .edit-photo{
    background-color: #eeeeee!important;
}
#orgChartTree .edit-wrapper .details-view .edit-fields .edit-tags{
    display: none!important;
}
#orgChartTree .chart-menu{
    opacity: 1;
    background-color: rgb(255, 254, 255);
    box-shadow: rgb(220, 220, 220) 0px 1px 2px 0px;
    display: inline-block;
    z-index: 1000;
    position: absolute;
    text-align: left;
    user-select: none;
    left: 1718px;
    top: 30px;
}

.nk_export_container{
    position: absolute;
    right: 20px;
    display: flex;
    width: 140px;
    flex-wrap: wrap;
    z-index: 9;
}

.nk_export_buttons{
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    width: 100%;
    border: 1px solid rgb(215, 215, 215);
    padding: 7px 10px;
    color: rgb(122, 122, 122);
    background-color: rgb(255, 255, 255);
}

.nk_export_buttons:hover{
    background-color: rgb(240, 240, 240);
}

.nk_export_buttons svg{
    /* margin-right: 5px; */
}



.questionnaire_main_container_f{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    margin: 0 auto;
    height: 740px;
    overflow-y: scroll;
    width: 1140px;
    padding-top:40px;
    scrollbar-width: none;
}

/* Chrome, Safari, Edge, Opera */
.questionnaire_main_container_f input::-webkit-outer-spin-button,
.questionnaire_main_container_f input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.questionnaire_main_container_f input[type=number] {
    -moz-appearance: textfield;
}

#questionnaireSectionContainer,
.questionnaire_steps_container{
    width: 100%;
}
.questionnaire_steps_container{
    padding-bottom: 15px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.questionnaireAnswerStep {
    border: 2px solid #cccccc;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #cccccc;
    font-weight: bold;
    line-height: 42px;
    text-align: center;
    width: 45px;
    height: 45px;
    transition: all ease .3s;
}


.questionnaireAnsweredStep {
    background:transparent;
    border: 2px solid #6699CC;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #6699CC;
    font-weight: bold;
    line-height: 42px;
    text-align: center;
    width: 45px;
    height: 45px;
    cursor: pointer;
    transition: all ease .3s;
}


.questionnaireAnswerCurrentStep {
    background: #6699CC;
    border: 2px solid #6699CC;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #ffffff;
    font-weight: bold;
    line-height: 42px;
    text-align: center;
    width: 45px;
    height: 45px;
    transition: all ease .3s;
}

.questionnaireAnsweredStepCircle + .questionnaireAnsweredStepCircle{
    margin-left: 15px;
}

.questionnaireAnsweredStepCircle{
    position:relative;
    transition: all ease .3s;
}

.questionnaireAnswerCurrentStep.questionnaireAnsweredStepCircle:before,
.questionnaireAnsweredStep.questionnaireAnsweredStepCircle:after,
.questionnaireAnsweredStep.questionnaireAnsweredStepCircle:before,
.questionnaireAnsweredStepCircle:first-child:before,
.questionnaireAnswerCurrentStep.questionnaireAnsweredStepCircle#step_F:after{
    background: #6699CC;
    transition: all ease .3s;
}

.questionnaireAnsweredStepCircle:before{
    content: "";
    height: 5px;
    width: 15px;
    background: #ccc;
    display:block;
    position:absolute;
    top: 19px;
    left: -17px;
    transition: all ease .3s;
}

.questionnaireAnsweredStepCircle:after{
    content: "";
    height: 5px;
    width: 15px;
    background: #ccc;
    display:block;
    position:absolute;
    top: 19px;
    right: -17px;
    transition: all ease .3s;
}

.questionnaireAnswerDescription
{
    width: 100%;
    background: #DBBAD8;
    font-weight: 600;
    font-style: italic;
    color: white;
    padding: 10px;
}

.questionnaireAnswerSectionName
{
    padding:10px;
    font-weight: bold;
    background-color: gainsboro;
    margin-bottom:15px;
}

.questionnaireQuestionLines:nth-of-type(odd){
    background: #ececec;
}

.questionnaireActualAnswer
{
    width: 50px;
    font-size: large;
    border: 2px solid #DBBAD8;
}
.questionnairePreferredAnswer
{
    width: 50px;
    font-size: large;
    border: 2px solid #cccccc;
}
.questionInformation{
    display: flex;
    align-items: baseline;
}

.questionOrderLabel {
    font-weight: bold;
    padding-right: 7px;
}
.singleQuestion{
    max-width: 850px;
}

.singleQuestionLabel{
    max-width: 850px;
    display: flex;
}

.questionaireActions{
    width: 100%;
    padding-top: 70px;
    text-align: center;
}

.questionairreLine{
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*     border-bottom: 1px solid #ccc; */
    /* border-top: 1px solid #ccc; */
    padding: 5px 0;
    margin: 0 10px;
}

.totalAnswerContainer{

    display: flex;

    justify-content: flex-end;
}

.totalAnswer {
    width: 160px;
    text-align: center;
    margin-right: 10px;
}

.totalAnswerBorder,
.questionnaireAnwerType {
    width: 72px;
    padding: 2px;
    text-align: center;
}

.totalAnswerBorder#totalActualAnswer,
.totalAnswerBorderWarn#totalActualAnswer{
    margin: auto;
}

.totalAnswerBorderWarn#totalPreferredAnswer{
    margin-left:auto;
}

.totalAnswerBorder{
    border: 2px solid #4F4F4F;
    margin-left: auto;
}

#totalPreferredLbl{
    text-align:right;
}

.totalAnswerBorderWarn{
    border: 2px solid #cc0000;
    width: 72px;
    padding: 2px;
}

.totalAnswerBorder + .totalAnswerBorder,
.totalAnswerBorderWarn + .totalAnswerBorderWarn,
.totalAnswerBorder + .totalAnswerBorderWarn,
.totalAnswerBorderWarn + .totalAnswerBorder{
    margin-left: 20px
}


.questionnaireAnwerType + .questionnaireAnwerType{
    margin-left: 7px;
}

#totalActualLbl + #totalPreferredLbl{
    margin-left: 4px
}

.questionairreSubmitContainer {
    background: #DBBAD8;
    font-weight: 600;
    font-style: italic;
    color: white;
    padding: 10px;
}

.submitData{
    display: flex;
    font-weight: 900;
    font-style: italic;
    color: #DBBAD8;
    font-size: 32px;
    justify-content: center;
    width: 100%;
}

.questionairreSubmitThanks{
    font-weight: 600;
    font-style: italic;
    display: flex;
    justify-content: center;
    width: 100%;
}

.payAttentionQuestionnaire{
    display: flex;
    font-weight: 600;
    font-style: italic;
    color: #DBBAD8;
    font-size: 24px;
}

.isNotNewToken{
    display: flex;
    font-weight: 600;
    font-style: italic;
    color: #DBBAD8;
    font-size: 24px;
}

.celda_normal_checkbox>input[type="checkbox"]{
    width: 15px;
    height: 15px;
}


.richText .richText-toolbar ul li a {
    padding: 10px 10px!important;
}

.richText .richText-help {
    display: none!important;
}

.richText .richText-editor {
    height: 200px!important;
}

.richText .richText-form button{
    padding: 0;
    background: white;
    height: 50px !important;
    border: 1px solid #464646;
    color: #464646;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown{
    z-index: 9!important;
}

/*------------------------------------------------------------------------------------
Custom File input css start
------------------------------------------------------------------------------------*/

.customfile {
    position: relative;
    overflow: hidden;
    width: 100%!important;
    height: 32px;
    border: solid 0px red;
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #c2c2c2;
    padding: 2px;
    -webkit-box-shadow: inset 1px 1px 2px #e4e4e4;
    box-shadow: inset 1px 1px 2px #e4e4e4;
}

.customfile span {
    display: block;
    float: left;
}

.customfile span.cust-field {
    line-height: 20px;
    padding: 3px 4px;
    width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px;
    cursor: pointer;
    color: #212121;
    display: block;
    font-weight: normal;
    color: #333;
    position: absolute;
    font-size: 10px;
}

.customfile span.cust-btn {
    float: right;
    line-height: 20px;
    padding: 1px 10px;
    height: 22px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    color: #646464;
    background: #e1e1e1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    margin-top: 1px;
}

.customfile .fileinput {
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    z-index: 99;
}
/*------------------------------------------------------------------------------------
Custom File input css end
------------------------------------------------------------------------------------*/

.doc-row {
    height: 40px;
    background: #fff;
    /* display: flex; */
    justify-content: space-between;
    align-items: center;
    width: 650px;
    padding-left: 60px;
}

/*------------------------------------------------------------------------------------
CK Editor css start
------------------------------------------------------------------------------------*/
.cke_dialog_background_cover,
.cke.cke_reset_all.cke_panel.cke_panel.cke_ltr,
.cke.cke_reset_all.cke_panel.cke_combopanel.cke_ltr{
    z-index: 20000002!important;
}

.cke_reset_all.cke_dialog_container.cke_editor_emailContent_dialog, .cke_reset_all.cke_dialog_container.cke_editor_secondEmailContent_dialog {
    z-index: 20000003!important;
}

.cke_reset_all.cke_dialog_container{
    z-index: 20000002!important;
}
/*------------------------------------------------------------------------------------
CK Editor css end
------------------------------------------------------------------------------------*/

#docsForm #treeContainer{
    height: auto;
}

#docsForm #treeContainer.rowOpened,
#docsForm #treeContainerDcsHandbook.rowOpened{
    height: 370px;
}

.doc-row a span{
    text-decoration: underline!important;
    text-decoration-color: #5B5B5B;
}

.main-row.active#policyManualDocMainContainer ul.nested.tree-second-brach.active li:not(:first-child) img.arrow{
    display:none;
}

.upload-container{
    display:flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-end;
}

.upload-container-file{
    width: 100%;
}

.upload-container .customSelect.arrowSelelct{
    word-wrap: break-word;
    width: 240px;
    margin: auto;
}

.upload-container-button{
    display: flex;
}

.documentViewerFrame{
    width: 45%;
    height: 700px;
}

.data-selection-main-row .doc_line .nested .user-main-row{
    width: calc(100% - 65px);
    margin-left: 65px;
}

.plus-minus-container{
    display: flex;
    align-items: center;
    width: 200px;
    justify-content: space-between;
}

.plus-minus{
    width: 30px;
    height: 30px;
}

input.labelCount::-webkit-outer-spin-button,
input.labelCount::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.labelCount{
    -moz-appearance: textfield;
    pointer-events: none;
}

.questionParamsContainer,
.questionTypeParamsContainer{
    margin-bottom: 15px;
    padding-left: 60px;
}

.sectionTypeParameterContainer{
    padding-left: 70px;
}

.likertRadioContainer, .multipleChoiceContainer {
    /* width: 600px; */
    margin: 10px 18px;
}

.likertRadioContainer.likertHorizontal,
.multipleChoiceContainer.multipleHorizontal {
    display: flex;
}

.likertRadioContainer.likertHorizontal div + div,
.multipleChoiceContainer.multipleHorizontal div + div{
    margin-left: 15px;
}

.likertRadioContainer div,
.multipleChoiceContainer div{
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

.likertRadioContainer input[type="radio"],
.multipleChoiceContainer input[type="radio"],
.likertRadioContainer input[type="checkbox"],
.multipleChoiceContainer input[type="checkbox"]{
    width: 20px;
    height: 20px;
}

.likertRadioContainer div label,
.multipleChoiceContainer div label{
    width: 95px;
    text-align: center;
    cursor: pointer;
}

.likertRadioContainer.likertVertical div,
.multipleChoiceContainer.multipleVertical div{
    display: flex;
    flex-direction: row;
    align-items: center;
    /* justify-content: flex-start; */
    /* height: 25px; */
    width: 100%;
}

.likertRadioContainer.likertVertical div + div,
.multipleChoiceContainer.multipleVertical div + div{
    margin-top: 10px;
}

.likertRadioContainer.likertVertical div label,
.multipleChoiceContainer.multipleVertical div label{
    width: 100%;
    /* margin-left: 10px; */
    text-align: left;
    cursor: pointer;
}

.rankOrderContainer{
    margin-top: 10px;
    margin-left: 19px;
    margin-bottom: 10px;
}

.rank_order_list_view_line{
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-bottom: 10px; */
}

.rank_order_list_view_line .customSelect.arrowSelelct.categorySelect.select-parent-block{
    width: 180px!important;
    margin-left: 10px!important;
}

.rank_order_list_view_line .customSelect.arrowSelelct.categorySelect.select-parent-block select{
    border: 2px solid gainsboro;
    width: 180px;
    padding: 0 25px!important;
}

.textEntryContainer{
    padding: 19px 19px 0 19px;
    margin-bottom: 10px;
}

.textEntryContainer textarea.textEntry{
    border: 2px solid gainsboro;
    height: 200px;
    width: 100%;
    resize: none;
}

.not-editable{
    opacity: .6;
    pointer-events: none;
}

.partialPaymentTable tr {
    line-height: 26px;
}

tr.complaint-clickable--rows{
    cursor: pointer;
}

#nav ul.switch-menu li:first-child>a{
    border-top: none!important;
}

.mortgage_files_container{
    padding-top: 10px;
    border-top: 5px solid #BCBCBC;
    margin-top: 20px;
    height: 150px;
    overflow-y:scroll;
}

.mortgage_file_list_view_row{
    display: flex;
    justify-content: space-between;
    margin-top: 15px
}

.mortgage_file_list_view_row span{
    width: 560px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mortgage_file_action_panel{
    display: flex;
    width: 70px;
    justify-content: space-between;
}

.mortgage_file_action_panel a{
    display: flex;
    width: 25px;
}

.mortgage_file_action_panel a img{
    width: 25px
}

.modal-hint-text{
    color: #464646;
    font-size: 11px;
    font-weight: 600;
    font-style: italic;
    margin-top: 5px;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
    height: 21.59px;
}

.ui-datepicker td,
.ui-datepicker th{
    background: #fff!important;
    font-size: 13px!important;
}

.ui-datepicker td:hover{
    background: rgba(0,113,185, .9)!important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.ui-datepicker td.ui-datepicker-current-day{
    background: rgba(0,113,185, .8)!important;
}

.ui-datepicker td.ui-datepicker-current-day .ui-state-active{
    color: #fff!important;
}

#ui-datepicker-div .ui-state-highlight {
    color: rgba(0,113,185, .9);
    border: 1px solid rgba(0,113,185, .9);
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 3px;
}

#ui-datepicker-div .ui-datepicker-calendar thead tr th span{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.questionnaire_tab_links{
    flex-wrap: wrap;
}

.modal-checkbox-block{
    height: 115px !important;
    border: 1px solid #5B5B5B;
    background: #fff;
    padding: 4px 5px 4px 8px;
}
.assessment-distribution-filter-panel .complaint-page-checkbox-block {
    word-wrap: break-word;
    width: 312px!important;
    overflow-y: scroll;
}

.assessment-distribution-filter-panel .assessment-distribution-name-field,
.assessment-distribution-filter-panel .customSelect.arrowSelelct{
    word-wrap: break-word;
    width: 312px;
    margin: auto;
}

.questionsContainer{
    height: 366px;
    overflow-y: scroll;
}

.questionParamsFlexContainer{
    display: flex;
    flex-wrap: wrap;
}

.questionParamsFlexContainer .text.questionSection-inp{
    width: 90px!important;
}

.questionParamsFlexContainer .category-inp-block{
    align-items: center;
}

.questionParamsFlexContainer .questionParamLabels{
    margin-left: 10px;
}

.questionParamsFlexContainer .questionParamLabelsWithoutMargin{
    margin: 0;
}

.questionParamsFlexContainer .demoRadio{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    border: 2px solid #bdbdbd;
    border-radius: 50%;
    margin-top: 10px;
    cursor: pointer;
}
.questionParamsFlexContainer .demoRadio span {
    display: none;
    transition: all .3s;
}
.questionParamsFlexContainer .demoRadio span.demoRadioCheckedState{
    display: inline-block;
    width: 19px;
    height: 19px;
    background: #bdbdbd;
    border-radius: 50%;
    transition: all .3s;
}
.questionnaire_tab_links li{
    margin: 2px 2px 0 0!important;
}
.questionnaire_tab_links li a span{
    width: 120px;
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ui-sortable .ui-sortable-handle label.category-label {
    width: 100%;
    text-align: center;
}
[id^=rank_label_line_] {
    border: 1px solid #bcbcbc;
    border-radius: 5px;
    display: flex;
    align-content: center;
    align-items: unset;
    justify-content: unset;
    margin-bottom: 5px;
    padding: 5px;
    cursor: pointer;
    width: 400px;
    background: #bcbcbc;
}

.ui-sortable .ui-sortable-handle label.rank_order_label{
    width: 100%!important;
    color: white!important;
    text-align: left!important;
}

.ui-sortable .ui-sortable-helper {
    border: 1px solid gainsboro;
    background: gainsboro;
}

.questionMandatory:after{
    content: '*';
    color: #ff4964;
    margin-left: 5px;
}

[id^=table-row-], [id^=distribution-group-table-row-], [id^=document-type-table-row-]{
    cursor: pointer;
}

.table-row-highlighted, .distribution-group-table-row-highlighted{
    background-color: #9fbfdf!important;
}

tr.table-row-highlighted td, tr.distribution-group-table-row-highlighted td{
    color: white;
}

.action-panel-container{
    padding: 5px 26px;
    display: flex;
    justify-content: flex-start;
}
.action-panel-container a{
    display: flex;
    opacity: .5;
    transition: all ease-in .5s;
}

.action-panel-container a.active{
    opacity: 1;
    transition: all ease-in .5s;
}

.action-panel-container a + a{
    margin-left: 10px;
}

.questionnaire-types-container{
    display: flex;
    flex-direction: column
}

#addNewValueButtonContainer{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 5px
}

.addNewValueLink {
    display: flex;
    align-items: center;
    height: 30px !important
}

.addNewValueDisabledLink {
    display: flex;
    align-items: center;
    height: 30px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px!important;
    font-weight: 500!important;
    color: #464646!important;
    background-color: #fff!important;
    border: 1px solid #464646!important;
    border-radius: 3px!important;
    box-shadow: 0px 5px 10px rgba(140, 140, 140, 1)!important;
    transition: all 0.3s ease 0s!important;
    cursor: default!important;
    outline: none!important;
    padding: 0 17px;
    margin-left: 5px;
    margin-top: 15px;
    min-width: 90px;
    /*height: 30px;*/
    line-height: 26px;
}

.questionnaire-type-table {
    display: flex;
    flex-direction: column;
    border: 1px solid black
}

.questionnaire-type-thead {
    display: flex;
}

.questionnaire-type-thead-tr{
    border-bottom: 1px solid black;
    width: 100%; display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    border-right: medium none;
    border-top: 1px solid #D5D5D5;
    font-weight: normal;
    background: #EEEEEE
}

#questionnaire-type-thead-tr-td_1{
    display: flex;
    flex-basis: 10%;
    padding-left: 1%
}

#questionnaire-type-thead-tr-td_2{
    display: flex;
    flex-basis: 80%;
    padding-left: 5%
}

#questionnaire-type-thead-tr-td_3{
    display: flex;
    flex-basis: 10%;
    justify-content: center
}

.questionnaire-type-table-body{
    display: flex;
    flex-direction: column;
    width: 100%; ;
    height: 300px;
    overflow-y: auto
}

#questionnaireTypeListView{
    display: flex;
    width: 100%
}

#questionnaireTypeFormPanel{
    display: flex;
    width: 100%
}

.questionnaire-row{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EEEEEE;
}

.questionnaire-type-table tbody:nth-child(odd) tr:nth-child(even) {
    background-color: white;
}

.questionnaire-type-table tbody:nth-child(odd) tr:nth-child(odd) {
    background-color: #EEEEEE;
}

.questionnaire-type-table tbody:nth-child(even) tr:nth-child(even) {
    background-color: #EEEEEE;
}

.questionnaire-type-table tbody:nth-child(even) tr:nth-child(odd) {
    background-color: white;
}

.formContainer {
    display: flex;
    width: 100%
}

.questionnaireTypeForm {
    display: flex;
    width: 100%
}

.removeLinkContainer{
    justify-content: center;
    display: flex;
    flex-basis: 7.5%;
    align-items: center
}

.questionnaire-type-remove-icon {
    height: 15px;
    width: 15px
}

.questionnaire-type-hidden-input{
    font-size: 100%;
    padding-left: 2%;
    display: flex;
    align-items: center;
    height: 100%;
    width: 80%
}

.questionnaireTypeContainer:hover{
    cursor: auto;
}

.questionnaire-type-hidden-input span {
   display: block;
    width: 100%;
    word-break: break-all;
    height: 55px;
    overflow-y: scroll;
    padding-top: 15px;
    padding-bottom: 15px;
}
.questionnaire-type-hidden-input input {
    height: 70%;
    width: 100%;
    padding-right: 5%;
    font-size: 100%;
    border: 3px solid #CCCCCC;
    padding-left: 5px;
    border-radius: 6px;
}

.questionnaireTypeContainer{
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    display: flex;
    flex-basis: 82.5%;
    align-items: center;
    height: 100%
}

.questionnaire-type-checkboxContainer {
    display: flex;
    flex-basis: 10%;
    align-items: center
}

.questionnaire-status-label{
    display: flex;
    align-items: center
}

.questionnaire-type-checkmark {
    margin-left: 120%;
}

.questionnaireTypeModal{
    border-radius: 5px;
}


.jGrowl-message a{
    color: blue;
    text-decoration: underline;
}


.jGrowl-message strong{
    font-weight: bold!important;
}


.questionnaire-radio-container {
    display: flex;
    flex-direction: column;
}




.send-questionnaire-tab-button {
    width: 45%;
}

.send-questionnaire-tab-button a {
    width: 100%;
}

.send-questionnaire-tab-button-text{
    width: 100% !important;
    font-size: smaller
}

.button-links{
    margin-bottom: 0;
}

#leader{
    color: white;
}

.send-questionnaire-tab-content{
    padding-top: 10px;
}

.email-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /*padding-right: 2px !important;*/
}

.cke_editor_secondEmailContent_dialog{
    z-index: 99999999;
}

.cke{
    width: 99.5%!important;
}

.cke_combopanel{
    width: 150px !important;
}

.cke.cke_reset_all.cke_panel.cke_ltr{
    width: 180px !important;
}

.send-questionnaire-mainFieldsLink{
    width: auto;
}

.remainderContainer{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: column;
}

.send-questionnaire-add-remainder-container{
    margin-bottom: 10px;
}

.send-questionnaire-list-view-container{
    margin-top: 30px;
    width: 100%;
    height: 600px;
    overflow: auto;
}

.send-questionnaire-tab-selected > span{
    color: white;
}

.send-questionnaire-tab-deselected > span{
    color: #BCBCBC;
}

.reminderEmailContainer{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.send-questionnaire-reminder-email-content{
    width: 90%;
}

.recipientDataContainer{
    display: flex;
    justify-content: space-between;
    margin-left: 10%;
    width: 90%;
}

.reminder_dayCountField{
    color: black !important;
    width: 100%;
}

.two-members{
    width: 30%;
}

.three-members{
    width: 30%;
}

.reminderEmailContainer{
    padding-bottom: 30px;
}

.proxy-leader-name {
    float: right;
    height: 30px !important;
}

.label-top-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
}

.label-value {
    padding: 0;
    width: 46px;
    background: white;
    font-size: small;
    border: 1px solid #BCBCBC;
    /*color: #2e2e2e;*/
    color: black;
    text-align-last:center;
}

.questionnaire-main-fields-block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 1024px;
    margin: 0 auto 0;
}


.questionnaire-sections {
    height: 180px;
    width: 600px;
    border: 1px solid #d6d7d8;
    overflow: hidden;
    padding: 20px 0 20px 0;
}

.questionnaire-left-block {
    width: 372px;
    padding-right: 65px;
    border-right: 2px solid #D6D6D6;
}

.add-questionnaire-textarea {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px;
    color: #464646;
    width: 312px;
    height: 110px;
    border: 1.5px solid #BCBCBC;
    padding: 10px 15px;
    min-height: 110px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.questionnaire-section-inp {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    color: #464646 !important;
    width: 214px !important;
    height: 32px !important;
    padding: 13px 24px !important;
    border: 1.5px solid #BCBCBC !important;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
}

.new-questionnaire-right-block{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 650px;
}

.questionnaire-section-row{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.section-name-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 28px;
}

.questionnaire-section-inp-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 265px;
}

.questionnaire-section-description-inp{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #464646 !important;
    width: 250px !important;
    height: 32px !important;
    padding: 13px 24px !important;
    border: 1.5px solid #BCBCBC !important;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
}

.section-description-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /*width: 50%;*/
}

.questionnaire-section-description-inp-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 265px;
}

.remove-container {
    display: flex;
    flex-direction: column;
    width: 220px;
    justify-content: inherit;
}

.questionnaire-section-textarea{
    width: 95%;
    height: 154px;
}

.questionnaireAnswerSectionDescription
{
    padding:10px;
    font-weight: normal;
    background-color: gainsboro;
    margin-top: -15px;
    font-size: small;
}

.add-group-modal-row{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 670px;
    margin-bottom: 10px;
}

.add-group-inp-block{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
}

.distribution-group-logo-container{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*min-height: 300px;*/
    height: 265px;
    border-bottom: 1px solid #BCBCBC;
    border-top: 1px solid #BCBCBC;
}

.organizations-logo-container{
    display: flex;
    width: 100%;
    height: 80%;
    border: 1px solid #BCBCBC;
    flex-direction: column;
    padding: 5px;
    overflow: auto;
}

.logo-image-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.organization-name{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px;
    color: #464646;
}

.org_name_and_logo_container{
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    align-items: center;
    cursor: pointer;
}

.organization_selected{
    background: #9fbfdf;
}

.organizationListView:nth-child(2n){
    background: #EEEEEE;
}

.distributionListView:nth-child(2n){
    background: #EEEEEE;
}

.distributionNameLabel{
    margin-top: 2px;
    padding-bottom: 2px;
}

.alternative_text_container {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}

@media (max-height: 768px) and (max-width: 1366px) {
    #addOrEditQuestionnaireModalButtonContainer{
        margin-top: 15px;
    }

    .add_edit_questionnaire_content{
        margin-top: -20px;
    }
}

.m-b-5-percent{
    margin-bottom: 5%;
}