/*Flaticon*/
@font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.eot");
    src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Flaticon.woff") format("woff"),
    url("../fonts/Flaticon.ttf") format("truetype"),
    url("../fonts/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "Flaticon";
        src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
    }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 18px;
    font-style: normal;
    /*  */
}

.flaticon-user:before {
    content: "\f100";
}

.flaticon-plus:before {
    content: "\f101";
}


.flaticon-close:before {
    content: "\f102";
}

.flaticon-document-1:before {
    content: "\f103";
}

.flaticon-document:before {
    content: "\f104";
}

.flaticon-ban:before {
    content: "\f104";
}

/* end */

.row.modal-row {
    background: #eeeeee;
    padding: 10px;
    margin-bottom: 16px;
    margin: 0;
}

.modal-block .mfp-container {
    text-align: center;
    position: relative;
    width: 500px !important;
    padding: 30px 0px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    justify-content: center;
    margin: 0 auto;
    border-radius: 3px;
    background: #fff;
    height: auto;
    top: 25px;
}

.row.modal-row div {
    margin-bottom: 0;
}

.row.modal-row select {
    border: 0;
    font-weight: 500;
    color: #acacac;
}

.modal-block .mfp-container .addbtn {
    padding: 5px 40px;

}

.modal-block .mfp-container .cancelbtn {
    padding: 5px 30px;
    margin-right: 6px;
}

.modal-block .mfp-container h2 {
    padding: 10px 17px 0;
    color: #555555;
    font-size: 20px;
    font-weight: 600;
}

.row.modal-row label.control-label {
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.mfp-preloader {
    color: #000;
}

.input-prepend {
    position: relative;
}

.input-prepend .input-group-prepend {
    position: absolute;
    top: 27px;
    right: 14px;
}

.required.has-error .help-block {
    color: red;
}

.in-between-fields {
    display: none;
}

.between-filter .in-between-fields {
    display: block;
}

.between-filter .all {
    display: none;
}

input.error, select.error {
    border: 1px solid red !important;
}

label.error {
    color: red;
}

.input-group.date .input-group-addon {
    /*  border: 1px solid #ccc; */
    border: 1px solid #e4e4e4;
    cursor: pointer;
    padding: 0 10px;
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem;
    background-color: #eee;
}

.input-group .input-group-addon:nth-child(2) {
    border-left: none !important;
    border-right: none !important;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group .glyphicon:before {
    line-height: 32px;
    text-align: center;
}

.form-group.required label.control-label:after {
    content: ' *';
    color: #ff0000;
}

/* new css 13-07-2018 */
/* .widget {
    min-height: 500px;
} */
.chzn-container-single .chzn-default, .basic-search-form .chzn-container-single .chzn-single-with-drop {
    color: #999;
    height: 34px;
    background: #f8f8f8;
    padding: 4px 5px;
    border: 1px solid #e4e4e4;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 15px;
}

.chzn-container-single a.chzn-single {
    color: #999 !important;
    height: 34px !important;
    background: #f8f8f8 !important;
    padding: 4px 5px !important;
    border: 1px solid #e4e4e4 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 15px;
}

.dark_bg {
    background-color: #f5f5f5;
    margin: 15px 0px;
}

.chzn-container-single .chzn-single div {
    top: 4px !important;
}

.basic-search-form .form-control {
    background: #f8f8f8;
}

.head-label {
    font-weight: 600;
    color: #555 !important;
}

.basic-search-form .chzn-container-single .chzn-drop {
    width: 100% !important;
    border: 1px solid #e4e4e4 !important;
}

.basic-search-form .form-control {
    border: 1px solid #e4e4e4 !important;
}

.basic-search-form .chzn-container-single .chzn-single abbr {
    top: 10px;
}

a.asc:after, a.desc:after {
    position: relative;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.table-striped .btn-default {
    color: #242424;
    background-color: #f8f8f8;
    border-color: #808080;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    /* font-size: 18px; */
}

.table-striped .btn.btn-inverse {
    /* padding: 4px 7px; */
    padding: 6px 10px;
    margin-right: 5px;
}

/* .form-actions{
        padding:  0px;
} */


/*.has-error .input-group {
    border-color: #dd5826;
    border: 1px solid #dd5826;
    border-radius: 4px;
}*/


/* .has-error .form-control {
    border-color: #dd5826;
    border: 0;
} */
.select2-container--krajee .select2-selection--single .select2-selection__rendered {
    color: #555;
    padding: 0;
    font-weight: 400;
}

.select2-container--krajee .select2-dropdown {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-color: #66afe9;
    overflow-x: hidden;
    margin-top: -1px;
    z-index: 99999;
}

.s2-select-label .glyphicon, .s2-unselect-label .glyphicon {
    /*    top: 5px;*/
}

.has-success .select2-container--krajee .select2-selection {
    border-color: #ccc;
    outline: none;
}

.has-success .select2-container--krajee.select2-container--focus .select2-selection {
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;*/
    box-shadow: none;
    border-color: #ccc;
    outline: none;
}

.select2-container--krajee .select2-selection--single .select2-selection__clear {
    right: 2rem;
    line-height: 22px;

}

.select2-search input {
    box-shadow: none !important;
}

.has-error .select2-container--krajee .select2-selection {
    border-color: #dd5826 !important;
}

.has-error .chzn-container-single {
    border: 1px solid #dd5826;
    border-radius: 5px;
}

.has-error .cke_chrome {
    border: 1px solid #dd5826;
}

.chzn-container-single a.chzn-single {
    color: #000 !important;
}

.chzn-container-single .chzn-single abbr {
    top: 11px !important;
}

/* .form-actions button.btn.btn-primary {
    padding: 9px 30px;
} */

.chzn-container .chzn-results li:hover {
    background: #5d8fc2;
}

.content-wrap .chzn-container .highlighted {
    background-color: #5d8fc2 !important;
}

.chzn-container .chzn-results .highlighted {
    background-color: #5d8fc2 !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d8fc2', endColorstr='#2a62bc', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(top, #5d8fc25d8fc2 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(top, #5d8fc2 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(top, #5d8fc2 20%, #2a62bc 90%);
    background-image: linear-gradient(#5d8fc2 20%, #2a62bc 90%);
    color: #fff;
}

.has-success .select2-container--krajee.select2-container--focus .select2-selection {
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;*/
    box-shadow: none;
    border-color: #ccc;

}

/* admin-user */

.has-success .form-control {
    border-color: #e4e4e4;
}

.mfp-iframe-scaler iframe {
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 3px;
}

.iframe-popup form#w0 h2 {
    padding: 0 10px;
}

.chzn-container .chzn-results li.active-result.highlighted {
    background: #5d8fc2 !important;
}

.chzn-container {
    vertical-align: middle;
    width: 100% !important;
}

.assets-to-user .mfp-close {
    display: none;
}

.assets-to-user .mfp-container {
    padding-top: 0;
}

.assets-to-user .mfp-iframe-scaler {
    height: 100% !important;
    min-height: 370px;
}

.assign-popup .mfp-container {
    padding-top: 0;
}

.assign-popup .mfp-iframe-scaler {
    width: 100%;
    padding-top: 0;
    min-height: 230px;
}

.iframe-popup form#w0 h2 {
    font-size: 1.9rem;
}

.iframe-popup form#w0 h2 {
    padding: 7px 10px;
}

/*.assets-to-user button [type="reset"], button[type="submit"] {
    margin: 10px;
}*/

.assets-to-user .iframe-popup h3 {
    padding-left: 13px;
    padding-top: 11px;
}


.row.modal-row div.chzn-drop {
    width: 439px !important;
    top: 33px;
    border: 0;
    margin-left: 4px;
}

.table > thead > tr > th {
    font-weight: 500;
    letter-spacing: 0.2px;
    width: 4%;
    font-size: 15px;
    white-space: nowrap;
}

.table th, .table td {
    padding: 0.55rem;
    text-align: center;
    vertical-align: middle;
}

.chzn-container .chzn-drop {
    /* border: 1px solid #4D90FE !important; */
    border: 1px solid #e4e4e4 !important;
    border-top: 0 !important;
}

.chzn-drop {
    width: 100% !important;
}

.has-error .date .form-control {
    border: 0;
}

.chzn-container .chzn-results li {
    line-height: 20px !important;
}

.field-ClosingRequestSeniorAcceptence label {
    display: block;
}

.field-ClosingRequestReferenteAcceptence label {
    display: block;
}

.estimate-page form div.col-lg-12 {
    margin-bottom: 0px;
}

.estimate-page .form-actions div.col-lg-12 {
    margin-bottom: 0 !important;
}

.estimate-page label {
    color: #000;
    padding: 6px 0 0px;
    display: block;
    margin: 5px 0 5px;
}

.table-striped .btn.btn-default {
    margin-right: 5px !important;
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 25px;
    padding: 2px 5px;

}


.table-striped .btn.btn-default span {
    vertical-align: middle;
}

.table > thead > tr > th a {
    color: #555;
}

.input-group-text {
    padding: 6px 10px !important;
    border: none;
    border-radius: 0 .25rem .25rem 0;
    border-left: 1px solid #ced4da;
}

.input-prepend .input-group-prepend {
    position: absolute;
    top: 28px;
    right: 15px;
}

.alert-success span.glyphicon.glyphicon-ok-sign, .alert-danger span.glyphicon.glyphicon-ok-sign {
    vertical-align: inherit;
}

label[for="appuser-appuser_mobile"] {
    display: block;
}

input#appuser-appuser_mobile {
    font-weight: 300;
    padding: 6px 12px;
    box-shadow: none;
    border: 1px solid #ccc;
    border-radius: .25rem;
    color: #555;
}

input#appuser-appuser_mobile:focus {
    outline: none;
}

section.widget.estimate-page button {
    padding: 9px 32px;
    margin: 4px;
}

span.fa.fa-thumbs-o-down {
    font-size: 20px;
}

span.fa.fa-thumbs-o-up {
    font-size: 20px;
}

/* .sidebar-icon:before{
   color: #aaa;
} */
.sidebar-nav > li > a .icon {
    line-height: 28px;
}

.sidebar-nav .active i {
    color: #000;
}

/* .sidebar-icon:before{ 
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background-repeat: no-repeat !important;
} */

.sidebar-nav i.sidebar-icon.ticket-list:before {
    left: 5px;
    background: url(../images/sidebar-nav/file.png);
}

.sidebar-nav .active i.sidebar-icon.ticket-list:before {
    background: url(../images/sidebar-nav/file-active.png);
}

.sidebar-nav i.sidebar-icon.ticket-archive:before {
    left: 5px;
    background: url(../images/sidebar-nav/archive-file.png);
}

.sidebar-nav .active i.sidebar-icon.ticket-archive:before {
    background: url(../images/sidebar-nav/archive-file-active.png);
}

.sidebar-nav i.sidebar-icon.close-request:before {
    background: url(../images/sidebar-nav/close.png);
}

.sidebar-nav .active i.sidebar-icon.close-request:before {
    background: url(../images/sidebar-nav/close-active.png);
}

.sidebar-nav i.sidebar-icon.add-ticket:before {
    background: url(../images/sidebar-nav/plus.png);
    left: 2px;
    top: 2px;
}

.sidebar-nav .active i.sidebar-icon.add-ticket:before {
    background: url(../images/sidebar-nav/plus-active.png);
}

.sidebar-nav i.sidebar-icon.users:before {
    background: url(../images/sidebar-nav/user.png);
}

.sidebar-nav .active i.sidebar-icon.users:before {
    background: url(../images/sidebar-nav/user-active.png);
}

.navbar-dashboard .navbar-header.mobile-hidden {
    display: block;
}

.navbar-header.mobile-hidden ul.nav.navbar-nav {
    float: right;
}

a.assign-button.btn.btn-primary {
    float: right;
    margin-bottom: 15px;
}

div#joinappuserasset_idasset_chzn ul {
    border: 1px solid #e4e4e4 !important;
}

div#joinappuserasset_idasset_chzn input {
    color: #999 !important;
    height: 30px !important;
    background: transparent !important;
    padding: 4px 5px !important;
    border: 0px solid #e4e4e4 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 14px;
}

div#joinappuserasset_idasset_chzn ul.chzn-choices {
    border-radius: 5px;
}

div#joinappuserasset_idasset_chzn ul.chzn-choices li.search-choice {
    vertical-align: middle;
    margin: 6px 0 3px 5px !important;
}

/* section.widget button {
    padding: 9px 32px;
    margin: 4px;
} */
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 750px;
}

.row.modal-row div.chzn-drop {
    width: 100% !important;
    margin-left: 1px;
    margin-right: 0px;
}

.row.modal-row div.chzn-container-single, .row.modal-row div.chzn-container-multi {
    width: 100% !important;
}

body.iframe-popup {
    background: transparent;
}

.magnific-form.assign-quotation-popup, .magnific-form.price-list-popup, .magnific-form.connect-quotation-popup {
    background-color: #f5f5f5;
    border-radius: 5px;
}

.magnific-form.assign-user-popup {
    background-color: #f5f5f5;
    border-radius: 5px;
}

.magnific-form.assign-asset-popup {
    background-color: #f5f5f5;
    border-radius: 5px;
    min-height: 390px;
}

.magnific-form.assign-asset-popup button#select-all {
    color: #fff;
    background-color: #555;
    border-color: #3c3c3c;
    padding: .375rem .5rem;
    width: auto;
    height: auto;
}

.magnific-form.assign-asset-popup button#select-all:hover {
    background-color: #3c3c3c;
    border-color: #1c1c1c;
}

.iframe-popup .btn {
    min-width: 95px;
}

.assign-quotation-popup button.btn.btn-primary, .price-list-popup button.btn.btn-primary, .connect-quotation-popup button.btn.btn-primary {
    color: #fff;
    background-color: #555;
    border-color: #3c3c3c;
    width: auto;
    height: auto;
}

.assign-user-popup button.btn.btn-primary {
    color: #fff;
    background-color: #555;
    border-color: #3c3c3c;
    width: auto;
    height: auto;
}

.assign-quotation-popup button.btn.btn-primary:hover, price-list-popup button.btn.btn-primary:hover, .connect-quotation-popup button.btn.btn-primary:hover {
    background-color: #3c3c3c;
    border-color: #1c1c1c;
}

.assign-user-popup button.btn.btn-primary:hover {
    background-color: #3c3c3c;
    border-color: #1c1c1c;
}

section.widget {
    overflow: visible;
}

main#content {
    overflow: hidden;
}

.estimate-page ul {
    padding: 0 17px;
}

.estimate-page ul a {
    margin-left: -3px;
    color: #555;
}

.p10-0 {
    padding: 10px 0;
}

.input-group-addon, .input-group-btn {
    width: auto;
    white-space: nowrap;
    vertical-align: middle;
}

.bootstrap-dialog.modal.fade .modal-dialog {
    transition: inherit;
    transform: initial;
}

.bootstrap-dialog.type-warning .modal-header {
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 5px;
}

.bootstrap-dialog .bootstrap-dialog-title {
    display: inline-block;
    font-size: 16px;
    color: #555;
    font-size: 1.75rem;
}

.bootstrap-dialog .bootstrap-dialog-message {
    font-size: 14px;
    color: #000;
}

.bootstrap-dialog-footer-buttons button {
    min-width: 95px;
}

.bootstrap-dialog-footer-buttons button.btn-warning {
    color: #fff;
    background-color: #555;
    border-color: #555;
}

.bootstrap-dialog-footer-buttons button.btn-warning:hover {
    background-color: #3c3c3c;
    border-color: #1c1c1c;
}

.modal-backdrop.in {
    opacity: .8;
}

section.widget.ticketdetails-page a {
    color: #555;
}

section.widget.ticketdetails-page ul {
    padding-left: 17px;
}

.estimate-page label b {
    font-weight: 500;
}

.has-success .input-group-addon {
    color: #555;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #555;
}

.estimate-page .widget-body p {
    margin-bottom: 0;
}

/* button.btn.btn-primary {
    width: 125px;
    height: 40px;
} */
.chzn-container-single .chzn-search input {
    width: 100% !important;
}

.mfp-iframe-scaler {
    height: 100vh !important;
}

.form-actions {
    margin: 1rem 0 0;
    padding: 0.6rem;
    background-color: #f5f5f5;
    /* padding: 1rem; */
}

.btn-inverse:focus, .btn-inverse.focus {
    color: #fff;
}

.has-success .form-control:focus {
    border-color: #e4e4e4;
}

.create-offer label {
    color: #000;
    padding: 6px 0 0px;
    display: block;
    margin: 5px 0 5px;
}

.create-offer.widget-body p {
    margin-bottom: 0;
}

.create-offer .input-prepend .input-group-prepend {
    position: absolute;
    top: 37px;
    right: 15px;
}

.close-request label {
    color: #000;
    padding: 6px 0 0px;
    display: block;
    margin: 5px 0 5px;
}

.close-request.widget-body p {
    margin-bottom: 0;
}

.item.panel-default {
    padding: 15px 0;
}

.container-items .item.panel:last-child {
    margin: 0 !important;
}

.tabel-footer {
    width: 100%;
    float: left;
    margin: 15px 0;
}

.tabel-footer .summary-inner {
    float: left;
    width: 30%;
}

.tabel-footer .pager-inner {
    float: left;
    width: 70%;
    text-align: right;
}

.tabel-footer .pager-inner .pagination {
    display: inline-block;
}

.navbar-dashboard .navbar-nav > .open > a, .navbar-dashboard .navbar-nav > .open > a:hover, .navbar-dashboard .navbar-nav > .open > a:focus {
    background: transparent;
}


.select2-container--krajee .select2-selection {
    border: 1px solid #e4e4e4;
    box-shadow: none;
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow {
    border-left: 1px solid #e4e4e4;
}

.panel-default > .panel-heading {
    font-weight: 500;
}

.dynamicform_wrapper .panel-heading .pull-right.add-item, .dynamicform_wrapper .panel-heading .pull-right.add-contract-activity {
    padding: 0px 4px;
}

.estimate-page label {
    padding: 0;
}

span.view-input-detail {
    margin-bottom: 10px !important;
    display: block;
}

.form-group.field-ticket-ticket_mailalert {
    margin-top: 10px;
}

.cbx-container .glyphicon {
    top: 3px;
}

.has-success .cbx-label, .has-success .cbx-active, .has-success .cbx-active, .has-success .cbx-active:hover, .has-success .cbx-active:focus {
    color: #333;
    border-color: #333;
    box-shadow: none;
}

.widget-login-container {
    padding-top: 0% !important;
}

.widget-login-logo {
    padding-top: 5%;
}


/* ------------------------------------------------- */
@media screen and (max-width: 1366px) {
    .table > thead > tr > th {
        font-weight: 500;
        letter-spacing: 0.2px;
        width: 4%;
        font-size: 15px;
        text-align: center;
    }

    section.ticket-list table tr th:last-child {
        min-width: 195px;
    }

}

.table > thead > tr > th > button {
    border: none;
    background: transparent;
    padding: 0;
}

button:focus {
    outline: none !important;
    outline: none !important;
}

.bootstrap-dialog.type-info .modal-header {
    background-color: white;
}

/*.form-group.field-ticket-ticket_is_urgent {
    margin-top: 32px;
}*/

.ticket-list table thead tr th:last-child {
    min-width: 300px;
}

span.urgent {
    color: #fff;
    background-color: #e44d4d;
    border-radius: 15px;
    font-weight: 500;
    padding: 2px 5px;
    display: inline-block;
    margin-bottom: 5px;

}

span.rejected {
    color: #7d5e0c;
    background-color: #fcf0d1;
    border-radius: 15px;
    font-weight: 500;
    padding: 2px 5px;
    display: inline-block;
    border: 1px solid #fbeabe;
}

.delete {
    margin-left: 1000px;
    margin-top: -30px;
}

.file-caption-main button {
    line-height: 0;
}

.file-caption-main button.btn .glyphicon {
    line-height: 0;
    top: 0;
}

.file-caption-main button i:before {
    line-height: 0 !important;
}

.file-caption-main .btn-file .glyphicon {
    line-height: 0;
}

.file-caption-main .btn-file .glyphicon:before {
    line-height: 15px;
}

.file-caption-main .fileinput-upload-button {
    display: none;
}

.file-caption-icon .glyphicon:before {
    line-height: 20px;
}

.view-input-detail ul li {
    margin-bottom: 5px;
    margin-top: 0px;
    margin-left: 18px;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
    padding-right: 40px;

}

.view-input-detail ul {
    margin-left: 0;
    padding-left: 0;

}

.view-input-detail a {
    color: #218BC3 !important;

    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.sideheader {
    margin-bottom: 0px;
    height: auto;
}

.sideheader .sidebarlogo {
    min-width: 35px;
    max-width: 38%;
}

/*Flaticon*/
@font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.eot");
    src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Flaticon.woff") format("woff"),
    url("../fonts/Flaticon.ttf") format("truetype"),
    url("../fonts/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "Flaticon";
        src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
    }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 18px;
    font-style: normal;
    /*  */
}

.flaticon-user:before {
    content: "\f100";
}

.flaticon-plus:before {
    content: "\f101";
}

.flaticon-close:before {
    content: "\f102";
}

.flaticon-document-1:before {
    content: "\f103";
}

.flaticon-document:before {
    content: "\f104";
}

.flaticon-ban:before {
    content: "\f104";
}

/* end */

.row.modal-row {
    background: #eeeeee;
    padding: 10px;
    margin-bottom: 16px;
    margin: 0;
}

.modal-block .mfp-container {
    text-align: center;
    position: relative;
    width: 500px !important;
    padding: 30px 0px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    justify-content: center;
    margin: 0 auto;
    border-radius: 3px;
    background: #fff;
    height: auto;
    top: 25px;
}

.row.modal-row div {
    margin-bottom: 0;
}

.row.modal-row select {
    border: 0;
    font-weight: 500;
    color: #acacac;
}

.modal-block .mfp-container .addbtn {
    padding: 5px 40px;

}

.modal-block .mfp-container .cancelbtn {
    padding: 5px 30px;
    margin-right: 6px;
}

.footer-model {
    text-align: right;
    padding: 10px 15px;
}

.modal-block .mfp-container h2 {
    padding: 10px 17px 0;
    color: #555555;
    font-size: 20px;
    font-weight: 600;
}

.row.modal-row label.control-label {
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.mfp-preloader {
    color: #000;
}

.input-prepend {
    position: relative;
}

.input-prepend .input-group-prepend {
    position: absolute;
    top: 27px;
    right: 14px;
}

.required.has-error .help-block {
    color: red;
}

.in-between-fields {
    display: none;
}

.between-filter .in-between-fields {
    display: block;
}

.between-filter .all {
    display: none;
}

input.error, select.error {
    border: 1px solid red !important;
}

label.error {
    color: red;
}

.input-group.date .input-group-addon {
    /*  border: 1px solid #ccc; */
    border: 1px solid #e4e4e4;
    cursor: pointer;
    padding: 0 10px;
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem;
    background-color: #eee;
}

.input-group .input-group-addon:nth-child(2) {
    border-left: none !important;
    border-right: none !important;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group .glyphicon:before {
    line-height: 32px;
    text-align: center;
}

.form-group.required label.control-label:after {
    content: ' *';
    color: #ff0000;
}

/* new css 13-07-2018 */
/* .widget {
    min-height: 500px;
} */
.chzn-container-single .chzn-default, .basic-search-form .chzn-container-single .chzn-single-with-drop {
    color: #999;
    height: 34px;
    background: #f8f8f8;
    padding: 4px 5px;
    border: 1px solid #e4e4e4;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 15px;
}

.chzn-container-single a.chzn-single {
    color: #999 !important;
    height: 34px !important;
    background: #f8f8f8 !important;
    padding: 4px 5px !important;
    border: 1px solid #e4e4e4 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 15px;
}

.dark_bg {
    background-color: #f5f5f5;
    margin: 15px 0px;
}

.chzn-container-single .chzn-single div {
    top: 4px !important;
}

.basic-search-form .form-control {
    background: #f8f8f8;
}

.head-label {
    font-weight: 600;
    color: #555 !important;
}

.basic-search-form .chzn-container-single .chzn-drop {
    width: 100% !important;
    border: 1px solid #e4e4e4 !important;
}

.basic-search-form .form-control {
    border: 1px solid #e4e4e4 !important;
}

.basic-search-form .chzn-container-single .chzn-single abbr {
    top: 10px;
}

a.asc:after, a.desc:after {
    position: relative;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.table-striped .btn-default {
    color: #242424;
    background-color: #f8f8f8;
    border-color: #808080;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    /* font-size: 18px; */
}

.table-striped .btn.btn-inverse {
    /* padding: 4px 7px; */
    padding: 6px 10px;
    margin-right: 5px;
}

/* .form-actions{
        padding:  0px;
} */


.has-error .input-group {
    border-color: #dd5826;
    border: 1px solid #dd5826;
    border-radius: 4px;
}

.has-error .input-group.date .input-group-addon {
    border: 0;
    border-right: 1px solid #ccc;
}

/* .has-error .form-control {
    border-color: #dd5826;
    border: 0;
} */
.select2-container--krajee .select2-selection--single .select2-selection__rendered {
    color: #555;
    padding: 0;
    font-weight: 400;
}

.select2-container--krajee .select2-dropdown {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-color: #66afe9;
    overflow-x: hidden;
    margin-top: -1px;
    z-index: 99999;
}

.s2-select-label .glyphicon, .s2-unselect-label .glyphicon {
    /*    top: 5px;*/
}

.has-success .select2-container--krajee .select2-selection {
    border-color: #ccc;
    outline: none;
}

.has-success .select2-container--krajee.select2-container--focus .select2-selection {
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;*/
    box-shadow: none;
    border-color: #ccc;
    outline: none;
}

.select2-container--krajee .select2-selection--single .select2-selection__clear {
    right: 2rem;
    line-height: 22px;

}

.select2-search input {
    box-shadow: none !important;
}

.has-error .select2-container--krajee .select2-selection {
    border-color: #dd5826 !important;
}

.has-error .chzn-container-single {
    border: 1px solid #dd5826;
    border-radius: 5px;
}

.has-error .cke_chrome {
    border: 1px solid #dd5826;
}

.chzn-container-single a.chzn-single {
    color: #000 !important;
}

.chzn-container-single .chzn-single abbr {
    top: 11px !important;
}

/* .form-actions button.btn.btn-primary {
    padding: 9px 30px;
} */

.chzn-container .chzn-results li:hover {
    background: #5d8fc2;
}

.content-wrap .chzn-container .highlighted {
    background-color: #5d8fc2 !important;
}

.chzn-container .chzn-results .highlighted {
    background-color: #5d8fc2 !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d8fc2', endColorstr='#2a62bc', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(top, #5d8fc25d8fc2 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(top, #5d8fc2 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(top, #5d8fc2 20%, #2a62bc 90%);
    background-image: linear-gradient(#5d8fc2 20%, #2a62bc 90%);
    color: #fff;
}

.has-success .select2-container--krajee.select2-container--focus .select2-selection {
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;*/
    box-shadow: none;
    border-color: #ccc;

}

/* admin-user */

.has-success .form-control {
    border-color: #e4e4e4;
}

.mfp-iframe-scaler iframe {
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 3px;
}

.iframe-popup form#w0 h2 {
    padding: 0 10px;
}

.chzn-container .chzn-results li.active-result.highlighted {
    background: #5d8fc2 !important;
}

.chzn-container {
    vertical-align: middle;
    width: 100% !important;
}

.assets-to-user .mfp-close {
    display: none;
}

.assets-to-user .mfp-container {
    padding-top: 0;
}

.assets-to-user .mfp-iframe-scaler {
    height: 100% !important;
    min-height: 370px;
}

.assign-popup .mfp-container {
    padding-top: 0;
}

.assign-popup .mfp-iframe-scaler {
    width: 100%;
    padding-top: 0;
    min-height: 230px;
}

.iframe-popup form#w0 h2 {
    font-size: 1.9rem;
}

.iframe-popup form#w0 h2 {
    padding: 7px 10px;
}

/*.assets-to-user button [type="reset"], button[type="submit"] {
    margin: 10px;
}*/

.assets-to-user .iframe-popup h3 {
    padding-left: 13px;
    padding-top: 11px;
}

body.iframe-popup h3 {
    padding-left: 13px;
    padding-top: 15px;
    margin-bottom: 10px;
}

/*body.iframe-popup.nav-collapsed.chat-sidebar-container h3 {
    padding-left: 13px;
    padding-top: 10px;
}*/


.row.modal-row div.chzn-drop {
    width: 439px !important;
    top: 33px;
    border: 0;
    margin-left: 4px;
}

.table > thead > tr > th {
    font-weight: 500;
    letter-spacing: 0.2px;
    width: 4%;
    font-size: 15px;
    white-space: nowrap;
}

.table th, .table td {
    padding: 0.55rem;
    text-align: center;
    vertical-align: middle;
}

.chzn-container .chzn-drop {
    /* border: 1px solid #4D90FE !important; */
    border: 1px solid #e4e4e4 !important;
    border-top: 0 !important;
}

.chzn-drop {
    width: 100% !important;
}

.has-error .date .form-control {
    border: 0;
}

.chzn-container .chzn-results li {
    line-height: 20px !important;
}

.field-ClosingRequestSeniorAcceptence label {
    display: block;
}

.field-ClosingRequestReferenteAcceptence label {
    display: block;
}

.estimate-page form div.col-lg-12 {
    margin-bottom: 0px;
}

.estimate-page .form-actions div.col-lg-12 {
    margin-bottom: 0 !important;
}

.estimate-page label {
    color: #000;
    padding: 6px 0 0px;
    display: block;
    margin: 5px 0 5px;
}

.table-striped .btn.btn-default {
    margin-right: 5px !important;
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 25px;
    padding: 2px 5px;

}


.table-striped .btn.btn-default span {
    vertical-align: middle;
}

.table > thead > tr > th a {
    color: #555;
}

.input-group-text {
    padding: 6px 10px !important;
    border: none;
    border-radius: 0 .25rem .25rem 0;
    border-left: 1px solid #ced4da;
}

.input-prepend .input-group-prepend {
    position: absolute;
    top: 28px;
    right: 15px;
}

.alert-success span.glyphicon.glyphicon-ok-sign, .alert-danger span.glyphicon.glyphicon-ok-sign {
    vertical-align: inherit;
}

label[for="appuser-appuser_mobile"] {
    display: block;
}

input#appuser-appuser_mobile {
    font-weight: 300;
    padding: 6px 12px;
    box-shadow: none;
    border: 1px solid #ccc;
    border-radius: .25rem;
    color: #555;
}

input#appuser-appuser_mobile:focus {
    outline: none;
}

section.widget.estimate-page button {
    padding: 9px 32px;
    margin: 4px;
}

span.fa.fa-thumbs-o-down {
    font-size: 20px;
}

span.fa.fa-thumbs-o-up {
    font-size: 20px;
}

/* .sidebar-icon:before{
   color: #aaa;
} */
.sidebar-nav > li > a .icon {
    line-height: 28px;
}

.sidebar-nav .active i {
    color: #000;
}

/* .sidebar-icon:before{ 
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background-repeat: no-repeat !important;
} */

.sidebar-nav i.sidebar-icon.ticket-list:before {
    left: 5px;
    background: url(../images/sidebar-nav/file.png);
}

.sidebar-nav .active i.sidebar-icon.ticket-list:before {
    background: url(../images/sidebar-nav/file-active.png);
}

.sidebar-nav i.sidebar-icon.ticket-archive:before {
    left: 5px;
    background: url(../images/sidebar-nav/archive-file.png);
}

.sidebar-nav .active i.sidebar-icon.ticket-archive:before {
    background: url(../images/sidebar-nav/archive-file-active.png);
}

.sidebar-nav i.sidebar-icon.close-request:before {
    background: url(../images/sidebar-nav/close.png);
}

.sidebar-nav .active i.sidebar-icon.close-request:before {
    background: url(../images/sidebar-nav/close-active.png);
}

.sidebar-nav i.sidebar-icon.add-ticket:before {
    background: url(../images/sidebar-nav/plus.png);
    left: 2px;
    top: 2px;
}

.sidebar-nav .active i.sidebar-icon.add-ticket:before {
    background: url(../images/sidebar-nav/plus-active.png);
}

.sidebar-nav i.sidebar-icon.users:before {
    background: url(../images/sidebar-nav/user.png);
}

.sidebar-nav .active i.sidebar-icon.users:before {
    background: url(../images/sidebar-nav/user-active.png);
}

.navbar-dashboard .navbar-header.mobile-hidden {
    display: block;
}

.navbar-header.mobile-hidden ul.nav.navbar-nav {
    float: right;
}

a.assign-button.btn.btn-primary {
    float: right;
    margin-bottom: 15px;
}

div#joinappuserasset_idasset_chzn ul {
    border: 1px solid #e4e4e4 !important;
}

div#joinappuserasset_idasset_chzn input {
    color: #999 !important;
    height: 30px !important;
    background: transparent !important;
    padding: 4px 5px !important;
    border: 0px solid #e4e4e4 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 14px;
}

div#joinappuserasset_idasset_chzn ul.chzn-choices {
    border-radius: 5px;
}

div#joinappuserasset_idasset_chzn ul.chzn-choices li.search-choice {
    vertical-align: middle;
    margin: 6px 0 3px 5px !important;
}

/* section.widget button {
    padding: 9px 32px;
    margin: 4px;
} */
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: initial;
}

.row.modal-row div.chzn-drop {
    width: 100% !important;
    margin-left: 1px;
    margin-right: 0px;
}

.row.modal-row div.chzn-container-single, .row.modal-row div.chzn-container-multi {
    width: 100% !important;
}

body.iframe-popup {
    background: transparent;
    overflow: hidden;
}

.magnific-form {
    background-color: #f5f5f5;
    border-radius: 5px;
}

.magnific-form.assign-user-popup {
    background-color: #f5f5f5;
    border-radius: 5px;
}

.magnific-form.assign-asset-popup {
    background-color: #f5f5f5;
    border-radius: 5px;
    min-height: 390px;
}

.magnific-form.assign-asset-popup button#select-all {
    color: #fff;
    background-color: #555;
    border-color: #3c3c3c;
    padding: .375rem .5rem;
    width: auto;
    height: auto;
}

.magnific-form.assign-asset-popup button#select-all:hover {
    background-color: #3c3c3c;
    border-color: #1c1c1c;
}

.iframe-popup .btn {
    min-width: 95px;
}

.assign-quotation-popup button.btn.btn-primary, .connect-quotation-popup button.btn.btn-primary {
    color: #fff;
    background-color: #555;
    border-color: #3c3c3c;
    width: auto;
    height: auto;
}

.assign-user-popup button.btn.btn-primary {
    color: #fff;
    background-color: #555;
    border-color: #3c3c3c;
    width: auto;
    height: auto;
}

.assign-quotation-popup button.btn.btn-primary:hover, .connect-quotation-popup button.btn.btn-primary:hover {
    background-color: #3c3c3c;
    border-color: #1c1c1c;
}

.assign-user-popup button.btn.btn-primary:hover {
    background-color: #3c3c3c;
    border-color: #1c1c1c;
}

section.widget {
    overflow: visible;
}

main#content {
    overflow: hidden;
}

.estimate-page ul {
    padding: 0 17px;
}

.estimate-page ul a {
    margin-left: -3px;
    color: #555;
}

.p10-0 {
    padding: 10px 0;
}

.input-group-addon, .input-group-btn {
    width: auto;
    white-space: nowrap;
    vertical-align: middle;
}

.bootstrap-dialog.modal.fade .modal-dialog {
    transition: inherit;
    transform: initial;
}

.bootstrap-dialog.type-warning .modal-header {
    background-color: #f5f5f5 !important;
    border-radius: 5px !important;
    padding: 5px !important;
}

.bootstrap-dialog .bootstrap-dialog-title {
    display: inline-block !important;
    color: #555 !important;
    font-size: 1.75rem !important;
}

.bootstrap-dialog .bootstrap-dialog-message {
    font-size: 14px;
    color: #000;
}

.bootstrap-dialog-footer-buttons button {
    min-width: 95px;
}

.bootstrap-dialog-footer-buttons button.btn-warning {
    color: #fff;
    background-color: #555;
    border-color: #555;
}

.bootstrap-dialog-footer-buttons button.btn-warning:hover {
    background-color: #3c3c3c;
    border-color: #1c1c1c;
}

.modal-backdrop.in {
    opacity: .8;
}

section.widget.ticketdetails-page a {
    color: #555;
}

section.widget.ticketdetails-page ul {
    padding-left: 17px;
}

.estimate-page label b {
    font-weight: 500;
}

.has-success .input-group-addon {
    color: #555;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #555;
}

.estimate-page .widget-body p {
    margin-bottom: 0;
}

/* button.btn.btn-primary {
    width: 125px;
    height: 40px;
} */
.chzn-container-single .chzn-search input {
    width: 100% !important;
}

.mfp-iframe-scaler {
    height: 100vh !important;
}

.form-actions {
    margin: 1rem 0 0;
    padding: 0.6rem;
    background-color: #f5f5f5;
    border-radius: 5px;
    /* padding: 1rem; */
}

.btn-inverse:focus, .btn-inverse.focus {
    color: #fff;
}

.has-success .form-control:focus {
    border-color: #e4e4e4;
}

.create-offer label {
    color: #000;
    padding: 6px 0 0px;
    display: block;
    margin: 5px 0 5px;
}

.create-offer.widget-body p {
    margin-bottom: 0;
}

.create-offer .input-prepend .input-group-prepend {
    position: absolute;
    top: 37px;
    right: 15px;
}

.close-request label {
    color: #000;
    padding: 6px 0 0px;
    display: block;
    margin: 5px 0 5px;
}

.close-request.widget-body p {
    margin-bottom: 0;
}

.item.panel-default {
    padding: 15px 0;
}

.container-items .item.panel:last-child {
    margin: 0 !important;
}

.tabel-footer {
    width: 100%;
    float: left;
    margin: 15px 0;
}

.tabel-footer .summary-inner {
    float: left;
    width: 30%;
}

.tabel-footer .pager-inner {
    float: left;
    width: 70%;
    text-align: right;
}

.tabel-footer .pager-inner .pagination {
    display: inline-block;
}

.navbar-dashboard .navbar-nav > .open > a, .navbar-dashboard .navbar-nav > .open > a:hover, .navbar-dashboard .navbar-nav > .open > a:focus {
    background: transparent;
}


.select2-container--krajee .select2-selection {
    border: 1px solid #e4e4e4;
    box-shadow: none;
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow {
    border-left: 1px solid #e4e4e4;
}

.panel-default > .panel-heading {
    font-weight: 500;
}

.dynamicform_wrapper .panel-heading .pull-right.add-item, .dynamicform_wrapper .panel-heading .pull-right.add-contract-activity {
    padding: 0px 4px;
}

.estimate-page label {
    padding: 0;
}

span.view-input-detail {
    margin-bottom: 10px !important;
    display: block;
    word-break: break-all;
}

.form-group.field-ticket-ticket_mailalert {
    margin-top: 10px;
}

.cbx-container .glyphicon {
    top: 3px;
}

.has-success .cbx-label, .has-success .cbx-active, .has-success .cbx-active, .has-success .cbx-active:hover, .has-success .cbx-active:focus {
    color: #333;
    border-color: #333;
    box-shadow: none;
}

.widget-login-container {
    padding-top: 0% !important;
}

.widget-login-logo {
    padding-top: 5%;
}

.widget-login-logo img {
    height: 115px;
}

/* ------------------------------------------------- */
@media screen and (max-width: 1366px) {
    .table > thead > tr > th {
        font-weight: 500;
        letter-spacing: 0.2px;
        width: 4%;
        font-size: 15px;
        text-align: center;
    }

    section.ticket-list table tr th:last-child {
        min-width: 195px;
    }

}

.table > thead > tr > th > button {
    border: none;
    background: transparent;
    padding: 0;
}

button:focus {
    outline: none !important;
    outline: none !important;
}

.bootstrap-dialog.type-info .modal-header {
    background-color: white;
}

.form-group.field-quotation-quotation_is_urgent {
    margin-top: 10px;
}

.ticket-list table thead tr th:last-child {
    min-width: 300px;
}

.delete {
    margin-left: 1000px;
    margin-top: -30px;
}

.file-caption-main button {
    line-height: 0;
}

.file-caption-main button.btn .glyphicon {
    line-height: 0;
    top: 0;
}

.file-caption-icon .glyphicon:before {
    line-height: 20px;
}

.view-input-details ul {
    margin-left: 0;
    padding-left: 0;
}

.view-input-details ul li {
    margin-left: 18px;
    margin-bottom: 5px;
    margin-top: 0px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
    padding-right: 40px;
}

.view-input-details ul li .delete {
    position: absolute;
    right: 5px;
    top: 0;
    margin: 0;
    z-index: 99;
}

.view-input-details {
    margin-top: 20px;
}

.view-input-detail ul li {
    margin-bottom: 5px;
    margin-top: 0px;
    margin-left: 18px;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
    padding-right: 40px;

}

.view-input-detail ul {
    margin-left: 0;
    padding-left: 0;

}

.view-input-detail a {
    color: #218BC3 !important;

    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.sideheader {
    margin-bottom: 0px;
    height: auto;
}

.sideheader .sidebarlogo {
    min-width: 35px;
    max-width: 38%;
}

.panel-body {
    background-color: #d6d3d3;
    padding: 15px;
}

.grid-view .panel.panel-default {
    border: none !important;
}

.grid-view .panel.panel-default .panel-footer {
    background: none;
    border: none;
    padding: 10px 0px 15px 0px;
}

.grid-view .panel.panel-default .kv-panel-after {
    display: none;
}

.dropdown-menu {
    font-size: 1rem !important;
}

.my-default-btn {
    margin-right: 5px !important;
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 25px;
    padding: 2px 5px;
}

#ticket-grid .panel, #datatable-table_wrapper .panel, #user-grid .panel, #asset-grid .panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#ticket-grid .table-bordered, #datatable-table_wrapper .table-bordered, #user-grid .table-bordered, #asset-grid .table-bordered {
    border: 1px solid #ddd;
}

.my-default-archive-btn, .my-default-close-btn {
    margin-right: 0px !important;
}

.ticket-list-custom table tr td:last-child .dropdown-menu {
    width: 100%;
    min-width: 182px;
    right: 20px;
    left: auto;
}

.ticket-list-custom table tr:last-child td:last-child .dropdown-menu, .ticket-list-custom table tr:nth-last-child(2) td:last-child .dropdown-menu,
.ticket-list-custom table tr:nth-last-child(3) td:last-child .dropdown-menu {
    top: auto;
    bottom: 0;
}

.ticket-list-custom .dropdown-menu > li > a span {
    padding-right: 7px;
}

.ticket-list-custom .dropdown-menu > li > a {
    padding: 3px 15px;
    white-space: nornal;
}

.ticket-list-custom .dropdown button, .ticket-list-custom .dropdown button:not(:disabled):not(.disabled):active, .ticket-list-custom .open > .dropdown-toggle.btn-default:focus, .ticket-list-custom .open > .dropdown-toggle.btn-default:hover, .ticket-list-custom .open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.ticket-list-custom .dropdown-menu > li > a:hover, .ticket-list-custom .dropdown-menu > li > a:focus, .ticket-list-custom .dropdown-menu > li > a:active, .ticket-list-custom .dropdown-menu > li > a.active {
    background: #ddd;
}

.checkbox-row-default {
    width: 5% !important;
}

#asset-grid .table > thead > tr > th {
    vertical-align: middle !important;
}

.kv-file-upload {
    display: none;
}

.kv-file-zoom {
    display: none;
}

.fileinput-remove {
    padding: 10px;
}

/* ==================== Chirag css start ==================*/

#ticket-grid .kv-panel-before, #datatable-table_wrapper .kv-panel-before, #user-grid .kv-panel-before, #asset-grid .kv-panel-before, #portfolio-grid .kv-panel-before {
    display: none;
}

#ticket-grid .panel, #datatable-table_wrapper .panel, #user-grid .panel, #asset-grid .panel, #portfolio-grid .panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0px;
}

/*==== For all grid view ====*/
.custom-grid-list table tr td:last-child .dropdown-menu {
    right: 23px;
    left: auto;
}

.custom-grid-list table tr:last-child td:last-child .dropdown-menu, .custom-grid-list table tr:nth-last-child(2) td:last-child .dropdown-menu,
.custom-grid-list table tr:nth-last-child(3) td:last-child .dropdown-menu {
    top: auto;
    bottom: 0;
}

.custom-grid-list .dropdown-menu > li > a span {
    padding-right: 7px;
}

.custom-grid-list .dropdown-menu > li > a {
    padding: 3px 15px;
    white-space: nornal;
}

.custom-grid-list .dropdown button, .custom-grid-list .dropdown button:not(:disabled):not(.disabled):active, .custom-grid-list .open > .dropdown-toggle.btn-default:focus, .custom-grid-list .open > .dropdown-toggle.btn-default:hover, .custom-grid-list .open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.custom-grid-list .dropdown-menu > li > a:hover, .custom-grid-list .dropdown-menu > li > a:hover, .custom-grid-list .dropdown-menu > li > a:focus, .custom-grid-list .dropdown-menu > li > a:active, .custom-grid-list .dropdown-menu > li > a.active {
    background: #ddd;
}

#datatable-table_wrapper .mb-xs, #user-grid .mb-xs, #asset-grid .mb-xs, #portfolio-grid .mb-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

td ul.dropdown-menu {
    padding: 0 !important;
}

.mr-20 {
    margin-right: 10px !important;
}

.kv-panel-pager ul.pagination {
    display: inline-block;
    float: right;
}

.content .content-footer {
    position: absolute;
    left: 40px;
    right: 40px;
}

.ticket-library ul {
    padding-left: 15px;
}

/* ==================== Chirag css end ==================*/

@media screen and (max-width: 480px) {
    .content .content-footer div[class^='col-'] {
        width: 100%;
        text-align: center !important;
    }
}

.file-input button.close {
    line-height: 20px !important;
    margin: 5px;
}

.view-space {
    padding-right: 10px;
}

.file-caption-icon, .file-zoom-dialog .modal-header:before, .file-zoom-dialog .modal-header:after, .file-input-new .file-preview, .file-input-new .close, .file-input-new .glyphicon-file, .file-input-new .fileinput-remove-button, .file-input-new .no-browse .input-group-btn, .file-input-ajax-new .fileinput-remove-button, .file-input-ajax-new .fileinput-upload-button, .file-input-ajax-new .no-browse .input-group-btn, .hide-content .kv-file-content {
    display: inline-block !important;
}

.fileinput-cancel-button, .fileinput-upload-button, .kv-upload-progress {
    display: none !important;
}

.file-caption.form-control.kv-fileinput-caption::before {
    content: "\e022";
    font-family: 'Glyphicons Halflings';
    position: absolute;
    top: 5px;
}

.file-caption .file-caption-name {
    padding-left: 20px;
    padding-top: 1px;
}

.file-caption.form-control.kv-fileinput-caption .glyphicon.glyphicon-file {
    display: none;
}

.file-caption-icon .glyphicon.glyphicon-file {
    display: none !important;
}

.viewsuggstionprice, .add-contract-activity, .viewpricelist {
    height: 22px;
    width: 22px;
    text-align: center;
    padding: 0;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
}

.add-contract-activity {
    margin-left: 10px;
}

.addestimateactivity {
    height: 22px;
    width: 22px;
    text-align: center;
    padding: 0;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    margin-left: 10px;
}

.price-list .mfp-content {
    max-width: 1000px !important;
}

.price-list-content h3, .activity-price-list-content h3 {
    padding-left: 13px;
    padding-top: 10px;
}

.price-list-content .kv-panel-before {
    display: none;
}

.price-list-content .panel.panel-default, .activity-price-list-content .panel.panel-default {
    padding: 10px;
}

#create-offer-form button.btn-xs {
    padding: 0px 5px;
}

#create-offer-form .fa {
    line-height: 21px !important;
}


.alert-error {
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}

.flexLable label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
}

.flexLable label input {
    margin-top: 0px;
    margin-right: 5px;
}

.kv-meter-container {
    width: 65px;
    padding-left: 5px;
}

.kv-scorebar-border {
    width: 65px;
}

.kv-score, .kv-scorebar {
    width: 63px;
}

.input-group-addon {
    line-height: 30px !important;
    margin: 0;
    padding: 0 8px !important;
}

.input-group-addon, .input-group-btn {
    width: auto;
    white-space: nowrap;
    vertical-align: middle;
}

/* ==================== select portfolio page css start ==================*/
.center-forms {
    color: white;
    width: 450px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 250px;
    background: graytext;
    padding: 27px 30px 30px;
    border-radius: 5px;
}

.view-custom-block {
    background: #ffffff;
    border-radius: .2rem;
    box-shadow: 0 0 10px #e8e8e8;
    transform: translateY(-50%);
    top: 50%;
    width: 330px;
    bottom: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.view-custom-block .has-success .select2-container--krajee .select2-selection {
    border: 1px solid #ccc;
}

.view-custom-block .has-success .control-label {
    color: #555;
}

.view-custom-block .control-label {
    color: #555;
    line-height: 32px;
    font-weight: 600;
    text-align: center;
    font-size: 28px;
    margin: 20px 0 30px;
}

.view-custom-block .select2-container--krajee .select2-selection--single .select2-selection__clear {
    top: 0;
    line-height: 33px
}

.portfoliobtn {
    width: 100%;
    background: graytext;
    color: #222;
    font-weight: 600;
    letter-spacing: 0.7px;
    height: auto;
    padding: 10px;
    font-size: 18px;
    line-height: 20px;

    outline: none;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.view-custom-block .portfoliobtn {
    background: none;
    color: #fff;
    font-weight: normal;

}

.view-custom-block .portfoliobtn button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.428571429;
    border-radius: .25rem;
    background-color: #64bd63;
    border-color: #64bd63;
    color: white;
    font-size: 14px;
    padding: 6px 20px;
}

/* ==================== select portfolio page css start ==================*/
.changePwd {
    margin-top: 80px;
}

.loginLink {
    margin: 0px auto;
}

.has-success .input-group-addon {
    color: #555 !important;
    background-color: #eee !important;
    border-color: #ccc !important;
    border-right-color: rgb(204, 204, 204) !important;
    border-left-color: rgb(204, 204, 204) !important;
}

.has-error .input-group {
    border-color: #dd5826;
    /* border: 1px solid #dd5826;*/
    border-radius: 4px;
}

.portfolio-color, .contract-color {
    margin-right: 5px;
}

#assets-grid .update-assignment {
    margin-right: 5px;
}

.m-badge {
    background: #eaeaea;
    color: #444;
    font-size: 11px;
    line-height: 14px;
    min-height: 20px;
    min-width: 20px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    padding: 0px 3px;
    border-radius: .75rem;
    font-weight: 400;
    margin-bottom: 5px;
    text-transform: uppercase;
    padding-top: 3px !important;
}

.m-badge.m-badge--wide {
    letter-spacing: 0.6px;
    padding: 3px 10px;
    border-radius: 0;
    border-radius: .75rem;
}

.view-input-details ul li a:nth-child(2) {
    position: absolute;
    right: 5px;
    top: 0;
    margin: 0;
    z-index: 99;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    background-color: #5d8fc2;
    border-color: #5d8fc2;
    color: white;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
}

.view-input-details ul li a:nth-child(2):hover {
    color: #fff;
    background-color: #447cb5;
    border-color: #4175ab;
}

.bootstrap-dialog-footer-buttons button.btn-warning > span {
    color: #fff;
}

.assignment-table tbody td a {
    margin-right: 5px;
}

.file-upload-note {
    font-weight: 700;
}

.quotation-document-upload {
    position: relative;
    top: -10px;
}

.login-page .page-footer {
    position: relative !important;
    float: left;
    width: 100%;
}

.custom-grid-list table tr:nth-last-child(2) td:last-child .dropdown-menu {
    bottom: -25px;
}

.ticket_descriptioncolumn, .ticketcompetencecolumn {
    min-width: 300px;
}

.selection-portfolio {
    width: 100%;
    float: left;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.selection-portfolio a:first-child {
    float: left;
}

.selection-portfolio button:last-child {
    float: right;
}

.btn-file .glyphicon-folder-open {
    color: #fff;
}

.file-caption-main .file-caption-icon .text-danger {
    display: none;
}

#change-password-form .kv-password .input-group-addon {
    border-right: 1px solid #ccc !important;
}

#change-password-form .kv-password .input-group-addon input.kv-toggle {
    position: relative;
    top: 3px;
}

.form-control {
    border: 1px solid #e4e4e4;
    min-height: 34.31px;
}

.has-success .input-group-addon {
    border-color: #e4e4e4 !important;
}

.widget-login-container .widget-login h3 {
    color: #555;
}

.footer-model-button {
    text-align: right;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .modal-dialog {
        top: 50px;
    }
}

.alignment {
    padding: 0px 10px 0px 10px;
    word-break: break-all;
}

.field-ticketsearch-idjoin_contract_asset .select2-selection--single #select2-ticketsearch-idjoin_contract_asset-container {
    max-width: 100px;
}

div#user-grid-container {
    overflow: visible;
}

.one-record-css .table-responsive {
    min-height: 350px;
}

.one-record-css table tr:last-child td:last-child .dropdown-menu, .one-record-css table tr:nth-last-child(2) td:last-child .dropdown-menu,
.one-record-css table tr:nth-last-child(3) td:last-child .dropdown-menu {
    top: auto;
    bottom: auto !important;
}

.img-loader {
    visibility: hidden;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

.ajax-loader img, .img-loader img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: -webkit-translate(-50%, -50%);
    transform: -moz-translate(-50%, -50%);
    transform: -ms-translate(-50%, -50%);
}

.ajax-loader {
    visibility: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

.bootstrap-switch {
    border-radius: 34px;
}

@media screen and (min-width: 1500px) {
    #user-grid table th:first-child, #user-grid table tbody td:first-child {
        width: 150px !important;
        max-width: 150px !important;
    }

    div#user-grid table {
        table-layout: fixed;
    }
}

@media screen and (min-width: 5000px) {
    #user-grid table th:first-child, #user-grid table tbody td:first-child {
        width: 220px !important;
        max-width: 220px !important;
    }
}

.task-panel .form-group {
    float: right;
}

.task-panel .form-group label {
    margin: 0;
    padding: 0
}

.task-panel .bootstrap-switch {
    float: right;
    margin-left: 10px;
}

.green-arrow {
    font-size: 15px;
    color: #92d050;
}

.yellow-arrow {
    font-size: 15px;
    color: #ffff00;
}

.red-arrow {
    font-size: 15px;
    color: #ff0000;
}

.superMenu {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.superMenu > a {
    display: block;
    width: 24px;
    text-align: center;
    color: #555555;
    margin: 0 2px;
    font-size: 15px;
}

.superMenu .dropdown-toggle {
    color: #555 !important;
    font-size: 15px !important;
}

.superMenu > .tooltip {
    margin-left: 25px;
}

.superMenu > .tooltip .tooltip-arrow {
    margin-left: -30px;
}

.superMenu > .connected-quotations-tooltip {
    position: relative;
}

.superMenu > .connected-quotations-tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    word-break: break-all;
    font-size: 12px;
}

.superMenu > .connected-quotations-tooltip .tooltiptext:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
}

.superMenu > .connected-quotations-tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

#quotation-grid .dropdown-menu {
    right: 0px !important;
}

#quotation-grid .dropdown-menu > li > a span {
    padding-right: 7px;
}

#quotation-grid .dropdown-menu > li > a {
    padding: 5px 15px;
    white-space: normal;
}

#quotation-grid .dropdown button, #quotation-grid .dropdown button:not(:disabled):not(.disabled):active, #quotation-grid .open > .dropdown-toggle.btn-default:focus, #quotation-grid .open > .dropdown-toggle.btn-default:hover, #quotation-grid .open > .dropdown-toggle.btn-default {
    color: #868e96;
    background-color: inherit;
    border: none;
}

#quotation-grid .dropdown-menu > li > a:hover, #quotation-grid .dropdown-menu > li > a:focus, #quotation-grid .dropdown-menu > li > a:active, #quotation-grid .dropdown-menu > li > a.active {
    background: #ddd;
}

.connected-quotation-container, .quotation-older-version-container {
    background-color: #ffffff !important;
    padding: 15px;
    overflow: auto;
    max-height: 480px;
}

.connected-quotation-container .panel-body, .quotation-older-version-container .panel-body {
    background-color: #ffffff !important;
}

.connected-quotation-container .panel-group {
    margin-bottom: 0px;
}

.clickable {
    cursor: pointer;
}

.clickable a {
    color: #000000 !important;
}

.connected-quotation-container .panel-heading h4 {
    display: inline-block;
}

.connected-quotation-container table, th, td {
    border: 1px solid #ddd;
    border-collapse: collapse;
}

.connected-quotation-container th, td {
    padding: 5px 8px;
    text-align: left;
}

.connected-quotation-container th {
    /*background-color: #f5f5f5;*/
    background-color: #dddddd82;
}

#connected-quotation-list {
    background-color: #ffffff;
    padding: 15px;
}

#connected-quotation-list .table th {
    font-weight: bold;
    text-align: center;
}

.remove-connected-quotation {
    font-size: 17px;
    cursor: pointer;
    background: none;
    border: none;
}

.btn-disable-cursor {
    cursor: not-allowed !important;
}

.magnific-form.assign-quotation-popup, .magnific-form.connect-quotation-popup {
    overflow: hidden;
}

.custom-popup {
    top: 35px !important;
}

.activity-price-list-header {
    cursor: move;
}

.activity-price-list-option b {
    font-weight: 700 !important;
}

.iframe-popup > .modal-backdrop {
    display: none;
}

.iframe-popup > .modal {
    z-index: 999999 !important;
}

.quotation-grid .dropdown-menu {
    width: 13rem;
}

.select2-container--krajee .select2-selection--multiple .select2-selection__choice {
    max-width: calc(100% - 35px);
    word-break: break-all;
    white-space: pre-line;
}

.disable-datepicker span.input-group-addon.kv-date-remove, .disable-datepicker span.input-group-addon.kv-date-picker {
    cursor: not-allowed;
    pointer-events: none;
}

.quotation-offer-revision-menu a {
    color: #555555;
}

.quotation-older-version-container label.view-label {
    color: #000000;
}

.select2-container--krajee .select2-selection--single .select2-selection__clear {
    position: absolute;
}

.footer-model {
    background: #f5f5f5;
    border-radius: 0 0 5px 5px;
}

.quotation-older-version-popup, .connect-quotation-popup, .assign-quotation-popup {
    max-width: 800px;
    margin: 0 auto;
}

.quotation-older-version-details-popup {
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

.quotation-older-version-details-popup .quotation-older-version-container {
    max-height: 425px;
    overflow: auto;
}

.connect-quotation-popup h3 {
    padding-top: 10px !important;
}

.noscroll {
    overflow-y: hidden !important;
}

#activityPriceListModel .modal-content {
    margin: 0px auto !important;
}

.modal-lg {
    max-width: 1100px;
}

#connect-quotation-form .form-group {
    margin-bottom: 0px;
}

.form-actions {
    height: 55px;
}

.magnific-form.assign-user-popup {
    width: 800px;
    margin: 0px auto;
}

.magnific-form.assign-user-popup fieldset {
    max-height: 500px;
    overflow-y: auto;
}

@media screen and (min-width: 1500px) {
    .connected-quotation-container, .quotation-older-version-container {
        max-height: 640px;
    }

    .quotation-older-version-details-popup .quotation-older-version-container {
        max-height: 620px;
    }
}

.cbx-icon {
    margin: -3px 0px -3px -1px !important;
}

.cbx-md.cbx-active, .cbx-md.cbx-disabled {
    width: 20px !important;
    height: 20px !important;
    border-radius: 0px !important;
}

.cbx-label {
    display: inline !important;
    margin-left: 5px !important;
    width: auto !important;
}

.pdt-40 {
    padding-top: 40px !important;
}

.isDisabled {
    color: currentColor !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
    text-decoration: none !important;

}

#quotation-grid-container tbody tr.quotation-grid:first-child .superMenu .tooltip {
    margin-top: 10px;
}

.field-quotationsearch-quotation_date #quotationsearch-quotation_date,
#quotationsearch-quotation_deliverydate-kvdate #quotationsearch-quotation_deliverydate {
    min-width: 84px;
    padding: 0 5px 0 8px;
}

.filterrow {
    margin: 0 -10px;
}

.filterrow .col-sm-2 {
    padding: 0 10px;
}

#user-grid-container .widget h4 {
    text-align: left;
    margin-bottom: 15px;
}

#user-grid-container .widget .panel-footer .summary {
    text-align: left;
}

#user-grid .summary-info .summary {
    text-align: left;
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;

.select2-selection {
    background: #eee;
    box-shadow: none;
}

.select2-selection__arrow,
.select2-selection__clear {
    display: none;
}

}

#fixed-price-activity .panel-default {
    background-color: #e2efd9;
}

#estimated-price-activity .panel-default {
    background-color: #deeaf6;
}

.min-w250 {
    min-width: 250px;
}

.quotation-details td {
    width: 4%;
}

.quotation-details {
    display: table;
}

.quotation-offer-detail > thead > tr > th {
    white-space: normal;
    /*letter-spacing: unset;*/
    vertical-align: middle;
    font-size: 15px;
}

.create-offer .tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

.create-offer .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

.create-offer .tab button:hover {
    background-color: #ddd;
}

.create-offer .tab button.active {
    background-color: #ccc;
}

.create-offer .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.offer-summary {
    background-color: #e2efd9;
}

.invoice-details {
    display: none;
}

.note-details {
    display: none;
}

.file-caption .fileinput-remove.fileinput-remove-button, .file-caption input.form-control {
    height: 34px;
    line-height: 28px;
    display: flex !important;
    align-items: center;
}

.file-caption .fileinput-remove.fileinput-remove-button i.glyphicon, .file-caption i.glyphicon {
    display:none;
}
.has-error .help-block{
    color: red;
}
a.view-asset-detail {
    color: #555555;
}


.hidden {
    display: none;
}

#quotation-grid .kv-grid-wrapper{
    height: 450px !important;
}

/* dropdown-list select bg color*/
.select2-container--krajee-bs3 .select2-results__option--highlighted[aria-selected] {
    color: #fff !important;
    background-color: #a01c33 !important;
}

.select2-container--krajee-bs3.select2-container--open .select2-selection,
.select2-container--krajee-bs3 .select2-selection:focus {
    border-color: #a01c33;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 6px rgba(160, 28, 50, 0.5);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 6px rgba(160, 28, 50, 0.5);
}

.select2-container--krajee-bs3 .select2-dropdown{
    border-color: #a01c33;
}
.select2-container--krajee-bs3 .select2-results__option.select2-results__option--selected, 
.select2-container--krajee-bs3 .select2-results__option[aria-selected=true]{
    color: #a01c33;
    background-color: #a01c3225;
}
.create-task-switch{
    display: flex;
    justify-content: flex-start;
}
.create-task-switch label{
    margin-top: 7px !important;
}
.offer_btn_minus,
.offer_btn_plus{
    margin-top: 6px;
}

.resetFilterForm {
    float: right;
}