/* Mobile: */


@media only screen and (max-width: 720px) {

    html, body, form {
        font-family: Helvetica, Arial, Verdana;
        font-size: 9.8pt !important;
        background-color: #f5f5f5 !important;
        /*line-height:18px;*/
    }


    .mobhide {display: none !important;}
    .mobshow {display: block !important;}
    .mobstretch {width: 100% !important;}

    .mobcol0 {width: 0% !important;}
    .mobcol1 {width: 8.33% !important;}
    .mobcol2 {width: 16.66% !important;}
    .mobcol3 {width: 25% !important;}
    .mobcol4 {width: 33.33% !important;}
    .mobcol5 {width: 41.66% !important;}
    .mobcol6 {width: 50% !important;}
    .mobcol7 {width: 58.33% !important;}
    .mobcol8 {width: 66.66% !important;}
    .mobcol9 {width: 75% !important;}
    .mobcol10 {width: 83.33% !important;}
    .mobcol11 {width: 91.66% !important;}
    .mobcol12 {width: 100% !important;}

    .mobflex0 {flex: 0 !important;}
    .mobflex1 {flex: 1 !important;}
    .mobflex2 {flex: 2 !important;}
    .mobflex3 {flex: 3 !important;}
    .mobflex4 {flex: 4 !important;}
    .mobflex5 {flex: 5 !important;}
    .mobflex6 {flex: 6 !important;}
    .mobflex7 {flex: 7 !important;}
    .mobflex8 {flex: 8 !important;}
    .mobflex9 {flex: 9 !important;}
    .mobflex10 {flex: 10 !important;}
    .mobflex11 {flex: 11 !important;}
    .mobflex12 {flex: 12 !important;}


    [class*="col-"] {
        width: 100%;
    }

    #maincontent {
        padding: 0px 1px !important;
        z-index: 10;
    }


    input[type=text]:not(.igdd_ValueDisplay):not(.igte_EditInContainer):not(.ig_Disabled),
    input[type=password],
    input[type=number],
    input[type=time],
    textarea {
        font-family: Helvetica, Arial, Verdana;
        font-size: 9.8pt;
        padding: 3px 4px;
        border-radius: 3px;
        width: 100% !important;
    }

    input[type=date],
    select {
        font-family: Helvetica, Arial, Verdana;
        font-size: 9.8pt;
        padding: 3px 2px;
        border-radius: 3px;
        width: 100% !important;

        /*ios*/
        min-width: 90% !important;
        /*display:block;*/
        /*-webkit-appearance: textfield;
        -moz-appearance: textfield;*/
    }



    input[type=submit] {
        font-family: Helvetica, Arial, Verdana;
        font-size: 9pt;
        padding: 6px 6px;       
        border-radius: 3px;
        width: 70%;
    }



    div.toolbar {
        width: 100%;
        margin-top: -8px;
        margin-bottom: 0px;
        flex-direction: column;
    }


    div.toolbar > div {
        flex-basis: auto !important;
        flex-grow: unset !important;
        width: 100%;
        max-height: 33px;
    }

    div.toolbar > div > div {
        width: 100%;
    }


    table td {
        font-family: Helvetica, Arial, Verdana;
        font-size: 9.8pt;
    }



    table.service > tbody > tr > td {
        font-family: Helvetica, Arial, Verdana;
    }

    table.service > tbody > tr > td > span > a {
        font-weight: bold !important;
    }

    table.newservice {
        width:100%;
    }

    table.newservice th{
        height:30px;
    }



    table.msgs th {
        height:18px; 
        font-size:9.8pt;
    }


    [id*="flex"] {
        -webkit-flex-grow: 1;
        flex-grow: 1;
    }


    div.serviceH {
        background: url(../Images/MobGridHeader.png) repeat-x bottom;
        margin: 0px !important;
        width: 100%;

        background: url(../Images/MobGridHeader.png) repeat-x bottom;
	    height:30px;

    }
    div.serviceH div {
        font-family: Helvetica, Arial, Verdana;
        font-size: 12pt;
        color: #333333;
    }


    div.serviceH:not(:first-child) {
        margin-top:-5px !important;
    }

    div.serviceC {
        display: inline-block !important;
        flex-direction: column !important;
        flex-wrap: wrap;
        width: 100%;
    }

    div.serviceC div {
        width: 100% !important;
    }

    div.serviceC div:last-child {
        margin: 0 auto;
    }

    div.serviceF {
        width: 100% !important;
    }

    div.serviceF div {
        text-align: center !important;
    }


    .Gridv {
        margin: 0 auto;
        padding: 0px;
        border: solid 1px #7f9ab8;
        background-color: #ffffff;
        width: 100% !important;
        table-layout: initial !important;
    }

    .Gridv > tbody > tr > th {
        font-family: Helvetica, Arial, Verdana;
        font-size: 11pt;
        font-weight: bold;
        text-align: left;
        border: 1px solid #7f9ab8;
        color: #333333;
        background-position: bottom;
        height: 30px;
    }

    .Gridv > tbody > tr > th a {
        color: #333333 !important;
    }

    .Gridv > tbody > tr > td {
        font-family: Helvetica, Arial, Verdana;
        font-size: 9.8pt;
        color: #333333;
        padding: 0px 1px;
        border-right: 1px solid #eaeaea;
        border-left: 0px;
        border-bottom: 0px;
        border-top: 1px solid #7f9ab8;
        min-height: 35px;
        overflow: initial;
        white-space: normal;
    }


    .Gridv a:link,
    .Gridv a:visited {
        font-size: 11pt !important;
    }


    .Gridv td:nth-last-of-type(-n+2) a:link,
    .Gridv td:nth-last-of-type(-n+2) a:visited {
        font-family: Helvetica, Arial, Verdana;
        font-weight: normal;
        font-size: 9.8pt !important;
        color: #333333;
    }

    .Gridv td:nth-last-of-type(-n+2) a:active,
    .Gridv td:nth-last-of-type(-n+2) a:hover {
        color: #FF1821 !important;
    }


    .Gridv > tbody > tr:nth-child(even) {
        background-color: transparent;
    }

    .Gridv > tbody > tr:nth-child(odd) {
        background: url(../Images/MobGridAltRow.png) repeat-x bottom;
        background-color: #fafbfc;
    }


   .GridvPager td {
        min-height: 30px !important;
        padding: 0px !important;
        line-height: 25px;
    }

    .GridvPager a,
    .GridvPager a:visited {
        width: 25px;
        height:30px;
        background-color: transparent;
    }

    .GridvPager a:hover {
        width: 25px;
        height:30px;
    }

    .GridvPager span {
        width: 26px;
        height:30px;
    }





    /*INFRAGISTICS*/
    #WebTab1 {
        margin-top: -9px;
        width: 100% !important;
        overflow: hidden !important;
    }

    .igtab_Office2010BlueTHHolder,
    .igtab_Office2010BlueBHHolder {
        height: 35px;
    }

    .igtab_Office2010BlueTHTab {
        height: 34px;
    }

    .igtab_Office2010BlueTHText,
    .igtab_Office2010BlueTHCenter {
        line-height: 35px; /*eem*/
        font-family: Helvetica, Arial, Verdana;
        font-size: 9pt !important;
    }

   
    
    .ig_Control,
    .igte_EditWithButtons,
    .igdd_Control,
    .igdd_ControlArea,
    .ig_Disabled  {
        font-family: Helvetica, Arial, Verdana;
        width: 100% !important;
        height: 24px !important;
        border-radius: 3px !important;
    }

    /*WebDialog*/
    .igdw_Control {
            height: 140px !important;
    }


    .igte_EditInContainer,
    .igdd_ValueDisplay {
        font-family: Helvetica, Arial, Verdana;
        font-size: 9.8pt !important;
        padding: 3px 2px !important;
    }

    .igdd_DropDownListContainer {
        width: 100% !important;
    }

    .igdd_DropDownButton,
    .igdd_DropDownButton img {
        height:100% !important;
    }

    .igdd_ListItem{
        font-family: Helvetica, Arial, Verdana;
        font-size: 9.8pt;
        height:20px !important;
        line-height:20px;
    }

    .igmc_Control {
        width: 90%;
        height: 300px;
    }

    .igmc_Header { 
        height:30px;
    }

    .igmc_DOW, 
    .igmc_Day,
    .igmc_MonthYear { font-size: 10pt !important;}


    .igmc_Footer{ 
        font-size: 9pt !important;
        height:25px;
    }





}


@media only screen and (max-width: 250px) {
    .mobhidexs {display:none;}
}