.fieldTextAling {
    text-align: center;
}

.free-wareturn {
    margin-bottom: 10px;
}

.HeaderGrid th {
    text-align: center;
        vertical-align: middle !important;
}

.HeaderGrid {
    /*background-color: #31b9da !important;*/
    background: rgb(121, 183, 238);
    background: -moz-linear-gradient(270deg, rgb(121, 183, 238) 0%, rgb(49, 158, 218) 100%) !important;
    background: -webkit-linear-gradient(270deg, rgb(121, 183, 238) 0%, rgb(49, 158, 218) 100%) !important;
    background: -o-linear-gradient(270deg, rgb(121, 183, 238) 0%, rgb(49, 158, 218) 100%) !important;
    background: -ms-linear-gradient(270deg, rgb(121, 183, 238) 0%, rgb(49, 158, 218) 100%) !important;
    background: linear-gradient(0deg, rgb(121, 183, 238) 0%, rgb(49, 158, 218) 100%) !important;
    color: #fff;
}

.loadMore {
    text-align: center;
    display: none;
}

#divMessagebackground {
    /* background-color: #B1B1B1;*/
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100001;
}

#divMessage {
    background-color: #ffffff;
    border: 10px solid #697884;
    border-radius: 10px;
    direction: rtl;
    display: none;
    left: 40%;
    overflow: auto;
    padding: 5px 10px;
    position: fixed;
    text-align: center;
    top: 30%;
    width: 300px;
    z-index: 100002;
    color: #333333;
}

#divMessagetxt {
    padding-bottom: 5px;
}

#pickerBegin, #pickerEnd {
    margin: 0;
    padding-right: 10px;
    border-right: 20px solid #0e78c4;
}

#pickerBeginBorder {
    margin: 0;
    padding-right: 10px;
    border-right: 20px solid #ed1544;
}

#pickerEndBorder {
    margin: 0;
    padding-right: 10px;
    border-right: 20px solid #0e78c4;
}

#pickerBeginCom {
    margin: 0;
    padding-right: 10px;
    border-right: 20px solid #02faf6;
}

#pickerBeginAdc {
    margin: 0;
    padding-right: 10px;
    border-right: 20px solid #f57dd7;
}

#pickerBeginD {
    margin: 0;
    padding-right: 10px;
    border-right: 20px solid #e4ebf0;
}

.form-control option {
    direction: ltr;
    text-align: right;
    margin: 2px 0;
    padding: 0 10px;
}

.ButtBold {
    background-position: center center;
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-image: url('../Image/imgBold.png');
    background-repeat: no-repeat;
    margin: 0;
}

    .ButtBold:hover {
        background-image: url('../Image/imgBoldHover.png');
    }

.ButtBoldP {
    background-position: center center;
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-image: url('../Image/imgBoldHover.png');
    background-repeat: no-repeat;
    margin: 0;
}

    .ButtBoldP:hover {
        background-image: url('../Image/imgBold.png');
    }

.div1 {
    margin: 0px 2px 0 0;
}

.div1, .div2 {
    float: right;
    width: 48%;
}

.div33Darsad {
    float: right;
    width: 33%;
}

.wellD {
    padding: 10px !important;
    margin: 0px !important;
}

.DivGridThem {
    border-style: solid;
    border-image-slice: 10;
    color: white;
    padding: 5px 10px;
}

.brick {
    background: linear-gradient(180deg, #0e78c4 0%, #5599c9 70%) no-repeat scroll center center/cover rgba(0, 0, 0, 0);
    color: white;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: default;
    display: block;
    overflow: hidden; /* border-color: red;*/
    border-style: solid;
    border-width: 5px; /* border-image-source: linear-gradient(360deg,#ed1544, #0e78c4);*/
    border-image-source: linear-gradient(120deg, #333333, #87c3ed);
    border-image-slice: 10;
}

    .brick:hover {
        -moz-box-shadow: 0 0 10px #ccc;
        -webkit-box-shadow: 0 0 10px #ccc;
        box-shadow: 0 0 10px #ccc;
    }

    .brick .cover {
        display: table;
        height: 100%;
        overflow: hidden;
        text-align: center;
        width: 100%;
    }

        .brick .cover .test {
            display: table-cell;
            padding: 5px;
            vertical-align: middle;
        }

        .brick .cover .testHover {
            display: none;
            background: black;
            color: white;
            z-index: 999;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            opacity: .8;
        }

.cover:hover .testHover {
    display: block;
}

.testHover .divBottom {
    border-style: dashed;
    border-width: 1px 0px 0px 0px;
    border-color: #999999;
    margin: 0px;
    padding: 6px 0 0 0;
}

.divBottom span {
    margin: 0 5px;
    cursor: pointer;
}


.testHover .divText {
    padding: 0 5px;
    display: table-cell;
    vertical-align: middle;
}

.testHover .divMidText {
    display: table;
    width: 100%;
    height: 60%;
    text-align: center;
}

.divHoverTitleright {
    padding: 0 0 0 5px;
}

.divHoverTitleleft {
    padding: 0 5px 0 0;
}

.divHoverTitlerightPopup {
    text-align: justify;
    padding: 0 10px;
    direction: rtl;
}

.divHoverTitleleftPopup {
    text-align: justify;
    padding: 0 10px;
    direction: ltr;
}

.size2-2 {
    height: 80px;
    width: 80px;
}

.size11 {
    height: 160px;
    width: 160px;
}

.size12 {
    height: 320px;
    width: 160px;
}

.size21 {
    height: 160px;
    width: 320px;
}

.size22 {
    height: 320px;
    width: 320px;
}

.size13 {
    height: 480px;
    width: 160px;
}

.size31 {
    height: 160px;
    width: 480px;
}

.size23 {
    height: 480px;
    width: 320px;
}

.size24 {
    height: 640px;
    width: 320px;
}

.size32 {
    height: 320px;
    width: 480px;
}

.size33 {
    height: 480px;
    width: 480px;
}

.size34 {
    height: 640px;
    width: 480px;
}

.size43 {
    height: 480px;
    width: 640px;
}

.size35 {
    height: 800px;
    width: 480px;
}

.size53 {
    height: 480px;
    width: 800px;
}

.size36 {
    height: 960px;
    width: 480px;
}

.redStar {
    color: #b94a48;
    margin: 0 5px;
}

.imgLogo {
    height: 160px;
    width: auto;
}

.imgGrid {
    width: 20px;
    height: 20px;
}

.imgHoverIndex {
    width: 30px;
    height: 30px;
}

.col-lg-titer {
    text-align: center;
    color: red;
}

.lblNameThem {
    color: white;
    padding: 5px 10px;
}

.divtextinput {
    /*background-color: #f8f8f8;*/
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(270deg, rgb(255, 255, 255) 0%, rgb(240, 240, 240) 100%);
    background: -webkit-linear-gradient(270deg, rgb(255, 255, 255) 0%, rgb(240, 240, 240) 100%);
    background: -o-linear-gradient(270deg, rgb(255, 255, 255) 0%, rgb(240, 240, 240) 100%);
    background: -ms-linear-gradient(270deg, rgb(255, 255, 255) 0%, rgb(240, 240, 240) 100%);
    background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(240, 240, 240) 100%);
    color: #428bca;
    padding: 0px 10px;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
}

.direction-ltr {
    direction: ltr;
}

.direction-rtl {
    direction: rtl;
}

.text-align-right {
    text-align: right;
}

.text-align-left {
    text-align: left;
}

.sapn-off15 {
    color: #FF2F2F;
}

.sapn-off10 {
    color: #FFB122;
}

.sapn-off5 {
    color: #00BB00;
}

.rblClass label {
    margin: 0px 5px 0px 10px;
}

.cursorPointer {
    cursor: pointer;
}

.ATooltip:hover {
    text-decoration: none;
}
