﻿/*Site font-face*/

* {
    direction: rtl;
    font-family: 'Arimo', sans-serif;
}


button, input, optgroup, select, textarea, .form-group input.form-control, .btn:not(.btn-link):not(.btn-circle) {
    font-family: 'Arimo', sans-serif;
}


@font-face {
    font-family: 'Alef';
    src: url('../fonts/Alef/Alef-Bold.eot');
    src: url('../fonts/Alef/Alef-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Alef/Alef-Bold.woff') format('woff'), url('../fonts/Alef/Alef-Bold.ttf') format('truetype'), url('../fonts/Alef/Alef-Bold.svg#alefbold') format('svg');
    font-weight: bold;
    font-style: normal;
}




@font-face {
    font-family: 'Alef';
    src: url('../fonts/Alef/Alef-Regular.eot');
    src: url('../fonts/Alef/Alef-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Alef/Alef-Regular.woff') format('woff'), url('../fonts/Alef/Alef-Regular.ttf') format('truetype'), url('../fonts/Alef/Alef-Regular.svg#alefregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*Table Style*/

th,td{
    text-align:center;
}


.NonBG tbody tr:nth-of-type(odd){

}

.table tbody tr td, .table tbody tr th{
    padding:2px !important;
}
/*Buttons*/
.btn-circle {
    height: 25px;
    width: 25px;
}

    /*.btn-circle i{
        bottom:5px;
    }*/

.btn:not(.btn-link):not(.btn-circle) span{
    top:0px;
}

.btn:not(.btn-link):not(.btn-circle) i{
    top:4px;
}



/*DatePicker*/

.dtp-buttons .btn:not(.btn-link):not(.btn-circle) {
    font-size: 10px !important;
}




/*Drop Down List*/

.ui-datepicker-month, .ui-datepicker-year {
    display: block !important;
    font-size:14px !important;
}

/*Titles*/
.breadcrumb .page-title {
    border-left: none;
    color: #6591fa;
}

/*Jquery DatePicker*/

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
    width:100% !important; 
}

.ui-datepicker {
    font-size: 90%;
}

    .ui-datepicker .ui-widget {
        font-family: "Helvetica Neue","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
        background: #fff;
    }

    .ui-datepicker .ui-datepicker {
        padding: 0;
    }

    .ui-datepicker .ui-datepicker-header {
        border: none;
        font-size: 80%;
        -moz-border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0; /* border radius */
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; /* prevents bg color from leaking outside the border */
        background-color: #e0e8ec; /* layer fill content */
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,.53), inset 0 -1px 0 rgba(0,0,0,.12); /* drop shadow and inner shadow */
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.53), inset 0 -1px 0 rgba(0,0,0,.12); /* drop shadow and inner shadow */
        box-shadow: 0 1px 0 rgba(255,255,255,.53), inset 0 -1px 0 rgba(0,0,0,.12); /* drop shadow and inner shadow */
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
        background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.21) 0%, rgba(255,255,255,.21) 100%); /* gradient overlay */
        background-image: -o-linear-gradient(bottom, rgba(0,0,0,.21) 0%, rgba(255,255,255,.21) 100%); /* gradient overlay */
        background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.21) 0%, rgba(255,255,255,.21) 100%); /* gradient overlay */
        background-image: linear-gradient(bottom, rgba(0,0,0,.21) 0%, rgba(255,255,255,.21) 100%); /* gradient overlay */
    }

    .ui-datepicker .ui-datepicker-title {
        color: #515d65; /* text color */
        font-size: 13px;
        font-weight: bold;
        text-shadow: 0 1px 1px rgba(255,255,255,.8); /* drop shadow */
    }

    .ui-datepicker .ui-icon-circle-triangle-e {
        background-image: url(images/ui-icons_454545_256x240.png);
        background-position: -32px -16px;
    }

    .ui-datepicker .ui-icon-circle-triangle-w {
        background-image: url(images/ui-icons_454545_256x240.png);
        background-position: -96px -16px;
    }

    .ui-datepicker .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker .ui-datepicker-next {
        border-color: transparent;
    }

    .ui-datepicker .ui-state-default {
        background: transparent;
        border: none;
        color: #2b2b2b;
        font-family: "Myriad Pro";
        font-weight: normal;
        text-align: center;
    }

    .ui-datepicker .ui-datepicker-header .ui-state-hover {
        background: #bdc5c9;
    }

    .ui-datepicker .ui-datepicker table {
        margin: 0;
    }

    .ui-datepicker .ui-datepicker th {
        color: #9da7af;
        font-size: 12px;
        font-weight: normal;
        -moz-border-radius: 216px 0 0 0 / 0 0 0 0;
        -webkit-border-radius: 216px 0 0 0 / 0 0 0 0;
        border-radius: 216px 0 0 0 / 0 0 0 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background-color: rgba(0,0,0,.08);
    }

    .ui-datepicker .ui-datepicker td {
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
        padding: 0;
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
        background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);
        background-image: -o-linear-gradient(bottom, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);
        background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);
        background-image: linear-gradient(bottom, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);
    }

        .ui-datepicker .ui-datepicker td:last-child {
            border-right: none;
        }

        .ui-datepicker .ui-datepicker td span,
        .ui-datepicker .ui-datepicker td a {
            padding: .7em 0;
            color: #6a747a;
            font-size: 12px;
            font-weight: bold;
            font-family: Arial;
        }

    .ui-datepicker .ui-datepicker-calendar .ui-state-hover {
        background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(255,255,255,.06) 100%);
        background-image: -o-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(255,255,255,.06) 100%);
        background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(255,255,255,.06) 100%);
        background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(255,255,255,.06) 100%);
    }

    .ui-datepicker td a.ui-state-active,
    .ui-datepicker td a.ui-state-active.ui-state-hover {
        color: #fff;
        background-color: #8ab8ed;
        text-shadow: 0 1px 0 rgba(0,0,0,.26);
        -moz-box-shadow: inset 0 4px 9px rgba(0,0,0,.24);
        -webkit-box-shadow: inset 0 4px 9px rgba(0,0,0,.24);
        box-shadow: inset 0 4px 9px rgba(0,0,0,.24);
    }

    /*print Style*/
@media print {
    .NonPrint{
        display:none;
    }
    @page {
        size: auto;
        margin: 0mm;
    }

 
}