/**
 *
 * MerchantSafe Unipay - Payment page & My cards page
 * User: Trim Kadriu <trim.kadriu@asseco-see.com>
 *
 */


/* General CSS changes / FIXes
=============================================================*/
html {
    overflow-x: hidden; /* Prevent scroll on narrow devices */
    height: 100%;
}
body {
    height: 100%;
}
body.boxed #wrap {
    width: 1100px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.35);
}
body.boxed footer {
    max-width: 1100px;
    margin: 25px auto;
    margin-bottom: 0px;
}
#wrap {
    min-height: 100%;
    height: auto;
    /* Negative indent footer by its height */
    margin: 0 auto -115px;
    /* Pad bottom by footer height */
    padding: 0 0 100px;
}
footer {
    height: 90px;
    padding: 20px 0;
    margin-top: 25px;
}
.footer-links a {
    color: #333;
}
.footer-links a {
    text-decoration: none;
}
.footer-links a span:hover {
	text-decoration: underline;
}
.footer-links a:after {
    content: "\00a0\00a0\|";
}
.footer-links a:before {
    content: "\00a0";
}
.footer-links a:last-child:after {
	content: "";
}
button:hover,
#my-cards_previous:hover,
#my-cards_next:hover,
a.btn:hover {
    opacity: 0.9 !important;
}
.vertical-divider-left {
    border-left: 1px solid #000;
    padding-left: 10px;
    margin-left: 5px;
}
.hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #eee;
    margin: 0;
    padding: 0;
}
.hr-margin {
    margin: 20px 0 20px 0;
}
.td-valign-middle tbody tr td {
    vertical-align: middle !important;
}
.popover-title {
    font-weight: bold;
}
.pagination {
    display: block;
    margin: 0;
}
.glyphicon {
    font-size: 80%;
}
li.disabled a {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}
span.masked-card {
    font-size: 90%;
}
.edit-card-icon {
    border: 1px solid #ccc;
    width: 38px;
    height: 24px;
    top: -5px;
    margin-right: 10px;
    display: inline-block;
    position: absolute;
}
.saved-name-on-card {
    display: none;
}
#my-cards {
    table-layout: fixed;
    word-wrap: break-word;
    overflow:hidden;
}
#my-cards td {
	word-wrap: break-word;
}
.confirm-payment,
#complete-payment,
#continue {
    margin: 10px 0 20px 0;
}

/* Callouts
=============================================================*/
.callout {
    margin: 20px 0;
    padding: 20px 40px 30px 40px;
    border-left: 3px solid #eee;
    border-radius: 6px;
}
.callout h1,
.callout h2,
.callout h3,
.callout h4 {
    margin-top: 8px;
    margin-bottom: 25px;
}
.callout p:last-child {
    margin-bottom: 0;
}
.callout-danger {
    background-color: #fdf7f7;
    border-color: #eed3d7;
}
.callout-danger h1,
.callout-danger h2,
.callout-danger h3,
.callout-danger h4 {
    color: #b94a48;
}
.callout-warning {
    background-color: #faf8f0;
    border-color: #faebcc;
}
.callout-warning h1,
.callout-warning h2,
.callout-warning h3,
.callout-warning h4 {
    color: #8a6d3b;
}
.callout-info {
    background-color: #f4f8fa;
    border-color: #bce8f1;
}
.callout-info h1,
.callout-info h2,
.callout-info h3,
.callout-info h4 {
    color: #34789a;
}
.callout-success {
    background-color: rgba(223, 247, 216, 0.30);
    border-color: #d6e9c6;
}
.callout-success h1,
.callout-success h2,
.callout-success h3,
.callout-success h4 {
    color: #3c763d;
}


/* Default styles if are not specified by API request
=============================================================*/
.template-active {
    background-color: #f5f5f5;
}
.template-active-border {
    border: 1px solid #ddd;
}
.template-active-text {
    color: #d43f3a;
    font-size: 12pt;
}
.template-text {
    color: #333;
}
.template-table-border,
.template-table-border td,
.template-table-border th {
    border-color: #ddd;
}
.panel-title {
    font-weight: bold;
}

/* Credit Card DROP-DOWN LIST
=============================================================*/
.template-card-credit {
    display: inline-block;
    background: url(../img/credit-card-icons/credit.png) no-repeat center;
    width: 50px;
    height: 32px;
    background-size: cover;
    border: 1px solid #ccc;
}
.template-card-invalid {
    background: url(../img/credit-card-icons/invalid.png) no-repeat center !important;
    background-size: cover !important;
}
.template-card-visa {
    background: url(../img/credit-card-icons/visa.png) no-repeat center  !important;
    background-size: cover !important;
}
.template-card-mc{
    background: url(../img/credit-card-icons/mc.png) no-repeat center !important;
    background-size: cover !important;
}
.template-card-amex {
    background: url(../img/credit-card-icons/amex.png) no-repeat center !important;
    background-size: cover !important;
}
.template-card-diners {
    background: url(../img/credit-card-icons/diners.png) no-repeat center !important;
    background-size: cover !important;
}
.template-card-discover {
    background: url(../img/credit-card-icons/discover.png) no-repeat center !important;
    background-size: cover !important;
}
.template-card-jcb {
    background: url(../img/credit-card-icons/jcb.png) no-repeat center !important;
    background-size: cover !important;
}
.template-card-troy {
    background: url(../img/credit-card-icons/troy.png) no-repeat center !important;
    background-size: cover !important;
}
.template-card-label-list {
    display: inline-block;
    padding-left: 5px;
}
.template-card-in-input {
    margin-top: 5px;
    margin-bottom: -5px;
}
.template-card-in-input span {
    border: 1px solid #ccc;
    width: 38px;
    height: 24px;
    margin: 0 0 0 -72px;
}

/* DROP-DOWN LIST when has errors
=============================================================*/
button.has-error, button.has-error:hover {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
button.has-error:focus {
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}


/* Bootstrap modifications
=============================================================*/
/* Customize container (override) */
@media (min-width: 1000px) {
    .container {
        max-width: 1000px;
    }
}
.container-narrow > hr {
    margin: 30px 0;
}

@media screen and (max-width: 767px) {
    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

    .row-offcanvas-right
  .sidebar-offcanvas {
        right: -50%; /* 6 columns */
    }

    .row-offcanvas-left
  .sidebar-offcanvas {
        left: -50%; /* 6 columns */
    }

    .row-offcanvas-right.active {
        right: 50%; /* 6 columns */
    }

    .row-offcanvas-left.active {
        left: 50%; /* 6 columns */
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 50%; /* 6 columns */
    }

    .xs-inline {
        display: inline-block;
        margin: 0 5px 0 0;
    }
}

@media screen and (max-width: 991px) {
    #wrap {
        width: 100% !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
        margin: 0 auto -122px;
    }
    .footer-boxed {
        width: 100%;
    }
    footer {
        height: auto;
        margin-top: 40px;
    }
}


/* Other bootstrap plugins (don't change anything)
=============================================================*/

/*! bootstrap-select v1.3.5 plugin */
.bootstrap-select.btn-group,.bootstrap-select.btn-group[class*="span"]{float:none;display:inline-block;margin-bottom:10px;margin-left:0}.form-search .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group{margin-bottom:0}.bootstrap-select.form-control{padding:0;border:0}.bootstrap-select.btn-group.pull-right,.bootstrap-select.btn-group[class*="span"].pull-right,.row-fluid .bootstrap-select.btn-group[class*="span"].pull-right{float:right}.input-append .bootstrap-select.btn-group{margin-left:-1px}.input-prepend .bootstrap-select.btn-group{margin-right:-1px}.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]){width:220px}.bootstrap-select{width:220px\0}.bootstrap-select.form-control:not([class*="span"]){width:100%}.bootstrap-select>.btn{width:100%}.error .bootstrap-select .btn{border:1px solid #b94a48}.dropdown-menu{z-index:2000}.bootstrap-select.show-menu-arrow.open>.btn{z-index:2051}.bootstrap-select .btn:focus{outline:thin dotted #333 !important;outline:5px auto -webkit-focus-ring-color !important;outline-offset:-2px}.bootstrap-select.btn-group .btn .filter-option{overflow:hidden;position:absolute;left:12px;right:25px;text-align:left}.bootstrap-select.btn-group .btn .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group>.disabled,.bootstrap-select.btn-group .dropdown-menu li.disabled>a{cursor:not-allowed}.bootstrap-select.btn-group>.disabled:focus{outline:none !important}.bootstrap-select.btn-group[class*="span"] .btn{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;border:0;padding:0;margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu dt{display:block;padding:3px 20px;cursor:default}.bootstrap-select.btn-group .div-contain{overflow:hidden}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li>a.opt{position:relative;padding-left:35px}.bootstrap-select.btn-group .dropdown-menu li>a{cursor:pointer}.bootstrap-select.btn-group .dropdown-menu li>dt small{font-weight:normal}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark{display:inline-block;position:absolute;right:15px;margin-top:2.5px}.bootstrap-select.btn-group .dropdown-menu li a i.check-mark{display:none}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:hover small,.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:focus small{color:#64b1d8;color:rgba(255,255,255,0.4)}.bootstrap-select.btn-group .dropdown-menu li>dt small{font-weight:normal}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #CCC;border-bottom-color:rgba(0,0,0,0.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid #ccc;border-bottom:0;border-top-color:rgba(0,0,0,0.2)}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after{display:block}.mobile-device{position:absolute;top:0;left:0;display:block !important;width:100%;height:100% !important;opacity:0}.bootstrap-select.fit-width{width:auto !important}.bootstrap-select.btn-group.fit-width .btn .filter-option{position:static}.bootstrap-select.btn-group.fit-width .btn .caret{position:static;top:auto;margin-top:-1px}.control-group.error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select-searchbox{padding:4px 8px}

/* iCheck plugin Minimal skin, black
----------------------------------- */
.icheckbox_minimal,.iradio_minimal{display:inline-block;margin:0;padding:0;width:18px;height:18px;background:url(../img/minimal.png) no-repeat;border:0;cursor:pointer}.icheckbox_minimal{background-position:0 0}.icheckbox_minimal.hover{background-position:-20px 0}.icheckbox_minimal.checked{background-position:-40px 0}.icheckbox_minimal.disabled{background-position:-60px 0;cursor:default}.icheckbox_minimal.checked.disabled{background-position:-80px 0}.iradio_minimal{background-position:-100px 0}.iradio_minimal.hover{background-position:-120px 0}.iradio_minimal.checked{background-position:-140px 0}.iradio_minimal.disabled{background-position:-160px 0;cursor:default}.iradio_minimal.checked.disabled{background-position:-180px 0}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_minimal,
    .iradio_minimal {
        background-image: url(../img/minimal@2x.png);
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}

/* DataTables for Bootstrap 3.0
----------------------------------- */
div.dataTables_length label{float:left;text-align:left}div.dataTables_length select{width:75px}div.dataTables_filter label{float:right}div.dataTables_info{padding-top:26px}div.dataTables_paginate{float:right;margin:0}table.table{clear:both;margin-bottom:6px!important;max-width:none!important}table.table thead .sorting,table.table thead .sorting_asc,table.table thead .sorting_asc_disabled,table.table thead .sorting_desc,table.table thead .sorting_desc_disabled{cursor:pointer;*cursor:hand}table.table thead .sorting{background:url(../img/datatables/sort_both.png) no-repeat center right}table.table thead .sorting_asc{background:url(../img/datatables/sort_asc.png) no-repeat center right}table.table thead .sorting_desc{background:url(../img/datatables/sort_desc.png) no-repeat center right}table.table thead .sorting_asc_disabled{background:url(../img/datatables/sort_asc_disabled.png) no-repeat center right}table.table thead .sorting_desc_disabled{background:url(../img/datatables/sort_desc_disabled.png) no-repeat center right}table.dataTable th:active{outline:0}div.dataTables_scrollHead table{margin-bottom:0!important;border-bottom-left-radius:0;border-bottom-right-radius:0}div.dataTables_scrollHead table thead tr:last-child td:first-child,div.dataTables_scrollHead table thead tr:last-child th:first-child{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}div.dataTables_scrollBody table{border-top:0;margin-bottom:0!important}div.dataTables_scrollBody tbody tr:first-child td,div.dataTables_scrollBody tbody tr:first-child th,div.dataTables_scrollFoot table{border-top:0}.table tbody tr.active td,.table tbody tr.active th{background-color:#08C;color:#fff}.table tbody tr.active:hover td,.table tbody tr.active:hover th{background-color:#0075b0!important}.table-striped tbody tr.active:nth-child(odd) td,.table-striped tbody tr.active:nth-child(odd) th{background-color:#017ebc}table.DTTT_selectable tbody tr{cursor:pointer;*cursor:hand}div.DTTT .btn{color:#333!important;font-size:12px}div.DTTT .btn:hover{text-decoration:none!important}ul.DTTT_dropdown.dropdown-menu a{color:#333!important}ul.DTTT_dropdown.dropdown-menu li:hover a{background-color:#08c;color:#fff!important}div.DTTT_print_info.modal{height:150px;margin-top:-75px;text-align:center}div.DTTT_print_info h6{font-weight:400;font-size:28px;line-height:28px;margin:1em}div.DTTT_print_info p{font-size:14px;line-height:20px}div.DTFC_LeftFootWrapper table,div.DTFC_LeftHeadWrapper table,table.DTFC_Cloned tr.even{background-color:#fff}div.DTFC_LeftHeadWrapper table{margin-bottom:0!important;border-top-right-radius:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child,div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}div.DTFC_LeftBodyWrapper table{border-top:0;margin-bottom:0!important}div.DTFC_LeftBodyWrapper tbody tr:first-child td,div.DTFC_LeftBodyWrapper tbody tr:first-child th,div.DTFC_LeftFootWrapper table{border-top:0}