﻿.title-holder {
    height: 60px;
    position: relative;
}

.title-image {
    height: 60px;
}

input.parsley-error {
    background-color: #f9e2e2 !important;
}

.title-holder .title-current, .title-holder .title-current-imp {
    color: #fff;
    font-size: 14px;
    padding: 2px 2px 3px 5px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
}

.title-holder .title-current-imp {
    background: rgba(255,255,255,0.35);
}


.title-holder .title-current i {
    display: none;
}


.title-holder .title-current-imp i {
    margin-left: 5px;
    color: #fff;
}

.title-holder .title-current:hover i {
    color: #35404b;
}

.title-holder .title-current-imp:after {
    position: absolute;
    content: "";
    width: 0px;
    /* border-left: 1px solid #5b646d;*/
    height: 100%;
    right: 23px;
    top: 0px;
}

.title-holder .title-manager, .title-holder .title-manager i {
    color: rgba(255,255,255,0.75);
    font-size: 11px !important;
    padding-top: 4px;
    text-transform: uppercase;
}


.title-holder .title-inner {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    height: 60px;
    line-height: 1em;
}

.title-holder .title-copy {
    padding-right: 10px;
}

table.control_date {
    width: 210px;
}

.btn-spark {
    color: #ffffff !important;
}

    .btn-spark,
    .btn-spark:hover,
    .btn-spark:focus,
    .btn-spark:active,
    .btn-spark.active,
    .btn-spark.focus,
    .btn-spark:active,
    .btn-spark:focus,
    .btn-spark:hover,
    .open > .dropdown-toggle.btn-spark {
        background-color: #f15a29 !important;
        border: 1px solid #f15a29 !important;
    }

.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
    /*
    background-color: #36404a !important;
    border: 1px solid #36404a !important;
    */
}

#topnav .topbar-main .profile img.pulse {
    border: 2px#ff6a00 solid !important;
}

.modalPage {
    padding: 5px 5px 5px 5px;
    background-color: #FFF;
}

@media screen {
    .row.match-my-cols {
        overflow: hidden;
    }
}

@media screen {
    .row.match-my-cols [class*="col-"] {
        margin-bottom: -99999px;
        padding-bottom: 99999px;
    }
}

.datepicker {
    --margin-top: 50px !important;
    z-index: 9999 !important;
}

.table-row {
    border-top: none !important;
    padding-top: 2px !important;
}

.table-firstrow {
    border-top: 2px solid #eeeeee !important;
    padding-top: 4px !important
}

a {
    cursor: pointer;
}

}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: -100%;
        margin-top: -1px;
    }

.xsmall {
    font-size: 70%;
    text-transform: uppercase;
    line-height: 1.2;
}

/* RADIOBUTTONLIST - IMAGES */
.rblist input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: none;
    position: absolute;
    z-index: 999;
}

    .rblist input:active + label {
        -ms-filter: none;
        -webkit-filter: none;
        -moz-filter: none;
        filter: none;
        opacity: 1;
        border-top: solid 2px #ff6a00;
        padding-top: 3px !important;
        -webkit-transition: all 100ms ease-in;
        transition: all 100ms ease-in;
        -moz-transition: all 100ms ease-in;
    }

    .rblist input:checked + label {
        -ms-filter: none;
        -webkit-filter: none;
        -moz-filter: none;
        filter: none;
        opacity: 1;
        border-top: solid 2px #ff6a00;
        padding-top: 3px !important;
        -webkit-transition: all 100ms ease-in;
        transition: all 100ms ease-in;
        -moz-transition: all 100ms ease-in;
    }

.rblist label {
    cursor: pointer;
    display: inline-block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-filter: opacity(0.5);
    -webkit-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    -moz-filter: opacity(.5);
    filter: opacity(.5);
    filter: alpha(opacity=50);
    opacity: 0.5;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px !important;
    border-top: none;
}

    .rblist label:hover {
        cursor: pointer;
        display: inline-block;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        -webkit-filter: opacity(0.9);
        -webkit-transition: all 100ms ease-in;
        transition: all 100ms ease-in;
        -moz-transition: all 100ms ease-in;
        -moz-filter: opacity(.9);
        filter: opacity(.9);
        filter: alpha(opacity=90);
        opacity: 0.9;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px !important;
        border-top: none;
    }

.busystart {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.5s,opacity 0.5s linear;
}

.busyend {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}


.modalContainer {
    padding-bottom: 0px !important;
}

.modal-content-iframe {
    border-color: #DDDDDD;
    border-radius: 2px;
    box-shadow: none;
    border: none !important;
    padding: 0px !important;
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    outline: none !important;
    box-sizing: border-box;
}


.btnCol {
    padding: 6px !important;
    border: none !important;
}

.btnColContainer {
    margin: auto;
}

.btnFullWidth {
    width: 100%
}

.col-container {
    padding-left: 0px !important;
}

.frameheader {
    height: 34px;
    line-height: 34px;
    font-weight: 800;
    background-color: #cccccc;
    padding-top: 0px;
    margin-top: 8px;
    margin-bottom: 4px;
}

.scrollable {
    overflow-y: auto;
    overflow-x: hidden
}

.exit-icon {
    color: #494949;
    padding-right: 8px;
    padding-left: 4px;
}

.button-strip {
    padding-top: 2px !important;
    padding-bottom: 3px !important;
    background-color: #f3f3f3 !important;
    margin-bottom: 3px !important;
}

.ui-front {
    z-index: 9999 !important;
}

.div-table { /*  table  */
    border-top: 1px Solid #d1d1d1;
    border-left: 1px Solid #d1d1d1;
}

    .div-table DIV { /*  row  */
    }

        .div-table DIV:hover { /*  row hover */
            background: #eeeeee;
        }

        .div-table DIV DIV { /*  cell  */
            border: none;
            padding: 10px;
            border-bottom: 1px Solid #d1d1d1;
            border-right: 1px Solid #d1d1d1;
        }

            .div-table DIV div.th { /*  cell header */
                background-color: #ebeff2;
                font-weight: 600;
            }

.bottomaligned {
    position: absolute;
    bottom: 0;
    margin-bottom: 10px;
}

.bottomright {
    position: absolute;
    bottom: 0;
    margin-bottom: 10px;
    margin: 10px;
    right: 0;
}

.bottomleft {
    position: absolute;
    bottom: 0;
    margin-bottom: 10px;
    left: 0;
}

.allow-bottom-align {
    position: relative;
}

.modal-footer {
    border-top: none !important;
}

.page-editor-seperator {
    border-top: 2px solid #494949;
}

.rbl input[type="radio"] {
    margin-left: 10px;
    margin-right: 1px;
}


.otp {
    font-size: 22px !important;
    letter-spacing: 35px !important;
    font-weight: bold !important;
    padding-left: 25px;
}

.walletbalance {
    color: white;
    line-height: 0px !important;
    margin-top: -5px;
    text-align: center !important;
}

@media only screen and (max-device-width: 480px) {
    .otp {
        font-size: 22px !important;
        letter-spacing: 25px !important;
        font-weight: bold !important;
        padding-left: 5px;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    .rblist input {
        display: inherit !important;
    }
}
