/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}
.display-none {
    display: none;
}
.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}
.LargeTile{
    border: 2px solid white;
    /*padding:5%;*/
}
.MiddleTile{
    border: 2px solid white;
    /*padding:5%;*/
    display:table;
}

.MiddleTile2{
    border: 2px solid white;
    /*padding:5%;*/
    /*display:table;*/
}
.SmallTile{
    border: 2px solid white;
    /*padding:5%;*/
    display:table;
}
.X-SmallTile{
    border: 2px solid white;
    display:table;
}
    /*.IconTitle img {
        width: 2.5em;
        height: 2.5em;
    }*/
    .Tile{
    border: 0px solid white;
    position:relative;
    }

     .Tile2{
    border: 2px solid white;
    position:relative;
    }
.GreenButton {
    background-color: #008A01;
}
.GreenButton_Click {
    background-color: #3ADF00;
}
.BlueButton {
    /*background-color: #253B99;*/
    background-color: #2104FD;
    

}

.BlueButton2 {
    background-color: #253B99;
    /*background-color: #4A452A;*/
    

}
.YellowButton {
    /*background-color: #253B99;*/
    background-color: #FACC2E;
}


.BlueButton_Click {
    background-color: #0080FF;
}
.OrangeButton {
    /*background-color: #EF8201;*/
    background-color: yellow;
}
.OrangeButton_Click {
    background-color: #FACC2E;
}
.PuppleButton {
    background-color: #4D02B5;
}
.PuppleButton_Click {
    background-color: #6930CA;
}
.BlackGrid
{
    color:white;
    padding:0px;
}
#Clock{
    text-align:center;
    font-size:80%;   
}
#Whether{
    text-align:left;
    font-size:20%;   
}
#Temp{
    text-align:right;
    font-size:20%;   
}
.IconTitle {
    text-align: center;
    /*font-size: medium;*/
    vertical-align:middle;
    /*display:table-cell;*/
}
.IconTitle2 {
    text-align: center;
    /*font-size: medium;*/
    vertical-align:middle;
   /*display:table-cell;*/
    /*color:#BDBDBD;*/
    
}
.TileInner{
    display:table;
    width:100%;
    margin-top:25%;
}
.HalfHeight{
    height:50%;
}
.ContentWrapper{
    display: table-cell; 
    font-size: xx-large;
}
.AlignLine{
    line-height:100%;
}
.HalfFontSize {
    font-size: 50%;
}
.WeatherDiv {
    margin-top: 1em;
    border-spacing: 10px;
}
.Middle
{
    vertical-align: middle; 
}
.Bottom
{
    vertical-align: bottom; 
}
.Center{
    text-align: center; 
}
.RowContainer
{
    height:33.3%;
    width:100%;
}
.Hide
{
    display:none;
}
.ui-cell-odd{
    background-color:lavender!important;
}
.ui-cell-odd-New{
    background-color:#333333!important;
    font-size:large;

}
.ui-cell-odd-New2{
    background-color:#666666!important;
    font-size:large;

}
.MainWrapper {
    /*padding: 4px;*/
}
/*.Main p{
    border-bottom:1px solid lightgray;
    padding-bottom:0.5em;
    margin-bottom:-0.5em;
    font-size:90%;
    color:gray;
}*/
.Main{
    /*background-color:aliceblue;*/
    /*background-color:#fffcdb;*/
    border-radius:0.2em;
    margin:4px;
}
.HelpBox{
    background-color:#fffcdb;
    padding:0.5em;
}
.ui-field-contain button{
    margin-top:1em;
}
thead{
    background-color:white;
}
tbody{
    background-color:white;
}
fieldset label span{
    color:gray;
}
.ui-btn.ui-table-columntoggle-btn{
    display:none;
}
.half{
    font-size:50%;
}
.halfbigger{
    font-size:75%;
}
.yellowtext{
    color:yellow;
     text-shadow: none;
}
.graytext{
    color:gray;
}
.lightgraytext{
    color:lightgray;
}
.blacktext{
    color:black;
}
.redtext{
    color:red;
}
.whitetext{
    color:white;
    text-shadow: none;
}
.greentext{
    color:darkgreen;
}
.yellowbackground{
    background-color:yellow;
}
.bottomline{
    border-bottom:1px solid gray;
    margin-bottom:0.5em;
}
.bluetext{
    color:blue;
     text-shadow: none;
     
}
.file-upload {
    position: relative;
}
.file-upload input {
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
}

.List p{
    font-size:1em!important;
}
.Right{
    float:right;
}
.Icon{
    width:28px;
    height:28px;
}
.Icon2{
    width:100%;
    height:100%;
}
.ui-datepicker {
    z-index: 99999999 !important;
}
div.ui-datepicker{
 font-size:13px;
}
.AlertBox{
    border: 1px solid navy;
    background-color:lightgray;
    padding: 2em .5em;
    margin: .5em 0;
}
/*Loan*/
.Help_Top_Header{
    font-size:x-large;
    font-weight:bold;
    text-align:right;

}
.Help_Top_Text{
    padding:5px;

}
.Help_Middle_Header{
    font-size:larger;
    color:blue;
    font-weight:bold;
    margin:0px;
}
.Help_Middle_Table tbody{
    background-color:transparent;
}
.Help_Middle_Cell1{
    color:royalblue;
    width:5em;
}
.Help_Middle_Cell2{
    color:blueviolet;
}
.Help_Middle_Box{
    border-radius:5px;
    border:1px solid skyblue;
    margin:5px;
    padding:5px;
}
#sorter {
    position: fixed;
    right: 0;
    top: 60px;
    z-index: 1001;
    height: calc(100% - 70px);
}
    #sorter ul {
        height: 100%;
        margin: 0;
        display: flex;
        flex-direction: column;
        text-align: right;
    }
    #sorter li {
        border: none;
        flex-grow: 1;
        text-align: center;
        background-color: rgba(255,255,255,0.1);
        padding: 0;
    }

.ui-btn.ui-icon-calendar{
    position: absolute;
    right: 36px;
    top: 0;
}

.ui-state-disabled {
    opacity: 0.7;
}