/* Minification failed. Returning unminified contents.
(3680,1): run-time error CSS1035: Expected colon, found '{'
(3745,60): run-time error CSS1030: Expected identifier, found ' '
(4369,1): run-time error CSS1019: Unexpected token, found '@import'
(4369,9): run-time error CSS1019: Unexpected token, found 'url(vakifkatilim.fonts.v1.04.css)'
 */
/*Bu CSS Dokumani Pixelplus Interactive tarafindan Vakýf icin yazilmistir. Kerem Ozben | 02.01.2012 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, img, input, ins, kbd, q, s, samp, small, select,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, textarea, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time,
mark, audio, video {
    margin: 0;
    padding: 0;
    -moz-outline: 0;
    outline: 0;
    border: 0;
    font-size: 100%;
}

@font-face {
  font-family: 'Quicksand', sans-serif !important;
}

@font-face {
    font-family: 'Urbanist';
    src: url('Urbanist-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Urbanist';
    src: url('Urbanist-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Urbanist';
    src: url('Urbanist-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Urbanist';
    src: url('Urbanist-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Urbanist';
    src: url('Urbanist-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Urbanist';
    src: url('Urbanist-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Urbanist';
    src: url('Urbanist-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Urbanist';
    src: url('Urbanist-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

    a, a:hover {
    text-decoration: none !important;
}

    a:focus,
    a:active {
        -moz-outline: 0 !important;
        outline: 0 !important;
        text-decoration: none !important;
    }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

html {
    background: url(../images/dashboard-bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

html, body {
    height: 100%;
    font-variant-ligatures: none;
}

body {
    background: none !important;
    color: #48555d !important;
}

.BackgroundTransparent {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

ol, ul {
    list-style: none;
}

p {
    font-weight: 500;
}

blockquote, q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: "";
        content: none;
    }

table {
    border-spacing: 0;
    border-collapse: collapse;
}

::-ms-clear {
    display: none;
}

::-ms-reveal {
    display: none;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.clearFixInline {
    display: inline-block;
}

.clearFix.header {
    display: block;
}

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

ul.slideNav.clearFix {
    display: block;
}

* html .clearFix {
    height: 1%;
}

.pointer {
    cursor: pointer;
}

/* Reuseable - en genel sitiller */
input, textarea, select {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    input[type="text"],
    input[type="password"] {
        float: left;
        /*padding: 6px 15px;*/
        padding: 5px 6px 5px 6px;
        background: #fff;
        color: #5d686f;
        text-decoration: none;
        font-weight: normal;
        font-size: 16px !important;
        width: 100%;
        height: 40px !important;
        border: 1px solid #a2a2a2;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

        

    

    input.cardEditorInputInteger {
        float: left;
        padding: 4px 3px 3px 3px;
        width: 40px;
        height: 15px;
        border: 1px solid #c3d0d8;
        background: #fff;
        color: #3C3C3C;
        text-decoration: none;
        font-weight: normal;
        font-size: 14px !important;
    }

    input.secretChar {
        float: left;
        padding: 4px 3px 3px 3px;
        width: 160px;
        border: 1px solid #c3d0d8;
        background: #fff;
        color: #3C3C3C;
        text-decoration: none;
        font-weight: normal;
    }

#FavoriMenu1 {
    float: left;
}

input.searchInput {
    float: right;
    width: 180px;
    height: 25px;
    padding-left: 26px;
}

input#searchInputOldTran {
    float: right;
    width: 180px;
    height: 25px;
    margin-top: 0px;
    padding-left: 26px;
    color: #48555d;
    font-size: 14px !important;
    background: #fff url("../images/icon-search3.png") 6px center no-repeat;
    border: 1px solid #a3b0b8;
}

    input#searchInputOldTran:focus {
        color: #48555d;
    }

input.searchInput.long {
    width: 265px;
}

input.searchInput.bank {
    width: 332px;
}

input.searchInput.company {
    width: 332px;
}

input.searchInput:focus {
    color: #48555d;
}

input.searchInput.long:focus {
    color: #48555d;
}

input.searchInput.company:focus {
    color: #fff;
}

input.short {
}

input.medium {
}

input.long {
}

textarea {
    float: left;
    overflow: auto;
    padding: 10px 6px;
    width: 220px;
    height: 36px;
    border: 1px solid #c3d0d8;
    background: #fff;
    color: #48555d;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    resize: none;
}

select {
    float: left;
    width: 100%;
    padding: 5px 6px 5px 6px;
    height: 40px;
    border: 1px solid #c3d0d8;
    color: #a2afb7;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url(../images/dropdown-arrow.png) right 12px no-repeat #fff;
}
select::-ms-expand { display: none; }
select::-webkit-input-placeholder { color:#a2afb7; }
select:-moz-placeholder { color:#a2afb7; }
select::-moz-placeholder { color:#a2afb7; }
select:-ms-input-placeholder { color:#a2afb7; }

    select::-ms-expand {
        display: none;
    }

    select::-webkit-input-placeholder {
        color: #a2afb7;
    }

    select:-moz-placeholder {
        color: #a2afb7;
    }

    select::-moz-placeholder {
        color: #a2afb7;
    }

    select:-ms-input-placeholder {
        color: #a2afb7;
    }

span.amountLabel {
    padding: 0 4px;
    color: #3C3C3C;
    font-weight: bold;
    font-size: 18px;
}

span.CollapsedSpan {
    display: none;
}

span.unimportantMessage {
    color: #919191;
    font-size: 14px;
}

h1 {
    overflow: hidden;
    height: 25px;
    color: #0c5da8;
    font-weight: bold;
    font-size: 16px;
}

    h1.pageTitle {
        overflow: hidden;
        padding: 8px 0px 0px 0px;
        color: #de188c;
        font-weight: bold;
        font-size: 18px;
        margin: 0px;
    }

p.topic {
    font-weight: bold;
    font-size: 16px;
}

span.topic {
    font-weight: bold;
    font-size: 16px;
}

span.important {
    font-weight: bold;
}

span.timerspan {
    display: block;
    float: left;
    margin-left: 3px;
    padding: 10px 0px 0px 12px;
    width: 40px;
    height: 40px;
    background: #f4f9fc;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    color: #48555d;
    font-size: 16px;
}

span.bold {
    font-weight: bold;
}

/* Money Editor ve Money editor ile alakalý sitiller */

.ConfirmBox {
    background: #fff;
    padding: 20px 10px;
    margin-top: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div.amountEntry {
}

    div.amountEntry table.moneyEditorTable {
        margin: 0 0 15px 210px;
    }

        div.amountEntry table.moneyEditorTable input {
            margin: 8px 0 0 0;
        }

        div.amountEntry table.moneyEditorTable.hasLabel {
            margin: 0 0 15px 30px;
        }

        div.amountEntry table.moneyEditorTable td {
            border: none;
        }

            div.amountEntry table.moneyEditorTable td.spanTd {
                padding: 9px 0 0;
            }

    div.amountEntry div.Error {
        padding: 0;
    }

    div.amountEntry input.selectbox {
    }

    div.amountEntry input.integerinput {
        float: none;
        padding: 5px 6px 5px 6px;
        border: 1px solid #c3d0d8;
        background: #fff;
        color: #3C3C3C;
        text-align: right;
        text-decoration: none;
        font-weight: 500;
    }

    div.amountEntry input.decimalinput {
        float: none;
        padding: 5px 6px 5px 6px;
        border: 1px solid #c3d0d8;
        background: #fff;
        color: #3C3C3C;
        text-decoration: none;
        font-weight: 500;
    }

    div.amountEntry span.currency {
        padding: 0 4px;
        color: #3C3C3C;
        font-weight: 500;
    }

    div.amountEntry .MoneyTransferFec {
        background: #dee7ec;
        display: inline-block;
        padding: 11px 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin-left: 3px;
        height: 40px;
    }

.FilterContainer input.integerinput {
    float: none;
    padding: 5px 6px 5px 6px;
    border: 1px solid #c3d0d8;
    background: #fff;
    color: #3C3C3C;
    text-align: left;
    text-decoration: none;
    font-size: 12px !important;
}

.FilterContainer input.decimalinput {
    float: none;
    padding: 5px 6px 5px 6px;
    border: 1px solid #c3d0d8;
    background: #fff;
    color: #3C3C3C;
    text-decoration: none;
    font-size: 12px !important;
}

div.innerArea span.currency,
div.innerAreaNoBorder span.currency {
    padding: 5px 2px;
    color: #3C3C3C;
    font-size: 12px;
}

div.infoArea input.integerinput {
    float: none;
    padding: 5px 6px 5px 6px;
    border: 1px solid #c3d0d8;
    background: #fff;
    color: #3C3C3C;
    text-align: right;
    text-decoration: none;
    font-size: 12px !important;
}

div.infoArea input.decimalinput {
    float: none;
    padding: 5px 6px 5px 6px;
    border: 1px solid #c3d0d8;
    background: #fff;
    color: #3C3C3C;
    text-decoration: none;
    font-size: 12px !important;
}

div.infoArea span.currency {
    padding: 5px 2px;
    color: #3C3C3C;
    font-size: 12px;
}

div.infoArea span.info {
    line-height: 22px;
}

div.infoArea table.moneyEditorTable td {
    border: none;
}

    div.infoArea table.moneyEditorTable td.spanTd {
        padding: 3px 0 0;
    }

div.infoArea table.moneyEditorTable.bottomMargin {
    margin-bottom: 10px;
}

div.innerArea table.moneyEditorTable td {
    padding: 0;
    border: none;
    min-width: 0px;
}

    div.innerArea table.moneyEditorTable td.spanTd {
        padding: 4px 0;
    }

div.innerAreaNoBorder table.moneyEditorTable td {
    padding: 0;
    border: none;
}

/* Genel ayýraçlar ve kutular */
html {
    /*overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;*/
}

html,
body,
div#mainCapsule {
    min-height: 100%;
    width: 100%;
    height: auto;
}

#TimeBoxCapsule {
    background: #1d4f90;
}

div#mainCapsule {
    /*background: url("../images/bgnew.jpg") center 0 no-repeat;*/
}

    div#mainCapsule #contentCapsule2 {
        margin-top: 0px;
        margin-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
        clear:both;
    }


div#headerCapsule {
    position: relative;
    z-index: 10;
}

div#contentCapsule {
    margin-top: 60px;
}

    div#contentCapsule .container {
        padding-left: 0px;
        padding-right: 0px;
    }


div#ktHeader,
div#contentPart,
div#ktFooter {
}

div.repeaterPart,
div#repeaterOuter,
div#repeaterOuterBottom {
}

    div#repeaterOuter img {
        vertical-align: bottom;
    }

div#div#repeaterOuterBottom img {
    vertical-align: top;
}

div.repeaterPart {
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div#contentPart {
    min-height: 530px;
}

div#leftPart {
    position: relative;
    padding: 30px;
    margin-bottom: 15px;
    background-color: rgba(4, 22, 44, 0.5);
    -webkit-border-radius: 4px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 4px;
    -moz-border-radius-topleft: 0;
    border-radius: 4px;
    border-top-left-radius: 0;
}

div#rightPart img {
    margin-bottom: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div#leftPart div#inner-shadow-left,
div#inner-shadow-right {
    position: absolute;
    top: 0;
    z-index: 10;
}

div#leftPart div#inner-shadow-left {
    left: 100px;
}

div#leftPart div#inner-shadow-right {
    right: -15px;
}

div.pageCapsule {
    voice-family: "\"}\"";
    voice-family: inherit;
    display: block;
    padding: 20px 30px 30px 30px;
}

    div.pageCapsule img.top-left,
    img.top-right {
        position: absolute;
        top: 0;
    }

    div.pageCapsule img.top-left {
        left: 1px;
    }

    div.pageCapsule img.top-right {
        right: 6px;
    }

div.pageInnerCapsule {
    color: #5d686f;
    font-size: 12px;
}

div.pageInnerCapsule input[type="text"], div.pageInnerCapsule input[type="password"] {
    border: 1px solid #c3d0d8 !important;
}


    div.pageInnerCapsule h2 {
        padding: 15px 0 15px 0;
        color: #0c5da8;
        font-weight: bold;
        font-size: 16px;
        margin: 0;
    }

        div.pageInnerCapsule h2.notransactionsteps {
            padding: 10px 0 5px 0;
        }

    div.pageInnerCapsule.login {
        margin-top: 0;
    }

        div.pageInnerCapsule.login p {
            font-size: 13px;
            color: #48555d;
            float: none;
            width: 100%;
        }

.validation-summary-errors .innerAreaErrorLogin > p {
    padding-top:15px;
    font-size: 15px !important;
    color: #DD0000 !important;
    float: none;
    width: 100%;
}

div.pageContent {
    position: relative;
    padding: 30px;
    min-height: 422px;
    height: auto;
    background: #edf2f6;
}

div.popupCapsule {
    min-height: 200px;
    width: 627px;
    background: url("../images/popup-bg-mid.png") left 0 repeat;
    color: #5d686f;
    font-size: 14px;
    padding: 20px;
    /*overflow: hidden;*/
}

    div.popupCapsule h1.pageTitle {
        padding: 0px 0 20px 10px;
        height: 0;
    }

    div.popupCapsule h2 {
        padding: 20px 0 5px 0;
        max-width: 541px;
        color: #0c5da8;
        font-weight: bold;
        font-size: 12px;
    }

div.popupInnerCapsule {
    margin: 15px auto;
    width: 577px;
    background: #F2F2F2;
}

div.popupContent {
    margin: 15px 0 15px 0 !important;
}

div.popupContent2 {
    margin: 0 15px;
}

    div.popupContent2 #allMenuRootNodes .allMenuList li {
        line-height: 35px;
    }

        div.popupContent2 #allMenuRootNodes .allMenuList li a {
            color: #1d4f90 !important;
            font-weight: 500;
            font-size: 13px;
        }

            div.popupContent2 #allMenuRootNodes .allMenuList li a:before {
                content: none !important;
            }

    div.popupContent2 .allMenuListSubContainer div.allMenuListSub dl dt a {
        display: block;
        padding: 8px 0 8px 12px !important;
        background: #fff !important;
        color: #0c5da8;
        text-decoration: none;
        font-size: 14px !important;
        width: auto !important;
        height: auto !important;
    }

    div.popupContent2 .allMenuListSubContainer div.allMenuListSub dl dd ul li {
        display: block;
        background-color: white;
        margin: 0 !important;
        border: none !important;
    }

div.banner {
    margin: 0 auto;
}

div.componentError {
    padding: 3px 0 0 !important;
}

    div.componentError img {
        float: left;
    }

    div.componentError span {
        padding-left: 5px;
    }

div.landingArea {
    margin-top: 20px;
}

    div.landingArea div.innerAreaNoBorder {
        padding-top: 16px;
        padding-bottom: 16px;
    }

div.noHeader {
    padding-top: 10px;
    padding-bottom: 10px;
}

div.innerAreaCard {
    background: #fff;
    color: #5d686f;
    font-size: 12px;
}
div.innerArea {
    padding: 15px;
    background: #fff;
    color: #48555d;
    font-size: 13px;
}

    div.innerArea div.imageArea {
        /*position: absolute;
        top: 8px;
        left: 26px;*/
    }

        div.innerArea div.imageArea.short {
            /*top: 9px;
            left: 34px;*/
        }

.emailValidationContainer {
    height: 100%;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.emailValidationIcon {
    width: 20px;
    height: 20px;
    margin: 10px;
    text-align: center;
}

.updateInformationDiv {
    margin: 15px 0px 15px 0px;
    font-weight: 500;
}

    .updateInformationDiv .dropdown_container {
        margin: 0px;
    }

div.innerArea table.updateInformationTable {
    margin: 0px 0px 0px 15px;
}

div.innerArea div.keyboardContainerArea {
    margin: 10px 0 10px -116px;
    padding: 0;
    height: 135px;
    position: absolute;
}

    div.innerArea div.keyboardContainerArea div {
        padding: 0;
    }

        div.innerArea div.keyboardContainerArea div.keyboardContainerInner {
            position: absolute;
        }

div.innerArea2 {
    voice-family: "\"}\"";
    voice-family: inherit;
    position: relative;
    padding: 20px;
    background: #fff;
    color: #5d686f;
    font-size: 12px;
}

div.innerAreaError {
    voice-family: "\"}\"";
    voice-family: inherit;
    padding: 0 20px 0 20px;
    width: 501px;
    background: url("../images/inner-area-mid-red.png") 0 0 repeat-y;
}

div.innerAreaErrorShort {
    voice-family: "\"}\"";
    voice-family: inherit;
    padding: 0 20px 0 20px;
    width: 430px;
    background: url("../images/inner-area-mid-red-short.png") 0 0 repeat-y;
}

div.innerAreaErrorLong {
    voice-family: "\"}\"";
    voice-family: inherit;
    padding: 0 20px 0 20px;
    width: 604px;
    background: url("../images/inner-area-mid-red-long.png") 0 0 repeat-y;
}


div.innerAreaErrorLogin {
    voice-family: "\"}\"";
    voice-family: inherit;
    margin-bottom: 15px;
}

    div.innerAreaErrorLogin ul {
        margin: 0px;
    }

div.innerAreaNoBorder {
    position: relative;
    display: block !important;
    padding: 20px;
    background: #fff;
    color: #5d686f;
    font-size: 14px;
    letter-spacing: 0.3px;
    /*margin-bottom:20px;*/
}

    div.innerAreaNoBorder div.label_check_container, div.innerAreaNoBorder div.label_radio_container {
        color: #5d686f;
    }

    div.innerAreaNoBorder div.imageArea {
        top: 13px;
        left: 22px;
    }

        div.innerAreaNoBorder div.imageArea.short {
            top: 20px;
            left: 30px;
        }

    div.innerAreaNoBorder table.updateInformationTable {
        margin: 0 0 0 80px;
    }

div.innerAreaWithHover {
    margin: 10px 0;
    cursor: pointer;
}

/*div.innerAreaWithHover div.innerAreaNoBorderWithHoverTop {
        height: 5px;
        background: transparent url("../images/inner-area-noborder-hover-top.png") 0 0 no-repeat;
    }

    div.innerAreaWithHover div.innerAreaNoBorderWithHoverSub {
        height: 5px;
        background: transparent url("../images/inner-area-noborder-hover-sub.png") 0 0 no-repeat;
    }*/

/*div.innerAreaWithHover:hover div.innerAreaNoBorder {
        position: relative;
        padding: 5px 20px;
        width: 500px;
        background: url("../images/inner-area-noborder-hover-mid.png") -541px 0 repeat-y;
    }

    div.innerAreaWithHover:hover div.innerAreaNoBorderWithHoverTop {
        height: 5px;
        background: transparent url("../images/inner-area-noborder-hover-top.png") 0 -5px no-repeat;
    }

    div.innerAreaWithHover:hover div.innerAreaNoBorderWithHoverSub {
        height: 5px;
        background: transparent url("../images/inner-area-noborder-hover-sub.png") 0 -5px no-repeat;
    }*/

div.innerAreaLong {
    voice-family: "\"}\"";
    voice-family: inherit;
    position: relative;
    font-size: 12px;
}

    div.innerAreaLong .inform {
        padding: 10px 10px 4px 35px;
        background: url(../images/notice.png) 0 30px no-repeat;
    }

div.innerAreaShort {
    color: #fff;
    font-size: 12px;
}

div.FutureDated div.innerAreaNoBorder {
    position: inherit;
}

li.infoBullets {
    padding: 3px 0;
    max-width: 541px;
}

div.zIndex1000 {
}

div.zIndex2000 {
}

div.zIndex3000 {
}

div.zIndex4000 {
}

div.zIndex5000 {
}

div.zIndex6000 {
}

div.outerButtonArea {
    margin: 20px 0px;
    display: inline-block;
    float: right;
}

    div.outerButtonArea input {
        float: right;
    }

div.outerButtonAreaPopup {
    margin: 20px auto;
}

    div.outerButtonAreaPopup a {
        float: right;
        margin-left: 5px;
    }

div.innerButtonArea {
    float: right;
    margin: 20px;
    width: 481px;
}

    div.innerButtonArea input {
        float: right;
    }

/* Message page */
div.exceptionArea {
    display: block;
    overflow: auto;
    margin: 15px auto 0 auto;
    width: 542px;
}

    div.exceptionArea p {
        max-width: 540px;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        font-size: 12px;
    }

/* Navigation alanlarýndaki tablo bileþenleri */
table.navigationNoteArea {
    margin: 20px 0 10px -1px;
    width: 541px;
    height: auto;
}

    table.navigationNoteArea td.navigationNoteAreaButton {
        padding: 9px 0 0;
        width: 62px;
        height: auto;
    }

    table.navigationNoteArea td.navigationNoteAreaNote {
        width: 420px;
        height: auto;
        text-align: center;
    }

table.popupButtonArea {
    margin: 20px auto 20px auto;
    width: 537px;
}

    table.popupButtonArea td.left {
        text-align: left;
    }

    table.popupButtonArea td.right {
        text-align: right;
    }

div.infoMessagePage {
    padding: 0px 0px 0px 20px;
}

    div.infoMessagePage div.error {
        color: #DD0000;
        font-size: 12px;
    }

/* Not alanlarý */
div.noteCapsulePage {
    margin: 0 auto;
    background: #fff;
    text-align: left;
}

    div.noteCapsulePage p {
        padding: 30px 20px;
        color: #0c5da8;
        font-size: 13px;
        line-height: 20px;
    }

    div.noteCapsulePage span.important {
        color: #0c5da8;
        font-size: 13px;
    }

div.noteCapsuleContainer {
    margin: 0 0 10px 0;
}

.noteCapsuleArea {
    margin-top: 20px;
}

    .noteCapsuleArea div {
        padding: 0px;
    }

        .noteCapsuleArea div input {
            margin-left: 5px;
        }

div.noteCapsule {
    voice-family: "\"}\"";
    voice-family: inherit;
    position: relative;
    display: inline-block;
    min-height: 51px;
    width: 537px;
    background: url("../images/note-capsule-mid.png") 0 0 repeat;
}

    div.noteCapsule p {
        padding: 3px 18px;
        color: #0c5da8;
        font-size: 13px;
        line-height: 20px;
    }

    div.noteCapsule span.important {
        color: #0c5da8;
        font-weight: bold;
        font-style: italic;
        font-size: 14px;
    }

div.noteCapsulePopupContainer {
    margin: 10px 0 0;
}

    div.noteCapsulePopupContainer > div > img {
        vertical-align: bottom;
    }

    div.noteCapsulePopupContainer > div.noteCapsulePopup + div img {
        vertical-align: top;
    }

div.pageCapsule div.noteCapsulePopupContainer {
    text-align: left;
}

div.noteCapsulePopup {
    background: #fff;
    padding: 15px;
}

    div.noteCapsulePopup > div {
        padding: 0px;
    }

    div.noteCapsulePopup .noteCapsulePopuptext {
        float: left;
        width: 88%;
    }

        div.noteCapsulePopup .noteCapsulePopuptext p {
            margin: 20px 0px 0px 10px;
        }

    div.noteCapsulePopup p {
        color: #5d686f;
        font-size: 13px;
        line-height: 20px;
    }

    div.noteCapsulePopup span.important {
        color: #5d686f;
        font-weight: bold;
        font-size: 14px;
    }

    div.noteCapsulePopup span.error {
        color: #DD0000;
        font-weight: bold;
        font-style: italic;
        font-size: 14px;
    }

    div.noteCapsulePopup span.success {
        color: #de188c;
        font-weight: bold;
        font-style: italic;
        font-size: 14px;
    }

    div.noteCapsulePopup .successTd {
        width: 64px;
        height: 64px;
        background: transparent url("../images/icon-ok-big.png") right 0px no-repeat;
        float: left;
    }

    div.noteCapsulePopup .waitingTd {
    }

.NavigationButtonNext {
    float: right;
}

div.cancelPage {
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1;
    cursor: pointer;
}

/* Butons */
input[type="submit"],
input[type="button"],
div.btnClass,
a.PeoplenextButton {
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 84px;
    height: 40px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 13px !important;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #236cbb;
    background: -moz-linear-gradient(90deg, #236cbb 0%, #154280 100%);
    background: -webkit-linear-gradient(90deg, #236cbb 0%, #154280 100%);
    background: linear-gradient(90deg, #236cbb 0%, #154280 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#236cbb", endColorstr="#154280", GradientType=1);
    border: none;
}

    input[type="submit"]:hover,
    input[type="button"]:hover,
    div.btnClass,
    a.PeoplenextButton:hover {
        color: #fff;
        display: inline-block;
        opacity: .90;
        background: #236cbb !important;
        background: -moz-linear-gradient(90deg, #236cbb 0%, #154280 100%) !important;
        background: -webkit-linear-gradient(90deg, #236cbb 0%, #154280 100%) !important;
        background: linear-gradient(90deg, #236cbb 0%, #154280 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#236cbb", endColorstr="#154280", GradientType=1) !important;
        border: none !important;
    }

a.PeoplenextButton {
    padding: 12px 0px;
    margin-top: 27px;
}

    div.btnClass{
                width: 160px;
    height: 33px;
    text-align: center;
    margin: auto;
    padding: 5px;
    }


/*Logout Buttons*/
input#internetBranch {
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 62px;
    height: 31px;
    color: #fff;
    font-size: 12px !important;
    cursor: pointer;
}

    input#internetBranch:hover,
    input[type="button"]:hover {
        color: #fff;
        background-color: #0c5da8;
    }


input.BoxButtonOK {
    voice-family: "\"}\"";
    voice-family: inherit;
    color: #fff;
    font-size: 12px !important;
    cursor: pointer;
    background-color: #1f478c;
}

input.BoxButtonPopupOK {
    voice-family: "\"}\"";
    voice-family: inherit;
    color: #fff;
    font-size: 12px !important;
    cursor: pointer;
    background-color: #1f478c;
}

input.BoxButtonClose {
    voice-family: "\"}\"";
    voice-family: inherit;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 9999;
    width: 24px;
    height: 25px;
    background: url("../images/icon-close.png") 0 0 no-repeat;
    cursor: pointer;
}

input.ButtonInvert[type="submit"],
input.ButtonInvert[type="button"] {
    padding: 3px 10px 3px 10px;
    width: auto;
    border: 1px solid #919191;
    background: none;
    background-color: #fff;
    color: #5d686f;
    font-weight: bold;
}

    input.ButtonInvert[type="submit"]:hover,
    input.ButtonInvert[type="button"]:hover {
        padding: 3px 10px 3px 10px;
        width: auto;
        border: 1px solid #0c5da8;
        background: none;
        background-color: #0c5da8;
        color: #5d686f;
        font-weight: bold;
    }

.campaignActionsContainer input.ButtonInvert[type="submit"]:hover,
.campaignActionsContainer input.ButtonInvert[type="button"]:hover {
    color: white;
}

* + html input.BoxButtonClose {
    top: 0;
}

    input.BoxButtonClose:hover {
        background: url("../images/icon-close.png") 0 0 no-repeat;
    }

input.ButtonShort[type="submit"],
input.ButtonShort[type="button"] {
    height: 40px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

    input.ButtonShort[type="submit"]:hover,
    input.ButtonShort[type="button"]:hover {
        color: #fff;
    }

.phoneNumberArea input.ButtonShort[type="submit"]:hover,
.phoneNumberArea input.ButtonShort[type="button"]:hover {
    color: #fff;
}

.phoneMessage input.ButtonShort[type="submit"]:hover,
.phoneMessage input.ButtonShort[type="button"]:hover {
    color: #fff;
}

input.ButtonShort.disabled,
input.ButtonShort:disabled {
    color: #333;
    background: #dee7ec !important;
}

    input.ButtonShort.disabled:hover,
    input.ButtonShort:disabled:hover {
        color: #000 !important;
    }

input.ButtonWide {
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 92px;
    color: #fff;
    font-size: 12px !important;
    cursor: pointer;
}

    input.ButtonWide:hover {
        color: #fff;
    }

.criteria input.ButtonWide:hover {
    color: #fff;
}

input.ButtonWideShort {
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 92px;
    height: 30px;
    color: #fff;
    font-size: 12px !important;
    cursor: pointer;
}

    input.ButtonWideShort:hover {
        color: #fff;
    }

input.ButtonWide2 {
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 140px;
    color: #fff;
    font-size: 12px !important;
    cursor: pointer;
}

    input.ButtonWide2:hover {
        color: #fff;
    }

input.ButtonWide3 {
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 141px;
    height: 31px;
    color: #fff;
    font-size: 12px !important;
    cursor: pointer;
}

    input.ButtonWide3:hover {
        color: #fff;
    }

/* Div Button */
div.transparentButton {
    padding: 5px 14px !important;
    width: 100px;
    border: 1px solid #919191;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    color: #919191;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
}

    div.transparentButton:hover {
        border: 1px solid transparent;
        background-color: #de188c;
        color: #fff;
    }

    div.transparentButton a {
        color: #919191;
    }

    div.transparentButton:hover a {
        color: #fff;
    }

/* A Button */
a.ButtonShort {
    voice-family: "\"}\"";
    voice-family: inherit;
    display: block;
    padding: 5px 0;
    width: 60px !important;
    height: 13px !important;
    background-color: #1f478c;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 12px !important;
    cursor: pointer;
    /*total:23px*/
}

    a.ButtonShort:hover {
        background-color: #0c5da8;
        color: #5d686f;
    }

    a.ButtonShort.disabled,
    a.ButtonShort:disabled {
        background-color: #9c9c9c;
        color: #666;
        cursor: default;
    }

        a.ButtonShort.disabled:hover,
        a.ButtonShort:disabled:hover {
            background-color: #9c9c9c;
            color: #666;
        }

a.ButtonDefault {
    voice-family: "\"}\"";
    voice-family: inherit;
    display: block;
    padding: 8px 0;
    width: 62px !important;
    background-color: #1f478c;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    font-size: 12px !important;
    /*total:31px*/
}

    a.ButtonDefault:hover {
        background-color: #0c5da8;
        color: #093175 !important;
    }

a.ButtonWideShort {
    voice-family: "\"}\"";
    voice-family: inherit;
    padding: 5px 9px;
    background-color: #1f478c;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 12px !important;
    /*total:23px*/
    /*total:92px*/
}

    a.ButtonWideShort:hover {
        background-color: #0c5da8;
        color: #fff;
    }

a.ButtonWideShort2 {
    voice-family: "\"}\"";
    voice-family: inherit;
    padding: 5px 9px;
    background-color: #1f478c;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 12px !important;
    /*total:117px*/
    /*total:23px*/
}

    a.ButtonWideShort2:hover {
        background-color: #0c5da8;
        color: #fff;
    }

/* Arrow Button */
input.ButtonLeft {
    display: block;
    width: 26px !important;
    height: 31px !important;
    background: url("../images/mix-arrows.png") 0 -70px no-repeat;
}

    input.ButtonLeft:hover {
        background: url("../images/mix-arrows.png") 0 -210px no-repeat;
    }

input.ButtonRight {
    display: block;
    width: 26px !important;
    height: 31px !important;
    background: url("../images/mix-arrows.png") 0 0 no-repeat;
}

    input.ButtonRight:hover {
        background: url("../images/mix-arrows.png") 0 -140px no-repeat;
    }

input.ButtonLast {
    display: block;
    width: 26px !important;
    height: 31px !important;
    background: url("../images/mix-arrows.png") 0 -35px no-repeat;
}

    input.ButtonLast:hover {
        background: url("../images/mix-arrows.png") 0 -175px no-repeat;
    }

input.ButtonFirst {
    display: block;
    width: 26px !important;
    height: 31px !important;
    background: url("../images/mix-arrows.png") 0 -105px no-repeat;
}

    input.ButtonFirst:hover {
        background: url("../images/mix-arrows.png") 0 -245px no-repeat;
    }

input.ButtonUp {
    display: block;
    width: 26px !important;
    height: 31px !important;
    background: url("../images/mix-arrows.png") 0 -280px no-repeat;
}

    input.ButtonUp:hover {
        background: url("../images/mix-arrows.png") 0 -350px no-repeat;
    }

input.ButtonDown {
    display: block;
    width: 26px !important;
    height: 31px !important;
    background: url("../images/mix-arrows.png") 0 -315px no-repeat;
}

    input.ButtonDown:hover {
        background: url("../images/mix-arrows.png") 0 -385px no-repeat;
    }

/* A */
a.important {
    display: block;
    float: left;
    margin: 5px;
    min-width: 20px;
    width: auto;
    height: 15px;
    color: #0c5da8 !important;
    text-decoration: none;
    font-size: 12px;
}

a.unImportant {
    display: block;
    float: left;
    margin: 5px;
    min-width: 20px;
    width: auto;
    height: 15px;
    color: #919191 !important;
    text-decoration: none;
    font-size: 12px;
}

    a.unImportant.active {
        color: #0c5da8 !important;
        font-weight: bold;
        cursor: default;
    }

a.order {
    display: block;
    float: left;
    margin: 5px;
    min-width: 20px;
    width: auto;
    height: 15px;
    background: url("../images/arrow-right-down.png") 0 9px no-repeat;
    color: #0c5da8 !important;
    text-decoration: none;
    font-size: 12px;
    cursor: pointer;
}

a.searchUnImportant {
    display: block;
    float: left;
    margin: 5px;
    min-width: 20px;
    width: auto;
    height: 15px;
    background: url("../images/icon-search3.png") 0 0 no-repeat;
    color: #919191 !important;
    text-decoration: none;
    text-indent: 20px;
    font-size: 12px;
}

a.searchImportant {
    display: block;
    float: left;
    margin: 5px;
    min-width: 20px;
    width: auto;
    height: 15px;
    background: url("../images/icon-search2.png") 0 0 no-repeat;
    color: #0c5da8 !important;
    text-decoration: none;
    text-indent: 20px;
    font-size: 12px;
}

a.limit {
    display: block;
    float: left;
    margin: 5px;
    min-width: 20px;
    width: auto;
    height: 20px;
    background: url("../images/icon-limit.png") 0 0 no-repeat;
    color: #e51a92 !important;
    text-decoration: none;
    text-indent: 20px;
    font-size: 12px;
}

a.helplink {
    display: block;
    margin: 5px;
    min-width: 20px;
    width: auto;
    height: 15px;
    color: #0c5da8 !important;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
}

a.reloaditem {
    display: block;
    float: left;
    margin: 5px;
    min-width: 20px;
    width: auto;
    height: 15px;
    background: url("../images/mix-pp-icons.png") 0 -52px no-repeat;
    color: #0c5da8 !important;
    text-decoration: none;
    text-indent: 20px;
    font-size: 12px;
}

a.historyitem {
    display: block;
    float: left;
    margin: 5px;
    min-width: 25px;
    width: auto;
    height: 15px;
    background: url("../images/mix-pp-icons.png") 0 -210px no-repeat;
    color: #0c5da8 !important;
    text-decoration: none;
    text-indent: 20px;
    font-size: 12px;
}

a.refreshitem {
    display: block;
    float: left;
    margin: 5px;
    padding-top: 3px;
    min-width: 25px;
    width: auto;
    height: 17px;
    background: url("../images/mix-pp-icons.png") 0 -90px no-repeat;
    color: #de188c !important;
    text-decoration: none;
    text-indent: 25px;
    font-size: 12px;
}

a.additem {
    display: block;
    float: left;
    margin: 5px;
    min-width: 20px;
    width: auto;
    height: 20px;
    background: url("../images/mix-pp-icons.png") 0 0 no-repeat;
    color: #0c5da8 !important;
    text-decoration: none;
    text-indent: 25px;
    font-size: 12px;
}

a.deleteitem {
    display: block;
    float: left;
    margin: 5px;
    min-width: 20px;
    width: auto;
    height: 15px;
    background: url("../images/mix-pp-icons.png") 0 -128px no-repeat;
    color: #0c5da8 !important;
    text-decoration: none;
    text-indent: 20px;
    font-size: 12px;
}

a.updateitem {
    display: block;
    float: left;
    margin: 5px;
    min-width: 20px;
    width: auto;
    height: 15px;
    background: url("../images/mix-pp-icons.png") 0 -91px no-repeat;
    color: #0c5da8 !important;
    text-decoration: none;
    text-indent: 20px;
    font-size: 12px;
}

a.chooseicon {
    display: block;
    float: left;
    margin: 5px;
    min-width: 20px;
    width: auto;
    height: 16px;
    background: url("../images/icon-choose-icon.png") 0 0 no-repeat;
    /*color: #229F65 !important;*/
    color: #de188c !important;
    text-decoration: none;
    text-indent: 20px;
    font-size: 12px;
}

a.collapsedetails {
    display: block;
    float: left;
    margin: 5px;
    min-width: 20px;
    width: 125px;
    height: 15px;
    background: url("../images/icon-collapse-details.png") right 0 no-repeat;
    color: #0c5da8 !important;
    text-decoration: none;
    font-size: 12px;
}

a.loadicon {
    display: block;
    float: left;
    margin: 5px;
    min-width: 20px;
    width: auto;
    height: 16px;
    background: url("../images/icon-load-icon.png") 0 0 no-repeat;
    color: #de188c !important;
    text-decoration: none;
    text-indent: 20px;
    font-size: 12px;
}

a.loadiconinactive {
    display: block;
    float: left;
    margin: 5px;
    min-width: 20px;
    width: auto;
    height: 16px;
    background: url("../images/icon-load-icon.png") 0 0 no-repeat;
    color: #A9A9A9 !important;
    text-decoration: none;
    text-indent: 20px;
    font-size: 12px;
}

a.returndefault {
    display: block;
    float: left;
    margin: 5px;
    margin-top: 0;
    min-width: 20px;
    width: auto;
    height: 19px;
    background: url("../images/icon-return-default.png") 0 0 no-repeat;
    color: #de188c !important;
    text-decoration: none;
    text-indent: 20px;
    font-size: 12px;
}

a.showdetails {
    display: block;
    float: left;
    min-width: 140px;
    width: 135px;
    height: 15px;
    background: url("../images/icon-show-details.png") right 0 no-repeat;
    color: #0c5da8 !important;
    text-decoration: none;
    font-size: 14px;
}

a.operation {
    display: block;
    float: left;
    padding: 14px 0 0;
    min-width: 20px;
    width: 35px;
    background: url("../images/icon-operation.png") no-repeat scroll 10px 0 transparent;
    color: #0c5da8 !important;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    line-height: 12px;
}

a.filter {
    display: block;
    float: right !important;
    margin: 5px;
    min-width: 20px;
    width: auto;
    height: 15px;
    background: url("../images/icon-filter.png") right 0 no-repeat;
    color: #0c5da8 !important;
    text-decoration: none;
    text-indent: 23px;
    font-size: 12px;
}

a.notebook {
    display: block;
    float: left;
    margin: 5px;
    min-width: 20px;
    width: auto;
    height: 15px;
    background: url("../images/icon-book.png") 0 0 no-repeat;
    color: #0c5da8 !important;
    text-decoration: none;
    text-indent: 25px;
    font-size: 12px;
}

a.question {
    display: block;
    float: left;
    min-width: 25px;
    width: auto;
    height: 25px;
    background: url("../images/icon-question.png") 0 0 no-repeat;
    text-decoration: none;
    font-size: 12px;
    line-height: 25px;
    text-decoration: underline !important;
}

a.help {
    display: block;
    color: #5d686f !important;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}

a.cancelPage {
    display: block;
    padding: 3px 8px;
    background: #1d4f90;
    color: #fff !important;
    text-align: right;
    text-decoration: none;
    font-weight: 400;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
}

a.orderOn {
    background: url("../images/arrow-right-down.png") 0 -17px no-repeat;
}

a.pageLink {
    color: #0c5da8 !important;
    text-decoration: none;
}

a.outerLink {
    color: #fff !important;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

a.unImportant.active:hover {
    color: #0c5da8 !important;
}

a.updateitem:hover {
    background: url("../images/mix-pp-icons.png") 0 -109px no-repeat;
}

a.deleteitem:hover {
    background: url("../images/mix-pp-icons.png") 0 -147px no-repeat;
}

a.additem:hover {
    background: url("../images/mix-pp-icons.png") 0 -28px no-repeat;
}

a.reloaditem:hover {
    background: url("../images/mix-pp-icons.png") 0 -70px no-repeat;
}

/*a.important:hover,
a.unImportant:hover,
a.order:hover,
a.searchImportant:hover,
a.helplink:hover,
a.collapsedetails:hover,
a.showdetails:hover,
a.notebook:hover,
a.searchUnImportant:hover,
a.question:hover,
a.help:hover,
a.cancelPage:hover,
a.pageLink:hover,
a.outerLink:hover {
    color: #fff !important;
}*/

a.operation:hover {
    background: url("../images/icon-operation-hover.png") 10px 0 no-repeat;
    color: #093175 !important;
}

a.filter:hover {
    background: url("../images/icon-filter.png") right -16px no-repeat;
    color: #093175 !important;
}

a.additem:hover, a.deleteitem:hover, a.updateitem:hover,
a.chooseicon:hover, a.loadicon:hover, a.returndefault:hover {
    color: #de188c !important;
}

a.underline {
    text-decoration: underline;
}

/* Kutu link butonlarý */
div.BoxLinkContainer {
    float: left;
}

    div.BoxLinkContainer a {
        padding: 1px 10px;
        color: #0c5da8;
        text-decoration: none;
        font-size: 13px;
    }

    div.BoxLinkContainer .LinkContainer {
        display: inline-block;
        margin-top: 30px;
        margin-bottom: 0px;
        margin-right: 2px;
        border: 1px solid #1f478c;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        font-weight: bold;
        line-height: 24px;
    }

        div.BoxLinkContainer .LinkContainer:hover {
            border: 1px solid transparent;
            background-color: #0c5da8;
        }

            div.BoxLinkContainer .LinkContainer:hover a {
                color: #FFFFFF;
            }

/* Sayfalar dýþý footer, help gibi kýsýmlar */
div#ktLogo {
    float: left;
    margin: 22px 0 0 0;
}

    div#ktLogo img {
        width: 200px;
        height:48px;
    }


div#ktHelper, div#Settings, div#ContactUs, div#Corporate {
    float: left;
    margin-right: 0px;
}

div#eDevlet {
    float: left;
    margin-right: 23px;
    margin-top: 40px;
}

div#ktHelper a#ktNotification {
    float: right;
    width: 30px;
    height: 24px;
    background: url("../images/icon-notification.png") -66px 0 no-repeat;
    margin: 9px 10px 0 0;
}

    div#ktHelper a#ktNotification:hover {
        background: url("../images/icon-notification.png") -99px 0 no-repeat;
    }

div#ktHelper a#ktNotification2 {
    float: right;
    width: 30px;
    height: 24px;
    background: url("../images/icon-notification.png") -67px 0 no-repeat;
    margin: 9px 10px 0 0;
}

    div#ktHelper a#ktNotification2:hover {
        background: url("../images/icon-notification.png") -100px 0 no-repeat;
    }

div#ktHelper a#ktHelp {
    float: right;
    margin: 2px 0 0 0;
    background: url("../images/help-bg.png") 0 0 no-repeat;
    width: 71px;
    height: 42px;
    padding: 14px 0 0 34px;
    text-align: center;
    color: #fff !important;
}

div#ktWeather, div#ktSafeExit {
    float: left;
}

div#ktWeather {
    margin: 13px 0 0 0;
    width: 377px;
    height: 46px;
    background: none;
}

    div#ktWeather p {
        color: #5d686f;
        font-size: 11px;
        line-height: 10px;
    }

    div#ktWeather div#ktWeatherStatus {
        float: left;
        margin: -3px 0 0 145px;
        width: 78px;
    }

    div#ktWeather p#ktWeatherDegree {
        padding: 13px 0 0;
        font-weight: bold;
    }

div#ktSafeExit a {
    voice-family: "\"}\"";
    voice-family: inherit;
    display: block;
    margin: 36px 0px 0 0px;
    width: 26px;
    height: 26px;
    background: url("../images/safe-exit-bg.png") 0 0 no-repeat;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}

div#Settings a {
    voice-family: "\"}\"";
    voice-family: inherit;
    display: block;
    margin: 36px 0px 0 0px;
    width: 26px;
    height: 26px;
    background: url("../images/settings.png") 0 0 no-repeat;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}

div#ContactUs a {
    voice-family: "\"}\"";
    voice-family: inherit;
    display: block;
    margin: 40px 0px 0 0px;
    width: 30px;
    height: 21px;
    background: url("../images/bizeyazin.png") 0 0 no-repeat;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}

div#eDevlet a {
    voice-family: "\"}\"";
    voice-family: inherit;
    display: inline;
    margin: 40px 0px 0 0px;
    width: 30px;
    height: 21px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    color: black;
    font-size: 11px;
    text-align: center;
}

div#Corporate a {
    voice-family: "\"}\"";
    voice-family: inherit;
    display: block;
    margin: 10px 0px 0 0px;
    width: 27px;
    height: 26px;
    background: url("../images/corporate-icon.png") 0 0 no-repeat;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}

div#WriteToUs a {
    voice-family: "\"}\"";
    voice-family: inherit;
    display: block;
    margin: 10px 0px 0px 0px;
    width: 35px;
    height: 26px;
    background: url("../images/bizeyazin.png") 0 0 no-repeat;
    position: relative;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    line-height: 40px !important;
    top: 5px;
    right: 5px;
}


div#footerCapsule {
}

    div#footerCapsule div#ktFooter ul {
        float: right;
        margin: 7px 0 0 0;
    }

        div#footerCapsule div#ktFooter ul li {
            float: left;
            margin: 0 0 0 15px;
        }

            div#footerCapsule div#ktFooter ul li a {
                color: #5d686f;
                text-decoration: none;
                font-size: 12px;
            }

            div#footerCapsule div#ktFooter ul li#passwordSecurity {
                width: 90px;
            }

                div#footerCapsule div#ktFooter ul li#passwordSecurity div#passwordArea {
                    float: left;
                    margin: 8px 10px 0 0;
                    width: 49px;
                    height: 7px;
                    background: url("../images/secure-bg.png") 0 0 no-repeat;
                }

                div#footerCapsule div#ktFooter ul li#passwordSecurity span {
                    float: right;
                    padding: 6px 0 0 0;
                    color: #3C3C3C;
                    font-weight: bold;
                    font-size: 11px;
                }

                div#footerCapsule div#ktFooter ul li#passwordSecurity div#percentArea {
                    width: 65%;
                    height: 7px;
                    background: url("../images/secure-load.png") 0 0 no-repeat;
                }

div#identity {
    float: left;
}

    div#identity img {
        float: left;
        margin: 20px 10px 0px 0px;
        width: 60px;
        height: 60px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        border-radius: 100px;
    }

    div#identity h1 {
        color: #5d686f;
        font-size: 13px;
        font-weight: normal;
    }

        div#identity h1 span {
            display: block;
            margin-top: 6px;
        }

    div#identity h2 {
        color: #48555d;
        font-weight: normal;
        font-size: 13px;
        line-height: normal;
        margin: -8px 0px 0px 0px;
        width: 260px;
    }

    div#identity h6 {
        color: #5d686f;
        font-size: 11px;
        height: 9px;
        margin-top: 2px;
    }

    div#identity a {
        color: #0c5da8;
        font-size: 11px;
        font-weight: normal;
        display: block;
    }

    div#identity span {
        font-weight: bold;
    }

div#divUserProfile {
}

#divUserProfile a#UserProfileLink {
    width: 152px;
    float: right;
}

div#avatarMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 52px;
    height: 52px;
}

div#identityLine {
    position: relative;
    left: -18px;
    margin: 0 0 14px;
    width: 249px;
    height: 2px;
}

/* Browser destek */
div.browserControlDiv {
    overflow: hidden;
    padding-top: 3px;
    height: 19px;
    border-bottom: 1px solid #0c5da8;
    background: #FCEFB8;
    text-align: center;
}

    div.browserControlDiv span {
        color: #5d686f;
        font-size: 13px;
    }

ul.smsMenuContents li {
    float: left;
    margin: 10px 10px 0 1px;
    width: 45%;
}

    ul.smsMenuContents li.seperator {
        width: 10px !important;
    }

    ul.smsMenuContents li div.seperator {
        float: left;
        width: 10px;
        height: 260px;
        border-right: 1px solid #d4d4d4;
    }

div.SmsPhoneMessage ul.formArea {
    margin: 0;
    width: 220px;
}

/* Sub page menü kýsmý  */
div.tmSubMenu {
    display: inline-table;
}

    div.tmSubMenu a {
        display: block;
        margin: 3px 1px 3px 10px;
        padding: 0 5px;
        text-decoration: none;
    }

        div.tmSubMenu a div {
            display: block;
            padding: 5px 12px 5px 0;
            color: #FFFFFF;
            font-size: 12px;
        }

        div.tmSubMenu a:hover {
            background: transparent url("../images/sub-menu-over.png") 0 0 no-repeat;
        }

            div.tmSubMenu a:hover div {
                background: transparent url("../images/sub-menu-over.png") right bottom no-repeat;
                color: #fff;
            }

div.ClsDivWebResourceNode {
    float: left;
    width: 105px;
}

div.ClsDivSubWebResourceNode {
    position: absolute;
    z-index: 10000;
}

    div.ClsDivSubWebResourceNode div.topicon {
        position: relative;
        top: 2px;
        left: 45px;
        width: 20px;
        height: 10px;
        background: url("../images/sub-menu-top-arrow.png") 0 0 no-repeat;
        text-indent: -9999px;
    }

    div.ClsDivSubWebResourceNode div.tmSubMenu {
        margin: 0 0 -1px -3px;
        min-width: 118px;
        background: transparent url("../images/sub-menu-repeat-mid.png") right 0 repeat-y;
    }

    div.ClsDivSubWebResourceNode div.topImage {
        height: 8px;
        background: transparent url("../images/sub-menu-repeat-top.png") right bottom no-repeat;
    }

        div.ClsDivSubWebResourceNode div.topImage span {
            margin: 0 0 0 -3px;
            background: transparent url("../images/sub-menu-repeat-top.png") 0 0 no-repeat;
        }

    div.ClsDivSubWebResourceNode div.bottomImage {
        height: 8px;
        background: transparent url("../images/sub-menu-repeat-sub.png") right bottom no-repeat;
    }

        div.ClsDivSubWebResourceNode div.bottomImage span {
            margin: 0 0 0 -3px;
            background: transparent url("../images/sub-menu-repeat-sub.png") 0 0 no-repeat;
        }

div.menuArea [index="5"] {
    min-width: 169px;
}

    div.menuArea [index="5"] div.tmSubMenu a {
        min-width: 151px;
    }

/* Help */
.searchInHelp {
    background: #ff2;
}

.helparea p.topic {
    max-width: 540px;
    font-weight: bold;
    font-size: 14px;
}

.helparea div.description p {
    max-width: 925px;
}

/* RadioButton - CheckBox */
div.label_check_container, div.label_radio_container {
    display: table-cell;
    min-height: 25px;
    color: #6B7985;
    vertical-align: middle;
    cursor: pointer;
}

    div.label_check_container:not([disabled="disabled"]):hover,
    div.label_radio_container:not([disabled="disabled"]):hover {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    div.label_radio_container div.label_radio {
        display: inline-block;
        *display: inline;
        margin-right: 8px;
        width: 17px;
        height: 20px;
        background: url("../images/icons-mix.png") -25px -70px no-repeat;
        vertical-align: middle;
        -ms-zoom: 1;
        zoom: 1;
    }

    div.label_check_container div.label_check {
        /*float:left;*/
        display: inline-block;
        *display: inline;
        margin-right: 4px;
        width: 21px;
        height: 20px;
        background: url("../images/icons-mix.png") 0 -70px no-repeat;
        vertical-align: middle;
        -ms-zoom: 1;
        zoom: 1;
    }

    div.label_radio_container div.r_on {
        background: url("../images/icons-mix.png") -25px -92px no-repeat;
    }

    div.label_check_container div.c_on {
        background: url("../images/icons-mix.png") 0 -92px no-repeat;
    }

    div.label_check_container div.disabled_icon,
    div.label_radio_container div.disabled_icon {
        -khtml-opacity: 0.3;
        -moz-opacity: 0.3;
        opacity: 0.3;
        filter: alpha(opacity=30);
        /* internet explorer */
    }

    div.label_check_container div.disabled_text,
    div.label_radio_container div.disabled_text {
        color: #d9d9d9;
    }

    div.label_check_container input,
    div.label_radio_container input {
        position: absolute;
        left: -9999px;
    }

    div.label_radio_container .icon,
    div.label_radio_container .label1,
    div.label_radio_container .label2,
    div.label_check_container .icon,
    div.label_check_container .label1,
    div.label_check_container .label2 {
        display: inline-block;
        *display: inline;
        margin-top: 2px;
        vertical-align: middle;
        -ms-zoom: 1;
        zoom: 1;
        color: #5d686f !important;
        font-weight: 500;
    }

    * + html div.label_radio_container .icon,
    * + html div.label_radio_container .label1,
    * + html div.label_radio_container .label2,
    * + html div.label_check_container .icon,
    * + html div.label_check_container .label1,
    * + html div.label_check_container .label2 {
        margin-top: 2px;
    }

    * + html div.label_radio_container div.label_radio,
    * + html div.label_check_container div.label_check {
        margin-top: 3px;
    }

div.borderedRadioCheck {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: transparent url("../images/bg-for-all-menu-sub-mid.png") 0 0 repeat;
    -moz-box-shadow: inset 0 0 5px silver;
    -webkit-box-shadow: inset 0 0 5px silver;
    box-shadow: inset 0 0 5px silver;
    font-weight: bold;
}

div.label_radio_check_container_fix {
    display: inline-block;
    *display: inline;
    -ms-zoom: 1;
    zoom: 1;
}

table.checkboxlist {
    margin-top: 3px;
}

    table.checkboxlist div.label_check_container {
        padding-left: 0;
    }

        table.checkboxlist div.label_check_container div.label_check {
            margin-top: 2px;
        }

/* DropDownList */
div.selectbox-wrapper {
    position: absolute;
    z-index: 1;
    float: none !important;
    overflow: auto;
    margin: 0px 0px 0px 0px;
    padding: 0 !important;
    max-height: 200px;
    width: 100% !important;
    border: 1px solid #ccc;
    background: #fff;
    text-align: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div.selectbox-wrapper ul {
    z-index: 1;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.selectbox-wrapper ul li.selected {
    background: #a3b0b8;
    color: white;
}

div.selectbox-wrapper ul li.current {
    background: #cbd3d8;
    color: white;
}

div.selectbox-wrapper ul li {
    z-index: 1;
    display: block;
    margin: 0;
    padding: 5px;
    min-height: 15px;
    list-style-type: none;
    cursor: pointer;
    font-size: 12px;
    color: #5d686f;
    }

div.dropdown_container {
    margin-bottom: 0px;
    position: relative;
}

    div.dropdown_container input {
        float: none;
    }

.selectbox {
    width: 100% !important;
    display: block;
    margin: 0 5px 0 0;
    padding-left: 2px;
    border: 1px solid #D1E4F6;
    background: #fff url("../images/dropdown-arrow.png") center right no-repeat !important;
    color: #333;
    text-align: left;
    cursor: pointer;
}

#DaysCount_textinput, #BranchComponent_OpenAccountIndex_textinput {
    margin-top: -40px !important;
    width: 100% !important;
}

.selectbox:not([disabled]):hover,
.selectbox.hover:not([disabled]) {
    background: #fff;
}

.selectbox.back {
    background: #fff url("../images/combo-arrow-green.png") 96% 8px no-repeat;
}

    .selectbox.back:focus {
        border: 1px solid #1f478c !important;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .selectbox.back:not([disabled]):hover,
    .selectbox.back.hover:not([disabled]) {
        background: #fff url("../images/combo-arrow-yellow.png") 96% 8px no-repeat;
    }

.selectbox.text {
    margin-top: -40px;
}

    .selectbox.text:focus {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.selectbox.text-ie7 {
    position: absolute;
    top: 1px;
    left: 0;
    color: #333;
}

    .selectbox.text:not([disabled]):hover,
    .selectbox.text.hover:not([disabled]),
    .selectbox.text-ie7:not([disabled]):hover,
    .selectbox.text-ie7.hover:not([disabled]) {
    }

/* ImageButtonInsideInput */
div.imageInputWrapper {
    position: relative;
}

div.keyboardButton {
    position: absolute;
    top: 22px;
    right: 15px;
    width: 24px;
    height: 16px;
    background: transparent url("../images/keyboardIcon.png");
    cursor: pointer;
}


/*div.keyboardButton:hover {
    background: transparent url("../images/icons-mix.png") -81px -45px no-repeat;
}*/

/* DatePicker Input Trigger */
div.datepicker_icon_trigger {
    margin-left: 3px;
    width: 34px;
    height: 40px;
    background: transparent url("../images/datepicker.png") 0 0 no-repeat;
    cursor: pointer;
}

/*div.datepicker_icon_trigger:hover {
        margin-left: 3px;
        width: 26px;
        height: 24px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: transparent url("../images/icon-datepicker.png") -30px 0 no-repeat;
        cursor: pointer;
    }

    div.datepicker_icon_trigger.disable {
        margin-left: 3px;
        width: 26px;
        height: 24px;
        background: transparent url("../images/icon-datepicker.png") -60px 0 no-repeat;
        cursor: pointer;
    }*/

input[datepicker] {
    width: 150px !important;
}


#rootNode888 .scoop-submenu .row div #rootNodeSub888 {
    display: block !important;
}

#rootNode901 .scoop-submenu .row div #rootNodeSub901 {
    display: block !important;
}

#rootNode904 .scoop-submenu .row div #rootNodeSub904 {
    display: block !important;
}

#rootNode1236 .scoop-submenu .row div #rootNodeSub1236 {
    display: block !important;
}

#rootNode1219 .scoop-submenu .row div #rootNodeSub1219 {
    display: block !important;
}

#rootNode1381 .scoop-submenu .row div #rootNodeSub1381 {
    display: block !important;
}

#rootNode1468 .scoop-submenu .row div #rootNodeSub1468 {
    display: block !important;
}

#rootNode10841 .scoop-submenu .row div #rootNodeSub10841 {
    display: block !important;
}

#rootNode12041 .scoop-submenu .row div #rootNodeSub12041 {
    display: block !important;
}

#rootNode1430 .scoop-submenu .row div #rootNodeSub1430 {
    display: block !important;
} 


#rootNode13500 .scoop-submenu .row div #rootNodeSub13500 {
    display: block !important;
}

#rootNode13895 .scoop-submenu .row div #rootNodeSub13895 {
    display: block !important;
}

#rootNode13952 .scoop-submenu .row div #rootNodeSub13952 {
    display: block !important;
}

#rootNode13977 .scoop-submenu .row div #rootNodeSub13977 {
    display: block !important;
}

#rootNode14521 .scoop-submenu .row div #rootNodeSub14521 {
    display: block !important;
}


#rootNode1492 {
    display: none;
}
/*#rootNode1492 .scoop-submenu .row div #rootNodeSub1492 { display:block !important;}*/


a#logOutLinkMobil::before {
    content: url("../images/LogOutIcon.png");
    position: relative;
    top: 4px;
}

a#logOutLinkMobil {
    font-size: 13px;
    line-height: 40px !important;
    text-align: center;
    background: #808b94;
    display: block;
    color: #fff;
}

    a#logOutLinkMobil:hover {
        color: #fff !important;
    }


.scoop-submenu .row .col-lg-12, .scoop-submenu .row .col-md-12, .scoop-submenu .row .col-sm-12, .scoop-submenu .row .col-xs-12 { padding:0px;}

#FavoriListItem { background-color:rgba(0, 0, 0, 0.6);}
#FavoriListItem .container h2 { float:left; margin-right:30px;}
#FavoriListItem .container h2 a.menuTab,
#FavoriListItem .container h2 a.menuTab:hover,
#FavoriListItem .container h2 a.menuTab:focus { font-size:14px; color:#8c9fad;}

.scoop-submenu .row .col-lg-12, .scoop-submenu .row .col-md-12, .scoop-submenu .row .col-sm-12, .scoop-submenu .row .col-xs-12 {
    padding: 0px;
}

#FavoriListItem {
    background-color: rgba(0, 0, 0, 0.6);
}

    #FavoriListItem .container h2 {
        float: left;
        margin-right: 30px;
    }

        #FavoriListItem .container h2 a.menuTab,
        #FavoriListItem .container h2 a.menuTab:hover,
        #FavoriListItem .container h2 a.menuTab:focus {
            font-size: 14px;
            color: #8c9fad;
        }

    #FavoriListItem .container ul li {
        float: left;
        margin-right: 5px;
    }

        #FavoriListItem .container ul li form {
            float: left;
            margin-right: 5px;
        }

        #FavoriListItem .container ul li a {
            text-transform: uppercase;
            background-color: rgba(255, 255, 255, 0.2);
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            padding: 5px 20px;
            font-size: 11px;
            color: #fff;
            margin-top: 14px;
            display: inline-block;
        }

.FovariItemLi {
    background: #fff;
    text-align: center;
    padding: 15px 5px;
    margin: 10px 0px;
}

    .FovariItemLi a.smartMenu {
        font-weight: 500;
        display: block;
        font-size: 13px;
    }

        .FovariItemLi a.smartMenu img {
            margin-bottom: 10px;
            width: 64px;
            height: 64px;
        }

.FilterContainer {
    padding: 20px !important;
    background: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
}

    .FilterContainer > div {
        padding: 0px !important;
    }

    .FilterContainer input[readonly] {
        background: #fff;
        border: 1px solid #c3d0d8;
    }

    .FilterContainer input[datepicker] {
        width: 100% !important;
    }

.SubMenuList {
    padding-left: 10px !important;
}


.AccountComponentContainer {
}

    .AccountComponentContainer .innerArea2 {
        padding: 15px !important;
    }

    .AccountComponentContainer dl {
        margin-bottom: 0px !important;
    }

    .AccountComponentContainer .AccountComponentSelected .ArrowDown {
        background: #a3b0b8;
        padding: 30px 10px 10px 10px !important;
        position: absolute;
        height: 100%;
        right: 0;
        top: 0;
    }

.CreditCardListComponentContainer .innerArea2 {
    padding: 15px !important;
}

.CreditCardListComponentContainer dl {
    margin-bottom: 0px !important;
}

.CreditCardListComponentContainer .CreditCardListComponentSelected .ArrowDown {
    background: #a3b0b8;
    padding: 30px 10px 10px 10px !important;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
}

.multiDropDown dt div {
    padding: 0px !important;
}

.SelectedAccountDivClick {
    padding: 15px 18px 15px 5px !important;
}

    .SelectedAccountDivClick table {
        width: 100%;
    }

.SelectedCreditCardDivClick {
    padding: 15px 18px 15px 5px !important;
}

    .SelectedCreditCardDivClick table {
        width: 100%;
    }

div.dataListContainer div.buttonArea {
    float: left !important;
}

.btn, .btn-primary, .btn:hover, .btn-primary:hover, .btn:focus, .btn-primary:focus {
    color: #5d686f !important;
    padding: 10px 15px !important;
    border: 1px solid #a3b0b8 !important;
    font-size: 13px !important;
    float: right;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.icon-exclamation {
    float: left !important;
}
.messageSpan {
    display: block;
    float: left;
    line-height: 24px;
    padding: 6px 0px 0px 8px;
}

.icon-exclamation:before {
    font-size: 24px;
    color: #e51a92;
}

.icon-exclamation.yellow:before {
    font-size: 24px;
    color: #FFB818;
}

.icon-check.green {
    font-size: 24px;
    color: #7CA849;
}

#accountList .table-bordered > thead > tr, #selectedAccountList .table-bordered > thead > tr {
    border: 1px solid #718b9c;
}

    #accountList .table-bordered > thead > tr > th, #selectedAccountList .table-bordered > thead > tr > th {
        border: none;
        background: #718b9c;
        color: #fff;
        padding: 10px 10px;
    }

.icon-plus, .icon-close {
    font-size: 20px;
    color: #de188c;
    cursor: pointer;
}

.nextButton, .NavigationButtonNextLightBox {
    float: right !important;
}


.moneyEditorTable {
    padding: 0px !important;
}

    .moneyEditorTable div {
        padding: 0px !important;
    }

    .moneyEditorTable .spanTd {
        padding: 20px 5px 0px 5px !important;
        text-align: center;
    }

p.seperator {
    padding: 7px 0px;
    text-align: center;
}


.activeWidget h2 {
    color: #e51a92 !important;
    font-size: 18px !important;
    font-weight: normal !important;
    padding: 0px 0px 15px 0px !important;
}

.FxNewsContent {
    padding: 0px 5px !important;
}

.FxContent {
    background: #dee7ec;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    padding: 15px 10px;
    margin-bottom: 10px;
}

    .FxContent h3 {
        font-size: 20px;
        margin: 0;
        padding: 10px 0px 10px 0px;
    }

    .FxContent p {
        background: #fff;
        padding: 4px 0px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 12px;
    }

    .FxContent .FXdown::before {
        content: url("../images/FxDown.png");
        position: relative;
        top: -1px;
        right: 6px;
    }

    .FxContent .FXdown {
        background: none;
        color: #be2b0a;
        font-weight: 500;
        font-size: 15px;
    }

    .FxContent .FXup::before {
        content: url("../images/FxUp.png");
        position: relative;
        top: -1px;
        right: 6px;
    }

    .FxContent .FXup {
        background: none;
        color: #63903f;
        font-weight: 500;
        font-size: 15px;
    }

.FXButton {
    padding: 0px 2px !important;
    text-align: center;
}

    .FXButton a:hover, .FXButton a:visited {
        color: #fff !important;
    }

.BuyingButton {
    display: block;
    background: #1d4f90;
    color: #fff;
    padding: 4px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
}

.SellingButton {
    display: block;
    background: #e51a92;
    color: #fff;
    padding: 4px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
}

.WidgetCardContent {
    padding: 15px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #dee7ec;
}

    .WidgetCardContent div {
        padding: 0px;
    }

    .WidgetCardContent p {
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 4px !important;
    }

    .WidgetCardContent img {
        margin-bottom: 15px;
    }

.WidgetCardButton, .WidgetCardButton:hover, .WidgetCardButton:focus, .WidgetCardButton:visited {
    float: left;
    margin: 15px 5px 5px 0px;
    display: inline-block;
    background: #1d4f90;
    color: #fff;
    padding: 4px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.LastCardActionHeader {
    font-size: 14px;
    color: #1d4f90;
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    float: left;
}

.LastCardAction {
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 3px;
    padding: 5px 10px !important;
}

    .LastCardAction div {
        padding: 0px !important;
    }

        .LastCardAction div.CardActionAmount {
            text-align: right;
        }

.WidgetAccount {
    padding: 15px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #dee7ec;
    min-height: 225px;
}

    .WidgetAccount div {
        padding: 0px;
    }

    .WidgetAccount .widgetlink {
        display: block;
        margin: 0px 0px 10px 0px;
        font-size: 12px;
    }

.LastAccountActionHeader {
    font-size: 14px;
    color: #1d4f90;
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    float: left;
}

.LastAccountAction {
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 3px;
    padding: 5px 10px !important;
}

    .LastAccountAction div {
        padding: 0px !important;
    }

        .LastAccountAction div.AccountActionAmount {
            text-align: right;
        }

.AccountName {
    font-size: 16px !important;
    font-weight: bold;
    margin: 0px 0px 2px 0px;
    color: #1d4f90;
}

    .AccountName a {
        width: 16px;
        height: 20px;
        display: block;
        text-indent: -9999px;
        float: left;
        margin-left: 3px;
    }

        .AccountName a.history {
            background: url("../images/icons-mix-table.png") 0 0 no-repeat;
            float: right;
        }

            .AccountName a.history:hover {
                background: url("../images/icons-mix-table.png") 0 -20px no-repeat;
            }

        .AccountName a.details {
            background: url("../images/icons-mix-table.png") -33px 0 no-repeat;
            float: right;
        }

            .AccountName a.details:hover {
                background: url("../images/icons-mix-table.png") -33px -20px no-repeat;
            }
        .AccountName a.change {
            background: url("../images/icon-profit-chng.png") 0 0 no-repeat;
            background-size: cover;
            float: right;
        }

.WidgetAccount .AccountBranch {
    font-size: 14px;
    margin: 0px 0px 10px 0px;
}

.AccountAmount {
    font-size: 22px !important;
    margin: 0px 0px 10px 0px;
}

.WidgetAccount .AccountIban {
    color: #5d686f;
    font-size: 12px;
    margin: 0px 0px 2px 0px;
}

.MoneyTransferHeader h2 {
    float: left;
}

.MoneyTransferHeader .nav-tabs {
    float: right;
    border: none;
}

    .MoneyTransferHeader .nav-tabs > li > a {
        margin-right: 5px;
        border: none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #fff;
        background: #c3d0d8;
        font-size: 11px !important;
        padding: 4px 10px !important;
    }

    .MoneyTransferHeader .nav-tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    }

.tab-content {
    padding: 0px;
}

.tab-content .dropdown_container {
    width: 300px;
    height: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #edf2f6;
    color: #0c2f4f;
    font: 500 16px/40px 'Urbanist';
    cursor: pointer;
    text-align: left;
    z-index: 4;
}

    .tab-content .dropdown_container #SelectedAccount_input,
    .tab-content .dropdown_container #SelectedAccount_textinput,
    .tab-content .dropdown_container #SelectedLoan_input,
    .tab-content .dropdown_container #SelectedLoan_textinput,
    .tab-content .dropdown_container #SelectedCard_input,
    .tab-content .dropdown_container #SelectedCard_textinput {
        border: none !important;
        background: none !important;
        padding-left: 15px;
        font-weight: 600;
        color: #0c2f4f;
    }

.tab-content .dropdown_container div.selectbox-wrapper {
    position: absolute;
    z-index: 99;
    left: 0;
    top: 44px;
    width: 300px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #edf2f6;
}

    .tab-content .dropdown_container div.selectbox-wrapper ul li {
        text-align: left;
        padding: 0 15px;
        color: #0c2f4f;
        font: 400 14px/40px 'Urbanist';
        cursor: pointer;
        transition: background-color 300ms;
        border-bottom: 1px solid #d1d7dc;
        overflow: hidden;
    }

.tab-content .dropdown_container div.selectbox-wrapper ul::-webkit-scrollbar-track,
.tab-content .dropdown_container div.selectbox-wrapper ul::-webkit-scrollbar {
    width: 15px;
    background-color: #90a7c5;
}

.tab-content .dropdown_container div.selectbox-wrapper ul::-webkit-scrollbar-thumb {
    width: 10px;
    background-color: #173d6e;
}

.tab-content input {
    width: 95%;
}

    .tab-content p {
        margin: 0px 0px 5px 0px;
    }

    .tab-content .selectbox {
        width: 100% !important;
    }

    .tab-content #Lira, .tab-content #LiraIban, .tab-content #LiraCard {
        width: 45%;
        float: left;
    }

    .tab-content #Kurus, .tab-content #KurusIban, .tab-content #KurusCard {
        width: 30%;
        float: left;
    }

    .tab-content #ReceiverAccount {
        width: 60%;
        float: left;
    }

    .tab-content #ReceiverAccountSuffix {
        width: 30%;
        float: left;
    }

    .tab-content span {
        font-weight: bold;
    }

    .tab-content .MoneyTransferFec {
        background: #dee7ec;
        display: inline-block;
        padding: 11px 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin-left: 3px;
    }

    .tab-content .MoneyTransferButton {
        float: right;
        margin: 25px 0px 0px 0px;
        display: inline-block;
        background: #1d4f90;
        color: #fff;
        padding: 8px 15px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

.MoneyTransferFec {
    background: #dee7ec !important;
    display: inline-block;
    padding: 11px 10px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: 3px;
}

#CalendarArea h2 {
    color: #e51a92 !important;
    font-size: 18px !important;
    font-weight: normal !important;
}

.filters1 .buttonArea {
    padding-top: 0px !important;
}

.carousel-indicators-numbers {
    li

{
    text-indent: 0;
    margin: 0 2px;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 100%;
    line-height: 30px;
    color: #fff;
    background-color: #999;
    transition: all 0.25s ease;
    &.active, &:hover

{
    margin: 0 2px;
    width: 30px;
    height: 30px;
    background-color: #337ab7;
}

}
}


.selectpicker {
    text-align: left;
    position: relative;
}

    .selectpicker .dropdown-toggle {
        position: relative;
        text-align: left;
        border-radius: 0;
    }

        .selectpicker .dropdown-toggle.filled {
            padding-left: 30px;
        }

        .selectpicker .dropdown-toggle span.placeholder, .selectpicker .dropdown-toggle span.text {
            float: left;
            display: block !important;
        }

        .selectpicker .dropdown-toggle span.placeholder {
            color: #959595;
            display: block !important;
        }

        .selectpicker .dropdown-toggle span.caret {
            float: right;
            margin-top: 10px;
            display: block !important;
        }

    .selectpicker .reset {
        margin: 3px 0px;
    }

        .selectpicker .reset a {
            color: #333;
            display: block;
            padding: 4px 0 4px 20px;
        }

            .selectpicker .reset a, .selectpicker .reset a: hover {
                text-decoration: none;
            }

                .selectpicker .reset a:hover {
                    background: #e6e6e6;
                }

    .selectpicker .clear {
        display: none !important;
        position: absolute;
        left: 7px;
        top: 8px;
        z-index: 12;
        padding: 5px;
        color: #959595;
    }

    .selectpicker .list-to-filter {
        max-height: 350px;
    }

    .selectpicker .dropdown-menu {
        width: 100%;
        padding: 5px 0 0;
    }

        .selectpicker .dropdown-menu ul {
            margin-top: 4px;
        }

            .selectpicker .dropdown-menu ul > li {
                display: block;
                padding: 6px 0 6px 20px;
                cursor: pointer;
            }

                .selectpicker .dropdown-menu ul > li:hover {
                    background: #edf2f6;
                }

                .selectpicker .dropdown-menu ul > li.selected {
                    color: #fff;
                    background: #edf2f6;
                }

                .selectpicker .dropdown-menu ul > li.optgroup {
                    cursor: default;
                    padding: 0;
                    border-top: 1px solid #edf2f6;
                }

                    .selectpicker .dropdown-menu ul > li.optgroup:first-child {
                        border-top: none;
                    }

                    .selectpicker .dropdown-menu ul > li.optgroup:hover {
                        background: 0 0;
                    }

                    .selectpicker .dropdown-menu ul > li.optgroup .optgroup-header {
                        display: block;
                        color: #959595;
                        font-size: 14px;
                        margin-bottom: 4px;
                        padding: 5px 8px 5px 20px;
                    }

                    .selectpicker .dropdown-menu ul > li.optgroup > ul > li {
                        display: block;
                        padding: 4px 0 4px 40px;
                        cursor: pointer;
                    }

                        .selectpicker .dropdown-menu ul > li.optgroup > ul > li:hover {
                            background: #e6e6e6;
                        }

                        .selectpicker .dropdown-menu ul > li.optgroup > ul > li.selected {
                            color: #fff;
                            background: #1e90ff;
                        }

        .selectpicker .dropdown-menu .search-box {
            padding: 5px 8px;
        }

.live-filtering {
    position: relative
}

    .live-filtering .filter-clear {
        opacity: 1;
        color: #555
    }

        .live-filtering .filter-clear:hover {
            text-decoration: none
        }

    .live-filtering .hint {
        color: #959559
    }

    .live-filtering .matches {
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 10px;
        color: #959595;
        font-size: 10px
    }

    .live-filtering .no-search-results i {
        margin-right: 10px;
        position: relative;
        top: -1px
    }



.caption-style-1 {
    margin-bottom: 15px;
}

    .caption-style-1 > div {
        padding: 0px;
        position: relative;
        overflow: hidden;
        display: inline-block;
    }

        .caption-style-1 > div:hover .caption {
            opacity: 1;
        }

    .caption-style-1 img {
        margin: 0px;
        padding: 0px;
        float: left;
        z-index: 4;
    }

    .caption-style-1 .caption {
        cursor: pointer;
        position: absolute;
        opacity: 0;
        -webkit-transition: all 0.45s ease-in-out;
        -moz-transition: all 0.45s ease-in-out;
        -o-transition: all 0.45s ease-in-out;
        -ms-transition: all 0.45s ease-in-out;
        transition: all 0.45s ease-in-out;
    }

    .caption-style-1 .blur {
        background-color: rgba(4, 22, 44, 0.5);
        height: 86px;
        width: 136px;
        z-index: 5;
        position: absolute;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    .caption-style-1 .caption-text {
        z-index: 10;
        color: #fff;
        position: absolute;
        height: 86px;
        width: 136px;
        text-align: center;
        top: 40px;
    }

        .caption-style-1 .caption-text a {
            font-size: 11px;
            color: #fff !important;
            padding: 3px 8px 5px 8px;
            border: 1px solid #fff;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }


.AccountContentBox {
    background: #fff;
    padding: 20px 5px 5px 5px;
    margin-bottom: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .AccountContentBox p {
        font-weight: 500 !important;
    }

        .AccountContentBox p.IbanCopy {
            margin-bottom: 0px;
        }

    .AccountContentBox strong {
        color: #1d4f90 !important;
    }

.BalaceContentBox {
    border-top: 2px solid #de188c;
    padding: 10px 15px;
}

    .BalaceContentBox > div {
        padding: 0px;
    }

        .BalaceContentBox > div > p > strong, .BalaceContentBox > div > h4 {
            color: #1d4f90 !important;
        }

        .BalaceContentBox > div > h4 {
            margin: 0px;
        }


#__LOADINGBOX__ {
    top: 400px !important;
    left: 50% !important;
}


.TimeBoxCapsule {
    position: absolute;
    left: 50%;
    background: #1d4f90;
    z-index: 12;
}

.TimeBoxContent {
    position: relative;
    left: -50%;
}

.RemainingTimeBox {
    padding-top: 10px;
}

.RemainingTimeButton {
    padding-top: 0px;
}

.RemainingTimeBox p {
    color: #5d686f;
}

.RemainingTimeButton #YesButton, .RemainingTimeButton #YesButton:hover {
    background: none !important;
    border: 1px solid #e51a92 !important;
    color: #e51a92 !important;
}

.RemainingTimeButton #NoButton, .RemainingTimeButton #NoButton:hover {
    background: #fff !important;
    color: #1d4f90 !important;
}

.RemainingTimeButtonBox {
    float: right;
}


.ListView {
    padding: 0px 15px;
}

    .ListView table tr th {
        color: #fff !important;
    }

    .ListView table tr td {
        background: #fff;
    }

.ListView {padding:0px 15px;}
.ListView table tr th { color: #fff !important;}
.ListView table tr td { background:#fff;}

.FilterAccount {
    margin-bottom: 15px;
    padding: 0px;
}

    .FilterAccount #FilterAccountName {
        float: left;
        padding: 10px 10px 0px 0px
    }

    .FilterAccount #FilterAccountNameTextbox {
        float: left;
        margin-right: 10px;
    }

    .FilterAccount #FilterAccountButton {
        float: left;
    }

.DetailSearchButton {
    padding-right: 0px !important;
}

.AccountTypeContainer .AccountTypeHeader {
    color: #1d4f90;
}

.NavigationButtonExecute, .BoxButtonOK, .BoxButtonPopupOK {
    float: right;
}


.SettingsBox {
    background: #fff;
    /* height: 150px; */
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 30px;
    text-align: center;
}

    .SettingsBox p {
        font-size: 18px;
        color: #a3b0b8;
        padding: 10px 0px 0px 0px;
        margin: 0;
    }

.caret {
    display: none !important;
}

.allMenuListSub {
    display: none;
}

    .allMenuListSub .disabled {
        display: block !important;
        color: #de188c !important;
    }

        .allMenuListSub .disabled:hover {
            color: #de188c !important;
        }

        .allMenuListSub .disabled:visited {
            color: #de188c !important;
        }

        .allMenuListSub .disabled:active {
            color: #de188c !important;
        }

.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a.disabled {
    color: #de188c !important;
}


/*Mobil Düzenlemeler*/

@media (min-width: 768px) {

    .scoop-hasmenu #identity {
        display: none !important;
    }
}


@media (max-width: 1199px) {
    .tab-content .MoneyTransferFec {
        padding: 11px 8px;
    }
}



@media (max-width: 992px) {
    .container-fluid {
        padding: 0px !important;
    }

    div#headerCapsule {
        margin:0;
    }

    div#ktLogo img {
        width: 180px;
        height: 44px;
    }

    ul.allMenuList a:hover {
        color: #fff !important;
    }

    div.pageCapsule {
        padding: 15px;
    }

    div.pageContent {
        padding: 15px;
    }

    div#mainCapsule #contentCapsule2 {
        padding-left: 0px;
        padding-right: 0px;
    }

    /*Mobile Menu*/

    #CorporateMobilLink > a#CorporateLink {
    }

        #CorporateMobilLink > a#CorporateLink::before {
            content: url("../images/corporate-icon2.png");
            position: relative;
            top: 7px;
            right: 5px;
        }

    #UserActionButton > a#ContactUsLink {
        font-size: 13px;
        line-height: 40px !important;
        text-align: center;
        background: #1d4f90;
    }

        #UserActionButton > a#ContactUsLink::before {
            content: url("../images/BizeyazinMobil.png");
            position: relative;
            top: 2px;
            right: 5px;
        }

    #UserActionButton > a#SettingsLink {
        font-size: 13px;
        line-height: 40px !important;
        text-align: center;
        background: #0b376f;
    }

        #UserActionButton > a#SettingsLink::before {
            content: url("../images/SettingsMobil.png");
            position: relative;
            top: 4px;
            right: 5px;
        }

    #UserActionButton > a#eDevletLink {
        font-size: 13px;
        line-height: 40px !important;
        text-align: center;
        background: #0b376f;
    }

        #UserActionButton > a#eDevletLink::before {
            content: url("../images/e-devlet.png");
            position: relative;
            top: 4px;
            right: 5px;
        }

    #MenuCapsule {
        padding: 0px !important;
        margin:0 !important;
    }

    #allMenuRootNodes {
        margin: 0px !important;
        padding: 0px !important;
    }

    .scoop-hasmenu #identity {
        padding: 10px 20px 30px 20px;
        width: 100%;
        background: #0e131c;
        display: block !important;
    }

        .scoop-hasmenu #identity h1 {
            color: #fff;
        }

        .scoop-hasmenu #identity h2 {
            width: 100%;
            color: #fff;
        }

    .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li {
        float: none !important;
        width: 100% !important;
    }

    .scoop .scoop-navbar .scoop-item > li.scoop-hasmenu > a {
        line-height: 50px !important;
    }

    .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item .scoop-hasmenu.scoop-trigger > .scoop-submenu {
        box-shadow: none !important;
    }

    span.rootNodeText {
        margin-left: 5px !important;
    }

    div#mainCapsule #contentCapsule2 {
        margin-top: 30px;
    }

    .scoopbrand-xs {
        margin-top: 18px;
    }

        .scoopbrand-xs .icon-menu {
            font-size: 24px;
            color: #a2afb7;
        }

    .FilterContainer input {
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .buttonArea {
        padding-left: 0px !important;
    }

    .DetailSearchButton {
        padding-right: 0px !important;
    }

    .btn, .btn-primary, .btn:hover, .btn-primary:hover, .btn:focus, .btn-primary:focus { /*float: left;*/
    }

    #WidgetContainer {
        padding: 0px;
    }

    div.repeaterPart {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    div.pageCapsule {
        padding: 15px 8px 15px 8px;
    }

    div.pageContent {
        padding: 10px 5px 0px 5px;
    }

    div.innerAreaNoBorder {
        padding: 20px 6px;
    }

    div.innerArea {
        padding: 20px 6px;
    }

    div.footerContent {
        margin: 0px -15px 0px -15px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .WidgetContentContainer .WidgetBox {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .WidgetAccount {
        padding: 10px 10px 35px 10px !important;
    }

    .FxNewsContent {
        padding: 0px 5px 15px 5px !important;
    }

    img.newResourceRoot {
        right: 15px;
        top: 18px;
    }
}

@media (max-width: 400px) {
    .buttonArea {
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 100% !important;
    }

        .buttonArea input {
            width: 100% !important;
        }

    .DetailSearchButton {
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 100% !important;
    }

    .btn, .btn-primary, .btn:hover, .btn-primary:hover, .btn:focus, .btn-primary:focus {
        float: left;
        width: 100%;
    }

    div.footerContent div {
        margin: 10px 0px;
    }
}

/* Yeni İnternet Şube Eklenen CSS'ler */

@charset "UTF-8";
@import url(vakifkatilim.fonts.v1.04.css);

input,
textarea,
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"] {
    outline: 0;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    outline: 0;
    border: 0;
    background-color: transparent;
}

body {
    background-color: #ecedf0;
}

.bg-blue {
    display: none;
    position: fixed;
    z-index: 90;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(25,78,145,.25);
}

.outlined-input {
    position: relative;
    display: inline-block;
    padding-top: 6px;
    font: 400 18px/1.5px 'Urbanist';
    overflow: hidden;
}

.outlined-input > input {
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aeb7c3;
    border-top: 1px solid transparent;
    border-radius: 4px;
    padding: 15px 13px 15px;
    width: 100%;
    height: 60px !important;
    background-color: transparent;
    box-shadow: none;
    font-family: inherit;
    font-size: 15px;
    line-height: inherit;
    color: #48555d;
    caret-color: #194e91;
    transition: border 0.2s, box-shadow 0.2s;
}

    .outlined-input > input + span {
        position: absolute;
        top: 0px;
        left: 0px;
        display: flex;
        border-color: #aeb7c3;
        width: 100%;
        max-height: 100%;
        color: #194e91;
        line-height: 15px;
        font: 700 16px 'Urbanist';
        cursor: text;
        transition: color 0.2s, font-size 0.2s, line-height 0.2s;
    }

.outlined-input > input + span::before, .outlined-input > input + span::after {
    content: "";
    display: block;
    box-sizing: border-box;
    margin-top: 6px;
    min-width: 10px;
    height: 8px;
    border-top: 1px solid #aeb7c3;
    pointer-events: none;
    box-shadow: inset 0 1px transparent;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.outlined-input > input + span::before {
    margin-right: 4px;
    border-left: solid 1px transparent;
    border-radius: 4px 0;
}

.outlined-input > input + span::after {
    flex-grow: 1;
    margin-left: 4px;
    border-right: solid 1px transparent;
    border-radius: 0 4px;
}

.outlined-input > input:focus {
    border: 1px solid #194e91;
    border-top: 1px solid transparent;
    box-shadow: inset 1px 0 #194e91, inset -1px 0 #194e91, inset 0 -1px #194e91;
    outline: none;
}

.outlined-input > input:focus + span {
    color: #194e91;
}

.outlined-input > input:focus + span::before, .outlined-input > input:focus + span::after {
    border-top: 1px solid #194e91;
    box-shadow: inset 0 1px #194e91;
}

.checkbox {
    margin: 0 !important;
}

.checkbox input {
    position: absolute;
    left: -99999px;
}

.checkbox span.f-icon-area {
    position: absolute;
    -webkit-transition: all 0.05ms;
    -moz-transition: all 0.05ms;
    -o-transition: all 0.05ms;
    transition: all 0.05ms;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border: 1px solid #aeb7c3;
    cursor: pointer;
}

    .checkbox span.text {
        display: inline-block;
        margin-left: 30px;
        font: 500 14px/26px 'Urbanist';
        color: #48555d;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.checkbox input:checked + span.f-icon-area:before {
    content: "\e901";
}

a {
    font: 600 15px 'Urbanist';
    color: #194e91;
    text-decoration: none;
}

a:hover {
    color: #17376e;
    text-decoration: none;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.chart-area {
    position: relative;
    width: 100%;
}

.chart-area .canvas-area {
    width: 414px;
    height: 250px;
    margin: 0 auto;
}

.chart-area .canvas-area canvas {
    position: relative;
    z-index: 3;
    cursor: pointer;
}

    .chart-area .vkChart_title {
        position: absolute;
        top: 120px;
        left: 0px;
        width: 100%;
        text-align: center;
        font: 700 16px/24px 'Urbanist';
        color: #6c7e8f;
    }

    .chart-area .vkChart_currency {
        position: absolute;
        z-index: 1;
        top: 150px;
        left: 0px;
        width: 100%;
        text-align: center;
        font: 700 24px/24px 'Urbanist';
        color: #0c2f4f;
    }

.chart-area .vkChart_value_area {
    position: absolute;
    z-index: 1;
    top: 150px;
    left: 0px;
    width: 100%;
    text-align: center;
}
    .chart-area .vkChart_value_title {
        font: 500 14px/18px 'Urbanist';
        color: #0c2f4f;
    }
    .chart-area .vkChart_value_content {
        font: 500 20px/24px 'Urbanist';
        color: #0c2f4f;
    }

.chart-area .vkChart_labels {
    width: 100%;
    text-align: center;
}

.chart-area .vkChart_labels .vkChart_label_area {
    display: inline-block;
    margin: 0 25px;
}

.chart-area .vkChart_labels .vkChart_label_area .vkChart_label_box {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: left;
}

    .chart-area .vkChart_labels .vkChart_label_area .vkChart_label_text {
        float: left;
        font: 600 14px/18px 'Urbanist';
        color: #48555d;
    }

.loginPage {
    background-color: #fff;
    width: 100%;
    height: 100vh;
}

.loginPage .login-bg-area {
    background-color: #fff;
}
.loginPage .login-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    height: 100vh;
    -webkit-filter: drop-shadow( 4px 2px 30px rgba(0, 0, 0, 0.1));
    filter: drop-shadow( 4px 2px 30px rgba(0, 0, 0, 0.1));
}
.loginPage .loginPageRow {
    position: relative;
    z-index: 99;
}

.loginPage .container-spaces {
    padding: 0 !important;
    margin: 60px;
    position: relative;
    z-index: 10;
}

.loginPage .left {
    position: relative;
    height: calc(100vh - 120px);
}

    .loginPage .left .language-area {
        font: 500 14px/36px 'Urbanist';
        color: #48555d;
        margin-top: 15px;
    }

.loginPage .left .language-area .dropdown-active {
    margin-left: 5px;
    color: #194e91;
    cursor: pointer;
}

.loginPage .left .language-area .dropdown-active .arrow {
    position: relative;
}

.loginPage .left .language-area .dropdown-active .arrow span {
    margin-left: 5px;
    font-size: 8px;
    line-height: 36px;
    position: absolute;
    top: 0px;
    left: 0px;
}


.loginPage .left .welcome {
    margin-top: 40px;
}

    .loginPage .left .welcome .big-title {
        font: 300 24px/36px 'Urbanist';
        font-weight: bold;
        color: #154c93;
    }


    .loginPage .left .welcome .big-desc {
        font: 300 18px/36px 'Urbanist';
        font-style: italic;
        color: #48555d;
    }

.loginPage .left .login-form {
    margin-top: 60px;
    width: 400px;
}

.loginPage .left .login-form label {
    display: block;
    margin-top: 20px;
}

.loginPage .left .login-form label input {
    width: 100%;
}

.loginPage .left .login-form .login-form-bottom {
    margin-top: 20px;
}

.btn-login {
    -webkit-transition: opacity 250ms;
    -moz-transition: opacity 250ms;
    -o-transition: opacity 250ms;
    transition: opacity 250ms;
    margin-top: 30px;
    background: #236cbb;
    background: -moz-linear-gradient(90deg, #236cbb 0%, #154280 100%);
    background: -webkit-linear-gradient(90deg, #236cbb 0%, #154280 100%);
    background: linear-gradient(90deg, #236cbb 0%, #154280 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#236cbb", endColorstr="#154280", GradientType=1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font: 500 18px/60px 'Urbanist';
    color: white;
    width: 170px !important;
    height: auto !important;
}

    .btn-login:hover {
        opacity: .90;
        background: #236cbb !important;
        background: -moz-linear-gradient(90deg, #236cbb 0%, #154280 100%) !important;
        background: -webkit-linear-gradient(90deg, #236cbb 0%, #154280 100%) !important;
        background: linear-gradient(90deg, #236cbb 0%, #154280 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#236cbb", endColorstr="#154280", GradientType=1) !important;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font: 500 18px/60px 'Urbanist';
        color: white;
        width: 170px !important;
        height: auto !important;
    }

input.btn-login.disabled:hover,
input.btn-login:disabled:hover {
    background: #f4f9fc !important;
}

.loginPage .login-image-area {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
}

.loginPage .login-image-area img {
    height: 100vh;
    transform: scale(1);
}

.loginPage .footer {
    position: absolute;
    bottom: 0px;
}

.loginPage .footer-links {
    margin-bottom: 10px;
}

.loginPage .footer-links li {
    display: inline-block;
    margin-right: 20px;
}


.loginPage .footer-downloads {
    margin-top: 20px;
    text-align: center;
}

.loginPage .footer-downloads img {
    width: 200px;
    margin: 0 15px;
}

.loginPage .login-ad-mobile {
    display: none;
    text-align: center;
    margin-bottom: 30px;
}
.loginPage .login-ad-mobile img {
    max-width: 100%;
}

.dashboard .box .title {
    font: 600 16px/30px 'Urbanist';
    color: #0c2f4f;
    margin-bottom: 10px;
}

.dashboard .box .title:after {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    background-color: #008aab;
}

.dashboard .box .all {
    position: absolute;
    top: 25px;
    right: 25px;
    border: 1px solid #0c2f4f;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font: 400 13px/20px 'Urbanist';
    color: #0c2f4f;
    padding: 0 10px;
}

.dashboard:after {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    background-image: url("../images/dashboard-bg.jpg");
    width: 100%;
    height: 100vh;
    opacity: .5;
    z-index: -1;
}

.dashboard-container {
    width: 1500px;
    margin: 0 auto;
}

.dashboard .dashboard-box {
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 9px 5px 15px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 9px 5px 15px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 9px 5px 15px 0px rgba(0, 0, 0, 0.05);
}

.header {
    margin-top:20px;
}

.header .logo-area {
    
}

.header .logo-area img {
    width: 200px;
}

.header .search-area {
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    height: 48px;
    margin-top: 5px;
    background-color: white;
}

.f-search {
    color: #48555d;
}

.header .search-area input {
    width: 100%;
    height: 48px !important;
    border: 0;
    padding: 0 10px;
    font: 400 15px/48px 'Urbanist';
}

    .header .search-area input::-webkit-input-placeholder {
        color: #6b7982 !important;
        font: 400 15px/48px 'Urbanist';
    }

    .header .search-area input::-moz-placeholder {
        color: #6b7982 !important;
        font: 400 15px/48px 'Urbanist';
    }

    .header .search-area input:-moz-placeholder {
        color: #6b7982 !important;
        font: 400 15px/48px 'Urbanist';
    }

    .header .search-area input:-ms-input-placeholder {
        color: #6b7982 !important;
        font: 400 15px/48px 'Urbanist';
    }

    .header .search-area input::placeholder {
        color: #6b7982 !important;
        font: 400 15px/48px 'Urbanist';
    }

.header .search-area button {
    width: 48px;
    height: 48px;
    text-align: center;
    font-size: 18px;
    line-height: 48px;
    position: absolute;
    top: 0px;
    right: 10px;
}

.header .profile-area {
    margin-top: 6px;
}

.header .profile-area .notifications {
    position: relative;
    width: 48px;
    height: 48px;
    margin-left: 15px;
}

.header .profile-area .notifications span {
    font-size: 32px;
    line-height: 48px;
}

    .header .profile-area .notifications .badge-number {
        display: none;
        position: absolute;
        top: 6px;
        right: 12px;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid white;
        background: #1e569a;
        background: -moz-linear-gradient(90deg, #1e569a 0%, #123872 100%);
        background: -webkit-linear-gradient(90deg, #1e569a 0%, #123872 100%);
        background: linear-gradient(90deg, #1e569a 0%, #123872 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e569a", endColorstr="#123872", GradientType=1);
        font: 500 12px/18px 'Urbanist';
        color: white;
        text-align: center;
    }

.header .profile-area .notifications .badge-number[data-active='1'] {
    display: block;
}

.header .profile-area .profile-card {
    position: relative;
}

.header .profile-area .profile-card .profile-card-content {
    cursor: pointer;
}

    .header .profile-area .profile-card .profile-card-content .name {
        font: 500 16px/48px 'Urbanist';
        color: #48555d;
    }

.header .profile-area .profile-card .profile-card-content .menu-arrow {
    padding: 0 10px;
    font-size: 10px;
    line-height: 48px;
    color: #93a0a9;
    margin-top:18px;
}

.header .profile-area .profile-card .profile-card-content .image img {
    width: 48px;
    height: 48px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.header .profile-area .profile-card .profile-menu {
    background: #fff;
    display: none;
    position: absolute;
    top: 58px;
    right: 0px;
    z-index: 10;
    width: 300px;
}

.header .profile-area .profile-card .profile-menu:before {
    display: block;
    content: '';
    position: absolute;
    top: -10px;
    right: 15px;
    z-index: 10;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    border-left: 10px solid transparent;
}

.header .profile-area .profile-card .profile-menu ul {
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
}

.header .profile-area .profile-card .profile-menu ul hr {
    margin-top: 15px;
    margin-bottom: 10px;
}


    .header .profile-area .profile-card .profile-menu ul .title-bar {
        width: 100%;
        margin: 10px 0px 0px 0px;
        padding: 0 15px;
        font: 600 14px/36px 'Urbanist';
        color: #194e91;
    }

    .header .profile-area .profile-card .profile-menu ul li a {
        display: block;
        width: 100%;
        padding: 0 20px;
        font: 400 14px/36px 'Urbanist';
        color: #48555d;
    }

        .header .profile-area .profile-card .profile-menu ul li a.logout {
            display: block;
            width: 100%;
            padding: 0 20px;
            font: 500 14px/36px 'Urbanist';
            color: #48555d;
        }

            .header .profile-area .profile-card .profile-menu ul li a.logout:hover {
                display: block;
                width: 100%;
                padding: 0 20px;
                font: 500 14px/36px 'Urbanist';
                color: #cc2d49;
            }

.header .profile-area .profile-card .profile-menu ul li a:hover {
    color: #1d4f90;
}

.top-menu {
    width: 100%;
    margin: 30px 0 20px 0;
}

.top-menu ul li {
    display: inline-block;
}

.top-menu ul li:first-child a {
    padding-left: 0;
}

.top-menu ul li:last-child a {
    padding-right: 0;
}

    .top-menu ul li a {
        font: 300 18px/48px 'Urbanist';
        font-weight: 400;
        color: #194e91;
        padding: 0 25px;
    }

.dashboard .sidebar {
    width: 320px;
}

.dashboard .sidebar .box {
    position: relative;
    padding: 25px;
    margin-bottom: 30px;
}

.dashboard .sidebar .box .box:last-child {
    margin-bottom: 0;
}

.dashboard .sidebar .box .table {
    margin-bottom: 0;
}

.dashboard .sidebar .box .table.center-t2 tr th:nth-child(2), .dashboard .sidebar .box .table.center-t2 tr td:nth-child(2) {
    text-align: center;
}

    .dashboard .sidebar .box .table thead tr th {
        border: 0;
        padding: 5px 0 !important;
        font: 400 13px/14px 'Urbanist';
        color: #6b7982;
    }

.dashboard .sidebar .box .table thead tr th:not(:first-child) {
    text-align: center;
}

.dashboard .sidebar .box .table tbody tr:first-child td {
    border: 0;
}

    .dashboard .sidebar .box .table tbody tr td {
        padding: 10px 0 !important;
        border-top: 1px solid #dee7ec;
        font: 400 14px/21px 'Urbanist';
        color: #0c2f4f;
    }

.dashboard .sidebar .box .table tbody tr td[data-status="warning"] {
    color: #e4a22a;
}

.dashboard .sidebar .box .table tbody tr td[data-status="error"] {
    color: red;
}

.dashboard .sidebar .box .table tbody tr td:not(:first-child) {
    text-align: center;
}

.dashboard .sidebar .box .table .flag-image {
    margin: 2px 5px 0 0;
}

.dashboard .sidebar .box .table .currency-image[data-title="24"] {
    background: url("../images/currency-box.png") no-repeat -0px -0px;
    width: 22px;
    height: 15px;
}

.dashboard .sidebar .box .table .currency-image[data-title="26"] {
    background: url("../images/currency-box.png") no-repeat -23px -0px;
    width: 22px;
    height: 15px;
}

.dashboard .sidebar .box .table .currency-image[data-title="1"] {
    background: url("../images/currency-box.png") no-repeat -92px -0px;
    width: 22px;
    height: 15px;
}

.dashboard .sidebar .box .table .currency-image[data-title="19"] {
    background: url("../images/currency-box.png") no-repeat -69px -0px;
    width: 22px;
    height: 15px;
}

.dashboard .sidebar .box .table .currency-image[data-title="15"] {
    background: url("../images/currency-box.png") no-repeat -92px -0px;
    width: 22px;
    height: 15px;
}

.dashboard .sidebar .slide {
    position: relative;
}

.dashboard .sidebar .slide .slide-caption {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 320px;
    text-align: center;
}

    .dashboard .sidebar .slide .slide-caption .slide-caption-title {
        padding: 30px 30px 0;
        font: 400 20px/30px 'Urbanist';
        color: #194e91;
    }

    .dashboard .sidebar .slide .slide-caption .slide-caption-button {
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms;
        display: inline-block;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        margin-top: 15px;
        padding: 0 20px;
        border: 1px solid #194e91;
        font: 400 16px/38px 'Urbanist';
        color: #194e91;
    }

.dashboard .sidebar .slide .slide-caption .slide-caption-button:hover {
    background-color: #194e91;
    color: white;
}

.dashboard .sidebar .slide .options {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    width: 320px;
    padding: 30px 20px;
}

.dashboard .sidebar .slide .options div[role="button"] {
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    text-align: center;
    padding-top:6px;
    font-size: 12px;
    line-height: 26px;
    background-color: rgba(255, 255, 255, 0.25);
    color: white;
}

.dashboard .sidebar .slide .options div[role="button"][data-slide="prev"] {
    padding-right: 2px;
}

.dashboard .sidebar .slide .options div[role="button"][data-slide="next"] {
    padding-left: 2px;
}

.dashboard .sidebar .slide .options div[role="button"]:hover {
    transform: scale(1.2);
}

.dashboard .content {
    width: calc(100% - 700px);
    margin: 0 30px 40px;
}

.dashboard .content .contentTable {
    position: relative;
    margin-top: 20px;
    padding: 25px;
}

    .dashboard .content .contentTable thead tr th {
        border: 0;
        font: 400 14px/20px 'Urbanist';
        font-weight: 600;
        color: #0c2f4f;
    }

.dashboard .content .contentTable tbody tr {
    height: 90px;
    line-height: 90px;
}

.dashboard .content .contentTable tbody tr[data-status="negative"] .amount {
    color: red;
}

.dashboard .content .contentTable tbody tr[data-status="negative"] .date .circle {
    background: #abb7be;
    background: -moz-linear-gradient(90deg, #abb7be 0%, #8697a1 100%);
    background: -webkit-linear-gradient(90deg, #abb7be 0%, #8697a1 100%);
    background: linear-gradient(90deg, #abb7be 0%, #8697a1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#abb7be", endColorstr="#8697a1", GradientType=1);
}

.dashboard .content .contentTable tbody tr[data-status="positive"] .amount {
    color: #74a441;
}

.dashboard .content .contentTable tbody tr[data-status="positive"] .date .circle {
    background: #a5ce4a;
    background: -moz-linear-gradient(90deg, #a5ce4a 0%, #7db831 100%);
    background: -webkit-linear-gradient(90deg, #a5ce4a 0%, #7db831 100%);
    background: linear-gradient(90deg, #a5ce4a 0%, #7db831 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a5ce4a", endColorstr="#7db831", GradientType=1);
}

.dashboard .content .contentTable .date {
    width: 90px;
    text-align: center;
}

    .dashboard .content .contentTable .date .circle {
        width: 48px;
        height: 48px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        margin: 15px 0 2px 13px;
        text-align: center;
        color: white;
        font: 500 20px/48px 'Urbanist';
    }

.dashboard .content .contentTable .date .circle[data-type="today"] {
    color: white;
    padding-top: 8px;
}

        .dashboard .content .contentTable .date .circle .TodayTop {
            display: inline-block;
            margin-top: 8px;
            font: 500 15px 'Urbanist';
        }

        .dashboard .content .contentTable .date .circle .TodayBottom {
            display: block;
            font: 500 11px 'Urbanist';
        }

        .dashboard .content .contentTable .date .circle .DateText {
            display: block;
            font: 500 15px/50px 'Urbanist';
        }

    .dashboard .content .contentTable .date .text {
        font: 400 11px 'Urbanist';
        color: #48555d;
    }

    .dashboard .content .contentTable .descTitle {
        margin-top: 20px;
        font: 600 18px/28px 'Urbanist';
        color: #194e91;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .dashboard .content .contentTable .descContent {
        font: 600 14px/18px 'Urbanist';
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .dashboard .content .contentTable .amount {
        font: 800 14px/90px 'Urbanist';
    }

    .dashboard .content .contentTable .balance {
        font: 800 14px/90px 'Urbanist';
        color: #0c2f4f;
    }

.dashboard .content .contentTable .options a:not(:last-child) {
    margin-right: 10px;
}

.dashboard .content .contentTable .options span {
    line-height: 90px;
    font-size: 24px;
}

.dashboard .content .contentInformations .nav-justified {
    text-align: center;
}

.dashboard .content .contentInformations .nav-justified li {
    height: 66px;
}

.dashboard .content .contentInformations .nav-justified li:last-child:after {
    width: 0px;
    height: 0px;
}

.dashboard .content .contentInformations .nav-justified li:after {
    content: '';
    position: absolute;
    top: 20px;
    right: 0px;
    width: 1px;
    height: 26px;
    background-color: #a2afb7;
    opacity: 1 !important;
}

    .dashboard .content .contentInformations .nav-justified li a {
        position: relative;
        font: 400 16px/66px 'Urbanist';
        font-weight: 600;
        color: #0c2f4f;
        opacity: .5;
        padding: 0 !important;
        display: inline-block;
    }

.dashboard .content .contentInformations .nav-justified li a:hover {
    background-color: transparent;
    opacity: .75;
}

.dashboard .content .contentInformations .nav-justified li.active a {
    background-color: transparent;
    opacity: 1 !important;
}

.dashboard .content .contentInformations .tab-pane {
    text-align: center;
    padding-bottom: 30px;
}

.dashboard .content .contentInformations .f-select-area {
    position: relative;
    width: 300px;
    height: 40px;
    margin: 30px auto;
}

    .dashboard .content .contentInformations .f-select-area select {
        width: 100%;
        height: 40px;
        padding: 0 15px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background-color: #edf2f6;
        border: 0;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        font: 500 16px/40px 'Urbanist';
        color: #0c2f4f;
    }

.dashboard .content .contentInformations .f-select-area:after {
    display: block;
    content: "\e90c";
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 9;
    font-size: 7px;
    width: 40px;
    height: 40px;
    color: #0c2f4f;
    text-align: center;
    line-height: 40px;
    pointer-events: none;
}

.dashboard .content .contentInformations .select-box {
    position: relative;
    user-select: none;
}
    .dashboard .content .contentInformations .select-box .selected {
        width: 300px;
        height: 40px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background-color: #edf2f6;
        color: #0c2f4f;
        font: 500 16px/40px 'Urbanist';
        cursor: pointer;
        text-align: left;
        padding-left: 15px;
    }

.dashboard .content .contentInformations .select-box .options {
    position: absolute;
    z-index: 99;
    left: 0;
    top: 44px;
    width: 300px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #edf2f6;
    overflow: hidden;
}
.dashboard .content .contentInformations .select-box .options[data-status='false'] {
    display: none;
}
.dashboard .content .contentInformations .select-box .options[data-status='true'] {
    display: block;
}
    .dashboard .content .contentInformations .select-box .options .option {
        text-align: left;
        padding: 0 15px;
        color: #0c2f4f;
        font: 400 15px/40px 'Urbanist';
        cursor: pointer;
        transition: background-color 300ms;
        border-bottom: 1px solid #d1d7dc;
    }
.dashboard .content .contentInformations .select-box .options .option:last-child {
    border-bottom: 0;
}
.dashboard .content .contentInformations .select-box .options .option:hover {
    background-color: #d1d7dc;
}

.dashboard .content .contentInformations .charts .chart-area {
    display: none;
}
.dashboard .content .contentInformations .charts .chart-area:first-child {
    display: block;
}

.dashboard .content .contentInformations .extra-menu {
    margin-top: 30px;
    text-align: center;
}

.dashboard .content .contentInformations .extra-menu a {
    border: 1px solid #194e91;
    display: inline-block;
    margin: 0 6px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    width: 114px;
}

    .dashboard .content .contentInformations .extra-menu a .text {
        font: 400 14px/34px 'Urbanist';
        color: #194e91;
    }

.dashboard .content .dashboard-nav-bottoms {
    text-align: center;
    margin-top: 20px;
}

.dashboard .content .dashboard-nav-bottoms .nav-bottom {
    display: inline-block;
    margin: 0 3px;
    width: 18px;
    height: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #dadfe2;
    cursor: pointer;
}

.dashboard .content .dashboard-nav-bottoms .nav-bottom.active {
    background-color: #194e91;
}



@media only screen and (max-width: 1540px) {
    .dashboard-container {
        width: 100%;
    }
    
    #headerCapsule {
        
    }

    #MenuCapsule {
        padding-left:10px;
    }

    .loginPage .login-bg {
        left: -10px;
    }

    .loginPage .left .login-form {
        margin-top:0px;
    }
}

@media only screen and (max-width: 1360px) {
    body {
     
    }

    .loginPage .login-bg {
        left: 0px;
    }

    .login-image-area {
        margin-right: -150px;
    }

    .dashboard .content {
        width: calc(100% - 290px);
        margin: 0 30px 40px 10px;
    }

    .dashboard .sidebar,
    .slide-caption {
        width: 250px !important;
    }

    .loginPage .container-spaces {
        margin: 30px;
    }
    .loginPage .footer {
        bottom:-50px;
    }
}

@media only screen and (max-width: 1200px) {
    .loginPage .row.top-area div.col-sm-6.col-xs-12:nth-child(2) {
        display: block;
        width: 100%;
    }

    .loginPage .login-bg {
        left: -150px;
    }
}

@media only screen and (max-width: 978px) {
    body {
        
    }

    .loginPage .login-bg {
        display: none;
    }

    .loginPage .top-left,
    .loginPage .top-right {
        width: 100%;
    }

    .loginPage .top-right {
        margin: 10px 0 25px;
    }

    .loginPage .left .language-area {
        width: fit-content;
        margin: 15px auto 0;
    }

    .loginPage .left .welcome {
        margin-top: 20px;
        text-align: center;
    }

        .loginPage .left .welcome .big-title {
            font: 300 28px 'Urbanist';
            margin-top: 25px;
        }

        .loginPage .left .welcome .big-desc {
            display: none;
        }

    .loginPage .left .login-form {
        width: 100%;
        margin: 20px auto 0;
    }

        .loginPage .left .login-form .btn-login {
            width: 100%;
            padding: 0;
        }

    .loginPage .login-image-area {
        display: none;
    }

    .loginPage .footer {
        position: relative;
        margin-top: 20px;
        bottom: auto;
        text-align: center;
    }

    .loginPage .footer-links li {
        margin: 0 15px 15px;
    }

        .loginPage .footer-links li:nth-child(3) {
            display: block;
        }

    .loginPage {
        overflow-y: scroll;
    }

        .loginPage .container-spaces {
            margin: 20px;
        }

        .loginPage .left {
            height: auto;
        }

            .loginPage .left .top-area {
                text-align: center;
            }

        .loginPage .login-ad-mobile {
            display: block;
            margin-top: 20px;
        }

    .dashboard .dashboard-container {
        width: 100%;
        margin: 0 !important;
    }

    .dashboard .content {
        margin: 25px 0 !important;
        width: 100% !important;
    }

    .dashboard .dashboard-box {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        padding-top: 20px;
    }

    .dashboard .header .logo-area {
        width: auto;
    }

    .dashboard .box .title {
        padding: 20px;
    }

    .dashboard .sidebar,
    .dashboard .header .search-area,
    .dashboard .top-menu,
    .dashboard .profile-card,
    .dashboard .content .contentTable .table tbody tr td.balance:nth-child(4),
    .dashboard .content .contentTable .table thead tr th:nth-child(4),
    .dashboard .content .dashboard-box ul.nav {
        display: none;
    }

    .dashboard .header {
        padding: 0 25px;
    }

        .dashboard .header .profile-area {
            width: auto;
        }

    .dashboard .content {
        width: calc(100% - 50px);
        margin: 25px;
    }

        .dashboard .content .contentTable {
            overflow: hidden;
            padding: 0 !important;
        }

            .dashboard .content .contentTable .table tbody td:nth-child(2) {
                width: 100%;
            }

            .dashboard .content .contentTable .table tbody .options {
                width: 100px;
                float: left;
            }

            .dashboard .content .contentTable .table tbody .date .circle {
                margin-left: 13px;
                margin-right: 13px;
            }

            .dashboard .content .contentTable .table tbody .options a {
                float: left;
            }

    .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item > li:hover > a {
        color: #fff !important;
    }
}

@media only screen and (max-width: 768px) {
    .dashboard .content .contentTable .descContent {
        width: 230px;
    }
}

@media only screen and (max-width: 500px) {
    .chart-area .canvas-area {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }

    .chart-area .vkChart_title {
        top: 100px;
    }

    .chart-area .vkChart_currency {
        top: 130px;
    }

    .dashboard .content .contentInformations .f-select-area {
        width: calc(100% - 20px);
        margin: 30px 10px;
    }

    .dashboard .content .contentInformations .select-box .selected,
    .dashboard .content .contentInformations .select-box .options {
        width: 100% !important;
    }

    .dashboard .content .contentTable .descContent {
        width: 100px;
    }
}

.scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar {
    padding: 15px 0px 0px 0px !important;
}

.input-group {
    width:100%;
}

input[type="submit"], input[type="button"], div.btnClass {
    
    font-size: 15px !important;
}

.dashboard-box table td.options form {
    float: left;
}
/* Ekran ad�m g�stergeleri */
ul.transactionSteps {
}

    ul.transactionSteps li {
        float: left;
        padding: 6px 15px;
        color: #fff;
        background: #8d9fb5;
        font-size: 12px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

        ul.transactionSteps li.on {
            color: #fff;
            background: #1d4f90;
        }

        ul.transactionSteps li.seperator {
            margin: -5px 0px 0px 0px;
            padding: 0px 5px 0;
            font-size: 24px;
            background: none;
            color: #1d4f90;
        }

/* MessageComponent */
div.messageComponentContainer {
    padding: 20px 0;
}

div.messageComponentImageContent {
    float: left;
    margin-top: 6px;
}

div.messageComponentMessageContent {
    
}

div.pageCapsule div.messageComponentContainer {
    margin: 0;
}

div.popupCapsule div.messageComponentContainer {
    margin: 0 auto;
}

div.popupContent div.messageComponentContainer {
    margin-left: 0;
    padding: 5px 0 20px 0;
}

div.popupCapsule div.contentContainer {
    margin: 0 auto;
    width: 537px;
}

div.messageComponentContainer div.contentContainer {
    padding: 15px;
    border: 1px solid White;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    color: #6b7982;
}

.exceptionArea div.messageComponentContainer div.contentContainer {
    color: #de188c !important;
}

table.messageComponentTable {
    margin: 30px 0 30px 0;
}

    table.messageComponentTable td.imageTd {
        padding: 0 10px 0 20px;
        width: 27px;
        vertical-align: top;
    }

    table.messageComponentTable td.messageTd {
        padding: 0 20px 0 0;
        width: 460px;
        line-height: 17px;
    }

div.innerAreaNoBorder table.messageComponentTable td.messageTd {
    width: 425px;
}

table.messageComponentTable div.imageDiv {
    padding: 1px 0 0 1px;
    width: 22px;
    height: 27px;
    border: 1px solid #de188c;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-color: #de188c;
    font-weight: bold;
    font-size: 23px;
}

    table.messageComponentTable div.imageDiv.unimportant {
        background-color: #de188c;
    }

    table.messageComponentTable div.imageDiv.success {
        border: 1px solid #de188c;
        background-color: #de188c;
    }

table.messageComponentTable span.imageSpan {
    padding: 7px;
    color: #fff;
}

    table.messageComponentTable span.imageSpan.success {
        color: White;
        font-weight: bold;
        font-style: italic;
        font-size: 22px;
        font-family: 'Urbanist';
    }

table.messageComponentTable span.messageSpan {
    color: #fff;
}

.contentContainer table.messageComponentTable span.messageSpan {
    color: #6b7982;
}


.contentContainer .messageComponentTable span.messageText {
    color: #fff !important;
}


table.messageComponentTable span.messageSpan.unimportant {
    color: #6b7982;
}

.exceptionArea table.messageComponentTable span.messageSpan {
    color: #de188c !important;
}

div.messageComponentContainer table.messageComponentTable td.imageTd {
    
}

div.messageComponentContainer.narrowNoBorder {
    width: auto;
}

    div.messageComponentContainer.narrowNoBorder div.contentContainer {
        width: auto;
        border: none;
        background-color: transparent;
    }

    div.messageComponentContainer.narrowNoBorder table.messageComponentTable td.imageTd {
        padding-left: 20px;
    }

/* Veri giri� alan� i�in */

div.attention {
    border: 1px #de188c solid;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0px;
    color: #de188c;
    padding: 8px 15px !important;
}

div.infoArea {
    clear: both;
    padding: 0px 15px;
    min-height: 83px;
    font-weight: 500;
}

div.infoBullets span {
    color: #6b7982 !important;
    font-size: 13px;
}



div.infoArea.noImage {
    background: none;
}

div.infoArea.notebook {
}

div.infoArea.card {
}

div.infoArea.edit {
}

div.infoArea.iban {
}

div.infoArea.password {
}

div.infoArea.letter {
}

div.infoArea.noimage {
    padding: 15px 25px 15px 25px;
    background: none;
}

div.infoArea div {
    padding: 10px 0 5px 0;
}

    div.infoArea div.label_radio_container, div.infoArea div.label_check_container {
        padding: 0;
    }

        div.infoArea div.label_radio_container div, div.infoArea div.label_check_container div {
            padding: 0;
        }

    div.infoArea div.Error {
        padding: 0;
    }

        div.infoArea div.Error.noMargin {
            margin-left: 0;
        }

    div.infoArea div p {
        padding: 5px 5px 3px 0;
        font-size: 13px;
        font-weight: bold;
    }

        div.infoArea div p.long {
        }

    div.infoArea div.info {
        margin: 5px 0 0 0px;
        padding: 0;
    }

div.infoArea .unimportant {
    margin: 10px 0 0 0;
    color: #6b7982;
    font-size: 11px;
    line-height: 13px;
}

div.infoArea > input {
    float: left;
    margin: 10px 10px 0 0;
}

div.infoArea div input[type="submit"] {
    margin: 0;
}

div.infoArea div.secretWordArea div {
    padding: 2px 0 5px;
}

div.infoArea div.secretWordArea p {
    width: 140px;
}

/* checkInfoArea */
div.checkInfoArea {
    padding: 10px 0;
}

    div.checkInfoArea div.content {
        margin: 5px 0 0 40px;
    }

    div.checkInfoArea td.seperator {
        padding: 0 5px;
    }

/* Ek i�lemler alan� i�in */
div.otherOperationsContainer {
    margin: 10px auto 0 auto;
    width: 537px;
}

div.otherOperations {
    float: left;
}

    div.otherOperations div {
        float: left;
    }

    div.otherOperations p {
        float: left;
        padding: 8px 0 0 0;
        width: 140px;
        color: #6b7982;
        font-size: 12px;
    }

    div.otherOperations input[type="text"] {
        margin: 3px 0 0 0;
        width: 200px;
    }

    div.otherOperations div.Error {
        margin-left: 160px;
    }

        div.otherOperations div.Error p {
            padding: 3px 0 2px;
        }

    div.otherOperations td.imageArea {
        width: 110px;
        height: 70px;
        background: url(../images/letter.png) no-repeat scroll center center transparent;
    }

    div.otherOperations p.text {
        float: left;
        padding: 8px 0 5px 0;
        width: 400px;
        color: #6b7982;
        font-size: 12px;
    }

    div.otherOperations p.success {
        padding-bottom: 5px;
        padding-left: 20px;
        width: 380px;
        width: auto;
        background: url(../images/icon-check.png) no-repeat scroll 0 11px transparent;
        -ms-word-wrap: hyphenate;
        word-wrap: hyphenate;
    }

div.otherOperationsContainer div.label_check_container {
    float: left;
    padding-top: 5px;
    padding-left: 0px;
}

/* Popup veri giri� alan� i�in */
div.infoAreaPopupCenterLimit {
}

div.infoAreaPopupCenter {
}

    div.infoAreaPopupCenter textarea {
        width: 100% !important;
        height: 40px;
    }

    div.infoAreaPopupCenter p {
        width: 100px;
        color: #6b7982;
        font-size: 12px;
    }

    div.infoAreaPopupCenter a {
        margin: 10px 0 0 110px;
    }

    div.infoAreaPopupCenter div.Error {
        margin: 10px 0 10px 0;
        text-align: center;
    }

    div.infoAreaPopupCenter input[type="text"] {
        width: 100% !important;
    }

    div.infoAreaPopupCenter div.dropdown_container input[type="text"] {
        width: 100% !important;
    }

    div.infoAreaPopupCenter div.label_radio_container {
        float: left;
    }

    div.infoAreaPopupCenter.radioArea {
        width: 350px;
    }

    div.infoAreaPopupCenter textarea {
        width: 100% !important;
    }

div.infoAreaPopup {
    margin: 10px auto 0 auto;
}

    div.infoAreaPopup p {
        float: left;
        margin: 0 0 0 130px;
        padding: 5px 0;
        width: 100px;
        color: #6b7982;
        font-size: 12px;
    }

    div.infoAreaPopup input.selectbox {
        width: 168px;
    }

    div.infoAreaPopup div.secureConfirmSelection {
        margin: 10px auto 10px auto;
        width: 537px;
        text-align: center;
    }

        div.infoAreaPopup div.secureConfirmSelection span {
            margin-right: 20px;
        }

    div.infoAreaPopup div#MobileSignDropDownContainerDiv {
        float: left;
        margin: 5px 0 5px 120px;
    }

        div.infoAreaPopup div#MobileSignDropDownContainerDiv input.signButton {
            margin-top: -3px;
            margin-left: 10px;
        }

        div.infoAreaPopup div#MobileSignDropDownContainerDiv div.timerdiv {
            margin-top: -28px;
            margin-left: 264px;
        }

        div.infoAreaPopup div#MobileSignDropDownContainerDiv div.mobilSignText {
            padding: 15px 0 5px;
            width: 320px;
            color: #0c5da8;
            text-align: center;
            font-weight: bold;
        }

        div.infoAreaPopup div#MobileSignDropDownContainerDiv span.mobilesigndata {
            color: #0c5da8;
            font-style: italic;
            font-size: 14px;
        }

        div.infoAreaPopup div#MobileSignDropDownContainerDiv div.mobilSignText span#spanIdMobileSignTakingTextError {
            color: #dd0000;
        }

    div.infoAreaPopup div.secretWordArea p.mobilesignselectiontext {
        margin: 0 0 0 90px;
        width: 180px;
    }

    div.infoAreaPopup div.secretWordArea p {
        margin: 5px 0px 0px 0px;
        width: 140px;
    }

#secretWordArea {
}

div.infoAreaPopup div.secretWordArea input {
    width: 40px;
}

div.infoAreaPopup div.secretWordArea span.Error {
    margin: 0 auto 0 270px;
}

div.infoAreaPopupNoMargin {
    margin: 0 auto 0 auto;
}

/* G�nderici al�c� alan� */
div.relatedPeopleContainer {
    padding: 20px 0px;
}


div.relatedPeople {
}

    div.relatedPeople .MTSender {
        padding-left: 0px;
    }

    div.relatedPeople .MTReceiver {
        padding-right: 0px;
    }

    div.relatedPeople .MTSenderReceiverBox {
        background: #fff;
        padding: 20px;
        min-height: 264px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

        div.relatedPeople .MTSenderReceiverBox h1 {
            font-size: 18px;
            font-weight: 500;
            color: #de188c;
            margin: 0px 0px 10px 0px;
        }

        div.relatedPeople .MTSenderReceiverBox p {
            font-size: 16px;
        }

    div.relatedPeople > div {
        float: left;
    }

    div.relatedPeople table tr td.t1 {
        padding: 0 20px 0 0;
        vertical-align: bottom;
        text-align: right;
    }

    div.relatedPeople table tr td.t3 {
        padding: 0 0 0 15px;
        vertical-align: bottom;
    }

    div.relatedPeople table tr td.t4 {
        vertical-align: top;
    }

    div.relatedPeople table tr td.t6 {
        vertical-align: top;
    }

    div.relatedPeople div.info {
        width: 252px;
    }

        div.relatedPeople div.info p {
            color: #3C3C3C;
            -ms-word-wrap: break-word;
            word-wrap: break-word;
            font-size: 12px;
        }

            div.relatedPeople div.info p.first {
                margin: 5px 0 0 0;
            }

        div.relatedPeople div.info h2 {
            padding: 5px 0;
            color: #0c5da8;
            -ms-word-wrap: break-word;
            word-wrap: break-word;
            font-weight: bold;
            font-size: 16px;
        }

    div.relatedPeople div.left {
        padding: 10px 10px 10px 16px;
        text-align: left;
    }

    div.relatedPeople div.right {
        padding: 10px 20px 10px 10px;
        text-align: right;
    }

.slidecontainer {
    width: 70%;
}

.slider {
    -webkit-appearance: none;
    width: 50%;
    height: 4px;
    background: #1d4f90;
    outline: none;
    opacity: 0.9;
    -webkit-transition: .5s;
    transition: opacity .2s;
}

    .slider:hover {
        opacity: 1;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 18px;
        height: 18px;
        border-radius: 50px;
        background-color: #e51a92;
        cursor: pointer;
    }

    .slider::-moz-range-thumb {
        width: 25px;
        height: 25px;
        background: #4CAF50;
        cursor: pointer;
    }

.minusplus {
    background: #a2afb7;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    font-weight: normal;
}

table.range {
}

    table.range td.motorate {
        width: 50px;
    }

    table.range td.rangeslider {
        width: 500px;
    }


/* Standart veri g�sterme tablosu */
table.infoTableForPopup {
    margin: 10px auto;
    width: 537px;
    color: #6b7982;
    font-size: 12px;
}

    table.infoTableForPopup th {
        padding: 3px 3px 3px 8px;
        width: 200px;
        border: 1px solid #acbdcc;
        background: none repeat scroll 0 0 WhiteSmoke;
        text-align: left;
        font-weight: bold;
    }

    table.infoTableForPopup td {
        padding: 3px 3px 3px 8px;
        max-width: 440px;
        border: 1px solid #acbdcc;
        background: none repeat scroll 0 0 #F9F9F9;
    }

        table.infoTableForPopup td.staticwidthinfo {
            max-width: 350px;
            width: 350px;
            -ms-word-wrap: break-word;
            word-wrap: break-word;
        }

        table.infoTableForPopup td.staticwidthlabel {
            max-width: 120px;
            width: 120px;
        }

        table.infoTableForPopup td.right {
            text-align: right;
        }

        table.infoTableForPopup td.center {
            text-align: center;
        }

    table.infoTableForPopup th.center {
        text-align: center;
    }

    table.infoTableForPopup th.messageDetailSeverity {
        padding: 5px 0;
        width: 40px;
        text-align: center;
    }

div.infoTablePopup {
    margin: 0 auto;
}

h2.infoTablePopup {
    margin-left: 45px;
}

table.infoTable {
    margin: 10px 0 10px;
}

    table.infoTable tr {
    }

    table.infoTable th {
        padding: 5px 15px 5px 5px;
        width: 50%;
        border-right: 1px solid #dee7ec;
        border-bottom: 3px solid #dee7ec;
        text-align: left;
    }

    table.infoTable th.cardDetail{
        padding: 5px 15px 5px 5px;
        width: 200px !important;
        border-right: 1px solid #dee7ec;
        border-bottom: 3px solid #dee7ec;
        text-align: left;
    }

    table.infoTable td {
        padding: 5px 2px 2px 10px;
        font-weight: 500;
        background: none repeat scroll 0 0 White;
        color: #6b7982;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

        table.infoTable td.left {
            text-align: left;
        }

        table.infoTable td.right {
            text-align: right;
        }

        table.infoTable td.important {
            color: red;
            font-weight: bold;
        }

    table.infoTable.shortTable {
    }

    table.infoTable.creditCardTable {
        width: 270px;
    }

        table.infoTable.creditCardTable th {
            padding: 4px 5px 1px 5px;
            width: 60%;
            border-right: 1px solid #dee7ec;
            border-bottom: 3px solid #dee7ec;
            text-align: left;
        }

    table.infoTable.shortTable td {
        max-width: 300px;
        width: 300px;
    }

    table.infoTable tr.seperatorTr {
        height: 10px;
    }


table.infoTableMin {
    margin: 10px 0 10px;
    max-width: 300px;
    width: 300px;
}

    table.infoTableMin tr {
        width: 300px;
    }

    table.infoTableMin th {
        padding: 4px 5px 1px 5px;
        width: 40%;
        border-right: 1px solid #dee7ec;
        border-bottom: 3px solid #dee7ec;
        text-align: left;
    }

    table.infoTableMin td {
        padding: 5px 2px 2px 10px;
        background: none repeat scroll 0 0 White;
        color: #666666;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

        table.infoTableMin td.left {
            text-align: left;
        }

        table.infoTableMin td.right {
            text-align: right;
        }

        table.infoTableMin td.important {
            color: red;
            font-weight: bold;
        }


    table.infoTableMin tr.seperatorTr {
        height: 10px;
    }

div.innerArea table.infoTableVertical {
    width: 100%;
}

div.innerAreaNoBorder table.infoTableVertical {
    width: 100%;
}

    div.innerAreaNoBorder table.infoTableVertical tr.header {
        background-color: #718b9c;
        color: #fff;
        font-weight: bold;
    }

        div.innerAreaNoBorder table.infoTableVertical tr.header th {
            border: none;
            padding: 10px 10px;
            text-align: left;
        }

table.infoTableVertical tr.bottomInfo {
    font-weight: bold;
}

    table.infoTableVertical tr.bottomInfo td {
        padding-bottom: 12px;
        border-bottom: 3px solid #dee7ec;
    }

table.infoTableVertical tr.topInfo {
    font-weight: bold;
}

    table.infoTableVertical tr.topInfo td {
        padding-bottom: 12px;
    }


table.infoTableVertical th.selection {
    width: 30px;
}

table.infoTableVertical th.selection2 {
    width: 20px;
}

table.infoTableVertical td {
    padding: 5px 2px 5px 5px;
    border-bottom: 1px solid #DEDEDE;
    color: #6b7982;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-size: 12px;
}

    table.infoTableVertical td.selection {
        width: 30px;
    }

    table.infoTableVertical td.selection2 {
        width: 20px;
    }

    table.infoTableVertical td.noBorderBottom {
        border-bottom: none !important;
    }

    table.infoTableVertical td.status.plus {
        background: url(../images/icon-status-green.png) 10px 10px no-repeat;
    }

    table.infoTableVertical td.status.minus {
        background: url(../images/icon-status-red.png) 10px 10px no-repeat;
    }

    table.infoTableVertical td.status.gold {
        background: url(../images/icon-status-gold.png) 10px 10px no-repeat;
    }

    table.infoTableVertical td.money {
    }

        table.infoTableVertical td.money.plus {
            color: #6b7982;
        }

        table.infoTableVertical td.money.minus {
            color: #d02b3c;
        }

        table.infoTableVertical td.money.gold {
            color: #FFD000;
        }

    table.infoTableVertical td.left {
        text-align: left;
    }

    table.infoTableVertical td.right {
        text-align: right;
    }

    table.infoTableVertical td.center {
        text-align: center;
    }

    table.infoTableVertical td.bold {
        font-weight: bold;
    }

    table.infoTableVertical td.important {
        color: #FF2222;
        font-weight: bold;
    }

    table.infoTableVertical td.error {
        color: #DD0000;
        font-weight: bold;
    }

    table.infoTableVertical td.waiting {
        color: #F1B01D;
        font-weight: bold;
    }

    table.infoTableVertical td.success {
        color: #0c5da8;
        font-weight: bold;
    }

    table.infoTableVertical td.passive {
        color: #888686;
        font-weight: bold;
    }

    table.infoTableVertical td.complete {
        color: #000;
        font-weight: bold;
    }

    table.infoTableVertical td.processing {
        color: #6598D9;
        font-weight: bold;
    }

table.infoTableVertical.shortTable {
    margin: 0 0 0 65px;
}

    table.infoTableVertical.shortTable td {
        width: 200px;
    }

table.infoTableVertical tr.seperatorTr {
    height: 10px;
    border: medium none;
}

table.infoTableVertical th.seperatorTh {
    padding: 0 1px;
    width: 5px;
    border: medium none;
}

table.infoTableVertical td.seperatorTd {
    padding: 0 1px;
    width: 5px;
    border-bottom: 1px solid #dee7ec;
}

table.infoTableVertical div.label_radio_container, table.infoTableVertical div.label_check_container {
    padding-left: 0px;
}


/* Di�er tablolar */
table.importantInfoTable {
    font-size: 15px;
}

    table.importantInfoTable td {
        padding-right: 10px;
        padding-bottom: 5px;
    }

/* Radio Area */
div.innerAreaNoBorder div.radioArea {
    margin: 10px 0 0 0;
}

div.radioArea table td {
    padding-right: 3px;
}

    div.radioArea table td.even {
        padding-top: 1px;
        padding-right: 8px;
    }

div.radioArea span.green {
    color: #0c5da8;
    font-weight: bold;
}

div.radioArea span.red {
    color: #dd0000;
    font-weight: bold;
}

div.radioArea2 table td {
    padding-right: 3px;
    padding-bottom: 5px;
}

    div.radioArea2 table td.even {
        padding-top: 1px;
        padding-right: 15px;
    }

table.radioTable td {
    padding-right: 3px;
    padding-bottom: 5px;
}

    table.radioTable td.even {
        padding-top: 1px;
        padding-right: 15px;
    }

table.radioTable span.green {
    color: #0c5da8;
    font-weight: bold;
}

table.radioTable span.red {
    color: #dd0000;
    font-weight: bold;
}


/* Bir tab �izer */
ul.oneTabsArea {
    position: relative;
    display: block;
    color: #666666;
    text-decoration: none;
    font-size: 12px;
}

    ul.oneTabsArea li {
        display: block;
        float: left;
        padding: 10px;
        background-repeat: no-repeat;
        color: #0c5da8;
    }

        ul.oneTabsArea li td {
            padding: 0 2px;
        }

        ul.oneTabsArea li span {
            float: right;
            color: #919191;
            font-weight: normal !important;
            font-size: 11px;
        }

        ul.oneTabsArea li table {
            margin: 0 auto;
        }

        ul.oneTabsArea li.importantTab {
            font-weight: bold;
            font-size: 14px;
        }


/* �ki tab �izer */
ul.twoTabsArea {
    position: relative;
    display: block;
    width: 541px;
    color: #666666;
    text-decoration: none;
    font-size: 12px;
}

    ul.twoTabsArea li {
        voice-family: "\"}\"";
        voice-family: inherit;
        display: block;
        float: left;
        padding: 10px;
        width: 250px;
        height: 11px;
        background-repeat: no-repeat;
        color: White;
        cursor: pointer;
    }

        ul.twoTabsArea li.on {
            color: #0c5da8;
        }

            ul.twoTabsArea li.on:hover {
                color: #0c5da8;
            }

        ul.twoTabsArea li:hover {
            color: #de188c;
        }

        ul.twoTabsArea li td {
            padding: 0 2px;
        }

        ul.twoTabsArea li span {
            color: White;
            font-weight: normal !important;
            font-size: 11px;
        }

        ul.twoTabsArea li.on span {
            color: #919191;
        }

        ul.twoTabsArea li:hover span {
            color: #de188c;
        }

        ul.twoTabsArea li.on:hover span {
            color: #919191;
        }

        ul.twoTabsArea li table {
            margin: 0 auto;
        }

        ul.twoTabsArea li#tab01 {
            background: url("../images/tabs-info3.png") no-repeat scroll 0 3px transparent;
        }

            ul.twoTabsArea li#tab01.on {
                background: url("../images/tabs-info.png") no-repeat scroll 0 0 transparent;
            }

        ul.twoTabsArea li#tab02 {
            background: url("../images/tabs-info2.png") no-repeat scroll 0 3px transparent;
        }

            ul.twoTabsArea li#tab02.on {
                background: url("../images/tabs-info.png") no-repeat scroll 0 0 transparent;
            }

        ul.twoTabsArea li.importantTab {
            font-size: 14px;
        }

            ul.twoTabsArea li.importantTab.on {
                font-weight: bold;
            }

/* Kart ekranlar� */
div.cardImageBig {
    /*width: 310px;*/
}

    div.cardImageBig img {
        max-width: 180px;
        width: 180px;
    }

        div.cardImageBig img.passive {
            -moz-backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            opacity: 0.5;
            -webkit-filter: grayscale(100%);
            -khtml-opacity: 0.5;
            -moz-opacity: 0.5;
            filter: alpha(opacity=50);
            filter: gray;
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
            -moz-transition: all .6s ease;
            -o-transition: all .6s ease;
            -webkit-transition: all .6s ease;
            transition: all .6s ease;
            /* Chrome 19+ & Safari 6+ */
            /* Fade to color for Chrome and Safari */
            /* Firefox 10+, IE10 */
            /* Fix for transition flickering */
            /* fx, safari, opera */
            /* IE6-9 */
            /* internet explorer */
            /* khtml, old safari */
            /* mozilla, netscape */
        }

div.cardImageSmall {
    float: left;
    max-width: 50px;
    width: 50px;
}

    div.cardImageSmall img {
        max-width: 50px;
        width: 50px;
    }

        div.cardImageSmall img.passive {
            -moz-backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            opacity: 0.5;
            -webkit-filter: grayscale(100%);
            -khtml-opacity: 0.5;
            -moz-opacity: 0.5;
            filter: alpha(opacity=50);
            filter: gray;
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
            -moz-transition: all .6s ease;
            -o-transition: all .6s ease;
            -webkit-transition: all .6s ease;
            transition: all .6s ease;
            /* Chrome 19+ & Safari 6+ */
            /* Fade to color for Chrome and Safari */
            /* Firefox 10+, IE10 */
            /* Fix for transition flickering */
            /* fx, safari, opera */
            /* IE6-9 */
            /* internet explorer */
            /* khtml, old safari */
            /* mozilla, netscape */
        }


div.CardInfoRelated .innerArea {
    padding: 30px 15px;
}

    div.CardInfoRelated .innerArea div {
    }

div.CardInfoRelated .CardName {
    margin: 5px 0px 15px 0px;
    font-size: 20px;
    color: #0c5da8;
}

div.CardInfoRelated table.dateTable {
}

    div.CardInfoRelated table.dateTable td.center {
        text-align: center;
        width: 15px;
    }

div.CardInfoRelated p.statementDates {
    color: #e51a92;
    font-weight: bold;
}

div.CardInfoRelated .CardDebtArea {
    margin-top: 20px;
}

div.CardInfoRelated .CardDebtBox {
    background: #dee7ec;
    text-align: center;
    padding: 20px 0px 20px 0px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    div.CardInfoRelated .CardDebtBox p.CardDebtBoxTitle {
        color: #0c5da8;
        font-size: 14px;
        margin: 0px 0px 2px 0px;
    }

    div.CardInfoRelated .CardDebtBox p.CardDebtBoxText {
        font-size: 18px;
        color: #0c5da8;
        margin-bottom: 0px;
    }

div.CardInfoRelated .BoxLinkContainer {
    width: 100%;
    padding: 0px 15px;
}

div.CardInfoRelated div.cardInfoDetail {
}

div.CardInfoRelated table td.leftPart {
}

div.CardInfoRelated table td.rightPart {
}

div.CardInfoRelated table.cardInfoDetail {
}

div.CardInfo div.cardInfoDetail {
    float: left;
    margin-top: -10px;
    margin-bottom: -10px;
    margin-left: 19px;
    padding-bottom: 10px;
    padding-left: 18px;
    border-left: 1px solid #dfdfdf;
}

    div.CardInfo div.cardInfoDetail table {
        margin-top: 11px;
        width: 400px;
    }

        div.CardInfo div.cardInfoDetail table tr.first td {
            color: #666666;
            vertical-align: bottom;
        }

            div.CardInfo div.cardInfoDetail table tr.first td.important {
                font-weight: bold;
            }

        div.CardInfo div.cardInfoDetail table tr.last td {
            color: #666666;
            vertical-align: top;
        }

            div.CardInfo div.cardInfoDetail table tr.last td.important {
                font-weight: bold;
            }

table.cardInfoDetail table.infoTable {
    max-width: 272px;
    width: 272px;
}

    table.cardInfoDetail table.infoTable tr {
        max-width: 272px;
        width: 272px;
    }

    table.cardInfoDetail table.infoTable th {
        max-width: 50%;
        width: 50%;
    }

    table.cardInfoDetail table.infoTable td {
        max-width: 50%;
        width: 50%;
    }

div.HGSInfoRelated div.HGSInfoDetail {
    padding-top: 8px;
    padding-left: 8px;
    max-width: 275px;
    width: 275px;
}

div.HGSInfoRelated table td.leftPart {
    padding-top: 17px;
    padding-bottom: 10px;
    background: url('../images/bg-for-card-box-link.png') repeat-y scroll 300px 0 transparent;
    vertical-align: top;
}

div.HGSInfoRelated table td.rightPart {
    padding-top: 17px;
    padding-bottom: 20px;
    vertical-align: top;
}

div.HGSInfoRelated table.HGSInfoDetail {
    margin-top: -11px;
    margin-bottom: -10px;
}

div#HgsProductContainer {
    padding-top: 10px;
}

div.HGSInfo {
    margin-top: -10px;
}

    div.HGSInfo div.HGSInfoDetail {
        float: left;
        margin-top: -10px;
        margin-bottom: -10px;
        margin-left: 19px;
        padding-bottom: 10px;
        padding-left: 18px;
        border-left: 1px solid #dfdfdf;
    }

        div.HGSInfo div.HGSInfoDetail table {
            margin-top: 11px;
            width: 400px;
        }

            div.HGSInfo div.HGSInfoDetail table tr.first td {
                color: #666666;
                vertical-align: bottom;
            }

                div.HGSInfo div.HGSInfoDetail table tr.first td.important {
                    font-weight: bold;
                }

            div.HGSInfo div.HGSInfoDetail table tr.last td {
                color: #666666;
                vertical-align: top;
            }

                div.HGSInfo div.HGSInfoDetail table tr.last td.important {
                    font-weight: bold;
                }

table.HGSInfoDetail table.infoTable {
    max-width: 272px;
    width: 272px;
}

    table.HGSInfoDetail table.infoTable tr {
        max-width: 272px;
        width: 272px;
    }

    table.HGSInfoDetail table.infoTable th {
        max-width: 50%;
        width: 50%;
    }

    table.HGSInfoDetail table.infoTable td {
        max-width: 50%;
        width: 50%;
    }

/* Corporate */
div.posViewDate div {
    float: left;
}

div.posViewDate input[datepicker] {
    width: 80px !important;
}

div.posViewDate span.seperator {
    float: left;
    padding: 5px 10px 5px 10px;
}

/* Ip Restriction */
table.twoColumnSelect {
    margin: 10px 0;
}

    table.twoColumnSelect select {
        width: 221px;
        height: 200px;
    }

    table.twoColumnSelect input[type="button"] {
        margin: 0 15px 2px 15px;
    }

    table.twoColumnSelect.downUp select {
        width: 203px;
    }

div.ipRestrictionDiv {
}

    div.ipRestrictionDiv table.container {
        margin: 10px 0;
    }

    div.ipRestrictionDiv tr.seperator {
        height: 7px;
    }

    div.ipRestrictionDiv td.labeled {
        width: 90px;
    }

    div.ipRestrictionDiv td.dot {
        width: 10px;
        text-align: center;
        font-size: 18px;
    }

    div.ipRestrictionDiv input[type="text"] {
        width: 40px;
    }

    div.ipRestrictionDiv input[type="button"] {
        margin: 5px 0 5px auto;
    }

    div.ipRestrictionDiv select {
        background: #fff !important;
    }

.campaignContainer {
    min-height: 300px;
}

.campaignInfoContainer {
    float: left;
    margin-top: 35px;
    width: 312px;
}

.campaignInfoHeader {
    margin-bottom: 10px;
}

.campaignInfoText {
    margin-bottom: 25px;
    min-height: 150px;
}

.campaignActionsContainer {
}

.campaignImageContainer {
    float: left;
    margin: 35px 0px 15px 35px;
    padding: 0;
    width: 190px;
    height: 190px;
}

.campaignImage {
    width: 190px;
    height: 190px;
}

div.agreement {
    width: 530px;
    height: 300px;
    margin-left: 45px;
    overflow: scroll;
    border: 1px solid #EFEEEC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #EFEEEC;
    padding: 10px 0px 0px 10px;
}

/* Genel ayıraçlar ve kutular */
div#content-2 {
    /*min-height: 520px;*/
}

div.contentTop {

}

div#mainCapsule #contentCapsule {
    margin-top: 60px !important;
}

div.contentCenter {
    margin: 0 auto;
    
}

div.contentCenterTwo {
    margin: 0 auto;
}

div.contentCenterTwoMid {
    background-color:rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:15px;
}

.noneKeyboard div.label_radio_container .icon,
.noneKeyboard div.label_radio_container .label1,
.noneKeyboard div.label_radio_container .label2,
.noneKeyboard div.label_check_container .icon,
.noneKeyboard div.label_check_container .label1,
.noneKeyboard div.label_check_container .label2 {
    display: inline-block;
    *display: inline;
    margin-top: 2px;
    margin-right: 9px;
    vertical-align: middle;
    -ms-zoom: 1;
    zoom: 1;
    color: #194e91 !important;
    font-weight: 500;
}

div.contentCenterTwoTop {
    display:none;
}

div.contentCenterTwoSub {
    display:none;
}


    div.loginInnerArea img.loginLock {
        position: absolute;
        top: 60px;
        right: 0px;
    }

div.mainLeftContent {
    
}

div.mainLeftContentTop {
    width: 690px;
    height: 3px;
    background: url(../images/login-main-left-content-top.png) 0 0 no-repeat;
}

div.mainLeftContentCenter {
}

div.mainLeftContentCenter ul.mainContentMenu {
    margin: 0 auto;
    padding: 32px 19px 19px 19px;
    width: 654px;
}

div.mainLeftContentCenter ul.mainContentMenu li {
    float: left;
    width: 145px;
    
}

div.mainLeftContentBottom {
    width: 690px;
    height: 2px;
    background: url(../images/login-main-left-content-bottom.png) 0 0 no-repeat;
}

div.mainInnerContentCenter {
}

    div.mainInnerContentCenter h2 {
        padding: 30px 0 0px 00px;
        color: #194e91;
        font-weight: bold;
        font-size: 14px;
    }



div.menuContentCenter {
    
}


div.menuLeft {
    position: absolute;
    top: 270px;
    left: 50px;
    width: 10px;
    height: 174px;
    background: url(../images/inner-area-long-left.png) 0 0 no-repeat;
}

ul.menuContents li {
    float: left;
}

ul.menuContents li.FirstListItem {
    
}

    ul.menuContents li div.seperator {
        float: left;
        margin: 10px 10px 20px 1px;
        width: 10px;
        height: 127px;
        border-right: 1px solid #d4d4d4;
    }



div.contentCenter div.otpLoginErrorArea {
    margin: 30px 0px 0px 0px;
}

/*div.contentCenter div.loginErrorArea {
    margin: 30px 0px 0px 0px;
}
}*/

div.contentCenterTwoMid div.loginErrorArea {
    margin-left: 0px;
}


#loginFormErrorArea .validation-summary-errors > div {
    font-size: 16px !important;
    color: #DD0000 !important;
    padding: 3px 0 0 6px;
    font-weight: 600;
    margin-bottom: 0px;
}

#loginFormErrorArea {
    padding-top: 15px;
    display: flex;
}

.whiteBackgroundCheckBox {
    background: white;
    padding: 16px 0px 11px 16px !important;
    border-radius: 10px;
}

    .whiteBackgroundCheckBox .label1 {
        font-size: 14px;
    }

#RoleId_container {
    font-weight: 600;
}

div.contentCenter div.messageComponentContainer {
    margin: 0;
    font-size: 12px;
}

div.noteCapsulePopup {
    min-height: 0;
}

div.infoMessage {
    margin-left:30px;
}

div.videoContainer {
    display: none;
}

div.demoContainer {
    display: none;
}

div.contentCenterTwoMid div.loginRightPart {
    position: relative;
    display: inline-block;
    *display: inline;
    margin-left: 31px;
    min-height: 415px;
    width: 150px;
    vertical-align: top;
    -ms-zoom: 1;
    zoom: 1;
}

/* Diğer sayfalar */
div.infoBullets {
    padding-right:45px;
}

    div.infoBullets span {
        color: #fff;
        font-size: 13px;
    }

/* Dış alan */
div#safeLinks {
    float: left;
}

    div#safeLinks a {
        voice-family: "\"}\"";
        voice-family: inherit;
        display: block;
        margin: 34px 0px 0px 0px;
        padding-top: 0px;
		padding-left: 34px;
        width:120px;
        height:33px;
        background: url(../images/security.png) 0px 3px no-repeat;
        color: #a2afb7;
        text-align: left;
        text-decoration: none;
        font-weight: normal;
        font-size: 13px;
    }

div#mobileBranchLink {
    float: left;
    margin-right:25px;
}

    div#mobileBranchLink a {
        voice-family: "\"}\"";
        voice-family: inherit;
        display: block;
        margin: 34px 0px 0px 0px;
        padding-top: 0px;
		padding-left: 26px;
        width:100px;
        height:33px;
        background: url(../images/mobilsube.png) 0px 3px no-repeat;
        color: #a2afb7;
        text-align: left;
        text-decoration: none;
        font-weight: normal;
        font-size: 13px;
    }
     

/* Yazı sitilleri */
div.titleIcon {
    margin: 0px auto;
    width: 70px;
    height: 70px;
    background: url(../../../icons/security.png) 0 0 no-repeat;
}

.line-1 {
    position: relative;
    left: -18px;
    margin: 10px 0;
    width: 249px;
    height: 2px;
    background: url(../images/line.png) 0 0 no-repeat;
}

.title-2 {
    color: #0c5da8;
    font-weight: bold;
    font-size: 13px;
}

.info-phone {
    color: #fff;
    text-align: center;
    font-size: 18px;
    height: 28px;
    padding:4px 0px 0px 25px;
}

.info-1 {
    color: #fff;
    font-size: 11px;
}

.info-2 {
    margin: 6px 0px 20px 0px;
    color: #48555d;
    text-align: left;
    font-size: 11px;
    line-height: 12px;
}

.info-4 {
    margin-bottom: 4px;
    color: #48555d;
    text-align: center;
    font-size: 13px;
    line-height: 14px;
}

.info-6 {
    margin-top: 90px;
    color: #48555d;
    text-align: left;
    font-weight: 400;
    font-size: 16px;
}

.boxlink {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5px;
    width: 220px;
    height: 24px;
    background-color:rgba(255, 255, 255, 0.3);
    color: #FFF;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

/* MagicVirtualPadLayer */
div#MagicVirtualPadLayer {
    position: absolute;
    top: -172px!important;
    left: 372px!important;
    z-index: 1;
    padding: 5px 15px 15px 15px;
    background: #233254;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

*:first-child + html div#MagicVirtualPadLayer {
    top: 28px!important;
}

    div#MagicVirtualPadLayer div {
        margin: -15px auto 0 auto;
        width: 420px;
        height: 100px;
    }

    div#MagicVirtualPadLayer table tr td a,
    div#MagicVirtualPadLayer table tr td input[type="button"] {
        padding-top: 3px;
        color: #fff;
        vertical-align: 0;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        font-size: 12px;
    }
	
	div#MagicVirtualPadLayer table tr td a:hover,
    div#MagicVirtualPadLayer table tr td input[type="button"]:hover {
        color: #fff;
    }

        div#MagicVirtualPadLayer table tr td a.keyboardClose {
            display: block;
            float: right;
            width: 10px;
            height: 10px;
        }

    div#MagicVirtualPadLayer table.sk_harfler tr td input[type="button"],
    div#MagicVirtualPadLayer table.sk_numaralar tr td input[type="button"],
    div#MagicVirtualPadLayer table.sk_karakterler tr td input[type="button"] {
        width:29px;
        height:26px;
    }

    div#MagicVirtualPadLayer table tr td#qkeyboard a {
        display: block;
        padding: 4px 16px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #32446d;
    }

    div#MagicVirtualPadLayer table tr td#caps a {
        display: block;
        padding: 4px 16px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #32446d;
    }

    div#MagicVirtualPadLayer table tr td#fkeyboard a {
        display: block;
        padding: 4px 16px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #32446d;
    }

    div#MagicVirtualPadLayer table tr td#alphabetical a {
        display: block;
        padding: 4px 16px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #32446d;
    }

    div#MagicVirtualPadLayer table tr td#delete a {
        display: block;
        padding: 4px 16px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #32446d;
    }

    div#MagicVirtualPadLayer table tr td#mix a {
        display: block;
        padding: 4px 16px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #32446d;
    }

    div#MagicVirtualPadLayer table tr td#qkeyboard a:hover {
        background: #486e9e;
    }

    div#MagicVirtualPadLayer table tr td#caps a:hover {
        background: #486e9e;
    }

    div#MagicVirtualPadLayer table tr td#fkeyboard a:hover {
        background: #486e9e;
    }

    div#MagicVirtualPadLayer table tr td#alphabetical a:hover {
        background: #486e9e;
    }

    div#MagicVirtualPadLayer table tr td#delete a:hover {
        background: #486e9e;
    }

    div#MagicVirtualPadLayer table tr td#mix a:hover {
        background: #486e9e;
    }

    div#MagicVirtualPadLayer table tr td input[type="button"] {
        display: block;
        padding: 1px 6px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #32446d !important;
        border: none !important;
        width: 100%;
        height: auto;
    }

        div#MagicVirtualPadLayer table tr td input[type="button"]:hover {
            background: #486e9e !important;
        }

    div#MagicVirtualPadLayer table tr a.keyBoard1:hover {
        background: #486e9e;
    }

    div#MagicVirtualPadLayer table tr td {
        padding: 1px;
    }


#content-2 #leftPart input[type="submit"],
#content-2 #leftPart input[type="button"] {
    voice-family: "\"}\"";
    voice-family: inherit;
    color: #fff;
    font-size: 13px !important;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color:rgba(255, 255, 255, 0.3);
    border:2px solid #fff ;
}

#content-2 #leftPart .loginLeftPart input[type="submit"]:hover,
#content-2 #leftPart .loginLeftPart input[type="button"]:hover {
    background-color:rgba(255, 255, 255, 0.3);
    border:2px solid #fff;
}

input#internetBranch:hover, input[type="button"]:hover {
    background-color:rgba(255, 255, 255, 0.3);
    border:2px solid #fff;
}

p.infoPhone {
    color: #4f4f4f;
    font-size: 16px;
    font-weight: 600;
}

p.infoMessage {
    color: #666666;
    font-size: 12px;
}

p#loginHeaderText {
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    padding:15px 0px 0px 15px;
    line-height:normal;
}

ul.formArea + p.infoMessage {
    margin: 30px 0px 15px 0px;
    color: #48555d;
    font-size: 12px;
}

div.securitySeperator {
    width: 8px;
    height: 8px;
}

/* Tablar  */
div#tab-links a {
    display: block;
    float: left;
    margin: 20px 20px 0px 0px;
    color: #a5b4bd;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
}

    div#tab-links a.active {
        color: #194e91;
        font-weight: 500;
    }



/* Logout */
div.logout-top {
    padding: 30px 0px 0px 0px;
}

div.infoArea div {
    padding: 0px 0 5px 0;
}

/* Dil */
div.language {
    float: left;
    margin: 35px 0px 0px 18px;
}

    div.language a {
        display:block;
        color: #fff;
        background:#a2afb7;
        text-decoration: none;
        font-weight: normal;
        font-size: 14px;
        padding:7px 15px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

/* Login form */
div.loginForm {
    padding-top: 30px;
}

div.loginForm p {
    font-size: 16px;
    margin: 0px;
    padding:0px 0px 5px 0px;
}

.userVerification {
    padding: 10px 0px 0px 10px;
}

div.mainLeftContentCenter div.innerArea {
    background: none;
    padding: 0px;
}
div.mainLeftContentCenter div.infoArea { padding: 0px; background:none;}
div.mainLeftContentCenter div.infoArea.password { background:none;}
  
    div.loginForm table {
        color: #48555d;
        font-size: 14px;
    }

        div.loginForm table tr td {
            padding: 5px 10px;
            text-align: left;
        }

        div.loginForm table.tableNoPadding tr td {
            margin: 0px;
            padding: 0px;
        }

        div.loginForm input[type="text"] {
            width: 100%;
            height: 40px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            color: #4f4f4f;
            font-size: 16px !important;
            font-weight: 600;
            /*margin-bottom:20px;*/
        }

        div.loginForm input[type="password"] {
            width: 100%;
            height:40px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            margin-bottom:20px;
            color: #4f4f4f;
            font-size: 16px !important;
            font-weight: 600;
        }

        div.loginForm input[type="submit"],div.btnClass {
            float: left;
        }

        div.loginForm input[type="image"] {
            float: right;
        }

    div.loginForm a.question {
        float: none;
    }

    div.loginForm tr.helpRow {
        height: 40px;
    }

    div.loginForm span.important {
        color: #fff;
        font-weight: bold;
        font-size: 14px;
    }

div.header
{
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}

div.mainLeftContentCenter div.pageInnerCapsule h2 {
    color: #48555d;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
}

div.newPassword
{
    padding: 0px;
    font-size: 11px;
    padding:0px !important;
    color:#b2c4d3;
}

div.newPasswordContent {
    width:224px;
    margin-right:20px;
}

div.newPasswordContent p {
    color: #154c93 !important;
}

div.popupCapsule div.loginForm.mobileSignArea {
    margin: 0 0 0 140px;
    min-height: 200px;
}

#corporateFirmName {
    float: left;
    margin-top: 5px;
    height: 19px;
    color: #0c5da8;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
}

#corporateUserName {
    float: left;
    margin-top: 5px;
    height: 19px;
    color: #0c5da8;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
}

#retailUserName {
    float: left;
    margin-top: 5px;
    height: 19px;
    color: #0c5da8;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
}

#corporateFirmNameToolTip {
    position: absolute;
}

#corporateUserNameToolTip {
    position: absolute;
}

#retailUserNameToolTip {
    position: absolute;
}


/* BackButton */
div.backbuttonarea {
    float: left;
    margin: 20px 0px 0px 0px;
}

/* Logout */
div.closeButton {
    margin: 10px auto;
    width: 537px;
    text-align: center;
}

/* Login Footer */
div.footerContent {
    margin: 0px auto 30px auto;
    padding:15px 30px;
    background-color:rgba(4, 25, 44, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    div.footerContent span.footerNumber {
        float: left;
        margin: 15px 0 0 150px;
        color: #0c5da8;
        font-size: 18px;
    }
	
	div.footerContent span.footerNumber:before {
       float: left;
	   width: 22px;
       height: 22px;
	   display:block;
	   content: url('../images/phone.png');
	   margin:0 10px 0 0;
    }

    div.footerContent .veriSign {
        float:left;
        margin-right:60px;
    }
    div.footerContent .veriSign a {
        display: block;
        width: 74px; 
        height:40px;
        background: url(../images/nsec.png) 0 0 no-repeat;
        text-indent: -9999px;
        
    }

    div.footerContent .KisiselVeriler, div.footerContent .MobilSube, div.footerContent .Guvenlik {
        float:left;
    }
    div.footerContent .KisiselVeriler a {
        display: block;
        width:204px;
        color:#fff;
        text-decoration:none;
        font-size:13px;
        padding-left:40px;
        background: url(../images/kisiselveriler.png) 0px 5px no-repeat;
    }

    div.footerContent .MobilSube a {
        display: block;
        width:155px;
        color:#fff;
        text-decoration:none;
        font-size:13px;
        padding-left:40px;
        background: url(../images/footer-mobilsube.png) 0px 5px no-repeat;
    }

    div.footerContent .Guvenlik a {
        display: block;
        width:155px;
        color:#fff;
        text-decoration:none;
        font-size:13px;
        padding-left:40px;
        background: url(../images/footer-security.png) 0px 5px no-repeat;
    }

    div.footerContent .PhoneNumber {
        float:right;
        padding-top:5px;
    }

/* Login Klavye */
div.keyboardContainer {
    position: relative;
    display: none;
}

.noneKeyboard {
    margin: 10px 0 0;
    color: #666666;
    font-size: 12px;
}

/* Sms klavye */
#hiddenkeyboard {
    position: absolute;
    margin: -19px 0 0 156px;
}

    #hiddenkeyboard .numberTop {
        width: 122px;
        height: 5px;
        background: url(../images/number-top.png) 0 0 no-repeat;
    }

    #hiddenkeyboard .numberCenter {
        width: 122px;
        background: url(../images/number-repeat.png) 0 0 repeat-y;
    }

        #hiddenkeyboard .numberCenter span a {
            display: block;
            padding-top: 5px;
            color: #0c5da8;
            text-align: center;
            text-decoration: none;
            font-size: 12px;
        }

    #hiddenkeyboard .numberPosition {
        margin-left: 3px;
    }

        #hiddenkeyboard .numberPosition table tr td {
            padding: 2px 3px 2px 3px;
        }

    #hiddenkeyboard .numberBottom {
        margin-bottom: 3px;
        width: 122px;
        height: 4px;
        background: url(../images/number-bottom.png) 0 0 no-repeat;
    }

    #hiddenkeyboard .smallNumber {
        display: block;
        width: 23px;
        height: 27px;
        background: url(../images/number-small.png) 0 0 no-repeat;
    }

        #hiddenkeyboard .smallNumber a {
            height: 21px;
        }

    #hiddenkeyboard .numberDelete {
        display: block;
        width: 23px;
        height: 59px;
        background: url(../images/number-delete.png) 0 0 no-repeat;
    }

        #hiddenkeyboard .numberDelete a {
            height: 52px;
            text-indent: -9999px;
        }

/* Smsotp */
div.phoneNumberArea {
    margin: 5px 0px 0px 0px;
}

    div.phoneNumberArea.on {
        margin: 0px 0px 0px 0px;
    }

    div.phoneNumberArea p {
        margin: 0 0 10px 0;
    }

select {
    float: left;
    width: 100%;
    padding: 5px 40px 5px 15px;
    height: 60px;
    border: 1px solid #c3d0d8;
    color: #48555d;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 10px;
    /*background: url(../images/dropdown-arrow.png) right 22px no-repeat #fff;*/
    background-size: 15px;
    background-position: right 15px top 39%, right 15px bottom 38%;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Cpath d=%22M6 3L0 9h12z%22 fill=%22%2325334266%22/%3E%3C/svg%3E'), url('data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Cpath d=%22M6 9L0 3h12z%22 fill=%22%2325334266%22/%3E%3C/svg%3E');

}

    select[disabled] {
        /*background: url(../images/dropdown-arrow.png) right 22px no-repeat #f4f9fc !important;
        color: #48555d !important;*/
        background-size: 15px !important;
        background-position: right 15px top 39%, right 15px bottom 38% !important;
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Cpath d=%22M6 3L0 9h12z%22 fill=%22%2325334266%22/%3E%3C/svg%3E'), url('data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Cpath d=%22M6 9L0 3h12z%22 fill=%22%2325334266%22/%3E%3C/svg%3E') !important;

    }

div.phoneMessage p {
    
}

div.phoneMessage ul.formArea {
    margin-bottom: 2px;
}

.hiddenSmsPassword {
    display: none;
}

.forgetpassword, .forgetpassword:hover, .forgetpassword:focus, .forgetpassword:visited {
    float:left;
    color: #c3d0d8;
    padding-top:10px;
    text-decoration: underline;
    font-size: 12px;
}
/* Softotp */
div.loginForm.softotpInfo {
    margin-top: 0px;
    padding: 22px 0px 0px 0px;
    width: 600px;
    text-align: center;
    font-size: 14px!important;
}

div.loginForm.softotp {
    margin-top: 0px;
    padding: 12px 0px 30px 0px;
    width: 228px;
}

/* Mobilesign */
div.loginForm.mobilesignInfo {
    margin-top: 0px;
    padding: 22px 0px 0px 0px;
    width: 400px;
    text-align: center;
    font-size: 14px!important;
}

    div.loginForm.mobilesignInfo div.mobilSignText {
        padding-bottom: 20px;
        width: 100%;
        color: #0c5da8;
        text-align: center;
        font-weight: bold;
        font-size: 12px;
    }

    div.loginForm.mobilesignInfo span.mobilesigndata {
        color: #0c5da8;
        font-style: italic;
        font-size: 14px;
    }

div.loginForm.mobilesign {
    margin-top: 0px;
    padding: 12px 0px 10px 0px;
    width: 265px;
}


/* Form alanları */
ul.formArea li {
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;
    width: auto;
}

    ul.formArea li input.input-1 {
        width: 28px;
    }

.mainLeftContent ul.formArea li input.input-2 {
    height: 60px !important;
}


.btn-login {
    margin-top:0px;
}

/* LoginMenu */
.mainContentMenu a {
    display: block;
    height: 13px;
    color: #0c5da8;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
}

    .mainContentMenu a:visited {
        color: #0c5da8;
    }

    .mainContentMenu a:hover {
        color: #fff;
    }

ul.mainContentMenu li {
    position: relative;
    margin: 0 27px;
    width: 155px !important;
    height: 157px;
    border:3px solid #fff;
}

    ul.mainContentMenu li.smsMessage div.icon {
        margin-top: 19px;
        margin-right: auto;
        margin-left: auto;
        width: 100px;
        height: 100px;
        background: url(../images/login-otp.png) 0 0 no-repeat;
    }

    ul.mainContentMenu li.softOtp div.icon {
        margin-top: 19px;
        margin-right: auto;
        margin-left: auto;
        width: 100px;
        height: 100px;
        background: url(../images/login-otp.png) -100px 0 no-repeat;
    }


    ul.mainContentMenu li.mobileSign div.icon {
        margin-top: 19px;
        margin-right: auto;
        margin-left: auto;
        width: 100px;
        height: 100px;
        background: url(../images/login-otp.png) -300px 0 no-repeat;
    }
    
    ul.mainContentMenu li a,
    ul.mainContentMenu li a,
    ul.mainContentMenu li a{
        float:left;
        width: 156px;
        height: 158px;
    }

    ul.mainContentMenu li.smsMessage div.arrow,
    ul.mainContentMenu li.softOtp div.arrow,
    ul.mainContentMenu li.mobileSign div.arrow {
        position: absolute;
        bottom: -13px;
        left: 52px;
        width: 46px;
        height: 14px;
        background: url(../images/otp-login-arrow.png) -42px 0 no-repeat;
    }
    
    ul.mainContentMenu li.smsMessage:hover,
    ul.mainContentMenu li.softOtp:hover,
    ul.mainContentMenu li.mobileSign:hover {
        border:3px solid #de188c;
    }



    ul.mainContentMenu li.smsMessage:hover div.arrow,
    ul.mainContentMenu li.softOtp:hover div.arrow,
    ul.mainContentMenu li.mobileSign:hover div.arrow {
        position: absolute;
        bottom: -13px;
        left: 55px;
        width: 46px;
        height: 14px;
        background: url(../images/otp-login-arrow.png) 0 0 no-repeat;
    }

    ul.mainContentMenu li.activeSmsMessage div.icon {
        margin-top: 19px;
        margin-right: auto;
        margin-left: auto;
        width: 100px;
        height: 100px;
        background: url(../images/login-otp.png) 0 0 no-repeat;
    }

    ul.mainContentMenu li.activeSoftOtp div.icon {
        margin-top: 19px;
        margin-right: auto;
        margin-left: auto;
        width: 100px;
        height: 100px;
        background: url(../images/login-otp.png) -100px 0 no-repeat;
    }

    ul.mainContentMenu li.activeMobileSign div.icon {
        margin-top: 19px;
        margin-right: auto;
        margin-left: auto;
        width: 100px;
        height: 100px;
        background: url(../images/login-otp.png) -300px 0 no-repeat;
    }

    ul.mainContentMenu li.disabledSmsMessage div.icon {
        margin-top: 19px;
        margin-right: auto;
        margin-left: auto;
        width: 100px;
        height: 100px;
        background: url(../images/login-otp.png) 0 -100px no-repeat;
    }

    ul.mainContentMenu li.disabledSoftOtp div.icon {
        margin-top: 19px;
        margin-right: auto;
        margin-left: auto;
        width: 100px;
        height: 100px;
        background: url(../images/login-otp.png) -100px -100px no-repeat;
    }


    ul.mainContentMenu li.disabledMobileSign div.icon {
        margin-top: 19px;
        margin-right: auto;
        margin-left: auto;
        width: 100px;
        height: 100px;
        background: url(../images/login-otp.png) -300px -100px no-repeat;
    }

ul.mainContentMenu a.disabledSmsMessage {
    color: #d9d9d9;
    cursor: default;
}

ul.mainContentMenu a.disabledSoftOtp {
    color: #d9d9d9;
    cursor: default;
}


ul.mainContentMenu a.disabledMobileSign {
    color: #d9d9d9;
    cursor: default;
}

ul.mainContentMenu li.activeSmsMessage,
ul.mainContentMenu li.activeSoftOtp,
ul.mainContentMenu li.activeMobileSign {
    border:3px solid #de188c;
}

ul.mainContentMenu li.activeSmsMessage div.arrow,
ul.mainContentMenu li.activeSoftOtp div.arrow,
ul.mainContentMenu li.activeMobileSign div.arrow {
    position: absolute;
    bottom: -13px;
    left: 55px;
    width: 46px;
    height: 14px;
    background: url(../images/otp-login-arrow.png) 0 0 no-repeat;
}

ul.mainContentMenu li.disabledSmsMessage,
ul.mainContentMenu li.disabledSoftOtp,
ul.mainContentMenu li.disabledMobileSign {
    border:3px solid #ddd;    
}



/* Video */
div.contentCenterTwoMid div.videoContent {
    position: relative;
    margin-top: 20px;
    width: 133px;
    height: 85px;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

    div.contentCenterTwoMid div.videoContent:hover img {
        display: block;
        margin-left: 49px;
    }

div.contentCenterTwoMid div#demo {
    margin-top: 10px;
    background: url(../images/login_video1.png) 0 0 no-repeat;
}

div.contentCenterTwoMid div#presentation {
    margin-top: 17px;
    background: url(../images/login_video2.png) 0 0 no-repeat;
}

div.contentCenterTwoMid div.videoContent div.info {
    position: absolute;
    bottom: 0px;
    padding: 2px 0;
    -moz-border-radius: 0 3px 0 3px;
    -webkit-border-radius: 0 3px 0 3px;
    border-radius: 0 3px 0 3px;
    background-color: #F9DA55;
    color: #6b7982;
    font-weight: bold;
    font-size: 14px;
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

    div.contentCenterTwoMid div.videoContent div.info span.infoText {
        margin: 0 7px;
    }

div.contentCenterTwoMid div.videoContent img {
    position: absolute;
    display: none;
    margin-top: 24px;
    margin-left: 49px;
    width: 33px;
}

div.videoContainer div.videoContainerBottom {
}

div.backToLogin {
    position: absolute;
    top: 50px;
    left: 704px;
    cursor: pointer;
}

div.mainLeftContentCenter div.videoContent {
    position: relative;
    margin-top: 10px;
    width: 178px;
    height: 114px;
    border-radius: 4px;
    cursor: pointer;
}

    div.mainLeftContentCenter div.videoContent:hover img {
        display: block;
        margin-left: 49px;
    }

div.mainLeftContentCenter div.videoGaleryContent {
    margin: 0 auto;
    width: 690px;
    height: 100px;
}

    div.mainLeftContentCenter div.videoGaleryContent div.video {
        float: left;
        margin: 10px 0px 30px 39px;
    }

    div.mainLeftContentCenter div.videoGaleryContent div#smartmenu {
        background: url(../images/akilli_menu.png) 0 0 no-repeat;
    }

    div.mainLeftContentCenter div.videoGaleryContent div#peopleplace {
        background: url(../images/tanimli_alicilar.png) 0 0 no-repeat;
    }

    div.mainLeftContentCenter div.videoGaleryContent div.video div.info {
        padding: 2px 0;
        color: #6b7982;
        font-weight: bold;
        font-size: 14px;
        -khtml-opacity: 0.5;
        -moz-opacity: 0.5;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

        div.mainLeftContentCenter div.videoGaleryContent div.video div.info span.infoText {
            margin: 0 7px;
        }

        div.mainLeftContentCenter div.videoGaleryContent div.video div.info span.infoTime {
            margin: 0 7px;
            font-size: 12px;
        }

    div.mainLeftContentCenter div.videoGaleryContent div.video img {
        position: absolute;
        display: none;
        margin-top: 24px;
        margin-left: 49px;
        width: 33px;
    }


/* ForgetPassword & BottomInfos */
div.contentCenterTwoMid div.forgetPassword {
    margin-top: 27px;
}

    div.contentCenterTwoMid div.forgetPassword a {
        text-decoration: none;
    }

    div.contentCenterTwoMid div.forgetPassword div.info {
        margin-bottom: 9px;
        color: #919191;
        font-size: 12px;
        line-height: 12px;
    }

div.contentCenterTwoMid div.bottomInfos {
    position: absolute;
    bottom: 0;
    width: 133px;
    color: #919191;
    font-size: 9px;
    line-height: 11px;
}

/* Advertising */
div.advertisingContainer {
    margin: 15px auto;
    width: 460px;
}


/* SVerification */
div.sVerification {
    clear: both;
    min-height: 83px;
    text-align: center;
    max-width: 450px;
}

div.sVerification p {
    float: left;
    padding: 5px 5px 3px 0;
    color: #6b7982;
    font-size: 13px;
}

div.sVerification div.line {
    padding: 10px 0 5px 0;
    border-bottom : 1px solid #ccc;
}

div.sVerification div p {
    float: left;
    padding: 5px 5px 3px 0;
    width: 150px;
    color: #6b7982;
    font-size: 13px;
}


div.sVerification table {
    width:100%;  
    padding : 0px 32px;
}

div.sVerification table td{
    margin:auto; 
}

div.sVerification table tr:nth-child(1) td {
    padding-top: 24px;
}

div.sVerification table tr:nth-child(2) td {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 14px;
}

div.sVerification table tr:nth-child(3) td {
    padding-top: 15px;
}

div.sVerification table tr:nth-child(4) td {
    padding-top: 7px;
    padding-bottom: 25px;
    padding-left: 14px;
}

div.sVerification table tr:nth-child(5) td {
    padding-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}

div.sVerification table td div{
    margin-left: 13px;
}

div.sVerification table img{
    width:70px;
}

.navy
{
    color:#1f478c!important;
}
.gray 
{
    color:#666!important;
}
.red
{
    color:#D00!important;
}

span.timerspan {
    margin-top:10px;
}

.sVerification-error {
    position: absolute;
    bottom: 15px;
    right: 55px;
    left: 55px;
}

.text-middle-info-font {
    font-family: Urbanist;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.39;
    letter-spacing: normal;
}

.login-left-container {
    min-height: 579px;
    max-height: 579px;
}

.text-middle-info-center {
    padding: 0px 66px;
}

.header-second-text {
    font-size: 21px;
}

.font-style-normal {
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.weight-500 {
    font-weight: 500 !important;
}

.weight-600 {
    font-weight: 600 !important;
}

.gray-color {
    color: #4f4f4f;
}

.header-first-text {
    font-family: Urbanist;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: normal;
    color: #154c93;
}

.size-16 {
    font-size: 16px !important;
}

.size-18 {
    font-size: 18px !important;
}

.size-21 {
    font-size: 21px !important;
}

.size-22 {
    font-size: 22px !important;
}

.error-color {
    color: #e34a4e;
}

.text-semibold-16 {
    font-size: 16px !important;
    font-weight: 600;
}

.text-middle-info {
    font-size: 18px !important;
    font-weight: 600;
    line-height: 25px;
}

.colorBlue {
    color: #154c93 !important;
}

.colorGrey {
    color: #4f4f4f !important;
}
/*
 * jQuery UI CSS Framework 1.8.16
 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses.
 * http: // jquery .org/license
 * http: // docs .jquery .com/UI/Theming/API
 */

/* Layout helpers */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; -moz-outline: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix { display: inline-block; display:block; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; -moz-opacity: 0; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues */
.ui-state-disabled { cursor: default !important; }

/* Icons */

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; width: 7px; height: 9px; background-image: url(../images/ui/ui-icons_222222_256x240.png); }

/* Misc visuals */

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #666666 url(../images/ui/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; -moz-opacity: .50; opacity: .50;filter:Alpha(Opacity=50); }

/*
 * jQuery UI CSS Framework 1.8.16
 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses. http: // jquery .org/license
 * http: // docs .jquery .com/UI/Theming/API
 * To view and modify this theme, visit http: // jqueryui .com / themeroller / ? ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */

/* Component containers */
.ui-widget { font-family: 'Urbanist'; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Urbanist'; font-size: 1em; }
.ui-widget-content { color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #0c5da8; font-size:10px; font-family: 'Urbanist', sans-serif; font-weight:bold; padding:3px 0px; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {  }
.ui-state-hover a, .ui-state-hover a:hover { color: #A63A79; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background-color:#de188c; font-weight: bold; color: white; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #A63A79; text-decoration: none; }
.ui-widget :active { -moz-outline: none; outline: none; }

/* Interaction Cues */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  { background: #a3b0b8; color: #363636; padding:3px 0px; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(../images/ui/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { color:#a0a0a0; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { -moz-opacity: .35; opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons */

/* states and images */
.ui-widget-content .ui-icon {background-image: url(../images/ui/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../images/calendar-prev-next.png); }
.ui-state-default .ui-icon { background-image: url(../images/ui/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { }
.ui-state-active .ui-icon {background-image: url(../images/ui/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../images/ui/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: right 0; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: 0 0; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals */

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../images/ui/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; -moz-opacity: .20; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/*
 * jQuery UI Resizable 1.8.16
 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses.
 * http: // jquery .org/license
 * http: // docs .jquery .com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

/*
 * jQuery UI Selectable 1.8.16
 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses.
 * http: // jquery .org/license
 * http: // docs .jquery .com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }

/*
 * jQuery UI Accordion 1.8.16
 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses.
 * http: // jquery .org/license
 * http: // docs .jquery .com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }

/*
 * jQuery UI Autocomplete 1.8.16
 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses.
 * http: // jquery .org/license
 * http: // docs .jquery .com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.16
 * Copyright 2010, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses.
 * http: // jquery .org/license
 * http: // docs .jquery .com/UI/Menu#theming
 */
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; }
.ui-menu .ui-menu { margin-top: -3px; }
.ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; }
.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; }
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

/*
 * jQuery UI Button 1.8.16
 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses.
 * http: // jquery .org/license
 * http: // docs .jquery .com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */

/*
 * jQuery UI Dialog 1.8.16
 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses.
 * http: // jquery .org/license
 * http: // docs .jquery .com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/*
 * jQuery UI Slider 1.8.16
 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses.
 * http: // jquery .org/license
 * http: // docs .jquery .com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/*
 * jQuery UI Tabs 1.8.16
 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses.
 * http: // jquery .org/license
 * http: // docs .jquery .com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*
 * jQuery UI Datepicker 1.8.16
 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses.
 * http: // jquery .org/license
 * http: // docs .jquery .com/UI/Datepicker#theming
 */
.ui-datepicker { padding: 3px 3px 0 3px; display: none; color: #333333; height:191px; height:188px; voice-family:"\"}\""; voice-family:inherit; background: #fff; }
html>body .ui-datepicker{height:188px;}

.ui-datepicker-calendar thead { background:#a3b0b8;}

.ui-datepicker .ui-datepicker-header { position:relative; padding:4px 0 20px 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 7px; width: 7px; height: 9px; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {  }
.ui-datepicker .ui-datepicker-prev { left:10px; }
.ui-datepicker .ui-datepicker-next { right:10px; }
.ui-datepicker .ui-datepicker-prev-hover { }
.ui-datepicker .ui-datepicker-next-hover { }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 0; margin-left: 0; top:0; margin-top: 0;  }
.ui-datepicker .ui-datepicker-title { text-align: center; font-family: 'Urbanist'; font-size:12px; color:#093175; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 40%;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { padding: 3px 15px 5px 5px !important; width: 40%; height: 40px; margin: 0px 1px;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 auto }
.ui-datepicker th { padding: .7em .3em .9em .3em; text-align: center; font-weight: bold; border: 0; font-family: 'Urbanist'; font-size:9px; color:#fff;  }
.ui-datepicker th.ui-datepicker-week-end{color:#fff;}
.ui-datepicker td { border: 0; padding: 6px 4px 0px 4px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; text-align: center; text-decoration: none; padding:5px 0 0 0; voice-family:"\"}\""; voice-family:inherit; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*
 * jQuery UI Progressbar 1.8.16
 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses.
 * http: // jquery .org/license
 * http: // docs .jquery .com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

html>body .ui-datepicker { width:230px; height:180px; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:4px 0 0 0; } 

div#ui-datepicker-div { border:1px solid #d4d4d4; padding:0; height: auto; padding-bottom:6px; margin-top: 0px !important; margin-left: 0px !important;}
div#ui-datepicker-div .ui-datepicker-header { background:#1f478c; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; padding:10px 0; padding-left: 30px;}
div#ui-datepicker-div .ui-datepicker-prev, div#ui-datepicker-div .ui-datepicker-next { top:28px; }
.ui-creditcard{text-align:right;}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
} 

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 10px;
	width: 8px;
	height: 100%;
	background: none;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0px;
	height: 0px;
	background: red;
	visibility: collapse;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #fff;
	position: relative;
}

div.itemListContainer .jspTrack { background: #fff; }
div.cityList .jspTrack, div.branchList .jspTrack { background: #fff; }
dd.CreditCardListComponentSelection .jspTrack,
dd.AccountComponentSelection .jspTrack { background: #fff; margin-left:5px; width:4px }

.jspDrag
{
	background: #a3b0b8;
    border: 2px solid #fff;
    position: relative;
    top: 0;
    left: -6px;
    cursor: pointer;
    width: 16px;
    height: 16px !important;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

input[data-val-brequiredif] { background-color: #ffffff; }
input[datavalrequired] { background-color: #f6f8ea;}

textarea[data-val-required] { background-color: #f6f8ea;}
textarea[datavalrequired] { background-color: #f6f8ea; }

select[datavalrequired] { }
select[data-val-required] { }

.field-validation-error { color: #DD0000 !important; font-size:13px; }
.field-validation-valid { display: none; }

.input-validation-error {  background-color: #FEF3F7 !important; }

.validation-summary-errors {
    color: #DD0000;
    font-size: 12px;
}
.validation-summary-valid { display: none; } 

.fakerequired { background-color: #f6f8ea !important; }

/* Buraya diğer sitilleri ezen sitiller konulacak */

select[disabled] { background: url(../images/dropdown-arrow.png) 128px 12px no-repeat #f4f9fc; color: #000 !important; }
input[disabled] { background: #f4f9fc !important; color: #000 !important; }
textarea[disabled] { background: #f4f9fc !important; color: #000 !important; }

div#alertContainer div.imageBorderDiv { height: 10px; }
div#alertContainer div.imageBorderDiv img { vertical-align: top; height: 10px; }

#popup_content {
	padding: 20px 45px;
}

#popup_content.alert div#popup_message
{
	background: url("../images/icon-info-big.png") no-repeat scroll 0 0 transparent;
	display: table-cell;
}

#popup_content.confirm div#popup_message 
{
    background: url("../images/icon-warning-big.png") no-repeat scroll 0 0 transparent;
	display: table-cell;
}

#popup_content.prompt div#popup_message 
{
    background: url("../images/icon-question-big.png") no-repeat scroll 0 0 transparent;
	display: table-cell;
}

#popup_content.email div#popup_message 
{
    background: url("../images/icon-email-big.png") no-repeat scroll 0 0 transparent;
	display: table-cell;
}

#popup_content.email2 div#popup_message {
    background: url("../images/icon-email-big.png") no-repeat scroll 0 0 transparent;
    display: table-cell;
}

#popup_message {
	height: 30px;
    min-height: 32px;
    padding-left: 48px;
    vertical-align: middle;
    width: 100%;
}

#alertContainer span.important {
	font-size: 20px;
	font-weight: bold;
}

#alertContainer div.email 
{
    min-height: 230px;
}

#alertContainer div.email2 {
    min-height: 230px;
}

#popup_panel {
	text-align: center;
	padding: 20px 0;
}

#popup_prompt {
	margin: .5em 0em;
}

.popup_email_content {
	width: 100%;
}

.popup_email_content span.title {
	font-weight:500;
    float: left;
	width: 150px;
	margin-top: 8px;
	margin-bottom: 6px;
}

#popup_other_email_message .title {
    color: #919191;
    font-size: 10px;
    width: 100%;
}

#popup_other_email_message .title span.important {
    font-family: 'Urbanist';
    font-size: 15px;
    font-weight: bold;
}

#popup_defined_email_content .combo_content {
	float: left;
	width: 100%;
    padding:0px 15px;
}

#popup_defined_email_content select.defined_email option.new {
	font-weight:bold;
	font-style:italic;
}

#popup_message .text_content {
	float: left;
	width: 100%;
    border:1px solid #c3d0d8 !important;
}

#popup_email_validation .popup_email_validation_text {
	float: left;
	width: 100%;
	margin-top: 6px;
	margin-bottom: 6px;
	color: #dd0000;
}


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
}

    .flexslider .slides > li {
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        display: none;
    }
    /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img {
        display: block;
        width: 100%;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

    /* No JavaScript Fallback */
    /* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
    .no-js .slides > li:first-child {
        display: block;
    }


/* FlexSlider Default Theme
*********************************/
.flexslider {
    position: relative;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -ms-zoom: 1;
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    -ms-zoom: 1;
    zoom: 1;
}

.carousel li {
    margin-right: 5px;
}


/* Direction Nav */
.flex-direction-nav {
    *height: 0;
}

    .flex-direction-nav a {
        position: absolute;
        top: 50%;
        display: block;
        margin: -20px 0 0;
        width: 30px;
        height: 30px;
        text-indent: -9999px;
        opacity: 0;
        cursor: pointer;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    .flex-direction-nav .flex-next {
        right: -36px;
        background-position: 100% 0;
    }

    .flex-direction-nav .flex-prev {
        left: -36px;
    }

.flexslider:hover .flex-next {
    right: 5px;
    opacity: 0.8;
}

.flexslider:hover .flex-prev {
    left: 5px;
    opacity: 0.8;
}

    .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
        opacity: 1;
    }

.flex-direction-nav .flex-disabled {
    opacity: .3!important;
    filter: alpha(opacity=30);
    cursor: default;
}

/* Control Nav */
.flex-control-nav {
    position: absolute;
    right: 10px;
    bottom: 6px;
    width: 100%;
    text-align: right;
}

    .flex-control-nav li {
        display: inline-block;
        *display: inline;
        margin: 0px;
        -ms-zoom: 1;
        zoom: 1;
    }

.flex-control-paging li a {
    display: block;
    width: 15px;
    height: 16px;
    background: url("../images/slider-dot.png") 0 -16px no-repeat;
    text-align: left;
    text-indent: -999999px;
    cursor: pointer;
}

    .flex-control-paging li a.flex-active {
        background: url("../images/slider-dot.png") 0 0 no-repeat;
        cursor: default;
    }

.flex-control-thumbs {
    position: static;
    overflow: hidden;
    margin: 5px 0 0;
}

    .flex-control-thumbs li {
        float: left;
        margin: 0;
        width: 25%;
    }

    .flex-control-thumbs img {
        display: block;
        width: 100%;
        opacity: .7;
        cursor: pointer;
    }

        .flex-control-thumbs img:hover {
            opacity: 1;
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default;
    }

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        left: 0;
        opacity: 1;
    }

    .flex-direction-nav .flex-next {
        right: 0;
        opacity: 1;
    }
}