.right-sidebar-page { margin-right:0!important; }
#footer.right-sidebar-page { margin-right:0!important; }
.display-none{
    display: none;
}
li a[href="sales-invoice"] {
    display: none;
}
.guidance strong,
.text-denger {
    font-weight: 700
}
body {
    overflow-y: scroll
}
/*#content {
    padding: 67px 16px 50px;
}*/
.pr40 {
    padding-right: 40px!important;
}
.pl40 {
    padding-left: 40px!important;
}
.pr30 {
    padding-right: 30px!important;
}
.pl30 {
    padding-left: 30px!important;
}

.-ml10 {
    margin-left: -10px!important;
}

/*-- Margin --*/
.mt0 {
    margin-top: 0px!important;
}
.mt5 {
    margin-top: 5px!important;
}
.mt10 {
    margin-top: 10px!important;
}
.mt12 {
    margin-top: 12px!important;
}

/*-- Padding --*/
.pt0 {
    margin-top: 0px!important;
}
.pt5 {
    margin-top: 5px!important;
}
.pt10 {
    margin-top: 10px!important;
}
.pt12 {
    margin-top: 12px!important;
}



.row {
    margin-left: -10px;
    margin-right: -10px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 10px;
    padding-right: 10px;
}
.col-no-pl {
    padding-left: 0px;
}
.col-no-pr {
    padding-right: 0px;
}
.btn-mt10 {
    margin-top: 10px;
}
.btn-pb15 {
    padding-bottom: 0px;
}
.panel {
    margin-bottom: 10px;
}
.panel-body {
    padding: 10px;
}
.form-horizontal.group-border .form-group, .form-inline.group-border .form-group {
    border-bottom: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px;
}
.form-group {
    margin-bottom: 10px;
}
.simple-chart .form-group:last-child {
    margin-bottom: 0;
}
.text-denger {
    color: #ed7a53;
    font-size: 13px
}
.pace-loader>div {
    display: block;
    position: absolute;
    z-index: 2000;
    top: 50%;
    right: 50%;
    width: 42px;
    height: 42px;
    margin-right: -21px;
    margin-top: -21px;
    border: 3px solid transparent;
    border-top-color: #4faede;
    border-left-color: #4faede;
    border-radius: 50%;
    -webkit-animation: pace-spinner .4s linear infinite;
    -ms-animation: pace-spinner .4s linear infinite;
    animation: pace-spinner .4s linear infinite;
}
.hand {
    cursor: pointer !important;
}
.data-table #delete,
.data-table #edit,
.seq-forward,
.show-details {
    cursor: pointer
}
.sub-icon {
    background-image: linear-gradient(to i, #fafafa 0, #dcdcdc 100%)
}
.expireLimitBox {
    height: 36px;
    background-image: linear-gradient(to strong, #fafafa 0, #dcdcdc 100%)
}
.expireDays {
    background: #fff;
    border-radius: 3px;
    color: #e80d16;
    font-size: 12px;
    padding: 3px 5px
}

.pace-loader {
    height: 480px
}
@media screen and (max-width: 320px) {
    .pace-loader {
        height: 200px
    }
}

.stats-btn-selected {
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border-color: #a5a5a5;
    transition: all .5s ease;
    text-decoration: none
}
.stats-btn-selected i {
    color: #39c
}
.accordion-checkBox .panel-title .icomoon-icon-plus {
    display: none
}
.accordion-checkBox .panel-title .collapsed .icomoon-icon-plus,
.accordion-checkBox .panel-title .icomoon-icon-minus {
    display: inline-block
}
.accordion-checkBox .panel-title .collapsed .icomoon-icon-minus {
    display: none
}
.accordion-checkBox .accordion-toggle {
    display: inline!important
}
.validationErrIcon {
    padding-top: 2px
}
.required::after {
    color: #e6674a;
    content: " *";
    display: inline
}
@media screen and (max-width: 1024px) {
    #header .note-current-fontname {
        display: none
    }
}
.datatables_header .btn,
.datatables_header .input-group,
.datatables_header select {
    margin-bottom: 5px
}
.single-item {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    padding: 5px
}
.single-item .img {
    position: relative
}
.single-item .img .overlay {
    background: #2aadde;
    color: #6494bb;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 15px;
    position: absolute;
    top: 0;
    transition: all .3s ease-out 0s;
    visibility: hidden;
    width: 100%
}
.single-item .img:hover .overlay {
    opacity: 1;
    visibility: visible
}
.single-item .img .overlay h6 {
    margin: 0 0 15px
}
.single-item .img .overlay p {
    margin-bottom: 10px
}
.single-item .img .overlay a {
    color: inherit
}
.single-item .img img {
    height: auto;
    width: 100%
}
.single-item .meta {
    margin: 0;
    padding-top: 5px
}
.single-item .meta span {
    display: block;
    float: left;
    line-height: 30px
}
.single-item .meta .btn {
    float: right;
    margin-left: 5px;
    padding-left: 0;
    padding-right: 0;
    width: 30px
}
.upload-img-overly {
    background: rgba(0, 0, 0, 0)!important;
    opacity: .4
}
.upload-img-overly h1,
.upload-img-overly h2,
.upload-img-overly h3.h4 {
    float: right;
    margin-right: -10px;
    margin-top: -12px
}

.ml8{
    margin-left: 8px;
}
.ml10{
    margin-left: 10px;
}
.ml11{
    margin-left: 11px;
}
.ml12{
    margin-left: 12px;
}
.ml13{
    margin-left: 13px;
}
.ml14{
    margin-left: 14px;
}
.ml15{
    margin-left: 15px;
}
.ml16{
    margin-left: 16px;
}


.radio-hidden .input-hidden {
    position: absolute;
    left: -9999px
}
.radio-hidden input[type=radio]:checked+label>img {
    border: 1px solid #fff;
    box-shadow: 0 0 3px 2px #090;
    transform: rotateZ(-10deg) rotateX(10deg)
}
.radio-hidden input[type=radio]+label>img {
    border: 1px dashed #444;
    width: 115px;
    height: 115px;
    transition: .5s all
}
.treeView svg text.active {
    fill: #080
}
.form-inline .data-search {
    width: 100%
}
.icon-disabled {
    color: #ccc;
    cursor: not-allowed!important
}
.lead-details {
    color: #333;
    font-size: 14px
}
.lead-details ul {
    list-style-type: none;
    padding: 0;
    overflow: hidden
}
.lead-details ul>li {
    float: left;
    display: block;
    text-align: left;
    text-decoration: none;
    padding-right: 30px
}
.bwizard .bwizard-steps {
    width: 100%;
    margin: 0!important;
    font-size: 14px!important
}
.bwizard .bwizard-steps li {
    text-align: right
}
.bwizard .bwizard-steps li .step_btn_confirm {
    width: 200px
}
.bwizard .bwizard-steps li a {
    text-align: left
}
.bwizard .bwizard-steps li a .step-number {
    border: 1px solid #c4c4c4;
    border-radius: 50%;
    color: #666;
    font-size: 14px!important;
    height: 44px!important;
    padding: 11px 17px!important;
    width: 44px!important
}
.bwizard .bwizard-steps li a .step-text {
    padding-left: 15px!important
}
.bwizard .bwizard-steps li a .step-number::after {
    color: #666;
    content: "→";
    left: 18px;
    position: relative;
    top: -1px
}
.bwizard .bwizard-steps li.completed a .step-number {
    background-image: linear-gradient(to bottom, #7de6a2 0, #1e9647 100%);
    background-repeat: repeat-x;
    border-color: #1e9647;
    color: #fff
}
.bwizard .bwizard-steps li.completed a,
.bwizard .bwizard-steps li.completed a .step-number::after {
    color: #1e9647
}
.bwizard .bwizard-steps li.denger a .step-number {
    background-image: linear-gradient(to bottom, #FF9B9B 0, red 100%);
    background-repeat: repeat-x;
    border-color: #B00;
    color: #fff
}
.bwizard .bwizard-steps li.denger a,
.bwizard .bwizard-steps li.denger a .step-number::after {
    color: red
}
.bwizard .bwizard-steps li.active a .step-number {
    background-image: linear-gradient(to bottom, #A2D6EE 0, #4faede 100%);
    background-repeat: repeat-x;
    border-color: #4faede;
    color: #fff
}
.bwizard .bwizard-steps li.active a,
.bwizard .bwizard-steps li.active a .step-number::after {
    color: #4faede
}
.bwizard .wizard-progress {
    border: none!important
}
.guidance em {
    font-style: italic
}

/*Text Align Left*/
.tal{
    text-align: left;
}

/*Text Align Center*/
.tac{
    text-align: center;
}

/*Text Align Right*/
.tar {
    text-align: right
}

.pb22{
  padding-bottom: 22px;
}

.sortable-layout .aviation-bill-form{
    width: 565px !important;
    margin-left: 12px !important;
    padding: 11px !important;
    border: 1px solid #ccc;
}
@media all and (max-width: 1024px) {
    .bwizard .bwizard-steps li a .step-text {
        padding-left: 0!important
    }
    .bwizard .bwizard-steps li .step_btn_confirm {
        margin-bottom: 50px
    }
    .btn-ml0{
        margin-left: 0px!important;
    }
    .btn-pb15 {
        padding-bottom: 15px;
    }
    .sortable-layout .aviation-bill-form{
        width: 734px !important;
        margin-left: 12px !important;
        padding: 11px !important;
        border: 1px solid #ccc;
    }
}
@media all and (max-width: 991px) {
    .col-no-pl, .pl0 {
        padding-left: 10px !important;
    }
    .col-no-pr, .pr0 {
        padding-right: 10px !important;
    }
    .btn-mt10 {
        margin-top: 0px;
    }
    .btn-pb15 {
        padding-bottom: 15px;
    }
    .mt10-mbl {
        margin-top: 10px;
    }
    .bwizard .bwizard-steps li a .step-text {
        padding-left: 0!important
    }
    .bwizard .bwizard-steps li .step_btn_confirm {
        margin-bottom: 50px
    }
    .btn-ml0{
        margin-left: 0px!important;
    }

    .sortable-layout .aviation-bill-form{
        width: 565px !important;
        margin-left: 12px !important;
        padding: 11px !important;
        border: 1px solid #ccc;
    }
}
@media all and (max-width: 767px) {
    .col-no-pl, .pl0 {
        padding-left: 10px !important;
    }
    .col-no-pr, .pr0 {
        padding-right: 10px !important;
    }
    .btn-mt10 {
        margin-top: 0px;
    }
    .btn-pb15 {
        padding-bottom: 15px;
    }
    .mt10-mbl {
        margin-top: 10px;
    }
    .bwizard .bwizard-steps li a .step-text {
        padding-left: 0!important
    }
    .bwizard .bwizard-steps li .step_btn_confirm {
        margin-bottom: 50px
    }
    .btn-ml0{
        margin-left: 0px!important;
    }

    .sortable-layout .aviation-bill-form{
        width: 565px !important;
        margin-left: 12px !important;
        padding: 11px !important;
        border: 1px solid #ccc;
    }
}
@media all and (max-width: 640px) {
    .col-no-pl, .pl0 {
        padding-left: 10px !important;
    }
    .col-no-pr, .pr0 {
        padding-right: 10px !important;
    }
    .btn-mt10 {
        margin-top: 0px;
    }
    .btn-pb15 {
        padding-bottom: 15px;
    }
    .mt10-mbl {
        margin-top: 10px;
    }
    .bwizard .bwizard-steps li a .step-text {
        padding-left: 0!important
    }
    .bwizard .bwizard-steps li .step_btn_confirm {
        margin-bottom: 50px
    }
    .btn-ml0{
        margin-left: 0px!important;
    }
    .sortable-layout .aviation-bill-form{
        width: 565px !important;
        margin-left: 12px !important;
        padding: 11px !important;
        border: 1px solid #ccc;
    }
}
@media all and (max-width: 550px) {
    .col-no-pl, .pl0 {
        padding-left: 10px !important;
    }
    .col-no-pr, .pr0 {
        padding-right: 10px !important;
    }
    .btn-mt10 {
        margin-top: 0px;
    }
    .btn-pb15 {
        padding-bottom: 15px;
    }
    .mt10-mbl {
        margin-top: 10px;
    }
    .bwizard .bwizard-steps li a .step-text {
        padding-left: 0!important
    }
    .bwizard .bwizard-steps li .step_btn_confirm {
        margin-bottom: 50px
    }
    .btn-ml0{
        margin-left: 0px!important;
    }
}
@media all and (max-width: 450px) {
    .col-no-pl, .pl0 {
        padding-left: 10px !important;
    }
    .col-no-pr, .pr0 {
        padding-right: 10px !important;
    }
    .btn-mt10 {
        margin-top: 0px;
    }
    .btn-pb15 {
        padding-bottom: 15px;
    }
    .mt10-mbl {
        margin-top: 10px;
    }
    .bwizard .bwizard-steps li {
        display: list-item!important;
        float: none;
        width: 100%;
        text-align: left!important
    }
    .bwizard .bwizard-steps li a {
        padding: 10px 0!important
    }
    .bwizard .bwizard-steps li a .step-text {
        padding-left: 20px!important
    }
    .bwizard .bwizard-steps li .step_btn_confirm {
        margin-bottom: 50px
    }

    .btn-ml0{
        margin-left: 0px!important;
    }
    .sortable-layout .aviation-bill-form{
        width: 340px !important;
        margin-left: 12px !important;
        padding: 11px !important;
        border: 1px solid #ccc;
    }
    .form-horizontal {
        margin-top: -15px;
        margin-bottom: 2px;
    }


}
@media all and (max-width: 360px) {
    .col-no-pl, .pl0 {
        padding-left: 10px !important;
    }
    .col-no-pr, .pr0 {
        padding-right: 10px !important;
    }
    .btn-mt10 {
        margin-top: 0px;
    }
    .btn-pb15 {
        padding-bottom: 15px;
    }
    .mt10-mbl {
        margin-top: 10px;
    }
    .bwizard .bwizard-steps li {
        display: list-item!important;
        float: none;
        width: 100%;
        text-align: left!important
    }
    .bwizard .bwizard-steps li a {
        padding: 10px 0!important
    }
    .bwizard .bwizard-steps li a .step-text {
        padding-left: 20px!important
    }
    .bwizard .bwizard-steps li .step_btn_confirm {
        margin-bottom: 50px
    }
    .sortable-layout .aviation-bill-form{
        width: 340px !important;
        margin-left: 12px !important;
        padding: 11px !important;
        border: 1px solid #ccc;
    }
}
@media all and (max-width: 320px) {
    .col-no-pl, .pl0 {
        padding-left: 10px !important;
    }
    .col-no-pr, .pr0 {
        padding-right: 10px !important;
    }
    .btn-mt10 {
        margin-top: 0px;
    }
    .btn-pb15 {
        padding-bottom: 15px;
    }
    .mt10-mbl {
        margin-top: 10px;
    }
    .bwizard .bwizard-steps li {
        display: list-item!important;
        float: none;
        width: 100%;
        text-align: left!important
    }
    .bwizard .bwizard-steps li a {
        padding: 10px 0!important
    }
    .bwizard .bwizard-steps li a .step-text {
        padding-left: 20px!important
    }
    .bwizard .bwizard-steps li .step_btn_confirm {
        margin-bottom: 50px
    }
}
.runtime_sales_leadConvertedConfirmation.entry {
    clear: both;
    font-size: 10px;
    height: 50px;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    vertical-align: middle
}
.runtime_sales_leadConvertedConfirmation.entry img {
    border-radius: 5px;
    height: 45px;
    width: 45px
}
.runtime_sales_leadConvertedConfirmation.entry .image {
    float: left;
    text-align: right;
    width: 30%
}
.runtime_sales_leadConvertedConfirmation.entry .description {
    float: left
}
.runtime_sales_leadConvertedConfirmation.entry .description .entity {
    color: #54698d;
    font-size: 13px;
    margin-left: 17px;
    margin-top: 1px;
    text-transform: uppercase
}
.runtime_sales_leadConvertedConfirmation.entry .description .record {
    color: #0070d2;
    font-size: 21px;
    margin-left: 17px
}
.runtime_sales_leadConvertedConfirmation .account {
    background-color: #7f8de1
}
.runtime_sales_leadConvertedConfirmation .contact {
    background-color: #a094ed
}
.runtime_sales_leadConvertedConfirmation .oppty {
    background-color: #fcb95b
}
main.topTabs {
    min-width: 320px;
    max-width: 800px;
    margin: 0 auto;
    background: #fff
}
.topTabs section {
    display: none;
    padding: 20px 0 0;
    border-top: 1px solid #ddd
}
.topTabs input[name=tabs] {
    display: none
}
.topTabs label.topTabs-label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 25px;
    font-weight: 600;
    text-align: center;
    color: #bbb;
    border: 1px solid transparent
}
.topTabs label.topTabs-label:before {
    font-family: fontawesome;
    font-weight: 400;
    margin-right: 10px
}
.topTabs label.topTabs-label[for*='1']:before {
    content: '\f1cb'
}
.topTabs label.topTabs-label[for*='2']:before {
    content: '\f17d'
}
.topTabs label.topTabs-label[for*='3']:before {
    content: '\f16b'
}
.topTabs label.topTabs-label[for*='4']:before {
    content: '\f1a9'
}
.topTabs label.topTabs-label:hover {
    color: #888;
    cursor: pointer
}
.topTabs input[name=tabs]:checked+label.topTabs-label {
    color: #555;
    border: 1px solid #ddd;
    border-top: 2px solid orange;
    border-bottom: 1px solid #fff
}
.topTabs #tab1:checked~#content1,
.topTabs #tab2:checked~#content2,
.topTabs #tab3:checked~#content3 {
    display: block
}
@media screen and (max-width: 650px) {
    .topTabs label.topTabs-label {
        font-size: 0
    }
    .topTabs label.topTabs-label:before {
        margin: 0;
        font-size: 18px
    }
}
.pre-icon,
.pre-icon32 {
    color: #666;
    font-size: 16px;
    text-align: center;
    transition: all .3s ease-in-out 0s;
    float: left
}
@media screen and (max-width: 400px) {
    .topTabs label.topTabs-label {
        padding: 15px
    }
}
.pre-icon {
    border: 1px solid #ccc;
    background: #E9E9E9;
    border-radius: 85%;
    height: 25px;
    line-height: 21px;
    margin: 5px 10px 60px 0;
    width: 25px
}
.pre-icon32 {
    background: #e9e9e9;
    border: 1px solid #ccc;
    border-radius: 85%;
    height: 46px;
    line-height: 42px;
    margin: 3px 10px 60px 0;
    width: 46px
}
.qualified-Lead {
    padding: 25px 0 0 107px
}
.attachments-box {
    border: 2px dashed #e2e2e2;
    border-radius: 5px;
    color: #bcbcbc;
    font-size: 15px;
    font-weight: 400;
    height: 100px;
    line-height: 98px
}
.attachment_area .attachment-item {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 12px;
    position: relative
}
.attachment_area .attachment-item.document .attachment-img {
    background: #d3fcf5;
    border: 1px solid #e2e2e2;
    display: block
}
.attachment_area .attachment-item.document .sprite-icon.documents {
    margin-top: 15px
}
.attachment_area .attachment-item .circle-rotate {
    background-position: center center;
    height: 30px;
    margin: 20px auto;
    width: 30px
}
.attachment_area .attachment-img {
    background-size: cover;
    float: left;
    height: 60px;
    margin-right: 10px;
    width: 60px
}
.attachment_area .attachment-content {
    float: left;
    text-align: left;
    width: 65%
}
.attachment_area .attachment-content .attachment-title {
    font-size: 14px;
    overflow: hidden
}
.attachment_area .attachment-date {
    cursor: default;
    font-size: 12px
}
.attachment_area .attachment-size {
    cursor: default;
    font-size: 12px;
    font-weight: 100;
    color: #666
}
.attachment_area .close_x {
    cursor: pointer;
    height: 15px;
    padding: 5px;
    position: absolute;
    right: 5px;
    top: 0
}
.fs16 {
    font-size: 16px
}
.rotate-panel .panel {
    margin-top: 100px
}
.rotate-panel .panel::after,
.rotate-panel .panel::before {
    background-image: linear-gradient(to bottom, #f8f8f8 0, #f9f9f9 100%);
    background-repeat: repeat-x;
    border: 1px solid #c4c6ca;
    content: "";
    display: block;
    height: 100%;
    left: -1px;
    position: absolute;
    width: 100%
}
.popover-loader,
.rotate-panel .panel .user-avatar img {
    border-radius: 50%
}
.rotate-panel .panel::after {
    top: 0;
    transform: rotate(2deg);
    z-index: -1
}
.rotate-panel .panel::before {
    top: 0;
    transform: rotate(-3deg);
    z-index: -2
}
.rotate-panel .panel .user-avatar {
    background-image: linear-gradient(to bottom, #fff 0, #f3f3f3 100%);
    background-repeat: repeat-x;
    border-bottom: 1px solid #c4c4c4;
    margin: 0 -15px 20px;
    padding: 15px 0;
    text-align: center
}
.popover-loader {
    font-size: 10px;
    margin: 50px auto;
    text-indent: -9999em;
    width: 11em;
    height: 11em;
    background: #ff8040;
    background: -moz-linear-gradient(left, #ff8040 10%, rgba(255, 128, 64, 0) 42%);
    background: -webkit-linear-gradient(left, #ff8040 10%, rgba(255, 128, 64, 0) 42%);
    background: -o-linear-gradient(left, #ff8040 10%, rgba(255, 128, 64, 0) 42%);
    background: -ms-linear-gradient(left, #ff8040 10%, rgba(255, 128, 64, 0) 42%);
    background: linear-gradient(to right, #ff8040 10%, rgba(255, 128, 64, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}
.popover-loader:after,
.popover-loader:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0
}
.popover-loader:before {
    width: 50%;
    height: 50%;
    background: #ff8040;
    border-radius: 100% 0 0
}
.popover-loader:after {
    background: #fff;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    margin: auto;
    bottom: 0;
    right: 0
}

.dataTable img {
    max-width: 32px;
    margin-right: 10px;
}
.dt-print-view>h1 {
    text-align: center;
    font-size: 21px;
    margin-bottom: 24px;
}
.dt-print-view table {
    font-size: 13px !important;
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
}
.dt-print-view thead {
    border-bottom: 1px solid #999;
}
.dt-print-view tbody tr {
    border-bottom: 1px dashed #ccc;
}
.dt-print-view img {
    max-width: 26px !important;
    margin-right: 5px !important;
}

.dt-head-center {text-align: center;}
div.dt-buttons {float: none !important;}

/*Data Table Paginate*/
.dataTables_wrapper .dataTables_paginate {
    float: right;
    padding-top: 0.25em;
    text-align: right;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid transparent;
    border-radius: 2px;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: inline-block;
    margin-left: 2px;
    min-width: 1.5em;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 0%, #dcdcdc 100%) repeat scroll 0 0;
    border: 1px solid #979797;
    color: #333;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background: transparent none repeat scroll 0 0;
    border: 1px solid transparent;
    box-shadow: none;
    color: #666;
    cursor: default;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #585858 0%, #111 100%) repeat scroll 0 0;
    border: 1px solid #111;
    color: white;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%) repeat scroll 0 0;
    box-shadow: 0 0 3px #111 inset;
    outline: medium none;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em;
}

/*Data Table Search*/
.dataTables_length select, .dataTables_filter input {
    box-shadow: none;
    outline: 0 none;
}
.dataTables_length select:hover, .dataTables_filter input:hover {
    border-color: #b7b7b7;
}
.dataTables_length select, .dataTables_filter input {
    background-color: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 2px;
    height: 32px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.dataTables_length select:focus, .dataTables_filter input:focus {
    border-color: #b7b7b7;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(183, 183, 183, 0.6);
    outline: 0 none;
}
.dataTables_length select::-moz-placeholder, .dataTables_filter input::-moz-placeholder {
    color: #777;
    opacity: 1;
}

::-ms-reveal,
::-ms-clear {
  display: none !important;
}

.hideShowPassword-toggle {
  background-color: transparent;
  background-image: url('../../public/img/wink.png'); /* fallback */
  background-image: url('../../public/img/wink.svg'), none;
  background-position: 0 center;
  background-repeat: no-repeat;
  border: 0px solid transparent;
  border-radius: 0.25em;
  cursor: pointer;
  font-size: 100%;
  height: 44px;
  margin: 0;
  max-height: 100%;
  padding: 0;
  overflow: 'hidden';
  text-indent: -999em;
  width: 46px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.hideShowPassword-toggle-hide {
  background-position: -44px center;
}

.hideShowPassword-toggle:hover,
.hideShowPassword-toggle:focus {
  border-color: #0088cc;
  outline: transparent;
}

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes load3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.activity-list .list-header {
    color: #54698d;
    font-size: 16px;
    border-bottom: 1px dashed #d8dde6;
    line-height: 0
}
.activity-list .list-header>span {
    display: inline;
    font-size: 15px;
    font-style: italic;
    background: #feffff;
    color: #aeb3bc
}
.activity-list .timeline-icon i {
    margin-top: -6px
}
.activity-list .no-activity {
    text-align: center;
    color: #aeb3bc;
    padding: 20px 0
}
.activity-list .list-body .see-more {
    margin-left: 15px;
    margin-top: -6px
}
#textLoader {
    width: 115px;
    margin: auto;
    padding: 80px 0 140px
}
.textLoader {
    color: #000;
    font-family: Arial;
    font-size: 24px;
    text-decoration: none;
    font-weight: 400;
    font-style: normal;
    float: left;
    animation-name: bounce_textLoader;
    -o-animation-name: bounce_textLoader;
    -ms-animation-name: bounce_textLoader;
    -webkit-animation-name: bounce_textLoader;
    -moz-animation-name: bounce_textLoader;
    animation-duration: 2.09s;
    -o-animation-duration: 2.09s;
    -ms-animation-duration: 2.09s;
    -webkit-animation-duration: 2.09s;
    -moz-animation-duration: 2.09s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    transform: scale(.5);
    -o-transform: scale(.5);
    -ms-transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5)
}
#textLoader_1 {
    animation-delay: .75s;
    -o-animation-delay: .75s;
    -ms-animation-delay: .75s;
    -webkit-animation-delay: .75s;
    -moz-animation-delay: .75s
}
#textLoader_2 {
    animation-delay: .9s;
    -o-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s
}
#textLoader_3 {
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s
}
#textLoader_4 {
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s
}
#textLoader_5 {
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s
}
#textLoader_6 {
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s
}
#textLoader_7 {
    animation-delay: 1.64s;
    -o-animation-delay: 1.64s;
    -ms-animation-delay: 1.64s;
    -webkit-animation-delay: 1.64s;
    -moz-animation-delay: 1.64s
}
#textLoader_8 {
    animation-delay: 1.79s;
    -o-animation-delay: 1.79s;
    -ms-animation-delay: 1.79s;
    -webkit-animation-delay: 1.79s;
    -moz-animation-delay: 1.79s
}
#textLoader_9 {
    animation-delay: 1.94s;
    -o-animation-delay: 1.94s;
    -ms-animation-delay: 1.94s;
    -webkit-animation-delay: 1.94s;
    -moz-animation-delay: 1.94s
}
#textLoader_10 {
    animation-delay: 2.09s;
    -o-animation-delay: 2.09s;
    -ms-animation-delay: 2.09s;
    -webkit-animation-delay: 2.09s;
    -moz-animation-delay: 2.09s
}
.emptyMessage {
    text-align: center;
    color: #777
}
@keyframes bounce_textLoader {
    0% {
        transform: scale(1);
        color: #000
    }
    100% {
        transform: scale(.5);
        color: #fff
    }
}
@-o-keyframes bounce_textLoader {
    0% {
        -o-transform: scale(1);
        color: #000
    }
    100% {
        -o-transform: scale(.5);
        color: #fff
    }
}
@-ms-keyframes bounce_textLoader {
    0% {
        -ms-transform: scale(1);
        color: #000
    }
    100% {
        -ms-transform: scale(.5);
        color: #fff
    }
}
@-webkit-keyframes bounce_textLoader {
    0% {
        -webkit-transform: scale(1);
        color: #000
    }
    100% {
        -webkit-transform: scale(.5);
        color: #fff
    }
}
@-moz-keyframes bounce_textLoader {
    0% {
        -moz-transform: scale(1);
        color: #000
    }
    100% {
        -moz-transform: scale(.5);
        color: #fff
    }
}
ul#today li:first-child {
    border: none;
}

/*start purchase Invoice*/
.purchase_collection_amount h4
{
    text-align: right;
}
.purchase_collection_amount .color
{
    color:#73706e;
}
.purchase_collection_name div
{
    text-align: right;
}
.purchase_invoice_info
{
    font-size: 15px;
    float: right;
    width: 180px !important;
}
#divider_hr
{
    border-top: 2px dotted #c1bdbd;
    margin-top: -2%;
    width: 90%;
    float: right;
    margin-bottom: 0;
}
.purchase_bottom h4
{
    font-weight: 300 !important;
    font-size: 14px;
}
#last_divider_first
{
    border-top: 2px dotted #c1bdbd;
    width: 90%;
    text-align: right;
    float: right;
    margin-top: -1%;
}
#last_divider_second
{
    border-top: 2px dotted #c1bdbd;
    margin-top: -3%;
    width: 90%;
    text-align: right;
    float: right;
}

/*end purchase */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1024px) {
    
}​


/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {

}
/* iPad(work) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    body.login-page .login-panel::before {
        width: 87%;
    }
    body.login-page .panel .panel-body {
        width: 88%;
    }
    body.login-page .login-panel::after, body.login-page .login-panel::before {
        width: 88%;
    }
    #header .txt {
        display: inline;
    }
    #footer.sidebar-page {
        margin-left: 270px;
    }
    #footer.clearfix.sidebar-page.right-sidebar-page{
        margin-top: 530px!important;
    }
    .perpage-add {
        margin-top: -41px;
    }
    .responsive-create {
        margin-bottom: 10px!important;
    }
    #content.page-content {
        margin-top: 52px;
    }
    /* #sidebar.page-sidebar.collapse-sidebar {
        margin-top: 0px;
    } */

    /* start scrollable table */
    #inputTableForm .dtHorizontalExampleWrapper {
        max-width: 600px;
        margin: 0 auto;
    }
    #inputTableForm #dtHorizontalExample th, td {
        white-space: nowrap;
    }
    
     #inputTableForm table.dataTable thead .sorting:after,
     #inputTableForm table.dataTable thead .sorting:before,
     #inputTableForm table.dataTable thead .sorting_asc:after,
     #inputTableForm table.dataTable thead .sorting_asc:before,
     #inputTableForm table.dataTable thead .sorting_asc_disabled:after,
     #inputTableForm table.dataTable thead .sorting_asc_disabled:before,
     #inputTableForm table.dataTable thead .sorting_desc:after,
     #inputTableForm table.dataTable thead .sorting_desc:before,
     #inputTableForm table.dataTable thead .sorting_desc_disabled:after,
     #inputTableForm table.dataTable thead .sorting_desc_disabled:before {
        /* bottom: .5em; */
        display: none;
    }
    /* End scrollable table */
    
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
    
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {

}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    
}
/* iPhone 6, 7, 8 (work) */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    body.login-page .login-panel::before {
        width: 38%;
    }
    body.login-page .panel .panel-body {
        width: 39%;
    }
    body.login-page .login-panel::after, body.login-page .login-panel::before {
        width: 39%;
    }
    #header .navbar .navbar-right > li.dropdown {
        display: inline;
    }
    #header .txt {
        display: inline;
    }
    /* #header .navbar-header, .heading .breadcrumb {
        display: inline;
    } */
    #footer.sidebar-page {
        margin-left: 0px;
    }
    #footer.clearfix.sidebar-page.right-sidebar-page{
        margin-top: 245px!important;
    }
    #content.page-content {
        margin-top: 84px;
    }
    #sidebar.page-sidebar.collapse-sidebar {
        margin-top: 152px;
    }
    #sidebar.page-sidebar {
        margin-top: 152px;
    }
    #response-branch {
        margin-top: 10px;
    }
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    
}