/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/
.nodisplay {
    display: none;
}

.btn-lg {
    font-size: 27px;
}

.path_inbutton {
    font-size: 20px
}

.red-txt {
    color: red;
}

.homebutton {
    margin: 10px 0;
    float: right
}

.home_button {
    color: white;
    background-color: #E75F44;
    border-color: #E75F44;
    margin-top: 4px;
}

.path_button {
    text-align: center;
}

.mix-grid .mix .mix-details {
    bottom: 0px !important;
}

.accordion .panel .acc_panel {
    background-color: #3b9c96;
    color: #fff;
}

.accordion .panel.acc_panel:hover,
a.a_panel {
    color: black;
    text-decoration: none;
}

.acc_panel_default {
    border-color: #3b9c96;
    text-decoration: none;

}

.user_ic {
    display: inline-block;
    float: left;
    font-size: 13px;
    margin-right: 5px;
    margin-top: 4px;
}

#customer_name {
    color: black;
}

.acc_caption {
    font-size: 18px;
    color: #fff;
}

.new_close {
    background-image: url("../img/remove-icon-small1.png") !important;
}

.new_close,
.new_close:hover,
.new_close:focus {
    height: 20px;
    width: 20px;
    opacity: 0.9;
}

/*.old_close{
    background-image: url("../img/remove-icon-small.png") !important;
}*/

.accordion .panel .panel-title .accordion-toggle {
    padding: 10px 10px;
}

.panel-group .panel-heading a:after {
    font-family: fontAwesome;
    content: '\f068';
    float: right;
    position: relative;
    bottom: 19px;
    font-size: 18px;
    color: #fff
}

.panel-group .panel-heading a.collapsed:after {
    content: '\f067';

}

a.view_detail_customer {
    color: #3b9c96;
    float: right;
    font-size: 14px;
    font-weight: 500;
    margin-top: 8px;
    text-decoration: none;
    float: right;
}

#sideprofileimage {
    height: 115px;
    width: 115px;
}

.profile-userpic {
    border-radius: 50% !important;
    height: 115px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    width: 115px !important;
}

.profile-sidebar {
    float: left;
    margin-right: 20px;
    width: 230px;
    width: 100% !important;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username {
    color: #fff;
}

.error-contain {
    background-color: rgb(242, 222, 222);
    border-color: rgb(235, 204, 209);
    color: rgb(169, 68, 66);
}

.contain-success {
    background-color: rgb(223, 240, 216);
    border-color: rgb(214, 233, 198);
    color: rgb(60, 118, 61);
}

.page-container i.fa::before {
    font-size: 13px;
}

.home-page .mix-link i::before {
    font-size: 4em !important;
}

caption .home-page .tabbable-custom>.tab-content {
    background-color: #f5f5f5 !important;
}

/*#customer_information .path_inbutton {width: auto !important;}*/

.new_crdeit_card::before {
    font-size: 15px !important;
}

#transaction_history .portlet-body {
    height: 350px;
    overflow-y: auto;
}

#fraud_history .portlet-body {
    height: 350px;
    overflow-y: auto;
}

#customer_information .modal-dialog {
    min-width: 725px;
}

.path_inbutton {
    width: auto;
}

.edit-customer-info .transaction-information h3 {
    margin: 30px 0 14px;
}

.edit-customer-info .transaction-information .card-list .item {
    border-bottom: 1px solid rgb(238, 238, 238);
    padding-bottom: 5px;
    padding-top: 14px;
}

.edit-customer-info .transaction-information .card-list .item:first-child {
    padding-top: 0;
}

.edit-customer-info .transaction-information .total-purchase-price {
    padding-top: 11px;
}

.jcrop-holder {
    margin-bottom: 10px;
}

.transaction-history-dialog {
    width: 900px;
}

.card-amount-error {
    background-color: rgb(242, 222, 222);
    border-color: rgb(235, 204, 209);
    color: rgb(169, 68, 66);
}

.duplicate-error {
    background-color: rgb(242, 222, 222);
    border-color: rgb(235, 204, 209);
    color: rgb(169, 68, 66);
}

.transaction-details #customer_information .form-actions {
    margin-top: 10px;
}

.card_percentage_amount .help-block,
.card_amount .help-block {
    margin-left: 14px;
}

#fancybox-loading {
    z-index: 806000 !important;
}

.wordBreak {
    white-space: normal !important;
    word-break: break-word !important;
    display: inline-block;
    -ms-word-break: break-all !important;
}

.alert .close {
    background-image: url("../img/remove-icon-alert.png") !important;
    width: 12px;
    height: 12px;
    margin-top: 5px;
    opacity: 0.8;
}

.alert .close:focus,
.alert .close:hover {
    opacity: 0.5;
}

#add_card_information_frm #card_type {
    width: 99.9% !important;
}

#edit_card_information_frm #card_type {
    width: 99.9% !important;
}

.blue.btn[disabled],
.btn-success[disabled] {
    background-color: #E75F44;
}

.payment-plan-error {
    border-width: 1px;
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;

}

.payment-plan-error .close {
    background-image: url("../img/remove-icon-alert.png") !important;
    width: 12px;
    height: 12px;
    margin-top: 5px;
    opacity: 0.8;
}

.first_limit-error {
    border-width: 1px;
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;

}

.first_limit-error .close {
    background-image: url("../img/remove-icon-alert.png") !important;
    width: 12px;
    height: 12px;
    margin-top: 5px;
    opacity: 0.8;
}

.alert-errors {
    border-width: 1px;
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-errors .close {
    background-image: url("../img/remove-icon-alert.png") !important;
    width: 12px;
    height: 12px;
    margin-top: 5px;
    opacity: 0.8;
}

.help-block {
    color: #a94442;
}

.new_mix_link {
    background-color: #1E5CAA !important;

}

.card_title_font {
    color: #1E5CAA !important;
}

.mix_h2,
.mix_p {
    color: white;
}

.mix_h2:hover,
.mix_p:hover,
.mix-grid .mix .mix-details i:hover {
    color: #E95F3D !important;
}

.portlet.box.green>.portlet-title,
.portlet.box.red-sunglo>.portlet-title {
    background-color: #1E5CAA !important;
}

.portlet.box.green,
.acc_panel_default,
.portlet.box.red-sunglo {
    border: 1px solid #1E5CAA !important;
}

.accordion .panel .acc_panel {
    background-color: #1E5CAA !important;
}

.label-status {
    background-color: #1E5CAA;
}

.label-status-warning {
    background-color: #E95F3D;
}

.feedback_button {
    background-color: #55AE3A;
    margin-top: 4px;
}

#popover_model label.option-title {
    margin-left: 5px;
}

#popover_model div.radio {
    margin-left: 0;
}

#popover_model input[type=radio] {
    margin-left: -8px;
    cursor: pointer;
}

#popover_model .radio {
    cursor: pointer;
}

#backdrop {
    opacity: 0.8;
}

.popover-title {
    background-color: #1E5CAA !important;
    color: #fff;
    font-weight: bold;
}

.popover-navigation .btn-default {
    color: white;
    background-color: #E75F44;
    border-color: #E75F44;
    border-radius: 25px !important;
    margin-right: 3px;
}

.popover.right .arrow {
    top: 33% !important;
}

tfoot.custom-table-foot th {
    text-align: right;
}

tfoot.custom-table-foot {
    background-color: #ececec;
}

.patent_no { 
    font-size: 15px;
    padding-left: 15px;
    color: #FFF
}

@media (max-width: 1920px) {
    .note_field {
        padding-left: 7px;
        padding-right: 57px;
    }

    .note_label {
        padding-right: 24px;
    }
}

@media (max-width: 1280px) {
    .note_field {
        padding-left: 13px;
        padding-right: 34px;
    }

    .note_label {
        padding-right: 9px;
    }
}

@media (max-width: 480px) {
    #customer_information .modal-dialog {
        min-width: unset;
    }
}

@media (max-width: 768px) {
    #customer_information .modal-dialog {
        min-width: unset;
    }
}