@import url('rawline.css?version=1.0.1');
    @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

    /* #################################################################################### */
    /* ##################################################### / / / pages css imported ##### */
    /* #################################################################################### */

    /* ##### general css  */

    ul, li, div, a, img, table,
    tr, td, input, textarea, select { box-sizing: border-box; outline:none; }
    a, a:link, a:hover              { cursor:pointer; }
    ::-webkit-input-placeholder     { color:#333; }
    ::-moz-placeholder              { color:#333; }
    :-ms-input-placeholder          { color:#333; }
    :-moz-placeholder               { color:#333; }
    input[type="text"], textarea, select   { outline:none; background-color:#fff; }
    input[type=radio] { background:#fff !important; }
    input[type=checkbox] { background:#fff !important; }
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button { opacity: 1; }

    select {
        padding: 10px;
        margin: 0;
        color:#000;
        border:#dfdfdf 1px solid;
        -webkit-appearance:none; /* remove the strong OSX influence from Webkit */
    }

    body            {
        background:#f5f5f5;
        color:#333; font:400 14px 'rawline', sans-serif;
        line-height:20px;
        margin:0; overflow-x:hidden;
    }
    .transeffect    {
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .img-responsive { width:auto; }  .DNone { display:block; }
    .col-lg-1_5     { width:20%; padding:0 15px; }
    hr              { border:none; border-top:#dfdfdf 1px solid; }
    a               { color:#666; font:500 13px 'rawline', sans-serif; cursor:pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    a:hover         { color:#333; text-decoration:underline; cursor:pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    a:active { text-decoration:none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    a:before { cursor:pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .ta-left        { text-align:left !important; }
    .ta-right       { text-align:right !important; }
    .ta-center      { text-align:center !important; }

    .va-top     { vertical-align:top !important; }
    .va-middle  { vertical-align:middle !important; }
    .va-bottom  { vertical-align:bottom !important; }

    .loginBg    { background:#fff; min-height:500px; padding:50px; display: flex; align-items: center; justify-content: center; }
    .loginContent   { width:100%; min-height:50px; }
    .loginContent input[type=text], .loginContent input[type=password]   { width:100%; padding:10px; border:#dfdfdf 1px solid; border-radius:4px; margin-bottom:15px; }
    .loginContent input[type=submit]  { padding:8px 15px; border:none; border-radius:5px; background:#ff0000; color:#fff; font:700 13px 'rawline', sans-serif; }

    .doanInputClass     { width:100%; padding:6px; border-radius:3px; border:#dfdfdf 1px solid; margin-bottom:10px; }
    .doanSubmitClass    { background:#ff0000; color:#fff; font:700 12px 'Quicksand', sans-serif; padding:5px 10px; border-radius:5px; border:none; }

    .loginBackground    { background:url("../images/depo-login-bg.jpg?version=1.0.0") no-repeat center center; background-size: cover; }

    .header-top     { background:#fff; padding:20px 0; height:78px; }
    .fa-th-large            { color:#ff0000; font-size:30px; margin:5px 10px 0 0; cursor:pointer; }

    .buton_dash     { width:100%; height:150px; margin-bottom:20px; display:flex; flex-direction: column; align-items: center; justify-content: center; background:#fff; border-radius:5px; }
    .buton_dash:hover     { background:#ff0000; color:#fff; cursor:pointer; }
    .buton_dash:hover .dash_icon, .buton_dash:hover .dash_title    { color:#fff; }
    .dash_icon      { color:#ff0000; font-size:80px; margin-bottom:10px; }
    .dash_title     { color:#000; font:700 13px 'rawline', sans-serif; }

    .sayfaYukleniyor     { width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.8); z-index:9997; }
    .sayfaYukleniyor div     { width:100%; height:100%; color:#fff; display:flex; justify-content: center; align-items: center; flex-direction: column; }

    .partiClass         { width:100%; cursor:pointer; height:50px; float:left; margin-bottom:10px; background:#fff; border:#dfdfdf 1px solid; border-radius:5px; }
    .partiClass_RS      { width:100%; cursor:pointer; height:50px; float:left; margin-bottom:10px; background:#e6f2ff; border:#cce5ff 1px solid !important; border-radius:5px; }
    .partiClass_1       { width:100%; cursor:pointer; height:40px; float:left; margin-bottom:10px; background:#fff; border-bottom:#dfdfdf 1px solid; border-radius:5px; }
    .partiClass_RS:hover, .partiClass:hover       { background:#efefef; }
    .partiClassAct          { color: #155724; background: #d4edda !important; border-color: #c3e6cb !important; }
    .partiClassAct:hover    { color: #155724; background: #d4edda !important; border-color: #c3e6cb !important; }
    .partiTitle         { width:50%; float:left; font:700 14px 'rawline', sans-serif; margin:15px; color:#ff0000; }
    .partiTitle_1       { width:30%; float:left; font:700 14px 'rawline', sans-serif; margin:15px; color:#000; }
    .partiTitle2        { width:30%; float:right; text-align:right; font:500 13px 'rawline', sans-serif; margin:4px 10px 0 0; color:#666; }
    .partiTitle2_1      { width:15%; float:left; font:500 13px 'rawline', sans-serif; margin:15px; color:#666; }
    .partiTitle3        { width:10%; font-weight:bold; margin:15px; color:#666; }
    .partiTitle3_1      { width:15%; font-weight:bold; margin:15px; color:#666; }
    .partiTitle4        { width:30%; float:left; font-weight:bold; margin:15px; color:#666; }
    .partiTitle4_1      { width:25%; float:left; font:500 13px 'rawline', sans-serif; margin:15px; color:#666; }

    .stokDetailClass        { width:100%; min-height:100px; float:left; padding:15px; margin:-5px 0 30px 0; background:#fff; border:#dfdfdf 1px solid; border-radius:5px; }
    .stokDetailTop          { width:100%; min-height:30px; float:left; padding:10px; margin:0; background:#e3e8ec; color:#000; border-radius:5px; line-height:16px !important; font:500 12px 'rawline', sans-serif; }
    .stokDetailTop b        { color:#ff0000; }

    .YeniMalzemeBG      { width:100%; float:left; padding:5px; box-sizing: border-box; border-radius:3px; border:#f2f2f2 1px solid; margin-bottom:15px; }
    .YeniMalzemeButon   { width:100%; float:left; padding:5px; box-sizing: border-box; background:#fff; border-radius:3px; border:#f2f2f2 1px solid; margin-bottom:15px; cursor:pointer; }
    .YeniMalzemeButon:hover     { background:#f0f0f0; }
    .YeniMalzemeButon:hover .YMB_01   { background:#dadada; }
    .YeniMalzemeButon .YMB_01   { width:55px; height:55px; float:left; color:#ff0000; font:700 14px 'Quicksand', sans-serif; display:flex; justify-content: center; align-items: center; border-radius:3px; background:#f2f2f2; }
    .YeniMalzemeButon .YMB_02   { width:calc(100% - 55px); height:55px; padding-left:15px; color:#000; font:600 13px 'Quicksand', sans-serif; display:flex; flex-direction: column; text-align:left; justify-content: center; margin-left:10px; border-radius:3px; }

    .YMB_button     { display:none; padding:3px 10px; text-align:center; background:#dadada; border-top-left-radius:5px; border-top-right-radius:5px; position:absolute; margin:-33px 0 0 -6px;  }
    .YMB_button a       { color:#000;  }
    .YeniMalzemeButon:hover .YMB_button  { display:block; }

    .kumaslarYonetimButon   { padding:15px 25px; cursor:pointer; color:#666; font:700 13px 'Quicksand', sans-serif; border-top-left-radius:4px; border-top-right-radius:4px; background:#efefef !important; border:#dfdfdf 1px solid; border-bottom:#dfdfdf 1px solid; margin-bottom:-1px !important; display:inline-block; margin-left:10px; }
    .kumaslarYonetimButonAct    { color:#ff0000; cursor:pointer; font:700 13px 'Quicksand', sans-serif; border-top-left-radius:4px; border-top-right-radius:4px; padding:15px 25px; background:#fff !important; border:#dfdfdf 1px solid; border-bottom:#fff 1px solid; margin-bottom:-1px !important; display:inline-block; margin-left:10px; }