@font-face {
    font-family: 'timeburner';
    src: url('../fonts/timeburner.eot');
    src: url('../fonts/timeburner.eot?#iefix') format('embedded-opentype'), url('../fonts/timeburner.woff2') format('woff2'), url('../fonts/timeburner.woff') format('woff'), url('../fonts/timeburner.ttf') format('truetype'), url('../fonts/timeburner.svg#timeburner') format('svg');
}

@font-face {
    font-family: 'OpenSans2';
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regularr.ttf') format('truetype'), url('../fonts/OpenSans-Regular.svg#timeburner') format('svg');
    font-weight: 400;
    font-style: normal;
}
/*for Arabic interface*/
@font-face {
    font-family: "FrutigerLTW20";
    src: url("../fonts/Frutiger.eot?#iefix");
    src: url("../fonts/Frutiger.eot?#iefix") format("eot"), url("../fonts/Frutiger.woff") format("woff"), url("../fonts/Frutiger.ttf") format("truetype"), url("../fonts/Frutiger.svg#Frutiger") format("svg")
}

.jstree-icon.jstree-themeicon {
    display: none !important
}

span.req {
    position: absolute;
    left: 5px;
    top: 1px;
}

#formSettingCondition #__columns .col-md-8.col-xs-8 select {
    position: initial !important;
    height: auto !important;
    width: 100% !important;
}

.subControlsContiner .fixed-table-container .fixed-table-header table th:first-child div.fht-cell {
    margin-left: -20px;
}

.modal .col-md-12.text-right {
    padding-right: 20px;
}

.fixed-table-pagination {
    min-height: 20px;
}

.subControlsContiner .fixed-table-container .fixed-table-body table tr td:first-child, .subControlsContiner .fixed-table-container .fixed-table-header table th:first-child, .subControlsContiner .fixed-table-container .fixed-table-body table tr th:first-child {
    border-bottom: 1px solid #ddd !important;
}

body, .form-control, .btn, .dropdown-menu {
    font-size: 14px;
}

.table thead tr th {
    font-size: 14px;
    font-weight: lighter;
    text-transform: uppercase;
}

.k-numeric-wrap.has-error {
    border-color: #a94442;
}

.table td, .table th {
    font-size: 16px;
}

.row .pagination {
    margin: 10px 20px 10px 0;
}

.subControlsContiner {
    position: relative
}

    .subControlsContiner > .row.col-md-12 {
        padding-bottom: 5px;
        position: absolute;
        width: inherit;
        z-index: 200;
        top: 12px;
        left: 15px;
        padding-bottom: 0 !important;
    }

.bootstrap-table .fixed-table-toolbar {
    margin-top: -47px;
    float: right;
}

.toolsRecordListbox #AddNewRecBtn.btn.green:not(.btn-outline) {
    padding: 0;
    margin: 0
}
/*@media (min-width: 1450px) {
     li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown{
        display:none
    }
     .more-style li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown{
        display:block
    }
}
 @media (min-width: 1300px) and (max-width: 1450px) {
     li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown{
        display:none
    }
     .more-style li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown{
        display:block
    }
}
 @media (min-width: 1100px) and (max-width: 1300px) {
     li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown{
        display:none
    }
     .more-style li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown{
        display:block
    }
}
 @media (min-width: 992px) and (max-width: 1100px) {
     li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown{
        display:none
    }
     .more-style li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown+li.dropdown{
        display:block
    }
}
*/
label.error {
    width: 100%;
}

.radio + .radio, .checkbox + .checkbox {
    margin-top: 0px
}

span.multiselect-native-select.has-error {
    position: relative;
    min-height: 62px;
    display: block;
}

    span.multiselect-native-select.has-error label.error.has-error {
        position: absolute;
        bottom: 0;
    }

.k-picker-wrap.k-state-default.has-error label.error.has-error {
    display: block;
    position: absolute;
}

.k-picker-wrap.k-state-default.has-error {
    border: 1px solid #a94442
}

@media (min-width: 992px) {
    #menu-top-action {
        display: none
    }

    .more > a span {
        font-size: 4px
    }

    .hor-menu .sidebar-nav .more li.dropdown > a.dropdown-toggle:before {
        position: absolute;
        display: inline-block;
        font-size: 14px;
        right: 7px;
        top: 7px;
        font-family: FontAwesome;
        height: auto;
        content: "\f105";
        font-weight: 300;
    }

    .hor-menu .sidebar-nav .more li:hover > ul {
        left: 100%;
        right: auto;
        position: absolute;
        top: 0
    }

    .hor-menu .sidebar-nav .more li li:hover > ul {
        left: 100%;
        right: auto;
        margin: 0;
        position: static;
        top: 0;
        display: block !important;
    }

    .hor-menu .sidebar-nav .more li:hover > ul ul li a {
        padding-left: 20px !important;
    }

    .hor-menu .sidebar-nav .more li:hover > ul ul ul li a {
        padding-left: 30px !important;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a:hover {
        color: #fbfbfb;
        background: #426e93 !important;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li a {
        color: #fbfbfb;
        background: #325c80 !important;
    }

    .hor-menu .sidebar-nav .more .dropdown-submenu > a:after {
        content: "\f107";
    }

    .page-header-menu .col-md-3 .hor-menu.hor-menu-light ul li a {
        padding: 10px 5px 10px 5px !important;
    }
}

@media (max-width: 991px) {

    #containerDiv {
        padding-top: 20px !important;
    }

    .page-header .page-header-menu .hor-menu nav .navbar-nav > li.more {
        display: none !important
    }

    .page-header .ApeiroSysogo {
        margin: 4px 0px 0 -20px !important;
    }

    .page-header .page-header-menu .col-md-3 .hor-menu .navbar-nav {
        float: right;
        width: auto;
        display: inline-flex;
    }

        .page-header .page-header-menu .col-md-3 .hor-menu .navbar-nav > li {
            float: LEFT;
        }

    .hamburger {
        margin-right: -17PX;
        MARGIN-LEFT: 10PX;
    }

    .page-header .page-header-menu .col-md-3 .hor-menu .navbar-nav > li {
        border-bottom: 0px !important
    }

    .page-header-menu .col-md-3 .hor-menu.hor-menu-light {
        float: right;
    }

    .more-style {
        display: none !important
    }
}

.multiselect-container > li.active, .multiselect-container > li.active:hover {
    background: #428bca !important;
    color: #fff !important;
    float: left;
    width: 100%;
    font-weight: lighter !important;
}

label.radio, label.checkbox {
    margin-top: 5px;
    margin-bottom: 5px;
}

.multiselect-container label {
    font-weight: lighter
}

.multiselect-container > li.active label, .multiselect-container > li.active:hover label, .multiselect-container > li.active a label, .multiselect-container > li.active:hover a label {
    font-weight: lighter
}

@media (max-width: 767px) {
    .subControlsContiner > .row.col-md-12 {
        padding-bottom: 0px;
        position: static;
    }

    .bootstrap-table .fixed-table-toolbar {
        padding-bottom: 0px;
        position: static;
    }

    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.page-content {
    padding: 0px 0 15px;
}

.dataTablesview .multiselect {
    float: right;
    margin: 1px 0 0 10px !important;
    background: none;
    border-radius: 0px !important;
    max-width: inherit;
    cursor: pointer;
    height: 24px !important;
    color: #325c80;
    font-weight: lighter;
    padding: 0 10px !important;
    width: 185px !important;
    text-align: left;
    border: none;
    border-bottom: 1px solid #325c80;
    height: 24px !important;
}

.dataTables_length .multiselect {
    float: right;
    margin: 1px 0 0 10px !important;
    background: none;
    border-radius: 0px !important;
    max-width: inherit;
    cursor: pointer;
    height: 24px !important;
    color: #325c80;
    font-weight: lighter;
    padding: 0 10px !important;
    width: 100px !important;
    text-align: left;
    border: none;
    border-bottom: 1px solid #325c80;
    height: 24px !important;
}

.dataTablesview .multiselect span.multiselect-selected-text {
    width: 153px
}

.dataTables_length .multiselect span.multiselect-selected-text {
    width: 73px;
    float: left;
    margin: 0;
    padding: 0;
}

.dataTablesview .open > .dropdown-toggle.btn-default, .dataTablesview .btn-default.multiselect:hover, .dataTablesview .btn-default.multiselect:hover:active, .dataTablesview .btn-default.multiselect:focus, .dataTables_length .btn-default.multiselect:focus:active, .dataTables_length .open > .dropdown-toggle.btn-default, .dataTables_length .btn-default.multiselect:hover, .dataTables_length .btn-default.multiselect:hover:active, .dataTables_length .btn-default.multiselect:focus, .dataTables_length .btn-default.multiselect:focus:active {
    background: #fff !important;
    color: #325c80 !important;
}

.dataTablesview .btn-group.open .multiselect-container.dropdown-menu, .dataTables_length .btn-group.open .multiselect-container.dropdown-menu {
    border: #66afe9 solid 1px !important;
}

.dataTablesview .multiselect-container.dropdown-menu:before, .dataTablesview .multiselect-container.dropdown-menu:after, .dataTables_length .multiselect-container.dropdown-menu:before, .dataTables_length .multiselect-container.dropdown-menu:after {
    display: none !important
}

.RenderDesiger .bootstrap-table .fixed-table-toolbar {
    margin: 0px;
}

.RenderDesiger .tableHeaderContainer {
    background: none;
}

.RenderDesiger .subControlsContiner .tableButtonsDesigner {
    margin: 10px 0
}

.portlet > .portlet-title > .caption {
    font-size: 17px;
    line-height: 23px;
}

.subControlsContiner > .row.col-md-12 button.btn-default {
    background: none !important;
    border: none !important;
    color: #000 !important;
    margin: 0px !important;
    padding: 5px !important;
}

    .subControlsContiner > .row.col-md-12 button.btn-default:hover, .subControlsContiner > .row.col-md-12 button.btn-default:active:focus, .subControlsContiner > .row.col-md-12 button.btn-default:focus {
        background: none !important;
        border: none !important;
        color: #333 !important;
        margin: 0px !important;
        padding: 5px !important;
    }

    .subControlsContiner > .row.col-md-12 button.btn-default i {
        margin-right: 5px;
    }

.fixed-table-container {
    height: auto !important
}

.subControlsContiner .fixed-table-container, .subControlsContiner .fixed-table-container .fixed-table-header table {
    border: none !important
}

    .subControlsContiner .fixed-table-container .fixed-table-header table th {
        border: none;
    }

    .subControlsContiner .fixed-table-container .fixed-table-body table tr td {
        padding: 5px;
        border: none;
    }

        .subControlsContiner .fixed-table-container .fixed-table-header table th:first-child, .subControlsContiner .fixed-table-container .fixed-table-body table tr td:first-child {
            border: none !important;
        }

    .subControlsContiner .fixed-table-container .fixed-table-body table {
        border-bottom: 1px solid #e0e0e0;
        border-top: none
    }

        .subControlsContiner .fixed-table-container .fixed-table-header table th:last-child, .subControlsContiner .fixed-table-container .fixed-table-body table th:last-child {
            width: 150px;
        }

            .subControlsContiner .fixed-table-container .fixed-table-header table th:last-child .fht-cell, .subControlsContiner .fixed-table-container .fixed-table-body table th:last-child .fht-cell {
                width: 100% !important;
            }

.fixed-table-pagination .pagination-info {
    margin-left: 20px;
}

.fixed-table-toolbar .columns-right {
    margin-right: 20px;
}

.dataTables_info {
    padding-left: 20px;
}

.subControlsContiner .fixed-table-container .fixed-table-body table tr td:first-child, .subControlsContiner .fixed-table-container .fixed-table-header table th:first-child, .subControlsContiner .fixed-table-container .fixed-table-body table tr th:first-child {
    padding-left: 20px;
}

    .subControlsContiner .fixed-table-container .fixed-table-header table th:first-child div {
        padding-left: 0px
    }

.tableHeaderContainer {
    background-color: transparent;
    padding: 10px 20px !important;
    color: #000;
    margin-top: 0px;
    float: left;
    width: 100%;
}

.btn-group > .btn:first-child {
    margin-right: 5px;
}

.btn-default:hover, .btn-default:hover:active, .btn-default:focus, .btn-default:focus:active {
    color: #fff !important;
    background-color: #252525 !important;
}
/*tabs Start*/
#FormContent .tabbable-line > .nav-tabs > li.active {
    background: 0 0;
    border-bottom: 4px solid #36c6d3;
    position: relative;
}

#FormContent .tab-content > .tab-pane {
    display: block;
    visibility: visible;
    float: left;
    width: 100%;
    height: 0;
    overflow: hidden;
}

    #FormContent .tab-content > .tab-pane.active {
        visibility: visible;
        height: auto;
        overflow: initial;
    }

#FormContent .tabbable-line > .nav-tabs > li.open {
    background: 0 0;
    border-bottom: 4px solid #9fe4ea;
}

#FormContent .tabbable-line > .nav-tabs > li:hover {
    background: 0 0;
    border-bottom: 4px solid #9fe4ea;
}

#FormContent .tabbable-line > .nav-tabs > li.active.error {
    border-bottom: 4px solid #e7505a;
}

#FormContent .tabbable-line > .nav-tabs > li {
    margin: 0;
    border-bottom: 4px solid transparent;
}

#FormContent .nav-tabs > li.active > a, #FormContent .nav-tabs > li.active > a:hover, #FormContent .nav-tabs > li.active > a:focus {
    border: none
}

#FormContent .tabbable-line > .nav-tabs > li.error {
    border-bottom: 4px solid #f58d94;
}
/*tabs end*/
#design-canvas .nav-tabs, #FormContent .nav-tabs {
    border: none;
    margin: 0;
}

    #design-canvas .nav-tabs > li, #FormContent .nav-tabs > li {
        margin: 0;
        border-bottom: 4px solid transparent;
    }

        #design-canvas .nav-tabs > li > a, #FormContent .nav-tabs > li > a {
            background: 0 0 !important;
            border: 0;
            margin: 0;
            padding-left: 15px;
            padding-right: 15px;
            color: #777;
        }

#RerquiredTabquerybuilder .tab-canvas .col-md-12:not(.requiredConditionBuilder) {
    display: block !important
}

#design-canvas .nav-tabs > li.active, #FormContent .nav-tabs > li.active {
    background: 0 0;
    border-bottom: 4px solid #36c6d3;
    position: relative;
}

    #design-canvas .nav-tabs > li.active > a, #FormContent .nav-tabs > li.active > a {
        border: 0;
        color: #333;
    }

#design-canvas nav-tabs > li.open, #design-canvas .nav-tabs > li:hover, #FormContent nav-tabs > li.open, #FormContent .nav-tabs > li:hover {
    background: 0 0;
    border-bottom: 4px solid #9fe4ea;
}

#design-canvas .tab-content, #FormContent .tab-content {
    margin-top: 0;
    border: 0;
    border-top: 1px solid #ddd;
    padding: 30px 0;
}

.fixed-table-container td:last-child button {
    background: none !important;
    border: none;
    color: #252525;
    font-size: 17px;
    padding: 0 3px;
    height: auto !important;
}

    .fixed-table-container td:last-child button:hover, .fixed-table-container td:last-child button:focus {
        color: #606060 !important;
        background: none !important
    }

    .fixed-table-container td:last-child button.delete {
        color: #e7505a !important;
        float: right
    }

        .fixed-table-container td:last-child button.delete:hover, .fixed-table-container td:last-child button.delete:hover:active, .fixed-table-container td:last-child button.delete:focus, .fixed-table-container td:last-child button.delete:focus:active {
            color: #f36a5a !important
        }

select option {
    font-size: 13px;
    padding: 5px;
    margin: 5px 0
}

.tableHeaderContainer + .subControlsContiner {
    padding: 0px 0px;
    float: left;
    width: 100%;
}

.tableHeaderContainer h3 {
    margin: 0;
    font-size: 18px;
    float: left;
    padding-right: 15px;
    border-right: 1px solid #666;
    margin-right: 5px;
}

.tableHeaderContainer .tableHeaderContainer-buton {
    float: left;
}

    .tableHeaderContainer .tableHeaderContainer-buton button i {
        margin-right: 5px;
    }

.fixed-table-toolbar .search input {
    border: none !important;
    /*border-bottom: 1px solid #eff3f8 !important;*/
    border-radius: 0px !important;
    background: none;
    color: #666;
    padding-left: 20px !important;
    font-size: 16px !important;
}

.fixed-table-toolbar .search {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fixed-table-container thead th .th-inner, .fixed-table-container tbody td .th-inner {
    padding: 8px 5px;
}

.col-md-12.row.columns .gv-droppable-grid:not(.col-md-12) > .col-md-12.form-group .tableHeaderContainer, .col-md-12.row.columns .gv-droppable-grid:not(.col-md-12) > .col-md-12.form-group .subControlsContiner {
    margin: 0 !important;
    width: calc(100% - 20px) !important;
}
/* .fixed-table-container{
    background:url('../images/44.png') repeat;
     background-size: 20%;
}
 .fixed-table-container{
    background:url('../images/66.png') repeat;
     background-size: 5%;
}
 .fixed-table-container{
    background:url('../images/55.png') repeat;
     background-size: 20%;
}
*/


.fixed-table-body > table, .table-container > table
{
	background-color: #f0f6fa;
}


.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent;
	/*background-color: #f0f6fa;*/
}

.table-striped > tbody > tr:nth-of-type(even), tr.filter {
    background-color: #f8f8f8;
	/*background-color: none;*/
}

.subControlsContiner .fixed-table-toolbar .columns-right, .subControlsContiner .fixed-table-toolbar .search {
    margin-bottom: 0px;
}

#RelatedRecordLinkPopupContent .bootstrap-table .fixed-table-toolbar {
    margin-top: -80px;
    float: right;
}

.fixed-table-toolbar .search:before {
    content: "\f002";
    position: absolute;
    margin: 10px 2px;
}

.fixed-table-toolbar .search input:hover, .fixed-table-toolbar .search input:focus {
    border-bottom: 1px solid #2196F3 !important;
    background-color: #dfecf5 !important;
    color: #000;
}

.tableHeaderContainer .tableHeaderContainer-buton button {
    border: none !important;
    background: none !important;
    color: #000 !important;
    padding: 0 10px !important;
    margin-right: 10px;
    font-size: 15px;
}

    .tableHeaderContainer .tableHeaderContainer-buton button:hover, .tableHeaderContainer .tableHeaderContainer-buton button:focus, .tableHeaderContainer .tableHeaderContainer-buton button:focus:active {
        border: none !important;
        background: none !important;
        color: #666 !important;
    }

.fixed-table-toolbar .btn {
    border: none !important;
    background: none !important;
    color: #252525 !important;
    padding: 8px 10px !important;
    margin-left: 10px;
}

    .fixed-table-toolbar .btn:hover, .fixed-table-toolbar .btn:focus, .fixed-table-toolbar .btn:focus:active {
        border: none !important;
        background: none !important;
        color: #606060 !important;
    }

.req {
    float: left;
    content: ' ';
    border-left: 2px solid #e7505a;
    text-indent: -999px;
}

.tab-content {
    display: table;
    width: 100%;
    padding: 10px;
    background: transparent;
    border: 1px solid #ddd;
    border-top: 0;
    margin-bottom: 20px
}

.login-logo {
    width: 250px;
}

.k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
    border-radius: unset !important;
    border: none !important;
}

.minMarginBottom {
    margin-bottom: 5px !important;
}

.DivPaddingBottom {
    padding-bottom: 10px;
}

.DivPaddingTop {
    padding-top: 10px;
}

.popupHeaderText {
    color: black;
    padding-bottom: 15px;
    font-size: 16px;
    text-transform: uppercase !important;
    font-weight: 700;
    line-height: 18px;
    font-family: "Open Sans","OpenSans2";
    border-bottom: solid 1px #eee;
}

.popupFooterButton {
    border-top: solid 1px #eee;
    padding: 10px;
    margin: 0;
}

.popupContainer {
    padding: 0 0 0 0;
    margin: 0;
}

.SmallPopupWidth {
    max-width: 500px !important;
}

.disabledLink {
    cursor: not-allowed !important;
}

.noMargin {
    margin: 0;
}

.noPadding {
    padding: 0;
}

.noPaddingTop5 {
    padding: 5px 0 0 0;
}

ul.b {
    list-style-type: none;
}

.modal-open .modal {
    overflow-x: visible !important;
    overflow-y: visible !important;
}

.error {
    color: #f44336;
    font-weight: normal;
}

.attachedFile {
    padding: 10px;
    border-bottom: solid 1px lightgray
}

.dropImageHereText {
    padding: 10px;
    text-align: center;
}

.templateTopSection {
    border-top: solid 1px lightgray;
    border-right: solid 1px lightgray;
    border-left: solid 1px lightgray;
}

.templateBottomSection {
    border: solid 1px lightgray;
}

.has-errorForNumeric {
    border: 1px solid #a94442 !important;
}

.form-group-prop {
    padding-bottom: 5px;
}

.propertyLabel {
    font-size: smaller !important;
}

.topSeparator {
    border-top: solid;
    border-top-width: 1px;
    padding-top: 5px;
}
/*TFS#262: min height to handle the case for ddl items with empty text issue*/
.multiselect-container > li > span > span > a > label.radio, .multiselect-container > li > span > span > a > label.checkbox {
    min-height: 30px;
}

.row-field {
    padding-left: 0;
}

.tableHeaderContainer > h3 {
    margin-top: 0;
}

.bootstrap-tagsinput {
    border-radius: 5px !important
}

.controls > label.radio, .controls > label.checkbox {
    font-weight: normal;
    padding: 0 20px;
}

.menu-toggler.responsive-toggler {
    display: none
}

.page-header {
    height: auto;
    border: none
}

grammarly-btn {
    display: none
}

.gr_ver_2.cke_editable {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

@media (min-width: 991px) {
    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
        min-width: 180px;
    }

    .page-wrapper .page-wrapper-top {
        min-height: 40px;
        display: block;
    }

    .page-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
    }

    @media (min-width: 1024px) {
        #pageContainer > .portlet.box.green, .container-fluid > .portlet.box.green, .RecordListbox > .portlet.box.green {
            position: fixed;
            width: 100%;
            z-index: 200;
        }

        .RecordListboxbadding, #listContainer, #sbid {
            padding: 43px 0 20px;
        }
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a:hover {
        color: #fbfbfb !important;
        background: #426e93 !important;
    }

    .hor-menu .sidebar-nav li:hover > ul {
        display: block
    }

    .hamburger {
        display: none
    }

    .hor-menu .dropdown-menu:before, .hor-menu .dropdown-menu:after {
        display: none !important
    }

    .hor-menu .navbar-inverse {
        position: static;
        background: none;
        margin: 0px;
        padding: 0px;
        float: left;
        border: none;
    }

    .page-header .page-header-menu .hor-menu nav.navbar .navbar-nav .dropdown a .fa-plus {
        display: none
    }

    .page-header .page-header-menu .hor-menu nav.navbar .navbar-nav .dropdown a .fa-minus {
        display: none
    }

    .page-header .page-header-menu .hor-menu nav.navbar .navbar-nav .dropdown.open a .fa-plus {
        display: none
    }

    .page-header .page-header-menu .hor-menu nav.navbar .navbar-nav .dropdown.open a .fa-minus {
        display: none
    }
}

@media (max-width: 991px) {
    .page-header .page-header-menu {
        padding: 0px !important;
    }

        .page-header .page-header-menu .hor-menu nav.navbar .navbar-nav .dropdown a .fa {
            float: right;
            line-height: 20px;
        }

        .page-header .page-header-menu .hor-menu nav.navbar .navbar-nav .dropdown.open a .fa {
            color: #fff !important;
        }

        .page-header .page-header-menu .hor-menu .navbar-nav li.dropdown:hover a i {
            color: #fff !important;
        }

        .page-header .page-header-menu .hor-menu .navbar-nav {
            background: none !important;
        }

    .container-fluid {
        margin: 0 10px !important;
    }
    /*-------------------------------*/
    /* VARIABLES */
    /*-------------------------------*/
    .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
        float: left;
    }

    .nav .open > a {
        background-color: transparent;
    }

        .nav .open > a:hover {
            background-color: transparent;
        }

        .nav .open > a:focus {
            background-color: transparent;
        }
    /*-------------------------------*/
    /* Wrappers */
    /*-------------------------------*/
    #wrapper {
        -moz-transition: all 0.0s ease;
        -o-transition: all 0.0s ease;
        -webkit-transition: all 0.0s ease;
        padding-left: 0;
        -webkit-transition: all 0.0s ease;
        transition: all 0.0s ease;
    }

        #wrapper.toggled {
            margin-right: 280px;
            margin-left: -280px;
        }

            #wrapper.toggled #sidebar-wrapper {
                width: 280px;
            }

            #wrapper.toggled #page-content-wrapper {
                margin-right: -280px;
                position: absolute;
            }

    .page-header .page-header-menu .hor-menu nav .navbar-nav {
        width: 260px;
    }

        .page-header .page-header-menu .hor-menu nav .navbar-nav > li {
            margin: 5px 10px 0 !important;
            border: 1px solid #e4e4e4 !important;
            border-radius: 5px !important;
            overflow: hidden;
            display: block;
        }

            .page-header .page-header-menu .hor-menu nav .navbar-nav > li li a {
                border-bottom: 1px solid #f2f2f2
            }

    #sidebar-wrapper {
        -moz-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        -webkit-transition: all 0.1s ease;
        background: #f2f2f2;
        height: 100%;
        right: 280px;
        margin-right: -280px;
        left: auto;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-transition: all 0.1s ease;
        transition: all 0.1s ease;
        width: 0;
        z-index: 10000;
    }

        #sidebar-wrapper::-webkit-scrollbar {
            display: none;
        }

    #page-content-wrapper {
        padding-top: 70px;
        width: 100%;
    }
    /*-------------------------------*/
    /* Sidebar nav styles */
    /*-------------------------------*/
    .sidebar-nav {
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        width: 220px;
    }

        .sidebar-nav li {
            display: inline-block;
            line-height: 20px;
            position: relative;
            width: 100%;
        }

    .page-header .page-header-menu .hor-menu nav .navbar-nav > li:hover > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover, .page-header .page-header-menu .hor-menu nav .navbar-nav > li > a:focus, .page-header .page-header-menu .hor-menu nav .navbar-nav > li > a:active {
        color: #fff !important;
        background: #32495a !important;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
        background: none !important;
        color: #666 !important
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active {
        background: #337ab7 !important;
        color: #ffffff !important;
    }

    .page-header .page-header-menu .btn-group > .dropdown-menu.pull-left:after, .page-header .page-header-menu .dropdown-toggle > .dropdown-menu.pull-left:after, .page-header .page-header-menu .dropdown > .dropdown-menu.pull-left:after, .page-header .page-header-menu .btn-group > .dropdown-menu.pull-left:before, .page-header .page-header-menu .dropdown-toggle > .dropdown-menu.pull-left:before, .page-header .page-header-menu .dropdown > .dropdown-menu.pull-left:before {
        border: none
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a, .page-header .page-header-menu .hor-menu nav .navbar-nav > li .dropdown-menu li:hover > a {
        color: none !important;
        background: none !important;
    }

    .page-header .page-header-menu .hor-menu nav .navbar-nav > li .dropdown-menu li > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a {
        background: #337ab7 !important;
        color: #ffffff !important;
    }

        .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
            color: #fff !important;
            background: #428BCB !important;
        }

    .sidebar-nav li a {
        color: #dddddd;
        display: block;
        padding: 10px 15px 10px 30px;
        text-decoration: none;
    }

    .sidebar-nav li.open:hover before {
        -webkit-transition: width 0.2s ease-in;
        transition: width 0.2s ease-in;
        width: 100%;
    }

    .page-header .page-header-menu .hor-menu nav.navbar .navbar-nav li.dropdown.open .dropdown-menu {
        border-radius: 0;
        border: none;
        box-shadow: none;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .page-header .page-header-menu .hor-menu nav.navbar .navbar-nav li.dropdown.open > .dropdown-menu {
        border-radius: 0;
        border: none;
        box-shadow: none;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
        display: block;
    }

    .page-header .page-header-menu .hor-menu nav.navbar .navbar-nav li.dropdown-submenu > a:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f067";
        float: right;
        margin-top: 4px;
    }

    .page-header .page-header-menu .hor-menu nav.navbar .navbar-nav li.dropdown-submenu li a {
        background: #fff;
        border-color: #f2f2f2;
        padding: 5px 5px 5px 25px;
        font-size: 13px;
    }

    .page-header .page-header-menu .hor-menu nav.navbar .navbar-nav li.dropdown-submenu li:last-child a {
        border: none
    }

    .page-header .page-header-menu .hor-menu nav.navbar .navbar-nav li.dropdown-submenu > a.close-icon:before {
        content: "\f068";
    }

    .page-header .page-header-menu .hor-menu nav.navbar .arrow {
        display: none
    }

    .sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus {
        background-color: transparent;
        color: #ffffff;
        text-decoration: none;
    }

    .sidebar-nav > .sidebar-brand {
        font-size: 20px;
        height: 65px;
        line-height: 44px;
    }
    /*-------------------------------*/
    /* Hamburger-Cross */
    /*-------------------------------*/
    .hamburger {
        background: transparent;
        border: none;
        display: inline-block;
        height: 26px;
        /* margin-left: 15px;
         */
        position: relative;
        top: 7px;
        float: right;
        width: 21px;
        z-index: 20000;
        padding: 10px !important;
    }

        .hamburger:hover {
            outline: none;
        }

        .hamburger:focus {
            outline: none;
        }

        .hamburger:active {
            outline: none;
        }

        .hamburger.is-closed:before {
            -webkit-transform: translate3d(0, 0, 0);
            -webkit-transition: all 0.35s ease-in-out;
            color: #ffffff;
            content: '';
            display: block;
            font-size: 14px;
            line-height: 32px;
            opacity: 0;
            text-align: center;
            width: 100px;
        }

        .hamburger.is-closed:hover before {
            -webkit-transform: translate3d(-100px, 0, 0);
            -webkit-transition: all 0.35s ease-in-out;
            display: block;
            opacity: 1;
        }

        .hamburger.is-closed:hover .hamb-top {
            -webkit-transition: all 0.35s ease-in-out;
            top: 4px;
        }

    .hor-menu .AperioSyslogo {
        margin: 0px 0px 0 0;
    }

    .page-header .page-header-menu .hor-menu nav.navbar .navbar-nav .dropdown a .fa-plus {
        display: block
    }

    .page-header .page-header-menu .hor-menu nav.navbar .navbar-nav .dropdown a .fa-minus {
        display: none
    }

    .page-header .page-header-menu .hor-menu nav.navbar .navbar-nav .dropdown.open a .fa-plus {
        display: none
    }

    .page-header .page-header-menu .hor-menu nav.navbar .navbar-nav .dropdown.open a .fa-minus {
        display: block
    }

    .hamburger.is-closed:hover .hamb-bottom {
        -webkit-transition: all 0.35s ease-in-out;
        bottom: 4px;
    }

    .hamburger.is-closed .hamb-top {
        -webkit-transition: all 0.35s ease-in-out;
        background-color: rgba(255, 255, 255, 1);
        top: 5px;
    }

    .hamburger.is-closed .hamb-middle {
        background-color: rgba(255, 255, 255,1);
        margin-top: -1px;
        top: 50%;
    }

    .hamburger.is-closed .hamb-bottom {
        -webkit-transition: all 0.35s ease-in-out;
        background-color: rgba(255, 255, 255,1);
        bottom: 5px;
    }

    .hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%;
    }

    .hamburger.is-open .hamb-top {
        -webkit-transform: rotate(45deg);
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 1);
        background-color: #ffffff;
        margin-top: -2px;
        top: 50%;
    }

    .hamburger.is-open .hamb-middle {
        background-color: #ffffff;
        display: none;
    }

    .hamburger.is-open .hamb-bottom {
        -webkit-transform: rotate(-45deg);
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 1);
        background-color: #ffffff;
        margin-top: -2px;
        top: 50%;
    }

    .hamburger.is-open:before {
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-transition: all 0.35s ease-in-out;
        color: #ffffff;
        content: '';
        display: block;
        font-size: 14px;
        line-height: 32px;
        opacity: 0;
        text-align: center;
        width: 100px;
    }

    .hamburger.is-open:hover before {
        -webkit-transform: translate3d(-100px, 0, 0);
        -webkit-transition: all 0.35s ease-in-out;
        display: block;
        opacity: 1;
    }
    /*-------------------------------*/
    /* Dark Overlay */
    /*-------------------------------*/
    .page-header .page-header-menu .hor-menu nav.navbar .navbar-nav li.dropdown .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }

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

    .page-header .page-header-menu .hor-menu nav .navbar-nav > li .dropdown-menu li:first-child {
        margin-top: 0px;
    }

    .page-header .page-header-menu .hor-menu nav .navbar-nav > li > a {
        background: #428bca !important;
        color: #fff !important;
    }

    .page-header .page-header-menu .hor-menu nav.page-header .page-header-menu .hor-menu nav .navbar-nav > li > a > i {
        color: #fff !important;
    }

    .page-header .page-header-menu .hor-menu nav .navbar-nav > li > a > i {
        color: #fff !important;
    }

    .page-header .page-header-menu .hor-menu nav .navbar-nav > li:hover > a, .page-header .page-header-menu .hor-menu nav .navbar-nav > li:active > a, .page-header .page-header-menu .hor-menu nav .navbar-nav > li:active:focus > a, .page-header .page-header-menu .hor-menu nav .navbar-nav > li.open > a, .page-header .page-header-menu .hor-menu nav .navbar-nav > li > a:hover, .page-header .page-header-menu .hor-menu nav .navbar-nav > li > a:focus, .page-header .page-header-menu .hor-menu nav .navbar-nav > li > a:active {
        background: #337ab7 !important;
        color: #fff !important;
    }
}

#listContainer .table-container .table td:before {
    display: none
}

@media screen {
    #listContainer .table-container .table {
        table-layout: fixed;
        width: 100%;
        white-space: nowrap;
    }

        #listContainer .table-container .table td {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    @media (min-width: 800px) {
        #listContainer .table-container .table {
            table-layout: fixed;
            width: 100%;
            white-space: normal;
        }

            #listContainer .table-container .table td {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
    }

    @media (max-width: 800px) {
        .portlet-datatable table.dataTable td:first-child, .portlet-datatable table.dataTable th:first-child {
            padding: 5px !important;
        }

        .page-content .RecordListbox .toolsRecordListbox .btn.green:not(.btn-outline) {
            margin: 0 !important
        }

        .toolsRecordListbox .dataTables_length, .toolsRecordListbox .pull-right.dataTablesview {
            display: none;
        }

        .page-content .RecordListbox .toolsRecordListbox .form-group.addButtonGroup {
            margin: 0 !important;
            padding: 0 !important;
            border: none !important;
        }

        #listContainer .table-container .table th, .table-container .table td, .table-container .table tr {
            vertical-align: middle;
            box-sizing: border-box;
            float: left !important;
            width: 100% !important;
            display: block !important;
            max-width: 100% !important;
            max-height: 100% !important;
        }

        #listContainer .table-container .table, #listContainer .table-container .table th {
            border: none
        }

            #listContainer .table-container .table td {
                border: none;
            }

            #listContainer .table-container .table tr.heading {
                display: none !important
            }

            #listContainer .table-container .table tr {
                border-bottom: 3px solid #dddddd;
                background: #fff;
                padding: 10px 0 5px;
            }

                #listContainer .table-container .table tr th .margin-bottom-5, #listContainer .table-container .table tr th .filter-cancel {
                    display: inline-block !important;
                    float: right;
                    margin: 5px 0 5px 10px;
                }

                #listContainer .table-container .table tr .margin-bottom-5 button.green {
                    padding: 2px 15px;
                    border-radius: 5px !important;
                    color: #fff;
                    background-color: #32495a !important;
                    border-color: #4c748c !important;
                    margin: 0px 0 0;
                }

                    #listContainer .table-container .table tr .margin-bottom-5 button.green:hover, #listContainer .table-container .table tr .margin-bottom-5 button.green:focus, #listContainer .table-container .table tr .margin-bottom-5 button.green:focus:active {
                        color: #fff;
                        background-color: #5999bf !important;
                        border-color: #4982a5 !important;
                    }

            #listContainer .table-container .table td:before {
                content: attr(data-attr) ":";
                display: inline-block;
                padding-right: 5px;
                font-weight: bold;
                min-width: 130px;
            }

            #listContainer .table-container .table th > any {
                display: block;
                margin-left: 135px;
            }

        #containerDiv {
            padding-top: 20px !important;
        }

        .row, .container-fluid, .col-md-12.row {
            margin: 0px !important;
            padding: 0 !important
        }

            .col-md-12.row.form-group {
                padding: 20px !important
            }

        .page-header .container-fluid {
            margin: 0 10px !important;
        }

        .row > .col-md-12 {
            padding: 0px !important
        }

        #listContainer .table-container .table th:before {
            content: attr(data-attr) ":";
            display: inline-block;
            width: 135px;
            float: inherit;
            margin-top: 7px;
            font-size: 11px;
            font-weight: bold;
            text-transform: capitalize;
        }

        #listContainer .table-container .table th:last-child:before {
            display: none
        }

        .nav.nav-tabs {
            /*display:none;*/
        }

        .RecordListboxbadding .tab-pane {
            /*display: block !important;
             border: 1px solid #f2f2f2;
             margin-bottom: 20px;*/
        }

        .tab-pane:before {
            content: attr(data-attr) ":";
            display: block;
            font-weight: bold;
        }

        .tabs {
            display: none;
        }

        .tab_drawer_heading {
            background-color: #ccc;
            color: #fff;
            border-top: 1px solid #333;
            margin: 0;
            padding: 5px 20px;
            display: block;
            cursor: pointer;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .d_active {
            background-color: #666;
            color: #fff;
        }
    }
}

@media (min-width: 991px) and (max-width: 1023px) {
    .container-fluid {
        margin: 0 0px;
    }

    #containerDiv {
        padding-top: 20px !important;
    }
}

@media (min-width: 768px) {
    #FormContent .gv-droppable-grid .col-md-2 {
        width: 25%;
        float: left
    }

    #FormContent .gv-droppable-grid .col-md-10 {
        width: 75%;
        float: left
    }
}

.control-label.control-label-left {
    padding: 0 15px !important
}

.print-footer, .print-header {
    display: none
}

@page {
    height: 80%
}

@media print {
    .k-autocomplete, .k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap, .k-textbox {
        border: none !important
    }

    body .k-datetimepicker .k-select {
        display: none !important
    }

    #pageContainer > .portlet.box.green, .container-fluid > .portlet.box.green, .RecordListbox > .portlet.box.green {
        position: static;
    }

    iframe {
        display: none !important;
        visibility: hidden !important
    }

    .btn-group > .dropdown-menu:after, .dropdown-toggle > .dropdown-menu:after, .dropdown > .dropdown-menu:after {
        display: none !important
    }

    .panel-default > .panel-heading {
        background-color: #f5f5f5 !important;
        border: 1px solid #ccc !important;
    }

    .row {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .nav.nav-tabs {
        display: none;
    }

    .tab-pane {
        display: block !important;
        border: 1px solid #f2f2f2;
        margin-bottom: 10px;
        float: left;
        width: 100%;
        padding: 5px;
    }

        .tab-pane:before {
            content: attr(data-attr) ":";
            display: block;
            font-weight: bold;
        }

    .page-wrapper .page-wrapper-top {
        min-height: auto !important;
    }

    #FormContent, .col-md-12 {
        padding: 0 2px !important
    }

    *, .page-content *:before, .page-content *:after {
        color: #000 !important;
        font-size: 22px !important;
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-color: #f2f2f2 !important;
        line-height: 1.7em !important;
    }

    .page-content h3 {
        font-size: 24px !important;
        font-weight: bold !important
    }

    .page-content h3 {
        font-size: 27px !important;
        font-weight: bold !important
    }

    .page-content h1 {
        font-size: 30px !important;
        font-weight: bold !important
    }

    body > #wrapper {
        padding: 0% 0 !important;
        height: auto !important;
        min-height: auto !important;
        margin: 0 auto 0px !important;
    }

    table thead, .RecordListbox {
        margin-top: 0px !important;
    }

    .fixed-table-container {
        border: 0px solid #dddddd;
        height: auto !important;
    }

    .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
        border: none !important;
    }

    .k-state-default > .k-select {
        display: none
    }

    #FormContent .gv-droppable-grid .col-md-10, #FormContent .gv-droppable-grid .col-md-9 {
        width: 80%;
        float: left;
        padding: 0 0 0 5px;
        overflow: visible !important;
        height: auto !important;
    }

    .label-info, .panel-default > .panel-heading {
        background: none;
        color: #000
    }

        .label-info span {
            display: none
        }

    .k-header, .templateTopSection, .panel-default, .panel-default > .panel-heading {
        border: none !important
    }

    .cke_top.cke_reset_all, .cke_bottom.cke_reset_all, .k-dropzone {
        display: none !important;
    }

    #FormContent .gv-droppable-grid .col-md-2, #FormContent .gv-droppable-grid .col-md-3 {
        width: 20%;
        float: left;
        padding: 0 5px 0 0px;
    }

    .contentForm .form-group.col-md-12.row {
        margin: 0px 10px 3px 10px;
    }

    select, textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        background: none;
    }

    textarea {
        resize: none;
        height: auto !important;
    }

    .row.col-md-12 {
        margin: 0 !important;
        padding: 0px !important
    }

    .contentForm .form-group.col-md-12.row {
        margin: 0 !important;
        padding: 0px !important
    }

    #FormContent .pull-right.search, .pagination {
        display: none
    }

    button, tr td:last-child, tr th:last-child {
        display: none !important
    }

    table, tr, td, th, input, select, textarea {
        border: none !important;
        padding: 0 !important;
    }

    td, th {
        border-right: 1px solid #ccc
    }

        td:last-child, th:last-child {
            border: none !important;
        }

    .no-records-found td:last-child {
        display: block !important
    }

    button.multiselect.dropdown-toggle.form-control {
        border: none !important;
        display: block !important;
        visibility: visible;
    }

    button, input, .form-control {
        padding: 0px !important;
        border: none;
        margin: 0px;
    }

    .mt-multiselect .caret {
        display: none;
    }

    .control-label.control-label-left {
        padding: 5px 0px !important;
    }

    .print-header {
        width: 100%;
        display: block;
        margin: 80px 0px 80px;
        z-index: 3000;
        background: #fff !important;
        padding: 0 0 80px 0;
        float: left;
        color: #8c9815;
        margin-bottom: 10px;
    }

        .print-header .ApeiroSysogo {
            font-size: 22px;
            font-family: 'timeburner' !important;
            margin: 0px 0px 0 0;
            line-height: 30px;
            display: inline-block;
            float: left;
        }

        .print-header span {
            width: 25%;
            display: inline-block;
            text-align: left;
            float: left;
            margin-left: 60px;
        }

            .print-header span + span {
                text-align: left;
                font-size: 19px !important;
                width: 60%;
                float: left;
            }

                .print-header span + span span {
                    width: auto;
                    margin: 0;
                    padding-right: 30px;
                    padding-top: 40px;
                    font-size: 19px !important;
                    line-height: 20px !important;
                    position: relative;
                    float: right;
                }

            .print-header span img {
                width: 500px;
            }

            .print-header span + span span::after {
                content: ' ';
                width: 1px;
                background: #333;
                float: right;
                position: absolute;
                left: -8px;
                top: 15px;
                bottom: 5px;
            }

    body {
        position: relative;
        width: 100%;
    }

    .print-header span + span * {
        line-height: 12px !important;
        color: #333 !important
    }

    .print-footer {
        background: #4c748c !important;
        width: 100%;
        float: left;
        z-index: 3000;
        display: block;
        margin-top: 20px;
        padding: 10px 0 0 0;
        height: 10px;
        position: fixed;
        bottom: 30pt;
        right: 0pt;
    }

        .print-footer span {
            width: auto;
            display: inline-block;
            text-align: left;
            float: left;
            margin: -23px 10px 0;
            background: #fff !important;
            padding: 0 10px;
            font-size: 18px !important;
        }

            .print-footer span + span {
                text-align: center
            }

                .print-footer span + span + span {
                    text-align: right
                }

            .print-footer span span {
                float: none
            }

        .print-footer *, .print-header * {
            color: #8c9815;
        }

    #listContainer .table-container .table {
        width: 100%
    }

        .page-header, .login-copyright, .form-group.right-text button, #searchResultDivContainer .text-right, .toolsRecordListbox, #listContainer .table-container .table .filter, #listContainer .table-container th:last-child, #listContainer .table-container td:last-child {
            visibility: hidden;
            display: none !important
        }

    .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #f9f9f9 !important;
    }

    #listContainer .table-container .table, table.dataTable {
        table-layout: fixed !important;
        width: 100% !important;
        white-space: normal !important;
    }

        table.dataTable tr.heading th, table.dataTable tr td, #listContainer .table-container .table tr td {
            padding: 1px !important;
            width: auto !important;
            overflow-wrap: break-word
        }

    .fixed-table-header, span.req, .btn-group > .dropdown-menu:before, .dropdown-toggle > .dropdown-menu:before, .dropdown > .dropdown-menu:before {
        display: none !important
    }

    .fixed-table-body table {
        margin-top: 0 !important
    }

    .fixed-table-container thead th .sortable {
        padding: 2px;
    }

    .fixed-table-body table td {
        width: auto !important;
        border-left: 1px solid #eaeaea !important;
        padding-left: 2px !important
    }

    .fixed-table-body table td {
        border-bottom: 1px solid #eaeaea !important
    }

    .fixed-table-body table td {
        border-bottom: 1px solid #eaeaea !important
    }

    .fixed-table-body table th {
        border-bottom: 1px solid #eaeaea !important
    }

        .fixed-table-body table td:first-child, .fixed-table-body table th:first-child {
            border-left: none !important
        }

    .fixed-table-body table td {
        border-bottom: 1px solid #eaeaea !important;
    }

    .table-striped > tbody > tr:nth-of-type(odd) td {
        background-color: #f9f9f9 !important;
    }

    .multiselect.dropdown-toggle.mt-multiselect.form-control {
        display: none !important
    }

    .multiselect-container.dropdown-menu {
        position: static !important;
        display: block !important;
        background: none;
        border: none;
        padding: 0 !important;
    }

        .multiselect-container.dropdown-menu li {
            display: none;
            float: left
        }

            .multiselect-container.dropdown-menu li.active {
                display: inline-block;
                padding: 0px;
                margin: 0px;
                background: none !important;
                border: none !important
            }

                .multiselect-container.dropdown-menu li.active input {
                    display: none
                }

            .multiselect-container.dropdown-menu li a {
                padding: 0px;
                background: none;
                border: none
            }

    .multiselect-container > li > a > label.checkbox, .multiselect-container > li > a > label {
        padding: 0px 5px 0px 0px !important;
        background: none;
        border: none;
    }

    .multiselect-container a + a {
        display: none !important
    }

    .multiselect-container > li.active:not(.multiselect-all) > a > label.checkbox::after {
        padding: 0px 0px 0px 5px;
        content: ",";
    }

    .dropImageHereText {
        padding: 0px;
        text-align: left;
    }

    .hidden-print {
        display: none !important
    }
    /* tawkchat hidden print */
    .hidden-print-bottom + div, .hidden-print-bottom + div > ifram + ifram, .hidden-print-bottom + div > ifram, .hidden-print-bottom + div > ifram {
        display: none !important
    }

    .modal-scrollable, .modal-backdrop {
        display: none !important
    }
    /* tawkchat hidden print */
    .panel-collapse.collapse {
        display: block !important
    }

    .panel-body {
        padding: 2px;
    }

    .multiselect-container li.active:last-child a label.checkbox::after, .multiselect-container li.active.multiselect-all, .multiselect-container li.active:first-child a label.checkbox::after {
        display: none
    }

    #listContainer .table-container .table th:last-child:before, .multiselect-container > li.active:not(.multiselect-all):first-child > a label.checkbox::after {
        display: none
    }

    #FormContent .tab-content .tab-pane {
        display: block !important;
        height: auto;
        visibility: visible;
    }
}

.gv-droppable-grid.row.ui-sortable {
    padding: 0 !important
}


/* allow space for check mark */
.row.gv-container {
    margin: 0;
    padding: 0 15px;
}

.row.gv-container {
    margin: 0;
    padding: 0 15px;
}

.mt-element-step .step-line .done .mt-step-title {
    color: #2ab4c0 !important;
}

.mt-element-step .row.step-line h3 {
    display: none;
}

.mt-element-step .step-line .first .mt-step-title:before, .mt-element-step .step-line .last .mt-step-title:after {
    content: " ";
}

.mt-element-step .step-line .first > div > .mt-step-title:before, .mt-element-step .step-line .last > div > .mt-step-title:after {
    content: none
}

.mt-element-step .step-line .mt-step-title:after, .mt-element-step .step-line .mt-step-title:before {
    top: auto;
    bottom: -18px;
}

.mt-element-step .step-line .mt-step-col {
    width: auto;
    padding: 0px;
    display: flow-root;
}

.mt-element-step .step-line .mt-step-number {
    font-size: 26px;
    border-radius: 50% !important;
    display: inline-block;
    margin: auto auto 5px;
    padding: 0px;
    border: none;
    position: relative;
    z-index: 5;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 27px;
}

    .mt-element-step .step-line .mt-step-number i {
        font-size: 18px;
    }

.mt-element-step .step-line .mt-step-title {
    font-size: 13px;
    font-weight: 400;
    position: relative;
}

.step-line + .step-line {
    display: flow-root;
    margin-left: 100px;
}

.mt-element-step .step-line + .step-line .mt-step-title:before {
    right: 50%;
    width: 100%;
}

.mt-element-step .step-line + .step-line .mt-step-col {
    position: relative
}

.mt-element-step .mt-step-col > .step-line + .step-line > .mt-step-col:after {
    background-color: #2ab4c0;
    content: '';
    height: 100%;
    width: 3px;
    position: absolute;
    bottom: -33px;
    left: -52px;
    z-index: 4;
    transform: translateY(-100%);
}
/* .mt-element-step .step-line .mt-step-title:before {
     right: 50%;
     width: 100%;
}
*/
.mt-element-step .step-line > .current > div > .mt-step-number i {
    font-size: 14px;
    line-height: 15px;
}

.mt-element-step .step-line > .current > div > .mt-step-number {
    height: 22px;
    width: 22px;
    text-align: center;
    line-height: 27px;
}

.mt-element-step .step-line + .step-line .mt-step-col.wait:after {
    background-color: #9e9e9e;
}

.mt-element-step .step-line + .step-line .mt-step-col.wait.paretcurrent:after {
    background-color: #2ab4c0;
}

.mt-element-step .step-line > .current > div > .mt-step-number, .mt-element-step .step-line > .current > div > .mt-step-number {
    border: 3px solid #2ab4c0 !important;
    background: #fff;
}

.mt-element-step .step-line > .wait > div > .mt-step-title:before, .mt-element-step .step-line > .wait > div > .mt-step-title:after {
    background-color: #9e9e9e;
}

.mt-element-step .step-line > .wait > div > .mt-step-number i, .mt-element-step .step-line > .wait > div > .mt-step-number i {
    color: #9e9e9e
}

.mt-element-step .step-line > .wait > div > .mt-step-title, .mt-element-step .step-line > .wait > div > .mt-step-title {
    color: #9e9e9e !important
}

.mt-element-step .step-line > .done > div > .mt-step-title:before, .mt-element-step .step-line > .done > div > .mt-step-title:after {
    background-color: #2ab4c0;
}

.mt-element-step .step-line > .done > div > .mt-step-number i, .mt-element-step .step-line > .done > div > .mt-step-number i {
    color: #2ab4c0;
}

.mt-element-step .mt-step-col.done > .step-line + .step-line .mt-step-col.wait:after {
    background-color: #2ab4c0;
}

.mt-element-step .mt-step-col.done > .step-line + .step-line .mt-step-col.wait:after {
    background-color: #2ab4c0;
}

.mt-element-step .mt-step-col > .step-line + .step-line.class48 > .mt-step-col:after {
    height: 48px;
}

.mt-element-step .mt-step-col > .step-line + .step-line.class96 > .mt-step-col:after {
    height: 96px;
    bottom: -81px;
}

.mt-element-step .mt-step-col > .step-line + .step-line.class144 > .mt-step-col:after {
    height: 144px;
    bottom: -129px;
}

.mt-element-step .mt-step-col > .step-line + .step-line.class192 > .mt-step-col:after {
    height: 196px;
    bottom: -171px;
}

@media (min-width:990px) {
    .mt-element-step:hover .row.step-line h3 {
        display: block;
        font-size: 14px;
        /* font-weight: bold;
         */
        color: #325c80;
        margin: 0 0 10px;
        background: #eff3f8;
        padding: 14px 10px;
        border-bottom: 1px solid #325c80;
    }

    .mt-element-step .row {
        margin: 0;
        height: 40px;
        overflow: hidden;
    }

    .mt-element-step:hover .row.step-line {
        background: #fff;
        position: absolute;
        width: 100%;
        box-shadow: 0px 0px 10px #6c7c88;
        z-index: 2000;
        border-radius: 0 0 10px 10px !important;
        height: auto;
    }
}

@media (max-width:991px) {
    .mt-element-step .step-line .mt-step-title:after, .mt-element-step .step-line .mt-step-title:before {
        content: " " !important;
    }

    .mt-element-step .step-line .first > div > .mt-step-title:before, .mt-element-step .step-line .last > div > .mt-step-title:after {
        content: none !important;
    }
}
/* form designer start */
.container.RenderDesiger .gv-droppable-grid {
    border: 1px dashed #e5e5e5 !important;
    padding: 4px !important
}

.container.RenderDesiger {
    width: auto;
    padding: 10px 15px;
    background: #fff;
}

.spcr5.row {
    margin: 0
}

#formSettingGeneral {
    transition-property: top,-webkit-transform;
    transition-property: top,transform;
    transition-property: top,transform,-webkit-transform;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
    width: 310px;
    left: -310px;
    z-index: 201;
    position: fixed;
    overflow: hidden;
    background: #252525;
    color: #fff;
    top: 82px;
    height: 100%;
}

    #formSettingGeneral.active {
        -webkit-transform: translateX(310px);
        -ms-transform: translateX(310px);
        transform: translateX(310px);
    }

#design-canvas.addclass {
    overflow: hidden;
    position: relative
}

div#formSettingCondition {
    transition-property: top,-webkit-transform;
    transition-property: top,transform;
    transition-property: top,transform,-webkit-transform;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
    width: 370px;
    right: -370px;
    z-index: 3000;
    position: fixed;
    color: #fff;
    background: #252525;
    overflow: hidden;
    top: 82px;
    height: 100%;
}

    div#formSettingCondition.active {
        -webkit-transform: translateX(-370px);
        -ms-transform: translateX(-370px);
        transform: translateX(-370px);
    }

#designCanvasContainer.form-horizontal.shadow {
    width: 80%;
    margin: 0 auto;
    float: none;
    padding: 0;
    background-color: #fff;
    border: 1px solid transparent;
}

.labelfull.control-label.propertyLabel, .labelfull > .control-label.propertyLabel, .labelfull > .form-group-prop .control-label.propertyLabel {
    padding: 10px;
    color: #ffffff;
    text-transform: uppercase;
}

#designCanvasContainer.form-horizontal.shadow.pin {
    width: auto;
    margin: 0 50px 0 320px;
}

#designCanvasContainer.form-horizontal.shadow.pin2 {
    width: auto;
    margin: 0 410px 0 30px;
}

    #designCanvasContainer.form-horizontal.shadow.pin2.pin {
        width: auto;
        margin: 0 410px 0 320px;
    }
/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
    height: 100%
}

#formSettingCondition .scroll-wrapper {
    padding-left: 0px !important;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

    .scroll-wrapper > .scroll-content::-webkit-scrollbar {
        height: 0;
        width: 0;
    }

.scroll-element {
    display: none;
}

    .scroll-element, .scroll-element div {
        box-sizing: content-box;
    }

        .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
            display: block;
        }

        .scroll-element .scroll-bar, .scroll-element .scroll-arrow {
            cursor: default;
        }

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}

    .scroll-textarea > .scroll-content {
        overflow: hidden !important;
    }

        .scroll-textarea > .scroll-content > textarea {
            border: none !important;
            box-sizing: border-box;
            height: 100% !important;
            margin: 0;
            max-height: none !important;
            max-width: none !important;
            overflow: scroll !important;
            outline: none;
            padding: 2px;
            position: relative !important;
            top: 0;
            width: 100% !important;
        }

            .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
                height: 0;
                width: 0;
            }
/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div {
    /* border: none;
     */
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-outer > .scroll-element {
    background-color: #252525;
}

    .scrollbar-outer > .scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }

    .scrollbar-outer > .scroll-element.scroll-x {
        bottom: 0;
        height: 12px;
        left: 0;
        width: 100%;
    }

    .scrollbar-outer > .scroll-element.scroll-y {
        height: 100%;
        right: 0;
        top: 0;
        width: 12px;
    }

    .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
        height: 8px;
        top: 2px;
    }

    .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
        left: 2px;
        width: 8px;
    }

    .scrollbar-outer > .scroll-element .scroll-element_outer {
        overflow: hidden;
    }

    .scrollbar-outer > .scroll-element .scroll-element_track {
        background-color: #333;
    }

    .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

    .scrollbar-outer > .scroll-element .scroll-bar {
        background-color: #666;
    }

        .scrollbar-outer > .scroll-element .scroll-bar:hover {
            background-color: #999;
        }

    .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
        background-color: #999;
    }
/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
    left: -12px;
    margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
    top: -12px;
    margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
    min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
    min-height: 10px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -14px;
}

.formSettingGeneral-close, .formSettingCondition-close, .formSettingGeneral-pin, .formSettingCondition-pin {
    float: right;
    font-size: 17px;
    margin-top: -1px;
    font-weight: lighter;
    color: #d0e0ea;
    margin-right: 10px;
}

    .formSettingGeneral-close:hover, .formSettingCondition-close:hover, .formSettingGeneral-pin:hover, .formSettingCondition-pin:hover, .formSettingGeneral-close:focus, .formSettingCondition-close:hofocusver, .formSettingGeneral-pin:focus, .formSettingCondition-pin:focus, .formSettingGeneral-close:hover:active, .formSettingCondition-close:hover:active, .formSettingGeneral-pin:hover:active, .formSettingCondition-pin:hover:active, .formSettingGeneral-close:focus:active, .formSettingCondition-close:focus:active, .formSettingGeneral-pin:focus:active, .formSettingCondition-pin:focus:active {
        color: #fff !important;
    }

a.formSettingGeneral-pin:hover, a.formSettingGeneral-pin:hover::before, a.formSettingGeneral-pin:focus, a.formSettingGeneral-pin:focus::before, a.formSettingCondition-pin:hover, a.formSettingCondition-pin:hover::before, a.formSettingCondition-pin:focus, a.formSettingCondition-pin:focus::before, a.formSettingGeneral-close:hover, a.formSettingGeneral-close:hover::before, a.formSettingGeneral-close:focus, a.formSettingGeneral-close:focus::before, a.formSettingCondition-close:hover, a.formSettingCondition-close:hover::before, a.formSettingCondition-close:focus, a.formSettingCondition-close:focus::before {
    color: #fff;
}

#fieldproperties label {
    font-size: 13px !important;
}

#formSettingGeneral > h4, #formSettingCondition > h4 {
    padding-left: 10px;
    font-size: 15px
}

#designCanvasContainer .hasFocus[class*="form-group"] {
    border: none !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 1px #428bca;
}

#designCanvasContainer .hasFocus.gv-droppable-grid {
    border: dashed 1px #428bca !important;
    background-color: #fff !important;
}

.k-i-arrow-n:before {
    content: "\f0d8";
    width: 19px;
    display: block;
}

.k-i-arrow-s:before {
    content: "\f0d7";
    width: 19px;
    display: block;
}
/*
 .k-state-default>.k-select {
     border-color: #ccc;
     background: #eef2f5;
     color: #000;
}
*/
#formSettingCondition textarea.form-control {
    overflow: hidden
}

.formSettingGeneral-pin, .formSettingCondition-pin {
    transform: rotate(34deg);
    -webkit-transform: rotate(34deg);
    -moz-transform: rotate(34deg);
    -o-transform: rotate(34deg);
    -ms-transform: rotate(34deg);
}

.active-pin {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
}

#formSettingCondition .k-widget.form-control {
    background: none;
    border: none;
    color: #325c80;
}

.k-numerictextbox .k-icon {
    height: 14px;
}

#formSettingCondition .k-widget.form-control input {
    margin: 0;
    border: none;
}

.k-i-arrow-n, .k-i-arrow-s {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.togglePanel.forFormFields {
    position: fixed !important;
    top: 148px;
    height: 54px;
    background-color: #333;
    display: none;
    cursor: pointer;
    text-align: center;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
    width: 57px;
    padding: 11px 12px 13px 16px;
    left: -2px;
    color: #fff;
    font-size: 13px;
    border-radius: 0 100px 100px 0 !important;
    text-align: left;
    z-index: 1;
    display: block;
}

    .togglePanel.forFormFields:after, .togglePanel.forFormFields:before {
        content: " ";
        display: inline-block;
        width: 54px;
        height: 54px;
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 50%;
        box-shadow: 0 0 0 rgba(0,0,0,.4);
        -webkit-animation: pulse 2.7s infinite;
        animation: pulse 2.7s infinite;
        z-index: 5;
    }

.togglePanel span {
    line-height: 1;
}

.togglePanel .fa {
    font-size: 25px;
    line-height: 54px;
    display: inline-block;
    color: #fff;
}

.togglePanel.forFormFields .fa {
    position: absolute;
    right: 0;
    top: 0;
    width: 54px;
    height: 54px;
    text-align: center;
}

.togglePanel.forFormFields:after {
    -webkit-animation-delay: .54s;
    animation-delay: .54s;
}

#formSettingCondition .row {
    margin-top: 0;
    margin-bottom: 0
}

.scroll-element.scroll-x {
    display: none !important
}

#formSettingCondition #fieldproperties .input-group-addon {
    background: none;
    color: #fff
}

    #formSettingCondition #fieldproperties .input-group-addon .icon-reorder.fa {
        margin-top: -14px;
        width: 30px;
        height: 16px;
        display: inline-block;
        background: url(svg/braille-six-dots.svg) no-repeat center center;
        background-size: 50%;
    }

        #formSettingCondition #fieldproperties .input-group-addon .icon-reorder.fa:before {
            display: none
        }

    #formSettingCondition #fieldproperties .input-group-addon .fa-minus-circle, #formSettingCondition #fieldproperties .input-group-addon .fa-plus-circle {
        font-size: 20px;
        cursor: pointer
    }

    #formSettingCondition #fieldproperties .input-group-addon .fa-minus-circle {
        color: #f36a5a;
        background: #fff;
        border-radius: 50% !important;
        width: 16px;
    }

    #formSettingCondition #fieldproperties .input-group-addon .fa-plus-circle {
        color: #268de4;
        background: #fff;
        border-radius: 50% !important;
        width: 16px;
    }

#formSettingCondition #property {
    height: 100%;
    float: left;
    width: 100%
}

#formSettingGeneral .nav-tabs, #formSettingCondition .nav-tabs {
    border: none
}

    #formSettingCondition .nav-tabs > li {
        width: 50%;
        text-align: center
    }

#formSettingCondition .tab-content .nav.nav-tabs li {
    width: 33.333%
}

#formSettingCondition .tab-content .tab-content {
    background: #333;
}

#formSettingCondition .tab-content .tab-canvas {
    min-height: inherit;
}

#formSettingGeneral .nav-tabs > li > a, #formSettingCondition .nav-tabs > li > a {
    background: #333;
    padding: 10px 14px;
    color: #fff;
    border: none;
}

    #formSettingGeneral .nav-tabs > li > a:hover, #formSettingCondition .nav-tabs > li > a:hover {
        background: #444;
        padding: 10px 15px;
        color: #fff;
        border: none;
    }

#formSettingGeneral .nav-tabs > li.active > a, #formSettingGeneral .nav-tabs > li.active > a:focus, #formSettingGeneral .nav-tabs > li.active > a:hover, #formSettingCondition .nav-tabs > li.active > a, #formSettingCondition .nav-tabs > li.active > a:focus, #formSettingCondition .nav-tabs > li.active > a:hover {
    background: #444;
    color: #fff;
    border: none;
    border-bottom: 2px solid #e3e9ec;
}

#formSettingGeneral .tab-content, #formSettingCondition .tab-content {
    background: none;
    overflow: hidden;
    padding: 0px;
    height: 100%;
    display: block;
    border: none !important;
}

#formSettingGeneral .row.nav.nav-pills.nav-stacked, #formSettingCondition .row.nav.nav-pills.nav-stacked {
    margin: 0;
}

#formSettingGeneral .tab-content > .tab-pane, #formSettingCondition .tab-content > .tab-pane {
    height: 100%;
    padding-bottom: 150px
}

.formControl.ui-draggable span, .formContainer.ui-draggable span {
    display: inline-block;
    font-size: 13px;
    float: left;
    line-height: 40px;
}

#formSettingGeneral .formControl.ui-draggable, #formSettingGeneral .formContainer.ui-draggable {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    float: inherit;
    width: 298.4px;
    background: #333;
    border: none !important;
    border-bottom: 1px solid #666 !important;
    padding: 0 3px;
    color: #fff;
}

.formControl.ui-draggable, .formContainer.ui-draggable {
    float: inherit;
    width: 100%;
    background: #325c80;
    border: none !important;
    border-bottom: 1px solid #4b6b82 !important;
    padding: 0 3px;
    color: #dee3e6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

#formSettingCondition .form-group-prop {
    width: 100%;
}

#formSettingCondition .btn {
    background: #268de4;
    color: #fff;
    width: 100%;
    border: 1px solid #75aede;
}

#formSettingCondition .multiselect-item.multiselect-filter .form-control.multiselect-search {
    padding: 2px;
    height: 34px;
}

.jstree-anchor.jstree-hovered {
    background: none !important;
}

#formSettingCondition .form-group-prop .controls .col-md-4 {
    padding: 0 2px;
}

#formSettingCondition .form-group-prop .controls .col-md-11 {
    padding: 0px;
}

#formSettingCondition .tab-content .tab-content .tab-pane {
    padding-top: 10px;
    padding-bottom: 60px;
}

.k-icon.k-i-calendar {
    background: url(svg/calendar-icon.svg) no-repeat center center;
    background-size: 70%;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.k-icon.k-i-clock {
    background: url(svg/clock-circular-outline.svg) no-repeat center center;
    background-size: 70%;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.formControl.ui-draggable:hover, .formControl.ui-draggable:focus, .formControl.ui-draggable:hover:focus, .formControl.ui-draggable:active:focus, .formContainer.ui-draggable:hover, .formContainer.ui-draggable:focus, .formContainer.ui-draggable:hover:focus, .formContainer.ui-draggable:active:focus {
    background: #454545 !important;
    border: none !important;
    border-bottom: 1px solid #666 !important;
}

.svg-img {
    float: left;
    width: 30px;
    height: 40px;
    display: inline-block;
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #666;
}

  .svg-1{
    background: url(svg/001-location.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-new2{
    background: url(svg/002-interface.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-new1{
    background: url(svg/001-cogwheel.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-2{
    background: url(svg/002-tool-1.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-3{
    background: url(svg/003-clock.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-4{
    background: url(svg/004-square.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-5{
    background: url(svg/005-sign.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-6{
    background: url(svg/006-computer.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-7{
    background: url(svg/007-up-arrow.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-8{
    background: url(svg/008-business.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-9{
    background: url(svg/009-write.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-10{
    background: url(svg/010-document.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-11{
    background: url(svg/011-tool.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-12{
    background: url(svg/012-symbol.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-13{
    background: url(svg/013-computer-1.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-14{
    background: url(svg/014-add.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-15{
    background: url(svg/015-notes.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-16{
    background: url(svg/016-web-1.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-17{
    background: url(svg/017-up-arrow-1.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-18{
    background: url(svg/018-social.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-19{
    background: url(svg/019-time.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-20{
    background: url(svg/020-symbols.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-21{
    background: url(svg/021-three.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-22{
    background: url(svg/square-outline.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-23{
    background: url(svg/023-graphic.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-24{
    background: url(svg/024-two.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-25{
    background: url(svg/025-right.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-26{
    background: url(svg/026-web-2.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-27{
    background: url(svg/027-window.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-28{
    background: url(svg/028-technology.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-29{
    background: url(svg/029-interface.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-30{
    background: url(svg/030-web.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-31{
    background: url(svg/031-interface-1.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-32{
    background: url(svg/032-interface-2.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-33{
    background: url(svg/033-mark.svg) no-repeat center center;
    background-size: 70%;
}
 .svg-34{
    background: url(svg/034-Google.svg) no-repeat center center;
    background-size: 85%;
}
 .svg-35{
    background: url(svg/035-Workflow.svg) no-repeat center center;
    background-size: 85%;
}
 .svg-36{
    background: url(svg/036-UserRotation.svg) no-repeat center center;
    background-size: 85%;
}
 .svg-37{
    background: url(svg/037-AssignedToUser.svg) no-repeat center center;
    background-size: 85%;
}
 .svg-38{
    background: url(svg/038-AssignedToGroup.svg) no-repeat center center;
    background-size: 85%;
}
 .svg-39{
    background: url(svg/039-update-user.svg) no-repeat center center;
    background-size: 85%;
}
 .svg-40{
    background: url(svg/040-UpdatedDate.svg) no-repeat center center;
    background-size: 85%;
}
 .svg-41{
    background: url(svg/041-Button.svg) no-repeat center center;
    background-size: 85%;
}
 .svg-42{
    background: url(svg/042-123.svg) no-repeat center center;
    background-size: 75%;
}
 .svg-43{
    background: url(svg/043-TextBox.svg) no-repeat center center;
    background-size: 85%;
}
 .svg-44{
    background: url(svg/044-RecordVersion.svg) no-repeat center center;
    background-size: 75%;
}
 .svg-45{
    background: url(svg/045-dataTable.svg) no-repeat center center;
    background-size: 75%;
}

.right-out-tools {
    position: absolute;
    z-index: 100;
    top: 0px;
    display: none;
    width: 39px;
    float: right;
}

#designCanvasContainer .hasFocus {
    padding: 20px 20px 20px 0 !important;
}

    #designCanvasContainer .hasFocus:after {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: ".. .. ..";
        width: 20px;
        font-size: 50px;
        line-height: 8px;
        padding: 0;
        margin: 0;
        position: absolute;
        right: 0px;
        top: 8px;
        color: #b9b9b9;
        letter-spacing: -4px;
        cursor: move;
    }

#designCanvasContainer .hasFocus {
    overflow: visible
}

    #designCanvasContainer .hasFocus .right-out-tools {
        display: block
    }

.right-out-tools a {
    display: block !important;
    padding: 10px 11px;
    background: #333;
    color: #fff;
    border-radius: 17px !important;
    text-align: center;
    width: auto !important;
    font-size: 15px;
    text-decoration: none !important;
    float: left;
    margin-bottom: 5px;
}

    .right-out-tools a span {
        display: none
    }

    .right-out-tools a:hover span {
        display: inline-block
    }

    .right-out-tools a.remove-action {
        background: #e7505a
    }

.onoffswitch {
    position: relative;
    width: 90px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    display: inline-block;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #666;
    border-radius: 20px !important;
    margin: 0 !important;
    font-size: 13px !important;
    display: inherit !important;
    width: 100%;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 25px;
        padding: 0;
        line-height: 25px;
        font-size: 12px;
        color: white;
        font-weight: bold;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "ON";
        padding-left: 10px;
        background-color: #fa0606;
        color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: "OFF";
        padding-right: 10px;
        background-color: #333;
        color: #fff;
        text-align: right;
    }

.onoffswitch-switch {
    display: block;
    width: 17px;
    margin: 6px;
    background: #FFFFFF;
    position: absolute;
    top: 5px;
    bottom: 0;
    right: 53px;
    border: 2px solid #ffffff;
    border-radius: 20px !important;
    transition: all 0.3s ease-in 0s;
    height: 17px !important;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 7px;
}

#FormContent .tab-toolbar {
    display: none;
}

.prop-mg-lr .switch-lb {
    display: inline-block;
    line-height: 20px !important;
    width: 117px;
    margin-right: 0px;
    padding-left: 9px;
    padding-right: 5px;
    float: left;
    border-right: 1px solid #4b6b82 !important;
    margin-right: 0px;
    margin-bottom: 0 !important;
}

.prop-mg-lr .onoffswitch {
    padding: 5px;
    border-left: 1px solid #666 !important;
    margin-left: -1px;
}

#formSettingCondition #fieldproperties .k-autocomplete.k-state-focused, #formSettingCondition #fieldproperties .k-picker-wrap.k-state-focused, #formSettingCondition #fieldproperties .k-numeric-wrap.k-state-focused, #formSettingCondition #fieldproperties .k-dropdown-wrap.k-state-focused, #formSettingCondition #fieldproperties .k-multiselect.k-header.k-state-focused, #formSettingCondition #fieldproperties .k-autocomplete.k-state-hover, #formSettingCondition #fieldproperties .k-picker-wrap.k-state-hover, #formSettingCondition #fieldproperties .k-numeric-wrap.k-state-hover, #formSettingCondition #fieldproperties .k-dropdown-wrap.k-state-hover, #formSettingCondition #fieldproperties .k-multiselect.k-header.k-state-hover {
    background-color: transparent !important;
}

#formSettingCondition .form-control[disabled], #formSettingCondition .form-control[readonly], #formSettingCondition fieldset[disabled] .form-control {
    background-color: #d8d8d8 !important;
    opacity: 1;
    color: #000;
    border-color: #bbb;
}

#formSettingCondition .form-control {
    background-color: #fff;
    /*border: 1px solid #4f7998;*/
    color: #000;
}
/*#formSettingCondition .jstree-icon{
    background: none !important;
     display:none !important
}
*/
.noPaddingTop5 {
    padding: 0px 0 0 0;
}

.formdatasource .form-group-prop {
    padding: 5px 9px;
}

#fieldproperties button {
    height: 34px;
}

    #fieldproperties button.multiselect-clear-filter {
        height: 34px;
    }

.with-box > .col-md-4.noPaddingTop5 {
    padding: 0px 0 0 9px !important;
    border-right: 1px solid #4b6b82 !important;
    height: 41px;
    vertical-align: middle;
    display: table;
}

.textDataSource .scrollbar-outer > .scroll-element .scroll-element_track {
    background: #252525;
}

#formSettingCondition .textDataSource {
    overflow: hidden;
    height: 250px;
}

.with-box > .col-md-8.noPadding {
    padding: 5px;
    border-left: 1px solid #666 !important;
    margin-left: -1px
}

#formSettingCondition .row.propertyPane {
    border-top: 1px solid #666;
    padding-bottom: 150px
}

#formSettingCondition .form-group-prop.with-box {
    width: 100%;
    border-bottom: 1px solid #666;
    margin: 0;
    padding: 0
}

#fieldproperties .col-md-12.noPaddingTop5 > label {
    padding: 5px 9px;
}

#formSettingCondition .form-group-prop + .form-group-prop {
    border-top: none
}

#formSettingCondition .scrollbar-outer > .scroll-content.scroll-scrolly_visible {
    left: -12px;
    margin-left: 12px;
}

#formSettingCondition .topSeparator {
    border-top: solid;
    border-top-width: 0px;
    padding-top: 0px;
    margin: 0px;
}

#fieldproperties label {
    font-size: 13px !important;
    display: table-cell;
    vertical-align: middle;
    margin-top: 8px;
}

#formSettingCondition .requiredConditionBuilder .propertyLabel {
    padding: 5px 0 5px 9px !important
}

#formSettingCondition .tab-content .tab-content {
    overflow: -webkit-paged-x
}

#formSettingCondition .btn-group > .dropdown-menu:before, #formSettingCondition .dropdown-toggle > .dropdown-menu:before, #formSettingCondition .dropdown > .dropdown-menu:before, #formSettingCondition .btn-group > .dropdown-menu:after, #formSettingCondition .dropdown-toggle > .dropdown-menu:after, #formSettingCondition .dropdown > .dropdown-menu:after {
    display: none !important
}

#formSettingCondition .multiselect-native-selec {
    width: 100%
}

#formSettingCondition .multiselect-native-select > select + .btn-group {
    width: 100%
}

    #formSettingCondition .multiselect-native-select > select + .btn-group button, #formSettingCondition .multiselect-native-select > select + .btn-group button:hover {
        text-align: left;
        width: 100%;
        background-color: #fff !important;
        border: 1px solid #4f7998 !important;
        color: #325c80 !important;
    }

#designCanvasContainer .k-numeric-wrap.k-state-default {
    pointer-events: none
}

#formSettingCondition .multiselect-container > li > a > label {
    padding: 3px 10px 3px 30px;
    display: block
}

#formSettingCondition .multiselect-native-select > select + .btn-group button .caret {
    float: right;
    margin: 5px 0
}

#formSettingCondition .nav-pills .col-md-3 {
    padding: 0 5px !important;
}

#designCanvasContainer .multiselect-container > li > a > label.radio, #designCanvasContainer .multiselect-container > li > a > label.checkbox {
    margin-left: 30px
}

#formSettingCondition .form-inline .propertyLabel {
    display: block
}

#formSettingCondition .form-inline .label.label-primary.rdselect {
    background: #325c80;
    color: #b0c9dc;
    font-weight: lighter;
    border: none;
    border-bottom: 2px solid #325c80;
    width: 32.333%;
    display: inline-block;
    padding: 10px 14px;
    font-size: 14px;
    margin: 0;
    margin-right: 0px;
    line-height: 1.42857;
}

    #formSettingCondition .form-inline .label.label-primary.rdselect.active-tab {
        border-bottom: 2px solid #fff;
        color: #fff
    }

#formSettingCondition .form-inline + .controls {
    background: #325c80;
    padding-top: 10px;
    padding-bottom: 30px;
    display: block;
}

    #formSettingCondition .form-inline + .controls input.form-control {
        margin-left: 10px;
        width: 218px;
    }

.topSeparator {
    float: left;
    width: 100%;
}

#formSettingCondition .prop-mg-lr.col-md-12 {
    width: 100%;
    border-bottom: 1px solid #666;
    margin: 0;
    padding: 0;
}

.portlet-datatable .form-control.toDateControl {
    margin: 0px 0 0 0;
    border-radius: none !important;
    font-weight: lighter;
}

.controls .input-group .col-md-4 {
    padding: 0 5px !important;
}
/* form designer end */
.recordListActionLinks {
    padding: 0;
    color: #333;
    font-size: 19px;
}

.gridster > ul > li {
    background-color: #fbfbfb;
    list-style-type: none;
}

.dashboardItemHeader {
    /*border-bottom: 1px solid #3f597e;*/
    background-color: #F5F5F5;
}

    .dashboardItemHeader label {
        padding: 5px;
    }

.dashboardBody {
    background-color: #eff3f8 !important;
    margin-top: 20px;
}

.itemDragable {
    cursor: pointer;
}

.dashboardToolbar {
    border-color: black;
    border-left-width: 1px;
    border-left-style: solid;
    padding-left: 6px;
}

#designCanvasContainer select, #designCanvasContainer .multiselect-native-select {
    pointer-events: none;
}

@media (max-width: 1000px) {
    .formSettingGeneral-pin, .formSettingCondition-pin {
        display: none !important
    }

    #sbid #designCanvasContainer.form-horizontal.shadow {
        width: 100%;
        margin: 0 0%;
        padding: 0 30px;
    }

    .subControlsContiner .fixed-table-container .fixed-table-body table {
        margin-top: 0px !important
    }

    .subControlsContiner .fixed-table-container .fixed-table-body table, .subControlsContiner .fixed-table-container .fixed-table-body {
        width: 100% !important
    }

    .subControlsContiner .fixed-table-container .fixed-table-header, .subControlsContiner .fixed-table-container .fixed-table-footer {
        display: none !important
    }

    .subControlsContiner .fixed-table-container .fixed-table-body table td, .subControlsContiner .fixed-table-container .fixed-table-body table tr {
        float: left;
        width: 100%;
        display: block;
    }

        .subControlsContiner .fixed-table-container .fixed-table-body table tr.no-records-found td:before, .subControlsContiner .fixed-table-container .fixed-table-body table th {
            display: none !important
        }
}

@media (max-width: 991px) {
    #formSettingGeneral .tab-content > .tab-pane, #formSettingCondition .tab-content > .tab-pane {
        height: 100%;
        padding-bottom: 135px;
    }

    div#formSettingCondition {
        top: 60px;
        width: 300px;
        right: -300px;
    }

    #formSettingCondition .form-inline + .controls input.form-control {
        margin-left: 10px;
        width: 176px;
    }

    div#formSettingGeneral {
        top: 60px;
    }

    div#formSettingCondition.active {
        -webkit-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        transform: translateX(-300px);
    }

    #designform .form-group {
        float: left;
        width: 100%
    }

    #sbid .nav.nav-tabs {
        display: block;
    }

    #sbid .tab-pane:before {
        display: none
    }

    .togglePanel.forFormFields {
        position: fixed !important;
        top: 148px;
        height: 42px;
        background-color: #325c80;
        display: none;
        cursor: pointer;
        text-align: center;
        transition-property: all;
        transition-duration: .5s;
        transition-timing-function: ease-in-out;
        width: 42px;
        padding: 11px 12px 13px 16px;
        left: -2px;
        color: #fff;
        font-size: 12px;
        border-radius: 0 50px 50px 0 !important;
        text-align: left;
        z-index: 1;
        display: block;
    }

        .togglePanel.forFormFields .fa {
            position: absolute;
            right: 0;
            top: -4px;
            width: 46px;
            height: 30px;
            text-align: center;
            font-size: 17px;
        }
}

.editor-datetime {
    position: relative;
}

.googleMapsContainer {
    padding: 0;
}

.jqx-icon-edit {
    background-size: 15px 15px;
}

.jqx-kanban-column-header {
    background-color: #325c80 !important;
    color: white;
}

.jqx-kanban-column {
    border-top: none !important;
}

.jqx-kanban-column-header-collapsed { /*vertical column invisible*/
    padding-top: 150px;
}


.dashboardItemWithTitle .export-main {
    margin-top: -45px;
}

.attachmentError {
    color: #a94442;
}



/*Start: GoogleMaps theme*/
.pac-card {
    margin: 10px 10px 0 0;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    font-family: Roboto;
}

.pac-container {
    padding-bottom: 12px;
    margin-right: 12px;
}

.pac-controls {
    display: inline-block;
    padding: 5px 11px;
}

    .pac-controls label {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 300;
    }

.googlemapsSearchBox {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
}

    .googlemapsSearchBox:focus {
        border-color: #4d90fe;
    }

#title {
    color: #fff;
    background-color: #4d90fe;
    font-size: 25px;
    font-weight: 500;
    padding: 6px 12px;
}

#target {
    width: 345px;
}
/*End:GoogleMaps theme*/

.multiselect.dropdown-toggle {
    text-align: left;
}

.kanbanitemContent {
    font-size: 13px;
    font-family: "Open Sans", OpenSans2
}

#popupHeaderLink {
    color: black;
}

    #popupHeaderLink #popupHeader {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 0px;
        font-weight: bold;
    }

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.loadingDimmer {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .9 ) url('./Images/loading.gif') 50% 50% no-repeat;
}

.notSupportedMessage {
    text-align: left;
    color: red !important;
}

.reportSearchCriteria {
    padding-bottom: 10px;
}

.driveListDirectory {
    color: RGB(255, 200, 67);
    font-size: 17px;
}

.driveListFile {
    color: #32495a;
    font-size: 17px;
}

.breadcrumb {
    padding-left: 10px;
    padding-bottom: 5px;
    margin: 0;
    background-color: #f8f8f8;
    border-bottom: solid 1px;
}

.apeiroDriveDropZone {
    background-color: #f8f8f8;
}


/* Space */
.space30 {
    height: 30px !important;
    clear: both;
}

/*---------Survey Classes ------------*/

/* Customize container */
@media (min-width: 768px) {
    body.page-survey .container {
        max-width: 730px;
    }
}

div.survey-feedback-control {
    font-size: 35px;
    font-family: sans-serif;
}

.rate-base-layer {
    color: #aaa;
}

.rate-hover-layer, .rate-select-layer {
    color: orange;
}

.survey-answerContainer {
    padding: 20px 0 10px 0;
}

.rangeslider-wrap {
    /*padding:20px;*/
    padding-top: 50px;
    padding-bottom: 40px;
}

.rangeslider {
    position: relative;
    height: 4px;
    border-radius: 5px;
    width: 100%;
    background-color: gray;
}

.rangeslider__handle {
    transition: background-color 0.2s;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #09f;
    touch-action: pan-y;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    z-index: 3;
    top: -8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 0 2px white;
}

.rangeslider__handle__value {
    transition: background-color 0.2s, box-shadow 0.1s, transform 0.1s;
    box-sizing: border-box;
    width: 90px;
    text-align: center;
    padding: 10px;
    background-color: #09f;
    border-radius: 5px;
    color: white;
    left: -35px;
    top: -55px;
    position: absolute;
    white-space: nowrap;
    border-top: 1px solid #007acc;
    box-shadow: 0 -4px 1px rgba(0, 0, 0, .07), 0 -5px 20px rgba(0, 0, 0, .3);
}

    .rangeslider__handle__value:before {
        transition: border-top-color 0.2s;
        position: absolute;
        bottom: -10px;
        left: calc(50% - 10px);
        content: "";
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid;
        border-top-color: #09f;
    }

.rangeslider__fill {
    position: absolute;
    top: 0;
    z-index: 1;
    height: 100%;
    background-color: #09f;
    border-radius: 5px;
}

.rangeslider__labels {
    position: absolute;
    width: 100%;
    z-index: 2;
    display: flex;
    justify-content: space-between;
}

.rangeslider__labels__label {
    font-size: 0.75em;
    position: relative;
    padding-top: 15px;
    color: gray;
}

    .rangeslider__labels__label:before {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        content: "";
        width: 1px;
        height: 9px;
        border-radius: 1px;
        background-color: rgba(128, 128, 128, .5);
    }

    .rangeslider__labels__label:first-child:before, .rangeslider__labels__label:last-child:before {
        height: 12px;
        width: 2px;
    }

    .rangeslider__labels__label:first-child:before {
        background-color: #09f;
    }

    .rangeslider__labels__label:last-child:before {
        background-color: gray;
    }

    .rangeslider__labels__label:first-child {
        transform: translateX(-48%);
    }

    .rangeslider__labels__label:last-child {
        transform: translateX(48%);
    }

.rangeslider.rangeslider--active .rangeslider__handle, .rangeslider.rangeslider--active .rangeslider__handle * {
    background-color: #33adff;
}

    .rangeslider.rangeslider--active .rangeslider__handle *:before {
        border-top-color: #33adff;
    }

.rangeslider.rangeslider--active .rangeslider__handle__value {
    transform: translateY(-5px);
    box-shadow: 0 -3px 2px rgba(0, 0, 0, .04), 0 -9px 25px rgba(0, 0, 0, .15);
}

.questionContainer {
    padding-top: 30px;
    margin-bottom: 30px;
    /*border-top:1px solid #eee;*/
}

.question-text {
    font-size: 20px;
}

.thankYouMessageContainer {
    text-align: center;
}

.multipleSelectDDL .caret {
    float: right;
    margin-top: 6px;
}

.sectionContainer {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 20px;
}

.surveySectionHeader {
    margin: 0;
}

.surveyPoints {
    margin-top: 6px;
}

.surveyPoints,
.surveyQuesPoints {
    text-align: right;
}

.surveyQuesTitle {
    margin: 0;
}

.survey-answerContainer .mt-checkbox-list,
.survey-answerContainer .mt-radio-list {
    padding: 0;
}

.survey-answerContainer .mt-checkbox-inline .mt-checkbox,
.survey-answerContainer .mt-radio-inline .mt-radio {
    margin-bottom: 0;
}

.surveyHeader {
    padding-bottom: 10px;
}


@media (max-width: 767px) {
    .surveyPoints,
    .surveyQuesPoints {
        text-align: left;
        /*background-color: #eee;*/
        padding: 0 5px;
        margin-top: 5px;
    }
}

.im2 {
    background-image: url('/Content/images/SurveyImages/emoji5.png');
    background-size: 64px 64px;
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    display: inline-block;
}

.rate-base-layer span {
    opacity: 0.5;
}
/*---------Survey Classes ------------*/


.conditionalproperty {
    background-color: #252525;
}
/*---------End: Survey Classes ------------*/



/*---------Shake Classes---------*/

.shake-infinity {
    animation: shake-infinity 0.5s;
    animation-iteration-count: infinite;
}

@keyframes shake-infinity {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}
/*---------End: Shake Classes---------*/