/*general css*/

* {
    margin: 0px;
    padding: 0px;
}

@font-face {
    font-family: 'Yekan';
    src: url('/Content/fonts/Pelak.eot');
    src: local('☺'), url('/Content/fonts/Pelak.woff') format('woff'), url('/Content/fonts/Pelak.ttf') format('truetype');
}

@font-face {
    font-family: 'led_counter';
    src: url('/Content/fonts/led_counter-7.ttf') format('truetype');
}

html {
}

@media screen and (min-width: 250px) {
    body {
        position: relative;
        font-family: Yekan;
        font-size: 18px;
        margin: 0px auto;
        /*min-height: 700px;*/
        min-width: 1360px;
        background-image: url(../Images/bd_bg.jpg);
    }
}

@media screen and (min-width: 700px) {
    body {
        position: relative;
        font-family: Yekan;
        font-size: 18px;
        margin: 0px auto;
        /*min-height: 700px;*/
        min-width: 1360px;
        background-image: url(../Images/bd_bg.jpg);
        background-repeat:repeat;
        height:100%;
    }

    .wrapper {
        width: 1550px;
        min-width: 1360px;
        min-height: 700px;
        margin: 0px auto;
    }
}

textarea {
    padding: 5px 5px;
}

.txt-area {
    width: 240px;
    margin: 0px auto 10px auto;
}

.txt-label {
    height: 34px;
    color: rgb(110,110,110);
}

[type='file'] {
    width: 232px;
}

.ltr {
    direction: ltr !important;
}

.rtl{
    direction: rtl !important;
}

input[type='text'], input[type='password'] {
    width: 240px;
    height: 34px;
    border: 1px solid rgb(162,162,162);
    padding: 3px;
}

.input-phone {
    direction: ltr;
    color: black;
}

.btn-area {
    width: 240px;
    margin: 20px auto;
}

.btn {
    font-family: Yekan;
    font-size: 18px;
    color: white;
    border: 0px;
    border-radius: 3px;
}

.btn-smaller {
    width: 75px;
    height: 35px;
}

.btn-small {
    width: 110px;
    height: 35px;
}

.btn-big {
    width: 240px;
    height: 34px;
}

.btn-green {
    background-color: rgb(120,164,101);
}

.btn-blue {
    background-color: rgb(79,157,205);
}

.btn-yellow {
    background-color: rgb(234,172,1);
}

.btn-red {
    background-color: rgb(177,52,60);
}

.btn-gray {
    background-color: rgb(126,126,126);
}

.check-area {
    width: 240px;
    margin: 0px auto;
    padding-right: 8px;
}

.error {
    border: 1px solid red !important;
}

select {
    direction: rtl;
}

.validation-summary-errors ul {
    list-style-type: none;
}

/*[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: relative;
    display: none;
}

    [type="checkbox"]:not(:checked) + label,
    [type="checkbox"]:checked + label {
        position: relative;
        padding-right: 26px;
        cursor: pointer;
        color: rgb(110,110,110);
    }

        /* checkbox aspect */
        /*[type="checkbox"]:not(:checked) + label:before,
        [type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            right: 0;
            top: 2px;
            width: 18px;
            height: 18px;
            border: 1px solid #aaa;
            background: #f8f8f8;
            border-radius: 3px;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
        }*/
        /* checked mark aspect */
        /*[type="checkbox"]:not(:checked) + label:after,
        [type="checkbox"]:checked + label:after {
            /*content: '✔';*/
            /*content: '';
            width: 14px;
            height: 14px;
            position: absolute;
            top: 5px;
            right: 3px;
            /*font-size: 18px;*/
            /*line-height: 0.8;
            background-color: rgb(110,110,110);
            transition: all .2s;
        }*/
        /* checked mark aspect changes */
        /*[type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            transform: scale(0);
        }*/

        /*[type="checkbox"]:checked + label:after {
            opacity: 1;
            transform: scale(1);
        }*/
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

[type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before {
    border: 1px solid #4778d9 !important;
}

.seperator-horizontal {
    border: 1px solid gray;
    width: 240px;
    height: 2px;
    margin: 7px auto;
}

.font-green {
    color: rgb(120,164,101);
}

.font-red {
    color: rgb(177,52,60);
}

.font-blue {
    color: rgb(79,157,205);
}

[class*='close-'] {
    color: #777;
    font: 14px/100% arial, sans-serif;
    position: absolute;
    right: 5px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    top: 5px;
}

.close-thik:after {
    text-decoration: none;
    content: '✖'; /* UTF-8 symbol */
}

.close-thik:hover {
    color: red;
}

a:hover{
    text-decoration:none;
}
/*end general css*/