/****HANDHELD ALL*****/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {

        input[type=text],input[type=password],input[type=date],input[type=time],input[type=datetime-local],
        .esk_input_list {
        xfont:normal 14px Arial,Helvetica,sans-serif;
        height:25px;
        -moz-box-shadow:none!important;
        -webkit-box-shadow:none!important;

        box-shadow:none!important;
        -webkit-box-shadow:none!important;
        -moz-box-shadow:none!important;
        box-shadow:none!important;

        }

        input[type=checkbox] {height:30px;width:30px; }
        input[type=radio] {height:30px;width:30px; }

        select {
        xfont:normal 14px Arial,Helvetica,sans-serif;
        height:31px;
        }

        #MAIN {bottom:0px!important;}
        #TBTM {display:none!important; }

        .MNU_TITLE {
                xfont-size:18px;
                padding-top:10px;
                padding-bottom:10px;
        }

        .ZZZWA_TITLE2 {
                xfont-size:18px;
                xpadding-top:10px;
                xpadding-bottom:10px;

        }

        #frmLGN > div {padding-top:10px!important; }
        #DIV_LGN {
                width:300px;
                xheight:400px;
                margin-top:10px;
        }

        .DIV_ESKLOGIN_FIELD {
                margin-bottom:50px;
        }

        input.LGNFRM,
        .DIV_ESKLOGIN_ELM .esk_input_list {
                width:175px;
        }

        select.LGNFRM  {
                width:246px;
        }

        #DIV_BUT_ESKLOGIN {
                width:134px!important;
        }

        .DIV_ESKLOGIN_FOOTER {
        text-align:center;
        margin:5px auto auto auto;
        width:300px;
        }



        #DIV_ESKMAIN_MNU {
                position:fixed;
                left:0px;
                top:0px;
                width:0px;
                bottom:0px;
                z-index:9000;
        }

        #DIV_BUT_ESKMAIN_MNU {
        display:inline;
        position:fixed;
        right:4px;
        top:10px;
        width:40px;
        height:40px;
        z-index:10000;

        }

        #DIV_BUT_ESKMAIN_MNU > div{
        width: 33px;
        height: 5px;
        background-color: white;
        margin: 6px 0;
        border-color:transparent;
        border-width:1px;
        border-radius:2px;
        }

        #xDIV_ESKMAIN_MNU_IN_IN > div{
        display:block!important;
        }


        #DIV_ESKMAIN_MNU_BUT_CONTAINER {
        display:none;
        width:auto;
        text-align:center;
        vertical-align:top;
        padding-left:10px;
        }

        .BUT_CONTAINER_ACTIVE {
        display:block!important;
        left:10px;
        top:93px;
        right:10px;
        bottom:10px;
        position:fixed;
        z-index:9000;
        text-align:left;
        background-color:#000000;
        border-style:solid;
        border-width:1px;
        border-color:transparent;
        border-radius:4px;
        padding:10px;
        overflow-y:auto;
        }

        #ESK_HOME {
        margin-left:0px;
        margin-right:12px;
        }

        #ESK_QUIT {
        margin-right:12px;
        }

        #DIV_ESKMAIN_MNU_IN_IN {
        white-space:normal;
        }

        #DIV_ESKMAIN_MNU_BUT_CONTAINER > div {
        display:block;
        vertical-align:top;
        margin-bottom:5px;
        border-style:solid;
        border-width:0px 0px 1px 0px;
        border-color:#FFFFFF;
        padding-bottom:3px;
        }

        .ESK_TOPBUT_TITLE {
        visibility:visible;
        display:inline-block;
        position:static;
        vertical-align:top;
        text-align:center;
        width:86px;
        }

        .ESK_TOPBUT_TITLE > div {
        position:static;
        }

        .ESK_TOPBUT_HINT_TOP {
        position:relative;
        top:-3px;
        visibility:hidden;
        }

        .ESK_TOPBUT_HINT {
        background-color:#000000;
        border-radius:5px;
        border-style:solid;
        border-width:0px;
        height:17px;
        padding:3px;
        text-align:left;
        color:#E3E3E3;
        position:relative;
        top:-6px;
        font-weight:bold;
        font-size:16px;
        }

        #DIV_ESK_MDL_DET {
        left:0px!important;
        top:250px!important;
        }


        .DIV_SEFRM > div  {
        display:inline-block;
        xwidth:25px;
        xoverflow:hidden;
        }

        .E_BUT {
        height:35px;
        width:35px;
        overflow:hidden;
        }

        .ESK_IMG_INL {
        height: 30px;
        width: 35px;
        }

        .E_BUT > input,
        .E_BUT_BCK input {
        padding-left:45px;
        }


        .E_BUT_BCK,
        .E_BUT_NEW,
        .E_BUT_PRF,
        .E_BUT_REFRESH {
        width:35px;
        overflow:hidden;
        }

/****/
        .DIV_MTIT {padding-top:12px; }
        .DIV_DTIT {height:44px; }

        .DIV_SEFRM > .E_BUT_BCK,
        .DIV_SEFRM >.E_BUT_NEW,
        .DIV_SEFRM >.E_BUT_MF,
        .SPAN_RPT_BUTS .E_BUT_RUN,
        .SPAN_RPT_BUTS .E_BUT_MF_GN {
        height: 35px;
        width: 35px;
        }

        .E_BUT_BCK  .ESK_IMG_INL,
        .E_BUT_NEW  .ESK_IMG_INL,
        .E_BUT_PRF .ESK_IMG_INL,
        .E_BUT_REFRESH .ESK_IMG_INL,

        .DIV_SEFRM  .ESK_IMG_INR,
        .SPAN_RPT_BUTS .ESK_IMG_INR {
        height: 30px;
        width: 35px;
        border-width:0px!important;
        }

        .DIV_SEFRM #BUT_BACK,
        .DIV_SEFRM #BUT_NEW, {
        padding-left:35px;
        }
/****/

        .E_BUT_MF > input {
        display:none;
        }

        .E_BUT_MF > .ESK_IMG_INR,
        .E_BUT_MF_GN > .ESK_IMG_INR {
        border-left-width:0px!important;
        }

        .DDMNU_IN {
        padding-top:10px;
        padding-bottom:10px;
        }

        .E_SETEXTBOX > input {
        display:none;
        }

        .E_SEBUT {position:relative;left:0px;top:0px;width:auto; }

        .E_SEBUT input[type=button],.E_SEBUT input[type=submit]
        {
        display:inline-block;
        vertical-align:top;
        border-style:solid;
        border-width:1px;
        border-color:#D2D2D2;
        background-image:url(/eskimo/currver/imgs/eskbut/search.png);
        background-repeat:no-repeat;
        background-position:center center;
        xwidth:27px;
        xheight:27px;
        width: 37px;
        height: 37px;

        cursor:pointer;



        border-style:solid;
        border-width:1px;
        border-color:#D2D2D2;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color:#686868;
        font-weight:bold;
        cursor:pointer;
        vertical-align:top;

        background-image:url(/eskimo/currver/imgs/eskbut/search.png), -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#ebebeb)); /* Safari - Chrome için */
        background-image:url(/eskimo/currver/imgs/eskbut/search.png), -moz-linear-gradient(top, #fdfdfd, #ebebeb); /* Firefox için */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#ebebeb'); /* IE için */
        box-shadow: inset 0 1px 0 0 #fff, 0 1px 0 0 #ecedee;
        -moz-box-shadow: inset 0 1px 0 0 #fff, 0 1px 0 0 #ecedee;
        -webkit-box-shadow: inset 0 1px 0 0 #fff, 0 1px 0 0 #ecedee;

        }


        #DIV_BUT_NEW {position:relative;left:1px; }

        .E_BUT_ORD {display:none; }

        .TR_DATA0,.TR_DATA1 {height:40px;background-color:transparent;}

        #TBL_DATA .TR_DATA0 {background-color:transparent; }

        #DIV_P_SEVAL_MBL { }

        #DIV_PGNUMS {height:37px; }


        #_rppX {
        xtext-indent:20px;
        text-align-last:center;
        }

        .rppstr {
        height:22px;
        width:31px;
        padding-top:7px;
        border-radius: 4px;

        }

        #E_SEFILTERS input[type=text],
        #E_SEFILTERS input[type=password],
        #E_SEFILTERS input[type=date],
        #E_SEFILTERS input[type=time],
        #E_SEFILTERS input[type=datetime-local],
        #E_SEFILTERS .esk_input_list {
        width:170px!important;
        }

        .ESK_LOOKUP {
        width:150px!important;
        }

        #E_SEFILTERS select {
        width:176px!important;
        }

        #E_SEFILTERS {
        position:fixed;
        width:auto!important;
        left:0px;
        right:0px;
        top:49px;
        bottom:0px;
        }

        .E_SEFILTERS_IN
        {
        position:absolute;
        left:0px;
        right:0px;
        top:0px;
        bottom:0px;
        overflow-y:auto;
        padding-top:10px;
        }


        #DIV_SEFILTER_CLOSE {width:37px;height:26px;text-align:center;padding-top:10px;}
        #IMG_SEFILTER_CLOSE {width:16px; }

        #DIV_BUT_SEARCH_MBL {margin-left:120px;display:inline-block; }
        #DIV_P_SEVAL_MBL {margin-bottom:5px;display:block; }
        #DIVT_P_SEVAL_MBL {display:inline-block;width:120px; }

        #DIV_P_SEVAL_MBL .E_VAL {
        display: inline;
        }




        /***********TABLE ICIN****************/
        #TBL_DATA {width:100%;}

        #TBL_DATA thead {display: none;}

        #TBL_DATA tr:nth-of-type(2n) {background-color: inherit;}

        #TBL_DATA tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}

        #TBL_DATA tbody td {display: block;  text-align:left;}

        #TBL_DATA tr td:first-child:before {
        content: "";
        width:0px!important;
        }


        #TBL_DATA tbody td:before {
        content: attr(data-th);
        display: inline-block;
        width:100px;
        text-align:left;

        }

        #TBL_DATA .TD_DEL:before {width:0px!important;}
        #TBL_DATA .TD_DEL {
        display:inline-block;
        margin-right:5px;
        margin-bottom:5px;

        height:25px;
        vertical-align:middle!important;
        text-align:center;
        padding-top:10px;
        width:60px;
        border-style:solid;
        border-width:1px;
        border-color:transparent;
        border-radius:4px;
        color:#FFFFFF;
        background-color: #EC4D4C; xcolor:#4B0100;
        background: -webkit-gradient(linear, left top, left bottom, from(#F65A5A), to(#CB2320)); /* Safari - Chrome için */
        background: -moz-linear-gradient(top, #F65A5A, #CB2320); /* Firefox için */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F65A5A', endColorstr='#CB2320'); /* IE için */

        }

        #TBL_DATA .TD_BUT:before {width:0px!important;}

        #TBL_DATA .TD_BUT {
        display:inline-block;
        margin-right:5px;
        margin-bottom:5px;

        height:25px;
        vertical-align:middle!important;
        text-align:center;
        padding-top:10px;
        width:60px;
        border-style:solid;
        border-width:1px;
        border-color:transparent;
        border-radius:4px;
        color:#FFFFFF;
        background-color: #A2C803; xcolor:#394600;
        background: -webkit-gradient(linear, left top, left bottom, from(#A8CF04), to(#95B901)); /* Safari - Chrome için */
        background: -moz-linear-gradient(top, #A8CF04, #95B901); /* Firefox için */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A8CF04', endColorstr='#95B901'); /* IE için */

        }

        input.LGNFRM {
        height:43px;
        }

        /********************/


        .DIV_TABMAIN {
        height:31px;
        }

        .DIV_TABMAIN_BORDER {
        height:45px;
        }

        .DIV_TABMAIN div.DIV_TAB_SEL {
        height:16px;
        padding-top:8px;
        }

        .DIV_TABMAIN div.DIV_TAB {
        height:16px;
        padding-top:8px;
        }

        .DIV_TAB_BUT .E_BUT_BCK,
        .DIV_TAB_BUT .E_BUT_NEW,
        .DIV_TAB_BUT .E_BUT_MF {
        height: 35px;
        width: 35px;
        }


        .DIV_TAB_BUT .ESK_IMG_INR {
        height: 30px;
        width: 35px;
        border-width:0px!important;
        }

        .DIV_TAB_BUT #BUT_BACK,
        .DIV_TAB_BUT #BUT_NEW {
        padding-left:35px;
        }

        .DIV_TAB_BUT > div {
        top:-10px!important;
        }

        .DIV_TABMAIN div.DIV_TAB_BUT {
        margin-right:10px;
        }

        .DIV_TAB_CONTAINER {
        position:absolute;
        left:0px;
        right:131px;
        top:-10px;
        height:32px;
        overflow-x:auto;
        overflow-y:hidden;
        padding-top:10px;
        }

        .E_TAB_CONTENT > div {
        width:100%!important;
        margin:0px 0px 4px 0px!important;
        display:block!important;

        }

        #DIV_DBDY_DET .E_VAL {
        margin:0px!important;
        display:inline-block!important;
        }

        #DIV_BUT_SAVE div.ESK_IMG_INR {background-image:url(/eskimo/currver/imgs/eskbut/save.png);}

        /***DETAIL PAGE FORM ELEMENTS***/

        .DLG_WINC {
        left:0px!important;
        right:0px!important;
        top:0px!important;
        bottom:0px!important;
        width:auto!important;
        height:auto!important;
        }


        #DIV_DBDY_DET .COL_A,
        #DIV_DBDY_DET .COL_B,
        #DIV_DBDY_DET .COL_C {
        display:block!important;
        width:100%!important;
        box-sizing:border-box;
        margin:0px!important;
        }

        #DIV_DBDY_DET input[type=text],
        #DIV_DBDY_DET input[type=password],
        #DIV_DBDY_DET input[type=date],
        #DIV_DBDY_DET input[type=time],
        #DIV_DBDY_DET input[type=datetime-local],
        #DIV_DBDY_DET .esk_input_list {
        width:170px!important;
        }

        #DIV_DBDY_DET textarea {
        width:170px!important;
        }

        #DIV_DBDY_DET select {
        width:176px!important;
        }

        #DIV_DBDY_DET input.ESK_FLM1,
        #DIV_DBDY_DET input.ESK_FLM2
        {
        display:block;
        xwidth:108px!important;
        }



        #DIV_DBDY_DET textarea {
        margin-top:4px;
        }


        .DIV_FRM_ELM {
        display:block!important;
        margin-bottom:4px!important;
        margin-left:0px!important;
        }

        .DIV_FRM_ELM_TIT {
        display:inline-block!important;
        width:120px!important;
        overflow-x:auto;
        white-space:nowrap;
        vertical-align:top;
        margin:8px 0px 0px 0px!important;
        text-align:left!important;
        min-width:120px;

        }

        .ELM_CHECKBOX > .E_VAL > .DIV_FRM_ELM_TIT {
        width:260px!important;
        vertical-align:top;
        margin-top:11px;
        padding-top:3px;
        margin-left:4px!important;
        }

        .ELM_TEXTAREA > .DIV_FRM_ELM_TIT {
        vertical-align:top;
        }

        .ELM_TEXTAREA .DIV_FRM_ELM_TIT {
        overflow:initial;
        white-space:normal;
        }

        .ELM_TEXTAREA img,
        .ELM_LOOKUP img,
        .ELM_CUSTOM img {
        margin-top:4px;
        display:block;
        width:30px;
        }

        .ELM_IMGBOX .E_VAL {
        text-align:center;
        }

        .ELM_IMGBOX img {
        box-sizing:border-box;
        }

        .ELM_IMGBOX span {
        font-size:16px;
        }

        .ELM_IMGBOX .E_VAL {
        width:100%;
        }

        .DIV_FRM_ELM > .E_VAL,
        .E_SEFILTERS_IN > .E_VAL {
        display:inline-block!important;
        }

        .IMG_FMAN,
        .IMG_UPLOAD,
        .IMG_FBGET {
        width:30px;
        }
        /******/

        /******RPT*****/

        .SPAN_RPT_BUTS {
        top:-10px;
        position:absolute;
        right:10px;
        }

        .E_IFRM_IN {
        xwidth:auto;
        xheight:auto;
        width:100%;
        height:100%;
        }

        #DIV_DBDY_RPTDET {
        top:46px!important;
        }
}

/*************************/

/*********IPHONE6***********/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
{

        #E_SEFILTERS input[type=text],
        #E_SEFILTERS input[type=password],
        #E_SEFILTERS input[type=date],
        #E_SEFILTERS input[type=time],
        #E_SEFILTERS input[type=datetime-local],
        #E_SEFILTERS .esk_input_list {
        width:220px!important;
        }

        .ESK_LOOKUP {
        width:200px!important;
        }

        #E_SEFILTERS select {
        width:226px!important;
        }

        #DIV_DBDY_DET input[type=text],
        #DIV_DBDY_DET input[type=password],
        #DIV_DBDY_DET input[type=date],
        #DIV_DBDY_DET input[type=time],
        #DIV_DBDY_DET input[type=datetime-local],
        #DIV_DBDY_DET .esk_input_list {
        width:220px!important;
        }

        #DIV_DBDY_DET textarea {
        width:220px!important;
        }

        #DIV_DBDY_DET select {
        width:226px!important;
        }


}