/*General*/
@-ms-viewport {
    width: device-width;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

html {
    font-family: sans-serif;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    font-family: 'Open Sans',sans-serif;
    max-height: 100%;
    margin: 0;
    padding: 0;
}

* html .clearfix {
    zoom: 1;
}

*:first-child + html .clearfix {
    zoom: 1;
}

body {
    color: #333;
    background-color: #fff;
    font-size: .9rem;
    font-weight: normal;
    line-height: 1.5;
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

.titles-wrapper {
    margin: 0 0 30px;
}

h1 {
    text-align: center;
    font-size: 30px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0 0 5px;
    color: #1e1e1e;
    line-height: 1.42857143;
    font-weight: 700;
}

p {
    line-height: 1.5rem;
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 400;
}

article, header, main, nav, section, footer, aside {
    display: block;
}

[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block;
    opacity: 0.65; /* For Firefox */
}

a {
    text-decoration: none
}

[role=button] {
    cursor: pointer;
}

a img {
    max-width: 100%;
    max-height: 100%;
}

.aSpan {
    display: inline-block;
    position: relative;
}

.oCtl {
    display: block;
    position: relative;
    width: 100%;
    clear: both;
    float: left
}

.xCtl {
    display: block;
    position: relative;
    clear: both;
}

.oCtlIn {
    margin: auto;
    max-width: 1200px;
    float: none;
}

#textBox a, #textBox .a {
    position: relative;
    z-index: -10;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.oCF:after, .oCtlIn:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    margin-bottom: 10px;
}

div {
    color: inherit
}

li {
    border-collapse: collapse;
}

figure {
    position: relative;
    margin: 0px;
    text-align: center;
}

figcaption {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 1% 5px;
    background: rgba(255,255,255,0.75);
    color: #111;
}

.background {
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: -999;
}

.foreground {
    height: 100%;
    width: 100%;
    background-color: transparent;
}

.content {
    display: block; /*max-width: 1200px; background-color: #fff;*/
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 1px) and (max-width: 768px) {
    .footerLef p, .footerCent p, .footerRig p, .footerLef h3, .footerCent h3, .footerRig h3 {
        text-align: center !important;
    }

        .footerLef h3:after, .footerCent h3:after, .footerRig h3:after {
            margin: 10px auto 0 auto !important;
        }
}

.contentInner {
    margin: 0px auto;
    max-width: 1200px;
    background-color: #fff;
    padding: 16px 2%;
}

.menuBlock {
    margin: auto;
    padding: 16px 32px;
    background-color: #113883;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    display: inline-block;
}

.content-center {
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}


@media (min-width: 1200px) {
    h3 {
        margin-top: 20px;
        margin-bottom: 10px;
    }
}

/*Font*/

.oTC {
    text-align: center;margin:auto;
}

/*Borders*/

.oBt {
    border-top: 1px solid #888;
    border-top: 1px solid rgba(130, 130, 130, 0.3);
}

.oBl {
    border-left: 1px solid #888;
    border-left: 1px solid rgba(130, 130, 130, 0.3);
}

.oBr {
    border-right: 1px solid #888;
    border-right: 1px solid rgba(130, 130, 130, 0.3);
}

.oBb {
    border-bottom: 1px solid #888;
    border-bottom: 1px solid rgba(130, 130, 130, 0.3);
}

.box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 5%);
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.border-grey {
    border: 1px solid #ddd;
}

/*Margins*/

.m-auto {
    margin: auto !important;
}

.oMt {
    margin-top: 1em !important;
}

.oMl {
    margin-left: 2% !important;
}

.oMr {
    margin-right: 2% !important;
}

.oMb {
    margin-bottom: 1em !important;
}

/*.mb-5 {
margin-bottom: 5px
}*/

.mt-20 {
    margin-top: 20px
}

.m-0 {
    margin: 0rem !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 2rem !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

/*Paddings*/
.pt-10 {
    padding-top: 10px !important;
}

.oPt {
    padding-top: 1em !important;
}

.oPl {
    padding-left: 2% !important;
}

.oPr {
    padding-right: 2% !important;
}

.oPb {
    padding-bottom: 1em !important;
}

.p-0 {
    margin: 0rem !important;
}

.p-1 {
    margin: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 2rem !important;
}


/*Container*/
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/*Row*/

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

/*Table*/

table {
    border-collapse: collapse;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

    .table th,
    .table td {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }

    .table thead th, .table thead td, .table thead tr td{
        vertical-align: middle;
        border-bottom: 2px solid #dee2e6;
        font-weight: bold;
    }

    .table tbody + tbody {
        border-top: 2px solid #dee2e6;
    }

    .table .table {
        background-color: #fff;
    }

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
}
.table-striped img{max-width:100%;}

.table-bordered {
    border: 1px solid #dee2e6;
}

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6;
    }

    .table-bordered thead th,
    .table-bordered thead td {
        border-bottom-width: 2px;
    }

.table-responsive {
    /* display: block;*/
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

    .table-responsive > .table-bordered {
        border: 0;
    }

/*Widths*/
.o5, .x5 {
    width: 4.5%;
    margin-right: .5%
}

.o10, .x10 {
    width: 9.5%;
    margin-right: .5%
}

.o15, .x15 {
    width: 14.5%;
    margin-right: .5%
}

.o20, .x20, .x2030 {
    width: 19.5%;
    margin-right: .5%
}

.o25, .x25 {
    width: 24.5%;
    margin-right: .5%
}

.o30, .x30 {
    width: 28%;
    margin-right: 2%
}

.o40, .x40, .x4070 {
    width: 39.5%;
    margin-right: .5%
}

.o50, .x50 {
    width: 49.5%;
    margin-right: .5%
}

.o60, .x60 {
    width: 59.5%;
    margin-right: .5%
}

.o70, .x70 {
    width: 68%;
    margin-right: 1.5%;
}

.o75, .x75 {
    width: 74.5%;
    margin-right: .5%
}

.o80, .x80 {
    width: 79.5%;
    margin-right: .5%
}

.o90, .x90 {
    width: 89.5%;
    margin-right: .5%
}

.o100, .x100 {
    width: 100%
}

.p10 {
    width: 10%
}

.p15 {
    width: 15%
}

.p20 {
    width: 20%
}

.p25 {
    width: 25%
}

.p30 {
    width: 30%
}

.p33 {
    width: 33.3333%
}

.p40 {
    width: 40%
}

.p50 {
    width: 50%
}

.p60 {
    width: 60%
}

.p70 {
    width: 70%
}

.p75 {
    width: 75%
}

.n10 {
    width: 10%
}

.n15 {
    width: 10%
}

.n20 {
    width: 20%
}

.n25 {
    width: 25%
}

.n30 {
    width: 30%
}

.n33 {
    width: 33.3333%
}

.n40 {
    width: 40%
}

.n50 {
    width: 50%
}

.n60 {
    width: 60%
}

.n70 {
    width: 70%
}

.n75 {
    width: 75%
}

.n25, .n30, .n33, .n40, .n50, .n60, .n70, .n75 {
    padding-left: 1%;
    padding-right: 1%;
}

.h5 {
    width: 5%
}

.h10 {
    width: 10%
}

.h15 {
    width: 15%
}

.h20 {
    width: 20%
}

.h25 {
    width: 25%
}

.h30 {
    width: 30%
}

.h33 {
    width: 33.3333%;
    padding-right: 15px;
    padding-left: 15px;
}

.h40 {
    width: 40%
}

.h50 {
    width: 50%
}

.h60 {
    width: 60%
}

.h70 {
    width: 70%
}

.h75 {
    width: 75%
}

.o25 {
    max-width: 100%
}

.o33 {
    max-width: 100%
}

/*Forms*/

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer;
}

.form-control[type=file] {
    overflow: hidden;
}

.form-control {
    display: block;
    /*width: 100%;*/
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(212, 212, 212);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    /*transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/
}

.form-select {
    display: block;
    /*width: 100%;*/
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url(../../Data/Images/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    /*border: 1px solid rgba(230, 230, 230, 0.7);*/
    border: 1px solid rgba(212, 212, 212);
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select {
    word-wrap: normal;
}

textarea {
    padding-top: 5px;
    font-family: inherit;
}

input[type=text], input[type=number], textarea {
    padding-left: 10px
}

select option[disabled] {
    display: none
}

.custom-radio {
    text-align: left;
}

button, select {
    text-transform: none;
}

textarea, input, button, select {
    font-family: inherit;
    font-size: inherit;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.logo-btn-container {
    margin: 3% auto;
}

.logo-btn {
    display: flex;
    /*justify-content:center;*/
    padding: 40px;
    text-align: center;
    margin-bottom: 30px !important;
    border-radius: 20px;
    box-shadow: 1.95px 15.881px 30px 0 rgb(59 54 140 / 10%);
    background-color: #fff;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
    min-height: 170px;
}

    .logo-btn img {
        width: auto;
        margin: auto;
    }

    .logo-btn:hover {
        border-radius: 20px;
        box-shadow: 0 0 30px rgb(59 54 140 / 20%);
        z-index: 1;
        -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
        transform: scale(1.06);
        /*background-color: #e1262c*/
    }

@media (max-width:767px) {
    .h33 {
        width: 100%;
    }

    .logo-btn {
        width: 100%;
        max-width: 380px;
        margin: 0 auto
    }
}

/*a.FolderLink {   
display: block;*/
/* border: 1px solid #222; */
/*}
.Folder {
border: 1px solid #eee;
padding: 5px 20px;
border-bottom: none;
    
}
.Folder:last-child {
border-bottom:1px solid #eee;
}
.Folder:hover {
background-color:#f6f6f6;
padding: 5px 30px;
}
.Folder:hover a.FolderLink {
text-decoration: none
}*/
fieldset {
    border-color: rgba(0, 0, 0, 0.075);
    padding-top: 20px;
    margin-bottom: 10px;
}

    fieldset hr {
        border-color: rgba(0, 0, 0, 0.075);
        margin: 0 0 18px 0;
    }

legend {
    text-align: left;
    padding: 5px 20px;
    background-color: #fff;
}

a.view-cart, a.help {
    padding: 0 10px;
}

@media (max-width: 992px) {
    .container {
        max-width: 960px;
    }
}

.ousiaMenuItemHeaderClose {
    background: #13b4eb;
    font-weight: bold;
    top: 0px;
    position: absolute;
    right: 0px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: #fff !important;
}

    .ousiaMenuItemHeaderClose:hover {
        background: #7627eb;
        cursor: pointer;
    }

.brand a:hover {
    background: none;
}

#search .dropdown > a, #User .dropdown > a, #Notifications .dropdown > a {
    /*padding: 0px;*/
}

#search .dropdown-content {
    padding: 5px;
}

    #search .dropdown-content input {
        width: 99%;
        padding: 5px;
        font-size: 16px;
    }

.icon-btn {
    width: 100%
}

/*latest*/
.bg-light .t32, .bg-white .t32 {
    border: 1px solid rgba(212, 212, 212);
}

.bg-white {
    background-color: #ffffff !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
    border-left: 1px solid #dee2e6 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: #007bff !important;
}

.border-secondary {
    border-color: #6c757d !important;
}

.border-success {
    border-color: #28a745 !important;
}

.border-info {
    border-color: #17a2b8 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #343a40 !important;
}

.border-white {
    border-color: #fff !important;
}

.rounded-sm {
    border-radius: 0.2rem !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
    border-radius: 0.3rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.text-white {
    color: #fff !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
    color: #cbd3da !important;
}

.text-dark {
    color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
    color: #121416 !important;
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-primary {
    color: #fff;
    background-color: #2b2e83;
    border-color: #2b2e83;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #e01c40;
        border-color: #e01c40;
    }

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #3f418f;
        border-color: #3f418f;
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }

.btn-secondary {
    color: #fff;
    background-color: #e01c40;
    border-color: #e01c40;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #2b2e83;
        border-color: #2b2e83;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        color: #fff;
        background-color: #2b2e83;
        border-color: #2b2e83;
        box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
    }


.btn-outline-primary {
    color: #2b2e83;
    border-color: #2b2e83;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #2b2e83;
        border-color: #2b2e83;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        color: #fff;
        background-color: #2b2e83;
        border-color: #2b2e83;
        box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
    }

.btn-outline-secondary {
    color: #e01c40;
    border-color: #e01c40;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #e01c40;
        border-color: #e01c40;
    }

/*accordion styles - start*/

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.accordion dl {
    border: 1px solid #ddd;
}

    .accordion dl:after {
        content: "";
        display: block;
        height: 1em;
        width: 100%;
        background-color: #b00020;
    }

.accordion dt > a {
    text-align: center;
    /*font-weight: 700;*/
    padding: 1.1em;
    display: block;
    text-decoration: none;
    color: #fff;
    -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}

.accordion dd {
    background-color: #fff;
    font-size: 1em;
    line-height: 1.5em;
    margin: 0px;
}

    .accordion dd > p {
        padding: 1em 2em 1em 2em;
        margin: 0;
    }

.accordion {
    position: relative;
    background-color: #eee;
}


.accordionTitle {
    background-color: #e01c40;
    border-bottom: 1px solid #c41031;
    font-size: 16px;
}

    .accordionTitle:before {
        content: "+";
        font-size: 2em;
        line-height: 0.5em;
        float: left;
        -moz-transition: -moz-transform 0.3s ease-in-out;
        -o-transition: -o-transform 0.3s ease-in-out;
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
    }

    .accordionTitle:hover {
        background-color: #cf0b2f;
    }

.accordionTitleActive {
    background-color: #c0392b;
}

.accordionItemCollapsed {
    display: none;
}

.accordionTitleActive:before {
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

.accordionItem {
    height: auto;
    overflow: hidden;
}

    .accordionItem table thead th {
        text-align: left;
        background-color: #eee
    }
/*The CSS3 rules to animate the accordion.*/
.accordionItemCollapsed {
    max-height: 0;
}

.animateIn {
    -webkit-animation-name: accordionIn;
    -webkit-animation-duration: 0.65s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -webkit-animation-delay: 0s;
    -moz-animation-name: normal;
    -moz-animation-duration: 0.65s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: alternate;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -moz-animation-delay: 0s;
    animation-name: accordionIn;
    animation-duration: 0.65s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    animation-delay: 0s;
}

.animateOut {
    -webkit-animation-name: accordionOut;
    -webkit-animation-duration: 0.75s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -webkit-animation-delay: 0s;
    -moz-animation-name: accordionOut;
    -moz-animation-duration: 0.75s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: alternate;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -moz-animation-delay: 0s;
    animation-name: accordionOut;
    animation-duration: 0.75s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    animation-delay: 0s;
}

@-webkit-keyframes accordionIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes accordionIn {
    0% {
        opacity: 0;
        -moz-transform: scale(0.8);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@keyframes accordionIn {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes accordionOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.8);
    }
}

@-moz-keyframes accordionOut {
    0% {
        opacity: 1;
        -moz-transform: scale(1);
    }

    100% {
        opacity: 0;
        -moz-transform: scale(0.8);
    }
}

@keyframes accordionOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0.8);
    }
}

@media all {
    .accordionItem {
        /*max-height: 50em;*/
        -moz-transition: max-height 1s;
        -o-transition: max-height 1s;
        -webkit-transition: max-height 1s;
        transition: max-height 1s;
    }
}

@media screen and (min-width: 48em) {
    .accordionItem {
        /*max-height: 15em;*/
        -moz-transition: max-height 0.5s;
        -o-transition: max-height 0.5s;
        -webkit-transition: max-height 0.5s;
        transition: max-height 0.5s;
    }
}
/*accordion styles - end*/

/*animation styles - start*/

@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}
/*animation styles - ends*/

.cartbtn {
    position: relative;
}

.togglediv:after {
    content: "";
    display: block;
    height: 1em;
    width: 100%;
    background-color: #b00020;
}

.btn-toggle {
    color: #fff;
    background-color: #e01c40;
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #e01c40;
    padding: 1.1rem;
    font-size: 1rem;
    line-height: 1.5;
    cursor: pointer;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .btn-toggle:hover, .btn-toggle:active {
        background-color: #cf0b2f;
        box-shadow: none;
    }

    .btn-toggle:focus, .btn-toggle.focus {
        color: #fff;
        background-color: #e01c40;
        border-color: #e01c40;
        box-shadow: none;
    }
/*toggle a div end*/

/*****************data table stlyles start*****************/

td.dt-control {
    background: url("https://www.datatables.net/examples/resources/details_open.png") no-repeat center center;
    cursor: pointer
}

tr.dt-hasChild td.dt-control {
    background: url("https://www.datatables.net/examples/resources/details_close.png") no-repeat center center
}

table.dataTable th.dt-left, table.dataTable td.dt-left {
    text-align: left
}

table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
    text-align: center
}

table.dataTable th.dt-right, table.dataTable td.dt-right {
    text-align: right
}

table.dataTable th.dt-justify, table.dataTable td.dt-justify {
    text-align: justify
}

table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
    white-space: nowrap
}

table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
    text-align: left
}

table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
    text-align: center
}

table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
    text-align: right
}

table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
    text-align: justify
}

table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap
}

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
    text-align: left
}

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
    text-align: center
}

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
    text-align: right
}

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
    text-align: justify
}

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap
}

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 20px;
}

    table.dataTable thead th, table.dataTable tfoot th {
        font-weight: bold;
        background-color: #2b2e83;
        color: #fff
    }

    table.dataTable thead th, table.dataTable thead td {
        padding: 10px 18px;
        border-bottom: 1px solid #111
    }

        table.dataTable thead th:active, table.dataTable thead td:active {
            outline: none
        }

    table.dataTable tfoot th, table.dataTable tfoot td {
        padding: 10px 18px 6px 18px;
        border-top: 1px solid #111
    }

    table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
        cursor: pointer;
        *cursor: hand;
        background-repeat: no-repeat;
        background-position: center right
    }

    table.dataTable thead .sorting {
        background-image: url("../images/sort_both.png")
    }

    table.dataTable thead .sorting_asc {
        background-image: url("../images/sort_asc.png") !important
    }

    table.dataTable thead .sorting_desc {
        background-image: url("../images/sort_desc.png") !important
    }

    table.dataTable thead .sorting_asc_disabled {
        background-image: url("../images/sort_asc_disabled.png")
    }

    table.dataTable thead .sorting_desc_disabled {
        background-image: url("../images/sort_desc_disabled.png")
    }

    table.dataTable tbody tr {
        background-color: #fff
    }

        table.dataTable tbody tr.selected {
            background-color: #b0bed9
        }

    table.dataTable tbody th, table.dataTable tbody td {
        padding: 8px 10px
    }

    table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
        border-top: 1px solid #ddd
    }

    table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
        border-top: none
    }

    table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd
    }

    table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
        border-left: 1px solid #ddd
    }

    table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
        border-top: none
    }

    table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
        background-color: #f9f9f9
    }

        table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
            background-color: #acbad4
        }

    table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
        background-color: #e5496b;
        color: #fff
    }

        table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
            background-color: #aab7d1
        }

    table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {
        background-color: #fafafa
    }

    table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 {
        background-color: #acbad5
    }

    table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
        background-color: #f1f1f1
    }

    table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
        background-color: #f3f3f3
    }

    table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
        background-color: whitesmoke
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
        background-color: #a6b4cd
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
        background-color: #a8b5cf
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
        background-color: #a9b7d1
    }

    table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
        background-color: #fafafa
    }

    table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
        background-color: #fcfcfc
    }

    table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
        background-color: #fefefe
    }

    table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
        background-color: #acbad5
    }

    table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
        background-color: #aebcd6
    }

    table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
        background-color: #afbdd8
    }

    table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
        background-color: #e51d48
    }

    table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
        background-color: #ececec
    }

    table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
        background-color: #efefef
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
        background-color: #a2aec7
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
        background-color: #a3b0c9
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
        background-color: #a5b2cb
    }

    table.dataTable.no-footer {
        border-bottom: 1px solid #111
    }

    table.dataTable.nowrap th, table.dataTable.nowrap td {
        white-space: nowrap
    }

    table.dataTable.compact thead th, table.dataTable.compact thead td {
        padding: 4px 17px
    }

    table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {
        padding: 4px
    }

    table.dataTable.compact tbody th, table.dataTable.compact tbody td {
        padding: 4px
    }

    table.dataTable th, table.dataTable td {
        box-sizing: content-box
    }

.dataTables_wrapper {
    position: relative;
    clear: both
}

    .dataTables_wrapper .dataTables_length {
        float: left
    }

        .dataTables_wrapper .dataTables_length select {
            border: 1px solid #aaa;
            border-radius: 3px;
            padding: 5px;
            /*background-color: transparent;*/
            padding: 4px
        }

    .dataTables_wrapper .dataTables_filter {
        float: right;
        text-align: right
    }

        .dataTables_wrapper .dataTables_filter input {
            border: 1px solid #aaa;
            border-radius: 3px;
            padding: 5px;
            /*background-color: transparent;*/
            margin-left: 3px
        }

    .dataTables_wrapper .dataTables_info {
        clear: both;
        float: left;
        padding-top: .755em
    }

    .dataTables_wrapper .dataTables_paginate {
        float: right;
        text-align: right;
        padding-top: .25em
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            box-sizing: border-box;
            display: inline-block;
            min-width: 1.5em;
            padding: .5em 1em;
            margin-left: 2px;
            text-align: center;
            text-decoration: none !important;
            cursor: pointer;
            *cursor: hand;
            color: #333 !important;
            border: 1px solid transparent;
            border-radius: 2px
        }

            .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
                color: #333 !important;
                border: 1px solid #979797;
                background-color: white;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
                background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
                background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
                background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
                background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
                background: linear-gradient(to bottom, white 0%, #dcdcdc 100%)
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
                cursor: default;
                color: #666 !important;
                border: 1px solid transparent;
                background: transparent;
                box-shadow: none
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
                color: white !important;
                border: 1px solid #111;
                background-color: #585858;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
                background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
                background: -moz-linear-gradient(top, #585858 0%, #111 100%);
                background: -ms-linear-gradient(top, #585858 0%, #111 100%);
                background: -o-linear-gradient(top, #585858 0%, #111 100%);
                background: linear-gradient(to bottom, #585858 0%, #111 100%)
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:active {
                outline: none;
                background-color: #2b2b2b;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
                background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
                box-shadow: inset 0 0 3px #111
            }

        .dataTables_wrapper .dataTables_paginate .ellipsis {
            padding: 0 1em
        }

    .dataTables_wrapper .dataTables_processing {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 40px;
        margin-left: -50%;
        margin-top: -25px;
        padding-top: 20px;
        text-align: center;
        font-size: 1.2em;
        background-color: white;
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%)
    }

    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
        color: #333;
        margin-bottom: 20px;
    }

    .dataTables_wrapper .dataTables_scroll {
        clear: both
    }

        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
            *margin-top: -1px;
            -webkit-overflow-scrolling: touch
        }

            .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
                vertical-align: middle
            }

                .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
                    height: 0;
                    overflow: hidden;
                    margin: 0 !important;
                    padding: 0 !important
                }

    .dataTables_wrapper.no-footer .dataTables_scrollBody {
        border-bottom: 1px solid #111
    }

    .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
        border-bottom: none
    }

    .dataTables_wrapper:after {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0
    }

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: .5em
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: .5em
    }
}

.search-wraper {
    margin: auto;
}

.new-notification {
    background-color: red !important;
}
/*****************data table stlyles end*****************/