@charset "utf-8";
/* CSS Document */
html {
    scrollbar-arrow-color: #D70000;
    scrollbar-3dlight-color: #6593cf;
    scrollbar-darkshadow-color: #6593cf;
    scrollbar-face-color: #f4f4f0;
    scrollbar-highlight-color: #fff;
    scrollbar-shadow-color: #d0d0d0;
    scrollbar-track-color: #fff;
}

@font-face {
    font-family: Verdana;
    font-style: normal;
    font-weight: 300;
}

html, body {
    height: 100%;
    width: 100%;
}

body {
    color: #323232;
    font-family: Verdana !important;
    font-size: 14px;
    margin: 0px;
}

fieldset {
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 0px;
}

    fieldset legend {
        color: #4B9AC7;
        font-family: Verdana;
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 2px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        padding-bottom: 0px;
        padding-left: 2px;
        padding-right: 2px;
        padding-top: 0px;
        border-bottom: none;
        padding-bottom: 10px;
        /*text-align: center;*/
    }

.txt11 {
    font-size: 11px;
}

.txt12 {
    font-size: 12px;
}

.txt13 {
    font-size: 13px;
}

.txt14 {
    font-size: 14px;
}

.txt15 {
    font-size: 15px;
}

.txt16 {
    font-size: 16px;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.blue {
    color: blue;
}

.red {
    color: red;
}

.white {
    color: white;
}

.lightBlue {
    color: #333333;
    font-weight: bold;
}

.pointer {
    cursor: pointer;
}

.ico {
    padding-right: 5px;
    vertical-align: middle;
}

.message {
    font-size: 14px;
    margin-bottom: 10px;
    min-height: 35px;
    padding: 10px;
}

#alert {
    border: 1px solid #d70000;
    background-color: #ffffff;
    color: #d70000;
}

    #alert img {
        float: left;
        padding-right: 10px;
    }

#error {
    border: 1px solid #d70000;
    background-color: #ffffff;
    color: #d70000;
}

    #error img {
        float: left;
        padding-right: 10px;
    }

#info {
    border: 1px solid #c4c4c4;
    background-color: #ffffff;
    color: #d70000;
    height: 50px;
}

    #info img {
        float: left;
        padding-right: 10px;
    }

#crumbs {
    background: url(../images/subToolGlowV2.png) repeat-x top;
    color: #D70000;
    height: 30px;
    padding-left: 10px;
}

.requiredField {
    background: url(../images/btnRequired.png) no-repeat;
    display: inline-block;
    height: 20px;
    width: 20px;
    white-space: nowrap;
}

.base .toolbar {
    height: 45px;
    padding-left: 10px;
    padding-top: 10px;
}

    .base .toolbar img {
        border: none;
        vertical-align: middle;
    }

    .base .toolbar .cell {
        height: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .base .toolbar .button {
        cursor: pointer;
    }

        .base .toolbar .button:hover {
            background: url(../images/buttonHoverV2.png) repeat-x;
            border: 1px solid #ffbd69;
            height: 20px;
            padding-left: 9px;
            padding-right: 9px;
        }

.base .toolbar2 .button:hover {
    border: 1px solid #ffbd69;
    height: 24px;
    padding-left: 1px;
    padding-right: 1px;
}

.base .toolbar .passive {
    cursor: default;
    color: #666;
}

    .base .toolbar .passive a {
        cursor: default;
        color: #666;
    }



.base #content {
    padding-bottom: 4px;
    padding-right: 4px;
    padding-top: 4px;
}

.base .addTransact {
    padding-left: 4px;
}

.base .noTransact {
    padding-left: 4px;
}

.addTransact {
    height: auto;
    margin: 5px;
    width: auto;
}

.noTransact {
    height: auto;
    margin: 5px;
    width: auto;
}

.frm {
    background-color: White;
    height: 116px;
    width: 100%;
}

    .frm #head {
        display: none;
    }

    .frm #body {
        padding: 10px;
    }


.checkbox {
    margin-bottom: 10px;
    margin-right: 6px;
}

.lMoney {
    /*background-color: #fafafa;*/
    border: 1px solid rgba(51, 51, 51, 0.3);
    /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;*/
    width: 325px;
    outline: none !important;
    margin-bottom: 6px;
    margin-right: 6px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    /*transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;*/
    font-family: Verdana;
    background-image: none;
    height: 30px;
    line-height: 1.42857;
    padding: 3px 6px;
    text-align: right;
    border-radius: 3px;
}

    .lMoney:focus {
        background-color: #fff;
        border: 1px solid #4b9ac7;
        box-shadow: 0 0 2px 0 rgb(63, 60, 55);
    }

.lTextArea {
    /*background-color: #fafafa;*/
    border: 1px solid rgba(51, 51, 51, 0.3);
    /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;*/
    width: 325px;
    outline: none !important;
    margin-bottom: 6px;
    margin-right: 6px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    /*transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;*/
    font-family: Verdana;
    background-image: none;
    height: 30px;
    line-height: 1.42857;
    padding: 3px 6px;
    text-align: left;
    border-radius: 3px;
}

.LMultiSelectListBox {
    /*background-color: #fafafa;*/
    border: 1px solid rgba(51, 51, 51, 0.3);
    /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;*/
    width: 325px;
    outline: none !important;
    margin-bottom: 6px;
    margin-right: 6px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    /*transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;*/
    font-family: Verdana;
    background-image: none;
    height: 30px;
    line-height: 1.42857;
    padding: 3px 6px;
    text-align: left;
    border-radius: 3px;
}

.lTextArea:focus {
    background-color: #fff;
    border: 1px solid #4b9ac7;
    box-shadow: 0 0 2px 0 rgb(63, 60, 55);
}

.lDecimal196 {
    /*background-color: #fafafa;*/
    background-image: none;
    border: 1px solid rgba(51, 51, 51, 0.3);
    /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;*/
    color: #666;
    font-family: Verdana;
    font-size: 14px;
    font-weight: normal;
    /*transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;*/
    height: 30px;
    width: 325px;
    outline: none !important;
    line-height: 1.42857;
    padding: 3px 6px;
    text-align: right;
    margin-bottom: 6px;
    margin-right: 6px;
    border-radius: 3px;
}

    .lDecimal196:focus {
        background-color: #fff;
        border: 1px solid #4b9ac7;
        box-shadow: 0 0 2px 0 rgb(63, 60, 55);
    }

.lDateTime {
    /*background-color: #fafafa;*/
    border: 1px solid rgba(51, 51, 51, 0.3);
    /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;*/
    width: 325px;
    outline: none !important;
    margin-bottom: 6px;
    margin-right: 6px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    /*transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;*/
    font-family: Verdana;
    background-image: none;
    height: 30px;
    line-height: 1.42857;
    padding: 3px 6px;
    background-image: url(/images/calendarV3.png);
    background-position: right;
    background-repeat: no-repeat;
    border-radius: 3px;
}

    .lDateTime:focus {
        background-color: #fff;
        border: 1px solid #4b9ac7;
        box-shadow: 0 0 2px 0 rgb(63, 60, 55);
    }

.lDateBox {
    /*background-color: #fafafa;*/
    border: 1px solid rgba(51, 51, 51, 0.3);
    /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;*/
    width: 325px;
    outline: none !important;
    margin-bottom: 6px;
    margin-right: 6px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    /*transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;*/
    font-family: Verdana;
    background-image: none;
    height: 30px;
    line-height: 1.42857;
    padding: 3px 6px;
    background-image: url(/images/calendarV3.png);
    background-position: right;
    background-repeat: no-repeat;
    border-radius: 3px;
}

    .lDateBox:focus {
        background-color: #fff;
        border: 1px solid #4b9ac7;
        box-shadow: 0 0 2px 0 rgb(63, 60, 55);
    }

.lInteger {
    /*background-color: #fafafa;*/
    border: 1px solid rgba(51, 51, 51, 0.3);
    /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;*/
    width: 325px;
    outline: none !important;
    margin-bottom: 6px;
    margin-right: 6px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    /*transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;*/
    font-family: Verdana;
    background-image: none;
    height: 30px;
    line-height: 1.42857;
    padding: 3px 6px;
    text-align: right;
    border-radius: 3px;
}

    .lInteger:focus {
        background-color: #fff;
        border: 1px solid #4b9ac7;
        box-shadow: 0 0 2px 0 rgb(63, 60, 55);
    }


.lIntegerMask {
    /*background-color: #fafafa;*/
    border: 1px solid rgba(51, 51, 51, 0.3);
    /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;*/
    width: 325px;
    outline: none !important;
    margin-bottom: 6px;
    margin-right: 6px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    /*transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;*/
    font-family: Verdana;
    background-image: none;
    height: 30px;
    line-height: 1.42857;
    padding: 3px 6px;
    text-align: right;
    border-radius: 3px;
}



    .lIntegerMask:focus {
        background-color: #fff;
        border: 1px solid #4b9ac7;
        box-shadow: 0 0 2px 0 rgb(63, 60, 55);
    }

.lLabel {
    font-size: 14px;
    font-family: Verdana;
    color: #666;
    font-weight: 500;
}

.lTinyInt {
    /*background-color: #fafafa;*/
    border: 1px solid rgba(51, 51, 51, 0.3);
    /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;*/
    width: 325px;
    outline: none !important;
    margin-bottom: 6px;
    margin-right: 6px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    /*transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;*/
    font-family: Verdana;
    background-image: none;
    height: 30px;
    line-height: 1.42857;
    padding: 3px 6px;
    text-align: right;
    border-radius: 3px;
}

    .lTinyInt:focus {
        background-color: #fff;
        border: 1px solid #4b9ac7;
        box-shadow: 0 0 2px 0 rgb(63, 60, 55);
    }

.lSmallInt {
    /*background-color: #fafafa;*/
    border: 1px solid rgba(51, 51, 51, 0.3);
    /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;*/
    width: 325px;
    outline: none !important;
    margin-bottom: 6px;
    margin-right: 6px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    /*transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;*/
    font-family: Verdana;
    background-image: none;
    height: 30px;
    line-height: 1.42857;
    padding: 3px 6px;
    text-align: right;
    border-radius: 3px;
}

    .lSmallInt:focus {
        background-color: #fff;
        border: 1px solid #4b9ac7;
        box-shadow: 0 0 2px 0 rgb(63, 60, 55);
    }

.lDecimalBox {
    /*background-color: #fafafa;*/
    border: 1px solid rgba(51, 51, 51, 0.3);
    /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;*/
    width: 325px;
    outline: none !important;
    margin-bottom: 6px;
    margin-right: 6px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    /*transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;*/
    font-family: Verdana;
    background-image: none;
    height: 30px;
    line-height: 1.42857;
    padding: 3px 6px;
    text-align: right;
    border-radius: 3px;
}

    .lDecimalBox:focus {
        background-color: #fff;
        border: 1px solid #4b9ac7;
        box-shadow: 0 0 2px 0 rgb(63, 60, 55);
    }

.input {
    outline: none !important;
}

.frm .input {
    /*background-color: #fafafa;*/
    border: 1px solid rgba(51, 51, 51, 0.3);
    /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;*/
    width: 325px;
    outline: none !important;
    margin-bottom: 6px;
    margin-right: 6px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    /*transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;*/
    font-family: Verdana;
    background-image: none;
    height: 30px;
    line-height: 1.42857;
    padding: 3px 6px;
    border-radius: 3px;
}

    .frm .input:focus {
        background-color: #fff;
        border: 1px solid #4b9ac7;
        box-shadow: 0 0 2px 0 rgb(63, 60, 55);
    }

.frm .lTextArea {
    /*background-color: #fafafa;*/
    border: 1px solid rgba(51, 51, 51, 0.3);
    /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;*/
    width: 325px;
    outline: none !important;
    margin-bottom: 6px;
    margin-right: 6px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    /*transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;*/
    font-family: Verdana;
    background-image: none;
    height: 30px;
    line-height: 1.42857;
    padding: 3px 6px;
    text-align: left;
    border-radius: 3px;
}

    .frm .lTextArea:focus {
        background-color: #fff;
        border: 1px solid #4b9ac7;
        box-shadow: 0 0 2px 0 rgb(63, 60, 55);
    }

.frm .lMuhasebeHesapPlanTextBox {
    /*background-color: #fafafa;*/
    border: 1px solid rgba(51, 51, 51, 0.3);
    /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;*/
    width: 325px;
    outline: none !important;
    margin-bottom: 6px;
    margin-right: 6px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    /*transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;*/
    font-family: Verdana;
    background-image: none;
    height: 30px;
    line-height: 1.42857;
    padding: 3px 6px;
}

    .frm .lMuhasebeHesapPlanTextBox:focus {
        background-color: #fff;
        border: 1px solid #4b9ac7;
        box-shadow: 0 0 2px 0 rgb(63, 60, 55);
    }

.frm .required {
    background: url(../images/required.png) no-repeat right;
    background-color: #FFF;
}

.frm .select {
    background-color: #fafafa !important;
    border: 1px solid rgba(51, 51, 51, 0.3);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 6px;
    margin-right: 6px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    font-family: Verdana;
    height: 26px;
    line-height: 1.42857;
    padding: 3px 6px;
    background-image: none;
}

    .frm .select:focus {
        background-color: #fff;
        border: 1px solid #4b9ac7;
        box-shadow: 0 0 2px 0 rgb(63, 60, 55);
    }


.select2-container .select2-choice {
    border-radius: 3px !important;
    background-image: none !important;
    color: #666 !important;
    height: 30px !important;
}

.select2-drop {
    color: #666 !important;
}

.select2-drop-active {
    background-color: #fff !important;
    border: 1px solid #4b9ac7 !important;
    box-shadow: 0 0 2px 0 rgb(63, 60, 55) !important;
}

.select2-results .select2-highlighted {
    background: #4b9ac716 !important;
    color: #666 !important;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #4b9ac7 !important;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #3F3C3766 !important;
}

.select2-results .select2-container .select2-choice > .select2-chosen {
    font-family: Verdana !important;
    font-size: 14px !important;
}


.frm .readonly {
    color: #999;
}

.grid {
    background-color: White;
    border: 1px solid #c4c4c4;
}

    .grid #head {
        background-color: #FAFAFA;
        border-bottom: 1px solid #3f3c37;
        color: #3f3c37;
        font-family: Verdana;
        font-size: 14px;
        font-weight: bold;
        height: 35px;
        padding-left: 10px;
        padding-right: 5px;
        text-align: left;
    }

    .grid #gotoSearch {
        min-height: 4px;
    }

        .grid #gotoSearch #search {
            width: 100%;
            max-height: 350px;
            min-height: 200px;
            overflow: auto;
        }

            .grid #gotoSearch #search table {
                padding: 0px;
            }

    .grid .lInteger {
        width: 325px !important;
    }

    .grid .lDateBox {
        width: 325px !important;
    }

    .grid .lSmallInt {
        width: 325px !important;
    }

    .grid .lDecimalBox {
        width: 325px !important;
    }

    .grid .lDateTime {
        width: 325px !important;
    }

    .grid .lTinyInt {
        width: 325px !important;
    }

    .grid .LMultiSelectListBox {
        width: 325px !important;
    }

    .grid .lMoney {
        width: 325px !important;
    }

    .grid .input {
        background-color: #fafafa;
        border: 1px solid rgba(51, 51, 51, 0.3);
        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;
        width: 325px !important;
        margin-bottom: 6px;
        margin-right: 6px;
        color: #666;
        font-size: 14px;
        font-weight: normal;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        font-family: Verdana;
        height: 30px;
        line-height: 1.42857;
        padding: 3px 6px;
        background-image: none;
    }

        .grid .input:focus {
            background-color: #fff;
            border: 1px solid #4b9ac7;
            box-shadow: 0 0 2px 0 rgb(63, 60, 55);
        }

grid .lMuhasebeHesapPlanTextBox {
    border: 1px solid #84a9d9;
    color: #000;
    font-family: Verdana;
    font-size: 12px;
    height: 18px;
    padding-bottom: 0px;
    padding-left: 3px;
    padding-right: 0px;
    padding-top: 3px;
}

.grid .lMuhasebeHesapPlanTextBox:focus {
    background-color: #fff;
    border: 1px solid #4b9ac7;
    box-shadow: 0 0 2px 0 rgb(63, 60, 55);
}

.grid .select {
    background-color: #fafafa;
    border: 1px solid rgba(51, 51, 51, 0.3);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 6px;
    margin-right: 6px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    font-family: Verdana;
    height: 30px;
    line-height: 1.42857;
    padding: 3px 6px;
    background-image: none;
    width: 120px !important;
}

.grid .filterSelect {
    background-color: #fafafa;
    border: 1px solid rgba(51, 51, 51, 0.3);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 6px;
    margin-right: 6px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    font-family: Verdana;
    height: 30px;
    line-height: 1.42857;
    padding: 3px 6px;
    background-image: none;
    width: 325px !important;
}

.grid .select:focus {
    background-color: #fff;
    border: 1px solid #4b9ac7;
    box-shadow: 0 0 2px 0 rgb(63, 60, 55);
}

.grid #body {
    padding-bottom: 0px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 0px;
}

.grid #query {
    padding-bottom: 10px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 10px;
}

.dataTable {
    border-style: solid;
    border-spacing: 0px;
    width: 100%;
    padding: 0px;
    margin-bottom: 20px;
    max-width: 100%;
}

    .dataTable .toolbar {
        background-repeat: repeat-x;
        border-bottom: 1px solid #c4c4c4;
        color: #D70000;
        height: 29px;
        padding-left: 5px;
    }

        .dataTable .toolbar img {
            border: none;
            vertical-align: middle;
        }

        .dataTable .toolbar a {
            color: #D70000;
            text-decoration: none;
        }

            .dataTable .toolbar a:hover {
                text-decoration: none;
            }

        .dataTable .toolbar .button {
            cursor: pointer;
            height: 20px;
            padding-left: 10px;
            padding-right: 10px
        }

            .dataTable .toolbar .button:hover {
                background: url(../images/buttonHoverV2.png) repeat-x;
                border: 1px solid #ffbd69;
                height: 20px;
                padding-left: 9px;
                padding-right: 9px;
            }

@media screen and (max-width: 767px) {
    .dataTable {
        white-space: nowrap;
    }
}

.dataTable .list div.overflow {
    width: 100%;
    height: 400px;
    overflow: auto;
}

.dataTable .list table {
    background-color: #e6e6e6;
    font-family: Verdana;
    font-size: 12px;
    margin-left: 5px;
}

    .dataTable .list table th {
        background-color: White;
        color: #333333;
        font-weight: bold;
        font-family: Verdana;
        font-size: 12px;
        height: 33px;
        text-align: center;
        cursor: pointer;
        padding: 4px;
    }

    .dataTable .list table td {
        cursor: pointer;
        border: solid;
        border-width: 1px;
        border-style: solid;
        border-color: #CECECE;
        padding: 4px;
    }

.dataTable .list .dataTableRow {
    background-color: #fff;
    color: #323232;
}

.dataTable .list .footer {
    background-color: #fff;
    color: #323232;
    text-align: left;
}

.dataTable .list .dataTableRow:hover {
    background-color: #f7f7f7;
    color: #000;
}

.dataTable .list .rowSelected {
    background-color: #3f3c37;
    color: white;
}

.mnuOpened {
    height: 95vh;
    left: 0px;
    position: absolute;
    top: 57px;
    display: none;
    width: 330px;
    z-index: 1;
}

@media screen and (max-width: 900px) {
    .ListSearchButton {
        display: none;
    }
}

@media screen and (min-width: 901px) {
    .ListSearchButton {
        position: absolute;
        top: 24px;
        right: 24px;
    }
}


.mnuOpened .container {
    background-color: #4b9ac7;
    border-bottom: 1px solid #4b9ac7;
    border-top: 1px solid #4b9ac7;
    padding: 10px;
    vertical-align: top;
    width: 300px;
    color: #fff !important;
}

.mnuOpened .leftSide {
    border-left: 1px solid #3f3c37;
}

.mnuOpened .mnu {
    color: #D70000;
}

    .mnuOpened .mnu td {
        cursor: pointer;
        height: 22px;
        padding-bottom: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
    }

        .mnuOpened .mnu td:hover {
            color: #4B9AC7;
            font-family: Verdana !important;
            border: 1px solid #ffbd69;
            height: 20px;
            padding-bottom: 0px;
            padding-left: 15px;
            padding-right: 10px;
            padding-top: 0px;
        }

    .mnuOpened .mnu img {
        .mnuOpened .container padding-right: 10px;
        padding-bottom: 2px;
        vertical-align: middle;
    }


.btnMnuOpenButton {
    color: white !important;
    margin-top: 15px !important;
    margin-left: -25px !important;
    position: absolute !important;
}

#overlaySelectWindow {
    background-image: url(../images/modalTransparentV2.png);
    height: 100%;
    margin-top: 0;
    left: 0px;
    position: absolute;
    text-align: center;
    top: 0px;
    visibility: hidden;
    width: 100%;
    z-index: 333;
}

#selectWindowDIV {
    display: none;
}

#overlaySelectWindow div {
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
}

/* Build In Types */
.int {
    /*width:127px;*/
    width: 75px;
    /* 17 chr */
}

.smallint {
    width: 43px;
    /* 5 chr */
}

.tinyint {
    width: 29px;
    /* 3 chr */
}

.money {
    /*width:162px;*/
    width: 75px;
    /* 22 chr */
}

.decimal {
    width: 183px;
    /* 25 chr */
}

.date {
    width: 78px;
    /* 10 chr */
}

.datetime {
    width: 141px;
    /* 19 chr */
}

.tabbedPanel {
    border-spacing: 0px;
    width: 100%;
}

    .tabbedPanel .content {
        background-color: White;
        border-bottom: 1px solid #c4c4c4;
        border-left: 1px solid #c4c4c4;
        border-right: 1px solid #c4c4c4;
        border-top: none;
        padding: 10px;
    }

    .tabbedPanel .tabs {
        padding: 0px;
    }

        .tabbedPanel .tabs table {
            border-spacing: 0px;
            color: #D70000;
            height: 29px;
            padding: 0px;
            text-align: center;
            width: 100%;
        }

        .tabbedPanel .tabs .tab {
            width: 120px;
            cursor: pointer;
        }

        .tabbedPanel .tabs .separator {
            border-bottom: 1px solid #c4c4c4;
            border-left: none;
            border-right: none;
            border-top: none;
            width: 3px;
        }

        .tabbedPanel .tabs .selected {
            background-color: White;
            border-bottom: none;
            border-left: 1px solid #c4c4c4;
            border-right: 1px solid #c4c4c4;
            border-top: 1px solid #c4c4c4;
            font-weight: bold;
        }

        .tabbedPanel .tabs .passive {
            background-color: White;
            border-bottom: 1px solid #c4c4c4;
            border-left: 1px solid #c4c4c4;
            border-right: 1px solid #c4c4c4;
            border-top: 1px solid #c4c4c4;
            color: #333333;
            font-weight: bold;
        }

            .tabbedPanel .tabs .passive:hover {
                background-image: url(../images/tabHoverV2.png);
                border-bottom: 1px solid #c4c4c4;
                border-left: 1px solid #ffbd69;
                border-right: 1px solid #ffbd69;
                border-top: 1px solid #ffbd69;
                color: #000;
            }

        .tabbedPanel .tabs .null {
            border-bottom: 1px solid #c4c4c4;
            border-left: none;
            border-right: none;
            border-top: none;
        }

.NodeStyle {
    color: #fff;
    font-family: Verdana !important;
    font-size: 12px;
    height: 18px;
    margin-left: 5px;
    margin-right: 5px;
}

.HoverNodeStyle {
    background-color: #4B9AC7;
    color: #fff;
}

.NodeStyle a:hover {
    background-color: #4B9AC7 !important;
    color: #fff !important;
    text-decoration: none !important;
}

.loginSubmitButton {
    background-color: #3b5997;
    border-color: #3b5997;
    color: #FFFFFF;
}

.submitButton {
    background-color: #00afbd;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.clearButton {
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #F5F5F5, #F5F5F5);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #333333;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}



.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

    .ui-timepicker-div dl dt {
        height: 25px;
        margin-bottom: -25px;
    }

    .ui-timepicker-div dl dd {
        margin: 0 10px 10px 65px;
    }

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}


#ctnr {
    background-color: #9ea6af;
    width: 5%;
    height: 100%;
    position: fixed;
    top: 0px;
    right: 0px;
    display: none;
    z-index: 9990;
}

.slideOzelItemModul {
    font-size: 0.75em;
    color: #fcfcfc;
    padding: 0 40px;
}

/* özel menü slide */
.ozelSlideMenuItem.li:hover {
    background-color: #9ea6af;
    border-style: solid;
    border-color: #4A4A4A;
    color: #FFFFFF;
    text-decoration: none;
}

.ozelSlideMenuItemA {
    color: #fcfcfc;
    text-decoration: none;
}


#fb {
    margin-top: 100px;
    border-radius: 50%;
}

#tw {
    margin-top: 100px;
    border-radius: 50%;
}

#gp {
    margin-top: 100px;
    border-radius: 50%;
}

#itemSlide {
    display: none;
}




/**/

ul#ozelSlideMenu ul {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
    -moz-transition: all 0.5s;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s,visibility 0.5s;
    transition: opacity 0.5s;
    background-color: #9ea6af;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    padding: 0;
}

ul#ozelSlideMenu li:hover > ul {
    visibility: visible;
    opacity: 1;
}

ul#ozelSlideMenu li {
    position: relative;
    display: block;
    white-space: nowrap;
    font-size: 0;
}

    ul#ozelSlideMenu li:hover {
        z-index: 1;
    }

ul#ozelSlideMenu ul ul {
    position: absolute;
    left: 100%;
    top: 0;
    -moz-box-shadow: #585858 0px 0px 1px;
    -webkit-box-shadow: #585858 0px 0px 1px;
    box-shadow: #585858 0px 0px 1px;
}

ul#ozelSlideMenu {
    font-size: 0;
    z-index: 999;
    position: relative;
    zoom: 1;
    padding: 0;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

    ul#ozelSlideMenu > li {
        margin: 0;
    }

    ul#ozelSlideMenu a:active, ul#ozelSlideMenu a:focus {
        outline-style: none;
    }

    ul#ozelSlideMenu a {
        display: block;
        vertical-align: middle;
        text-align: left;
        text-decoration: none;
        font: bold 12px Arial,sans-serif;
        color: #fcfcfc;
        cursor: pointer;
        padding: 5px 15px;
        background-color: #9ea6af;
        background-repeat: repeat;
        border-width: 0px;
        border-style: none;
    }

    ul#ozelSlideMenu ul li {
        float: none;
        margin: 0;
    }

    ul#ozelSlideMenu ul a {
        text-align: left;
        padding: 8px 15px;
        background-color: #9ea6af;
        border-width: 0 0 1px 0;
        border-style: solid;
        border-color: #4A4A4A;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        font: 12px Arial,sans-serif;
        color: #AAAAAA;
        text-decoration: none;
    }

    ul#ozelSlideMenu img {
        border: none;
        vertical-align: middle;
        margin-right: 23px;
    }

    ul#ozelSlideMenu li.topmenu > a {
        background-color: #9ea6af;
        border-width: 0 0 0 5px;
        border-style: solid;
        border-color: transparent transparent transparent transparent;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
    }

    ul#ozelSlideMenu li.topmenu:hover > a, ul#ozelSlideMenu li.topmenu a.pressed {
        background-color: #a6aeb6;
        border-style: solid;
    }


.ozelFiltreButton {
    background-image: url("../images/widgetIcons/Save.png");
    background-repeat: no-repeat;
}

#Filtresortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    min-width: 20%;
}

    #Filtresortable li {
        margin: 0 3px 3px 3px;
        padding: 0.4em;
        padding-left: 1.5em;
        height: 32px;
    }


        #Filtresortable li span {
            position: absolute;
            margin-left: -1.3em;
        }

.FiltreSortedliLeftItem {
    float: left;
    width: 70%;
}

.FiltreSortedliRightItem {
    float: right;
    width: 30%;
}


/*Özel Liste*/

.ozelListButton {
    background-image: url("../images/widgetIcons/Save.png");
    background-repeat: no-repeat;
}

#Listsortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    min-width: 20%;
}

    #Listsortable li {
        margin: 0 3px 3px 3px;
        padding: 0.4em;
        padding-left: 1.5em;
        height: 35px !important;
        width: 370px !important;
        border: 1px !important;
        border-color: #3333 !important;
        border-style: solid !important;
    }


        #Listsortable li span {
            position: absolute;
            margin-left: -1.3em;
            right: 20px;
        }

.ListSortedliLeftItem {
    float: left;
    width: 70%;
}

.ListSortedliRightItem {
    float: right;
    width: 30%;
}



/* özel menü slide sonu*/

::-webkit-input-placeholder {
    font-style: italic;
    font-size: x-small;
}

:-moz-placeholder { /* Firefox 18- */
    font-style: italic;
    font-size: x-small;
}

::-moz-placeholder { /* Firefox 19+ */
    font-style: italic;
    font-size: x-small;
}

:-ms-input-placeholder {
    font-style: italic;
    font-size: x-small;
}

.ui-datepicker-trigger {
    text-indent: -1000em;
    position: relative;
    left: -25px;
    margin-right: -19px;
}

.lLookupButtonEdit {
    text-indent: -1000em;
    position: relative;
}


.lLookupButtonEditTextBox {
    /*background-color: #fafafa;*/
    border: 1px solid rgba(51, 51, 51, 0.3);
    /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;*/
    width: 325px;
    outline: none !important;
    margin-bottom: 6px;
    margin-right: 3px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    /*transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;*/
    font-family: Verdana;
    background-image: none;
    height: 30px;
    line-height: 1.42857;
    padding: 3px 6px;
    padding-right: 20px;
    border-radius: 3px;
}

    .lLookupButtonEditTextBox:focus {
        background-color: #fff;
        border: 1px solid #4b9ac7;
        box-shadow: 0 0 2px 0 rgb(63, 60, 55);
    }

.btn {
    color: White !important;
    padding: 4px !important;
    vertical-align: top !important;
}

    .btn + .btn {
        margin-left: 2px !important;
    }

.btnInfo {
    color: White !important;
    vertical-align: top !important;
}

    .btnInfo + .btnInfo {
        margin-left: 2px !important;
    }


.icheckbox_square-v3blue, .iradio_square-v3blue {
    margin-bottom: 6px !important;
}

select {
    background-color: #fafafa !important;
    color: black !important;
}

    select[multiple], select[size] {
        border: 1px solid rgba(51, 51, 51, 0.3);
        color: #666 !important;
        border-radius: 3px !important;
    }

/****Filter Panel*****/

.filterPanelRow {
    padding-left: 0px;
    padding-top: 3px;
    clear: both;
}

@media screen and (max-width: 560px) {
    .filterPanelRow {
        width: 300px;
    }
}

.filterPanelLabelItem {
    padding-left: 0px;
    width: 330px;
    display: flex;
    float: left;
}

.filterPanelLabel {
    padding-left: 5px;
    width: 200px;
}

.filterPanelItem {
    padding-left: 5px;
    width: 110px;
}

.filterPanelOperator {
    display: inline;
    width: 330px;
}

.filterPanelSortDropList {
    padding-left: 5px;
    display: flex;
}

.filterPanelSortCell {
    padding-left: 5px;
    width: 200px;
    white-space: nowrap;
}

.filterPanelSort {
    padding-left: 0px;
    width: 330px;
    display: flex;
}


.filterPanelButton {
    padding-left: 200px;
    width: 280px;
    margin: 5px;
    display: flex;
}

@media screen and (max-width:640px) {
    .filterPanelButton {
        padding-left: 0px;
    }
}

.raporFiltreSiralama {
    background-color: #fff !important;
    border: 1px solid rgba(51, 51, 51, 0.3);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 6px;
    margin-right: 6px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    font-family: Verdana;
    height: 26px;
    line-height: 1.42857;
    padding: 3px 6px;
    background-image: none;
    width: 470px !important;
}

.raporFiltreDegiskenFiltre {
    background-color: #fafafa !important;
    border: 1px solid rgba(51, 51, 51, 0.3);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 6px;
    margin-right: 6px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    font-family: Verdana;
    height: 26px;
    line-height: 1.42857;
    padding: 3px 6px;
    background-image: none;
    width: 100px !important;
}


/* tab control özel stiller - begin*/

.nav-tabs > li.active > a {
    background-color: #fff !important;
    font-weight: bold !important;
    border: none !important;
    border-bottom: 2px solid #4B9AC7 !important;
    color: #4B9AC7 !important;
    height: 40px !important;
}


.nav-tabs {
    padding-top: 15px !important;
}

    .nav-tabs > li {
        margin-bottom: unset !important;
    }

        .nav-tabs > li > a, .nav-pills > li > a {
            color: #666 !important;
            border-radius: 0 !important;
            -webkit-border-radius: 0 !important;
        }

        .nav-tabs > li > a {
            border-radius: 0 !important;
            border: none !important;
        }


.nav-tabs, .nav-pills {
    margin-bottom: 10px !important;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #fff !important;
}

/* tab control özel stiller - end*/

/* multiselect grid */

.LMultiSelectGridView th {
    padding: 10px;
    text-align: center;
}

.LMultiSelectGridView td {
    padding: 10px;
}

/* multiselect grid */



.fa-2x {
    font-size: 2em !important;
}

.alert {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

.l-quick-filter-panel {
    z-index: 1000000;
}

.bilimp-button-background {
    background: #4b9ac7 !important;
    color: #fff !important;
}

/*BilimpV3*/

.dataTables_filter {
    display: none;
}

.dataTables_paginate {
    display: none;
}

.dataTables_processing {
    z-index: 99 !important;
    background: transparent !important;
}

#listDataTable {
    margin: 0 !important;
    height: 150px !important;
}

table.dataTable {
    margin: 0 !important;
}

    table.dataTable tbody tr.selected {
        background-color: #4b9ac732 !important;
    }

table.display {
    margin: 0 !important;
}

.containerDataTables {
    padding-left: 10px;
    padding-right: 10px;
}

.containerDataTablesDetailList {
    width: 95vw;
}

.aggregateListDataTableRow {
    font-weight: bold !important;
    background: #f0f5f8 !important;
    height: 50px !important;
}


.filter::-webkit-input-placeholder {
    font-style: normal !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #7d7d7d !important;
    text-align: center;
    font-family: Verdana !important;
}

.filter:-moz-placeholder { /* Firefox 18- */
    font-style: normal !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #7d7d7d !important;
    text-align: center;
    font-family: Verdana !important;
}

.filter::-moz-placeholder { /* Firefox 19+ */
    font-style: normal !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #7d7d7d !important;
    text-align: center;
    font-family: Verdana !important;
}

.filter:-ms-input-placeholder {
    font-style: normal !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #7d7d7d !important;
    text-align: center;
    font-family: Verdana !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none !important;
}

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

    .portlet.box.grey-mint-teracity > .portlet-title {
        font-weight: bolder !important;
    }


.detailToolBar {
    border-bottom: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgb(240, 245, 248);
    padding-top: 10px;
    padding-bottom: 10px;
    height: 60px;
}

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

.ui-widget-header {
    border: none !important;
    background: #4b9ac7 !important;
    color: #fff !important;
    font-weight: bold !important;
}

.ui-dialog {
    padding: 0px !important;
}

    .ui-dialog .ui-dialog-titlebar-close {
        background: #4b9ac7 !important;
    }

.ui-sortable-handle {
    background: #EFF6FA !important;
}

.tabbable {
    padding-top: 0px;
}

.lookupSelectButton {
    background-color: none;
}

.lookupSelectButtonIcon {
    color: #999999;
    margin-left: -42px;
    margin-top: 4px !important;
}

.entryPageInfoButton {
    background: url("../images/InfoV2.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: relative;
}


    .entryPageInfoButton input {
        background: none !important;
        color: #ffffff !important;
        float: left !important;
        position: absolute !important;
        padding-right: 20px !important;
        padding-top: 20px !important;
    }


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none !important;
    border-radius: 5px !important;
    height: 20px !important;
    width: 20px !important;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default:active {
        border: 1px solid #fff !important;
    }

.ui-state-highlight {
    background-color: #4b9ac778 !important;
    border-color: #4b9ac778 !important;
}

.personelizeListCheckBox {
    margin-right: 10px !important;
    accent-color: #4B9AC7 !important;
}

.ui-dialog-titlebar {
    text-align: center !important;
}

.listDataTables {
    cursor: pointer;
    border-left: 0px !important;
    border-right: 0px !important;
    visibility: hidden;
    border: none !important;
}

.lDateBoxFilter {
    padding: 3px 6px;
    background-position: right;
    background-repeat: no-repeat;
}

.portlet.box.grey-mint-teracity > .portlet-title {
    background-color: #3f3c37 !important;
    font-weight: bolder !important;
}


table.dataTable thead th {
    padding-left: 5px !important;
    padding-right: 5px !important;
    border-bottom: none !important;
}

.dataTables_scrollHeadInner .listDataTables thead th {
    padding-top: 5px !important;
    padding-bottom: 0px !important;
}

.dataTables_scrollHead {
    position: unset !important
}


.lookupGotoEntityLabel {
    font-size: 14px !important;
    font-family: Verdana !important;
    text-decoration: underline !important;
    float: left !important;
    padding-right: 10px !important;
    color: #666666 !important;
    font-weight: 500;
    line-height: 16px;
    font-style: normal;
}

    .lookupGotoEntityLabel:hover {
        color: #444444 !important;
    }

.filterPanelKapatButton {
    background-color: white;
    height: 20px;
    width: 80px;
    border: none;
    font-size: 20px !important;
    margin-top: 1px !important;
    border-top-right-radius: 250px;
    border-top-left-radius: 250px;
}

.filterPanelArtanButton {
    background-color: white;
    height: 25px;
    width: 70px;
    border: none;
    font-size: 14px;
    border-radius: 4px;
    box-shadow: 0px 2px 5px 5px rgba(69,65,78,0.07);
}

.filterPanelArtanButtonUse {
    background-color: #f2912f;
    color: white;
    height: 25px;
    width: 70px;
    border: none;
    font-size: 14px;
    border-radius: 4px;
    box-shadow: 0px 2px 5px 5px rgba(69,65,78,0.07);
}

.filterPanelAzalanButton {
    background-color: white;
    height: 25px;
    width: 70px;
    border: none;
    box-shadow: 0 0 2px 1px #dcdcdc;
    font-size: 14px;
    border-radius: 4px;
    box-shadow: 0px 2px 5px 5px rgba(69,65,78,0.07);
}

.filterPanelAzalanButtonUse {
    background-color: #f2912f;
    color: white;
    height: 25px;
    width: 70px;
    border: none;
    box-shadow: 0 0 2px 1px #dcdcdc;
    font-size: 14px;
    border-radius: 4px;
    box-shadow: 0px 2px 5px 5px rgba(69,65,78,0.07);
}

.filterPanelFilterOperator {
    background-color: white;
    height: 25px;
    width: 160px;
    border: none;
    box-shadow: 0 0 2px 1px #dcdcdc;
    font-size: 11px;
    font-family: Verdana;
    box-shadow: 0px 2px 5px 5px rgba(69,65,78,0.07);
}

.filterPanelFiltreleButton {
    background-color: white;
    height: 25px;
    width: 70px;
    border: none;
    box-shadow: 0px 2px 5px 5px rgba(69,65,78,0.07);
    font-size: 11px;
    font-family: Verdana;
    border-radius: 4px;
}

.filterPanelTemizleButton {
    background-color: white;
    height: 25px;
    width: 70px;
    border: none;
    box-shadow: 0px 2px 5px 5px rgba(69,65,78,0.07);
    font-size: 11px;
    font-family: Verdana;
    border-radius: 4px;
}

.headerFilterOperatorButtonClass {
    color: #4B9AC7;
    border: none;
    background-color: #fff;
}



.headerFilterOperatorButtonUseClass {
    color: #f2912f;
    border: none;
    background-color: #fff;
}


.filterOperatorPanelClassNotUseClass {
    visibility: hidden;
    height: 0px;
    width: 0px;
    z-index: 0;
}

.filterOperatorPanelClassUseClass {
    visibility: visible;
    position: absolute;
    background-color: #f0f5f8;
    height: 150px;
    width: 190px;
    z-index: 999;
    margin-top: 3px;
    box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.1);
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    top: 50px;
}

.filterOperatorPanelClassUseWithBetweenClass {
    visibility: visible;
    position: absolute;
    background-color: #f0f5f8;
    height: 178px;
    width: 190px;
    z-index: 999;
    margin-top: 3px;
    box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.1);
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    top: 50px;
}

.filterOperatorDivTable {
    display: table;
    width: 100%;
}

.filterOperatorDivTableRow {
    margin: 7px;
}

.filterOperatorDivTableCell {
    display: table-cell;
    padding: 3px 10px;
    width: 50%;
}

.filterOperatorDivTableSelectCell {
    display: table-cell;
    padding: 3px 10px;
    width: 100%;
}

.FilterInput {
    width: 100% !important;
    white-space: nowrap !important;
    border-width: 0px !important;
    border-style: ridge !important;
    font-size: 13px !important;
    height: 28px !important;
    padding-left: 4px !important;
    border-radius: 50px !important;
    outline: none !important;
}

.FilterInputDate {
    width: 100%;
    border-width: 0px;
    border-style: ridge;
    font-size: 13px;
    height: 30px;
    padding-left: 4px;
    padding-right: 25px;
    border-radius: 50px !important;
}

.FilterInputBetweenSecondInput {
    width: 160px !important;
    white-space: nowrap !important;
    border-width: 0px !important;
    border-style: ridge !important;
    font-size: 13px !important;
    height: 28px !important;
    padding-left: 4px !important;
    box-shadow: 0px 1px 1px 1px rgba(69,65,78,0.08) !important;
}

.FilterInputBetweenSecondInputDate {
    width: 160px;
    border-width: 0px;
    border-style: ridge;
    font-size: 13px;
    height: 30px;
    padding-left: 4px;
    padding-right: 25px;
    box-shadow: 0px 1px 1px 1px rgba(69,65,78,0.08)
}

.FilterBetweenSecondInputPanel {
    visibility: hidden;
    height: 0px;
}

.FilterBetweenSecondInputPanelUse {
    visibility: visible;
    height: 30px;
}

.disable-dbl-tap-zoom {
    touch-action: manipulation;
}

.listToolBarCaption {
    text-align: center;
}

#DataTablesListHeaderLLabel {
    font-style: normal;
    font-size: 21px;
    line-height: 29px;
    color: #4B9AC7;
}

.entryFormHeadToolBar {
    font-style: normal !important;
    font-size: 21px !important;
    line-height: 29px;
    color: #4B9AC7 !important;
    padding-left: 15px;
    text-align: center !important;
    position: unset !important;
}

#CustomToolBarLabel {
    font-style: normal !important;
    font-size: 21px !important;
    line-height: 29px;
    color: #4B9AC7 !important;
    padding-left: 15px;
    text-align: center !important;
}

#RaporNameHeaderLLabel {
    font-style: normal;
    font-size: 21px;
    line-height: 29px;
    color: #4B9AC7;
}

.portlet.box.grey-mint-teracity {
    box-shadow: none !important;
}

.listToolBarHeaderLine {
    border-bottom: 2px #4B9AC7 solid !important;
    margin-right: 25px !important;
    margin-left: 25px !important;
    margin-top: 10px !important;
}

.entryToolBarHeaderLine {
    border-bottom: 2px #4B9AC7 solid !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
    margin-top: 10px !important;
}

.filterButtonDiv {
    height: 15px;
    float: right;
    padding-bottom: 30px;
    margin-top: -20px;
    position: relative;
    visibility: hidden;
}

.toolbarButtonClass {
    margin-right: 10px !important;
    padding: 3px 12px !important;
    float: left !important;
    line-height: 18px !important;
    font-size: 13px !important;
}

    .toolbarButtonClass i {
        font-size: 16px !important;
    }




/*Mavi Button*/

.btn.btn-outline.v3blue {
    border-color: #4B9AC7 !important;
    color: #4B9AC7 !important;
    background: none !important;
    border: 1px solid !important;
}

    .btn.btn-outline.v3blue:hover, .btn.btn-outline.v3blue:active, .btn.btn-outline.v3blue:active:hover, .btn.btn-outline.v3blue:active:focus, .btn.btn-outline.v3blue:focus, .btn.btn-outline.v3blue.active {
        border-color: #4B9AC7 !important;
        color: #4B9AC7 !important;
        background-color: #4B9AC716 !important;
    }


.btn.v3blue:not(.btn-outline) {
    color: #FFFFFF !important;
    background-color: #4B9AC7 !important;
    border-color: #4B9AC7 !important;
    border: 1px #4b9ac7 solid !important;
}

    .btn.v3blue:not(.btn-outline):focus, .btn.v3blue:not(.btn-outline).focus {
        color: #FFFFFF !important;
        background-color: #217ebd !important;
        border-color: #15527c !important;
    }

    .btn.v3blue:not(.btn-outline):hover {
        color: #FFFFFF;
        background-color: #217ebd !important;
        border-color: #1f78b5 !important;
    }

    .btn.v3blue:not(.btn-outline):active, .btn.v3blue:not(.btn-outline).active,
    .open > .btn.v3blue:not(.btn-outline).dropdown-toggle {
        color: #FFFFFF;
        background-color: #217ebd !important;
        border-color: #1f78b5 !important;
    }

        .btn.v3blue:not(.btn-outline):active:hover, .btn.v3blue:not(.btn-outline):active:focus, .btn.v3blue:not(.btn-outline):active.focus, .btn.v3blue:not(.btn-outline).active:hover, .btn.v3blue:not(.btn-outline).active:focus, .btn.v3blue:not(.btn-outline).active.focus,
        .open > .btn.v3blue:not(.btn-outline).dropdown-toggle:hover,
        .open > .btn.v3blue:not(.btn-outline).dropdown-toggle:focus,
        .open > .btn.v3blue:not(.btn-outline).dropdown-toggle.focus {
            color: #FFFFFF;
            background-color: #1c699f !important;
            border-color: #15527c !important;
        }

    .btn.v3blue:not(.btn-outline):active, .btn.v3blue:not(.btn-outline).active,
    .open > .btn.v3blue:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.v3blue:not(.btn-outline).disabled:hover, .btn.v3blue:not(.btn-outline).disabled:focus, .btn.v3blue:not(.btn-outline).disabled.focus, .btn.v3blue:not(.btn-outline)[disabled]:hover, .btn.v3blue:not(.btn-outline)[disabled]:focus, .btn.v3blue:not(.btn-outline)[disabled].focus,
    fieldset[disabled] .btn.v3blue:not(.btn-outline):hover,
    fieldset[disabled] .btn.v3blue:not(.btn-outline):focus,
    fieldset[disabled] .btn.v3blue:not(.btn-outline).focus {
        background-color: #4B9AC7 !important;
        border-color: #4B9AC7 !important;
    }

    .btn.v3blue:not(.btn-outline) .badge {
        color: #4B9AC7 !important;
        background-color: #FFFFFF;
    }
/*Mavi Buton SON*/


/*Turuncu Button*/

.btn.btn-outline.v3orange {
    border-color: #ff8d4b !important;
    color: #ff8d4b !important;
    background: none !important;
    border: 1px solid !important;
}

    .btn.btn-outline.v3orange:hover, .btn.btn-outline.v3orange:active, .btn.btn-outline.v3orange:active:hover, .btn.btn-outline.v3orange:active:focus, .btn.btn-outline.v3orange:focus, .btn.btn-outline.v3orange.active {
        border-color: #ff8d4b !important;
        color: #ff8d4b !important;
        background-color: #ff8d4b16 !important;
    }


.btn.v3orange:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #ff8d4b;
    border-color: #ff8d4b;
    border: 1px #ff8d4b solid;
}

    .btn.v3orange:not(.btn-outline):focus, .btn.v3orange:not(.btn-outline).focus {
        color: #FFFFFF;
        background-color: #217ebd;
        border-color: #15527c;
    }

    .btn.v3orange:not(.btn-outline):hover {
        color: #FFFFFF;
        background-color: #217ebd;
        border-color: #1f78b5;
    }

    .btn.v3orange:not(.btn-outline):active, .btn.v3orange:not(.btn-outline).active,
    .open > .btn.v3orange:not(.btn-outline).dropdown-toggle {
        color: #FFFFFF;
        background-color: #217ebd;
        border-color: #1f78b5;
    }

        .btn.v3orange:not(.btn-outline):active:hover, .btn.v3orange:not(.btn-outline):active:focus, .btn.v3orange:not(.btn-outline):active.focus, .btn.v3orange:not(.btn-outline).active:hover, .btn.v3orange:not(.btn-outline).active:focus, .btn.v3orange:not(.btn-outline).active.focus,
        .open > .btn.v3orange:not(.btn-outline).dropdown-toggle:hover,
        .open > .btn.v3orange:not(.btn-outline).dropdown-toggle:focus,
        .open > .btn.v3orange:not(.btn-outline).dropdown-toggle.focus {
            color: #FFFFFF;
            background-color: #1c699f;
            border-color: #15527c;
        }

    .btn.v3orange:not(.btn-outline):active, .btn.v3orange:not(.btn-outline).active,
    .open > .btn.v3orange:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.v3orange:not(.btn-outline).disabled:hover, .btn.v3orange:not(.btn-outline).disabled:focus, .btn.v3orange:not(.btn-outline).disabled.focus, .btn.v3orange:not(.btn-outline)[disabled]:hover, .btn.v3orange:not(.btn-outline)[disabled]:focus, .btn.v3orange:not(.btn-outline)[disabled].focus,
    fieldset[disabled] .btn.v3orange:not(.btn-outline):hover,
    fieldset[disabled] .btn.v3orange:not(.btn-outline):focus,
    fieldset[disabled] .btn.v3orange:not(.btn-outline).focus {
        background-color: #ff8d4b;
        border-color: #ff8d4b;
    }

    .btn.v3orange:not(.btn-outline) .badge {
        color: #ff8d4b;
        background-color: #FFFFFF;
    }
/*Turuncu Buton SON*/



/*Kırmızı Button*/
.btn.v3red:not(.btn-outline) {
    color: #FF5C70 !important;
    background-color: #fff;
    border-color: #FF5C70;
    border-width: 1px;
}

    .btn.v3red:not(.btn-outline):focus, .btn.v3red:not(.btn-outline).focus {
        color: #FF5C70 !important;
        background-color: #fff;
        border-color: #FF5C70;
    }

    .btn.v3red:not(.btn-outline):hover {
        color: #FF5C70 !important;
        background: rgba(226, 91, 107, 0.09);
        border-color: #FF5C70;
    }

    .btn.v3red:not(.btn-outline):active, .btn.v3red:not(.btn-outline).active,
    .open > .btn.v3red:not(.btn-outline).dropdown-toggle {
        color: #FF5C70 !important;
        background: rgba(226, 91, 107, 0.09);
        border-color: #FF5C70;
    }

        .btn.v3red:not(.btn-outline):active:hover, .btn.v3red:not(.btn-outline):active:focus, .btn.v3red:not(.btn-outline):active.focus, .btn.v3red:not(.btn-outline).active:hover, .btn.v3red:not(.btn-outline).active:focus, .btn.v3red:not(.btn-outline).active.focus,
        .open > .btn.v3red:not(.btn-outline).dropdown-toggle:hover,
        .open > .btn.v3red:not(.btn-outline).dropdown-toggle:focus,
        .open > .btn.v3red:not(.btn-outline).dropdown-toggle.focus {
            color: #FF5C70 !important;
            background: rgba(226, 91, 107, 0.09);
            border-color: #FF5C70;
        }

    .btn.v3red:not(.btn-outline):active, .btn.v3red:not(.btn-outline).active,
    .open > .btn.v3red:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.v3red:not(.btn-outline).disabled:hover, .btn.v3red:not(.btn-outline).disabled:focus, .btn.v3red:not(.btn-outline).disabled.focus, .btn.v3red:not(.btn-outline)[disabled]:hover, .btn.v3red:not(.btn-outline)[disabled]:focus, .btn.v3red:not(.btn-outline)[disabled].focus,
    fieldset[disabled] .btn.v3red:not(.btn-outline):hover,
    fieldset[disabled] .btn.v3red:not(.btn-outline):focus,
    fieldset[disabled] .btn.v3red:not(.btn-outline).focus {
        background-color: #fff;
        border-color: #E25B6B;
        color: #E25B6B;
    }

    .btn.v3red:not(.btn-outline) .badge {
        color: #FF5C70;
        background-color: #ffffff;
    }

.btn.btn-outline.v3red {
    border-color: #FF5C70 !important;
    color: #FF5C70 !important;
    background: none !important;
    border: 1px solid !important;
}

    .btn.btn-outline.v3red:hover, .btn.btn-outline.v3red:active, .btn.btn-outline.v3red:active:hover, .btn.btn-outline.v3red:active:focus, .btn.btn-outline.v3red:focus, .btn.btn-outline.v3red.active {
        border-color: #FF5C70 !important;
        color: #FF5C70 !important;
        background-color: #FF5C7016 !important;
    }
/*Kırmızı Buton SON*/



/*Koyu Kırmızı Button*/

.btn.btn-outline.v3darkred {
    border-color: #640D17 !important;
    color: #640D17 !important;
    background: none !important;
    border: 1px solid !important;
}

    .btn.btn-outline.v3darkred:hover, .btn.btn-outline.v3darkred:active, .btn.btn-outline.v3darkred:active:hover, .btn.btn-outline.v3darkred:active:focus, .btn.btn-outline.v3darkred:focus, .btn.btn-outline.v3darkred.active {
        border-color: #FF5C70 !important;
        color: #FF5C70 !important;
        background-color: #FF5C7016 !important;
    }
/*Koyu Kırmızı Buton SON*/


/*Koyu Mavi Button*/

.btn.btn-outline.v3darkblue {
    border-color: #0B354D !important;
    color: #0B354D !important;
    background: none !important;
    border: 1px solid !important;
}

    .btn.btn-outline.v3darkblue:hover, .btn.btn-outline.v3darkblue:active, .btn.btn-outline.v3darkblue:active:hover, .btn.btn-outline.v3darkblue:active:focus, .btn.btn-outline.v3darkblue:focus, .btn.btn-outline.v3darkblue.active {
        border-color: #4B9AC7 !important;
        color: #4B9AC7 !important;
        background-color: #4B9AC716 !important;
    }

/*Koyu Mavi Buton SON*/

.select2-container {
    margin-bottom: 3px !important;
    margin-right: 6px !important;
}

    .select2-container .select2-choice {
        height: 32px;
        border: 1px solid rgba(51, 51, 51, 0.3) !important;
        padding: 3px 6px !important;
    }

        .select2-container .select2-choice .select2-arrow {
            border-left: none !important;
        }

            .select2-container .select2-choice .select2-arrow b {
                background-color: #fff !important;
            }

                .select2-container .select2-choice .select2-arrow b:hover {
                    background-color: #f0f5f8 !important;
                }

.devexEntryFormComponents {
    width: 325px !important;
}


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

    .datatableStrip1:hover {
        background-color: #f0f5f8 !important;
    }

.datatableStrip2 {
    background-color: #f5f8fa !important;
}

    .datatableStrip2:hover {
        background-color: #f0f5f8 !important;
    }

:focus {
    outline: none !important;
}

.select2-dropdown-open .select2-choice {
    background-color: #fff !important
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: 0.38 !important;
}

.ui-menu-item a {
    background-color: #fff !important;
    color: #666 !important;
    max-width: 320px !important;
}

    .ui-menu-item a:hover {
        background-color: #4b9ac716 !important;
        color: #666 !important;
        border: none !important;
    }


.ui-state-focus {
    border: none !important;
    background: none !important;
    background-color: none !important;
}


button[disabled], html input[disabled], textarea[disabled] {
    cursor: default;
    background-color: #ddeffb80 !important;
    color: #666 !important;
}


.alert-info {
    background: rgba(75, 154, 199, 0.12) !important;
    color: #4B9AC7 !important;
    border: none !important;
    height: 100% !important;
}

.alert-warning {
    background: rgba(255, 141, 75, 0.12) !important;
    color: #FF8D4B !important;
    border: none !important;
    height: 100% !important;
}

.alert-danger {
    background: rgba(226, 91, 107, 0.12) !important;
    color: #E25B6B !important;
    border: none !important;
    height: 100% !important;
}

.entryFormHeadToolBarDiv_left {
    float: left !important;
    width: 33.3333333% !important;
}

.entryFormHeadToolBarDiv_center {
    float: left !important;
    width: 33.3333333% !important;
}

.entryFormHeadToolBarDiv_right {
    float: right !important;
    width: 33.3333333% !important;
}


@media screen and (max-width: 1450px) {
    .entryFormHeadToolBarDiv_left {
        float: left !important;
        width: 70% !important;
    }

    .entryFormHeadToolBarDiv_center {
        display: none !important;
    }

    .entryFormHeadToolBarDiv_right {
        float: right !important;
        width: 30% !important;
    }
}

.slimScrollBar {
    background: rgb(75, 154, 199) none repeat scroll 0% 0% !important;
}

.form-column-size {
    width: 675px !important;
}

.td-data-column-size {
    width: 360px !important;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: unset !important;
}

.islem-baslik {
    color: #4B9AC7 !important;
    padding: 8px 14px !important;
    display: block;
}

.islem li > a:hover, .islem .active > a, .islem .active > a:hover {
    background-color: #4B9AC716 !important;
}

.islem li > a {
    color: #666 !important;
    font-weight: normal !important;
    padding: 8px 0px 10px 35px !important;
}

.islem li.divider {
    background: #E0E3E6 !important;
}

.mr4 {
    margin-right: 4px !important;
}

.ui-state-default .ui-icon {
    background-image: url("../images/JQueryButtonSet.png") !important;
}

.select2-no-results {
    display: none !important;
}

.ltrDate {
    min-width: 50px !important;
}

.ltrControl {
    min-width: 50px !important;
}

.ltrInteger {
    min-width: 50px !important;
}

.ltrDecimal {
    min-width: 50px !important;
}

.ltrMoney {
    min-width: 50px !important;
}

.ltrSmallInt {
    min-width: 50px !important;
}


/*END BilimpV3*/