.editViewHeader {
    display: none;
}
.col-sm-12.col-xs-12.module-action-bar.clearfix.coloredBorderTop {
    display: none;
}
.navbar.navbar-default.navbar-fixed-top.app-fixed-navbar {
    height: 0 !important;
}
.col-sm-12.col-xs-12.content-area {
    margin-top: -60px !important;
}
.tab-content .tab-pane h4 {
    /*margin-top: -9px;*/
    margin-bottom: -13px;
}
.table-absolut-wizard tbody tr:nth-child(1), .table-absolut-wizard tbody tr:nth-child(3),.table-absolut-wizard tbody tr:nth-child(4) {
    width: 33% !important;
    float: right;
}
.table-absolut-wizard tbody tr:first-child td:last-child {
    position: absolute;
}
.table-absolut-wizard tbody tr:nth-child(4) {
    height: 0 !important;
}
.table-absolut-wizard tbody tr:nth-child(4) .list-inline li {
    margin-top: 0 !important;
}
.table-absolut-wizard tbody tr:nth-child(2) {
    position: absolute;
}
.control-sidebar-heading {
    margin-bottom: 5px !important;
}

#appnavigator {
    width: 42px !important;
}
.container-fluid.global-nav {
    margin-bottom: -4px;
}
#appnavigator23 {
    opacity: 0.3;
    position: absolute;
    -moz-column-gap: unset;
    transition-property: border-bottom-color;

}
.col-sm-6.col-md-3.col-lg-3.collapse.navbar-collapse.navbar-left.global-actions ul li a {
    color: #000000;
}
.module-breadcrumb.module-breadcrumb-Edit.transitionsAllHalfSecond p a {
    color: #000000;
}

.wizard-tabs {
    display: flex;
    padding: 0;
    overflow: hidden;
    counter-reset: wizard;
    border-bottom: none;
    background-color: #fff;
    padding-top: 3px;
    border: 1px solid #cccccc;
    height: 55px;
    padding-top: 6px;
    margin: 5px 10px;
    border-radius: 5px;
}
@media (max-width: 450px) {
    .wizard-tabs {
        height: 48px;
        padding-top: 3px;
    }
}
.wizard-tabs li {
    flex: 1;
    list-style-type: none;
    position: relative;
    text-align: center;
    font-size: 16px;
    color: #282828;
    /*height: 90px;*/
}
.wizard-tabs li:before {
    counter-increment: wizard;
    content: counter(wizard);
    display: block;
    color: #ffffff;
    background-color: #93c737;
    border: 4px solid #93c737;
    width: 40px;
    height: 40px;
    /*line-height: 40px;*/
    border-radius: 50%;
    position: relative;
    right: 36%;
    margin-bottom: 4px;
    margin-left: -20px;
    z-index: 1;
    font-size: 20px;
    font-weight: bold;
    transition: all 0.5s ease-in;
}
.wizard-tabs li:after {
    background: linear-gradient(to left, #93c737 50%, #d6dce9 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: background 0.5s ease-in;
}
.wizard-tabs li + li:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    right: -50%;
    top: 20px;
}
.wizard-tabs li.active:before {
    background-color: #ffffff;
    color: #1b2f73;
    border: 4px solid #1b2f73;
}
.wizard-tabs li.active ~ li:after {
    background-color: #d6dce9;
    background-position: left bottom;
}
.wizard-tabs li.active ~ li:before {
    background-color: #ffffff;
    color: #d6dce9;
    border-color: #d6dce9;
}
@media (max-width: 360px) {
    .wizard-tabs li {
        color: transparent;
    }
}
.wizard-tabs li a span {
    font-size: 13px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus , .row .nav > li > a, .row .nav > li > a:hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    border: none;
    padding-top: 50px;
    height: 90px;
    z-index: 9999;
}
.tab-content {
    background-color: #fff;
    border: 1px solid #cccccc;
    min-height: 460px;
    overflow: auto;
    margin: 10px;
    border-radius: 5px;
}



.setup-content {
    display: block;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    padding: 9px 0;
    margin-top: 20px;
}
.card-issue , .sub-card-issue ,.sub-card-issue-message-contact, .card-phone , .card-importance {
    display: table;
    vertical-align: center;
    width: 100%;
    border: 1px solid #efefef;
    margin-bottom: 9px;
    transition: all ease-in-out 0.3s;
}
.card-issue div , .sub-card-issue div ,.sub-card-issue-message-contact div, .card-phone div , .card-importance div {
    display: table;
    vertical-align: center;
    cursor: pointer;
}
.card-issue div , .sub-card-issue div , .sub-card-issue-message-contact div , .card-phone div , .card-importance div {
    box-shadow: 0px 0px 21px #ebebeb;
    height: 66px;
}
.card-phone div , .card-importance div {
    text-align: center;
    font-size: 18px;
}
.card-importance div {
    width: 100%;
}
.card-issue:hover , .sub-card-issue:hover , .sub-card-issue-message-contact:hover , .card-phone:hover , .card-importance:hover {
    /*background-color: #f1f1f1;*/
    box-shadow: 0 0 21px #acacac;
}
.card-issue img , .sub-card-issue img ,.sub-card-issue-message-contact img , .card-phone img , .card-importance img {
    float: right;
}
.card-issue p , .sub-card-issue p , .sub-card-issue-message-contact p , .card-phone p , .card-importance p {
    display: table-cell;
    vertical-align: middle;
    padding-right: 9px;
    width: 100%;
}
.card-issue > input , .sub-card-issue > input ,.sub-card-issue-message-contact > input , .card-phone > input , .card-importance > input{
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
    transition: all ease-in-out 0.1s;
}
.card-issue > input + div , .sub-card-issue > input + div ,.sub-card-issue-message-contact > input + div , .card-phone > input + div , .card-importance > input + div {
    cursor:pointer;
    border:2px solid transparent;
    display: table;
    transition: all ease-in-out 0.1s;
}
.card-issue > input:checked + div , .sub-card-issue > input:checked + div ,.sub-card-issue-message-contact > input:checked + div, .card-phone > input:checked + div , .card-importance > input:checked + div{
    background-color: #f6f6f6;
    height: 66px;
    box-shadow: 0 0 28px #747474;
    transition: all ease-in-out 0.1s;
}
.sub-card-issue img {
    height: 64px;
}

.sub-card-issue-message-contact img
{
    height: 64px;
}
.sub-card-issue span {
    font-weight: 100;
    font-size: 11px;
    color: #148414;
    margin-left: 2px;
    position: absolute;
    bottom: 9px;
    left: 17px;
}

.sub-card-issue-message-contact span {
    font-weight: 100;
    font-size: 11px;
    color: #148414;
    margin-left: 2px;
    position: absolute;
    bottom: 9px;
    left: 17px;
}
.live-search-box , .live-search-sub-box {
    width: 50%;
    height: 45px;
    text-align: center;
    border: 1px solid #dbdbdb;
    border-radius: 30px;
    box-shadow: 0 9px 15px #d5d5d5;
    transition: all ease-in-out 0.5s;
}
.live-search-box:focus , .live-search-sub-box:focus {
    box-shadow: 0 2px 15px #d5d5d5;
}
.h4-address h4 span {
    font-weight: 900;
}
.TrackingCode input {
    text-align: center;
    width: 230px;
    margin-top: 20px;
    margin: auto;
}
.secCheckAddress {
    padding-top: 10px;
    margin-bottom: 15px;
}
.secCheckAddress #CheckAddress {
    font-size: 20px;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #949a9f;
}
.secCheckAddress .row .col-md-4 p {
    margin-top: 13px;
}
#HelpDesk_editView_fieldName_description {
    width: 70%;
    height: 110px;
    float: initial !important;
}
.phoneCard {
    margin-bottom: 10px;
}
#searchResult.searchList {
    border: 1px solid #d9d9d9;
    max-height: 127px;
    overflow-x: auto;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-top: -1px;
    direction: initial;
    position: absolute;
    width: 94%;
    z-index: 9;
    background-color: rgb(255, 255, 255);
    top: 36px;
}
#searchResult.searchList li {
    padding: 6px 10px;
    font-size: 13px;
    list-style: none;
    border-bottom: 1px solid #d9d9d9;
    transition: all ease-in-out 0.2s;
    cursor: pointer;
}
#searchResult.searchList li:hover {
    background-color: #c0e2fa;
}
#searchResult.searchList li:last-child {
    border-bottom: 0;
}
#searchResult li span {
    float: left;
    color: #087c08;
}
.referenceClassDiv div.input-group {
    width: 100% !important;
}
.referenceClassDiv div.input-group span.input-group-addon.relatedPopup.cursorPointer {
    border-left: 1px solid #d9d9d9 !important;
}
.card-importance > input:checked + div {
    background-color: transparent !important;
    box-shadow: 0 0 41px 5px rgba(34, 34, 34, 0.8);
}
#HelpDesk_editView_fieldName_cf_856, #CheckAddress {
    width: 100% !important;
}
#search_result {
    width: inherit !important;
}
#search_result li {
    transition: all ease-in-out 0.2s;
}
#search_result li:hover {
    color: #005aff !important;
}
.customSearchInput {
    position: absolute;
    width: 94%;
    padding: 7px 10px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border: 1px solid #cacaca;
}
.customSearchInput:focus {
    background-color: #e7e7e7;
}
.table-specifications {
    box-shadow: 0px 6px 25px rgba(0,0,0,0.2);
}
.list-inline.pull-right {
    padding-right: 10px;
}
.card-phone.customerPhones {
    color: #00b046;
    background-image: url("../../../../../layouts/v7/skins/images/cust-call.png");
    background-repeat: no-repeat;
    background-position: right;
}
.card-phone.customerPhones div {
    width: 100%;
}
.card-phone > input:checked + div {
    background-color: transparent !important;
}
.card-phone.customerPhones img {
    display: none;
}
.list-inline li {
    margin-top: 25px;
}
#contactDiv {
    display: block;
    background-color: #f6f6f6;
    border: 1px solid darkgrey;
    padding: 14px;
    padding-bottom: 35px;
}
.chk-pos-ab {
    position: absolute;
    bottom: 14px;
    right: 45px;
}
.aria-field {
    position: absolute;
    left: 0;
    right: 0;
    top: 122px;
    z-index: 9;
    margin: auto;
}
.w-38-persent {
    width: 100% ;
}

/*loding*/
.loading {
    width: 100%;
    height: 100%;
    background: #16171d;
    opacity: 0.8;
    position: absolute;
    z-index: 9;
}
.tab-content {
    position: relative;
}
.loading > div {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -30px;
}
.loading > div > div {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #ff8c00;
    top: 10px;
    left: 10px;
    transform-origin: 20px 20px;
    border-radius: 8px;
    animation: spin-a 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}
.loading > div > .c2 {
    top: 10px;
    left: auto;
    right: 10px;
    transform-origin: -4px 20px;
    animation: spin-b 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}
.loading > div > .c3 {
    top: auto;
    left: auto;
    right: 10px;
    bottom: 10px;
    transform-origin: -4px -4px;
    animation: spin-c 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}
.loading > div > .c4 {
    top: auto;
    bottom: 10px;
    transform-origin: 20px -4px;
    animation: spin-d 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}
@keyframes spin-a {
    0%   { transform: rotate(90deg); }
    0%  { transform: rotate(90deg); }
    50%  { transform: rotate(180deg); }
    75%  { transform: rotate(270deg); }
    100% { transform: rotate(360deg); }
}
@keyframes spin-b {
    0%   { transform: rotate(90deg); }
    25%  { transform: rotate(90deg); }
    25%  { transform: rotate(180deg); }
    75%  { transform: rotate(270deg); }
    100% { transform: rotate(360deg); }
}
@keyframes spin-c {
    0%   { transform: rotate(90deg); }
    25%  { transform: rotate(90deg); }
    50%  { transform: rotate(180deg); }
    50%  { transform: rotate(270deg); }
    100% { transform: rotate(360deg); }
}
@keyframes spin-d {
    0%   { transform: rotate(90deg); }
    25%  { transform: rotate(90deg); }
    50%  { transform: rotate(180deg); }
    75%  { transform: rotate(270deg); }
    75% { transform: rotate(360deg); }
    100% { transform: rotate(360deg); }
}
.loading > span {
    width: 100px;
    height: 30px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 50%;
    margin-top: 30px;
    color: #ff8c00;
    font-size: 12px;
    text-align: center;
}
/*loading search*/
.loading-search {
    position: absolute;
    top: 50%;
    left: 69%;
}
.loading-search .bullet {
    position: absolute;
    padding: 5px;
    border-radius: 50%;
    background: #436ca8;
    -webkit-animation: animIn 1s ease-in-out 0s infinite;
    animation: animIn 1s ease-in-out 0s infinite;
}
.loading-search .bullet:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.loading-search .bullet:nth-child(2) {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}
.loading-search .bullet:nth-child(3) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.loading-search .bullet:nth-child(4) {
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s;
}
@-webkit-keyframes animIn {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0;
    }
}
@keyframes animIn {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0;
    }
}
#taskManagementContainer {
    right: 0 !important;
}
.select2-drop.select2-display-none.select2-with-searchbox.select2-drop-active#select2-drop {
    display: none !important;
}
.select2-container-active .select2-choice, .select2-container-multi.select2-container-active .select2-choices {
    box-shadow: none;
}
.inputElement.select2-container .select2-choice , .select2-container .select2-choice:hover {
    background-color: #ededed !important;
    background-image: none !important;
}
.col-sm-12.col-xs-12.app-indicator-icon-container.app-SUPPORT {
    position: absolute;
    right: 0;
}
#searchDiv {
    position: relative;
}
.btn-add-citizen {
    position: absolute;
    left: 20px;
    height: 30px;
    top: 3px;
    font-size: 12px;
    display: none;
}
.number-success {
    border: 2px solid green;
}
.number-error {
    border: 2px solid red;
}
.label-for-mobile {
    display: none;
    color: red;
    font-size: 12px;
    margin-top: 1px;
}
.number-error + .label-for-mobile {
    display: block !important;
}
.ul-search-step-on , .search-result-step-one , .ul-search-no-result {
    list-style: none;
}
.ul-search-step-on li {
    display: inline-block;
    margin: 0 5px;
}
.search-result-step-one , .ul-search-no-result {
    width: 45%;
    margin: auto;
    border: 1px solid #dddddd;
    border-top: 0;
    padding-right: 0;
    position: absolute;
    right: 0;
    left: 0;
    top: 45px;
    z-index: 9;
    box-shadow: 0px 5px 13px #bebebe;
    overflow-x: auto;
    max-height: 300px;
}
.search-result-step-one li , .ul-search-no-result li {
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
    padding: 10px;
    font-size: 13px;
    cursor: pointer;
    position: relative;
}
.ul-search-no-result li {
    color: #df1313;
    font-weight: 900;
    cursor: default !important;
}
.search-result-step-one li .i-ab  {
    position: absolute;
    right: 40px;
    top: 12px;
    color: #0b86ef;
    font-weight: 900;
    transition: all ease-in-out 0.3s;
}
.search-result-step-one li:hover, .ul-search-no-result li:hover {
    background-color: #f6f6f6;
}
.search-result-step-one li:hover .i-ab {
    right: 50px;
}
.search-result-step-one li:last-child , .ul-search-no-result li:last-child {
    border-bottom: none;
}
.live-search-box ,.live-search-sub-box {
    box-shadow: none !important;
    background-color: #e7e7e7;
    border: 1px solid #bcbcbc !important;
}
.live-search-box:focus {
    box-shadow: none !important;
}
.ul-search-step-on li input[type=number] {
    width: 100px;
    border-radius: 5px;
    border: 1px solid #b6b6b6;
    padding: 6px;
    text-align: center;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}
.live-search-box-complaint {
    width: 50%;
    height: 45px;
    text-align: center;
    border-radius: 30px;
    box-shadow: 0 9px 15px #d5d5d5;
    transition: all ease-in-out 0.5s;
    background-color:#e7e7e7;
    border: 1px solid #bcbcbc !important;
}

.live-search-box-complaint:focus {
    box-shadow: 0 2px 15px #d5d5d5;
}
.bootstrap-tagsinput {
    width: 70% !important;
    margin-top: 10px !important;
}
.bootstrap-tagsinput span {
    background-color: #3b71ce !important;
    font-weight: 100 !important;
    border: 1px solid #3b71ce !important;
    line-height: 24px !important;
}
.bootstrap-tagsinput input {
    width: inherit !important;
    text-align: center !important;
}