html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

@font-face {
    font-family: "IRANSans";
    src: url(../fonts/IRANSansFaNum.ttf) format('truetype');
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    direction: rtl;
    font-family: IRANSans !important;
    font-weight: normal;
    letter-spacing: 0em !important;
}

table {
    width: 100%;
}

table tr {
    /*height: 20px;*/
    border-bottom: 1px solid #dfdfdf;
}

table tr td {
    padding: 3px;
    font-size: 13px;
    text-align: center;
}

fieldset {
    border: 1px solid #cccccc;
    padding: 5px;
    border-radius: 10px;
}
input[type=text], input[type=password], select {
    /*font-size: 16px;
    font-family: IRANSans !important;
    border-color: #636466;*/
    width: 150px;
    height: 34px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
input[type=radio] {
    font-size: 15px;
    margin-left:5px;
}
label {
    display: block;
    padding-top: 8px;
    font-size: 13px;
    font-family: IranSANS;
}
input[type=button], input[type=submit], input[type=reset] {
    background-color: #0f5132; /*blue: #1976d2;*/
    color: white;
    font-size: 13px;
    padding: 6px 12px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    line-height: 1.428571429;
}
/*.btn_icon {
    background-color: #4dccc0;
    color: white;
    font-size: 13px;
    padding: 6px 12px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    line-height: 1.428571429;
}*/
/*background: #ff9800;*/
.btn_icon {
    background-color: #0f5132; /*#1976d2;*/
    color: white;
    font-size: 13px;
    padding: 6px 12px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    line-height: 1.428571429;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    
    text-decoration: none;
}

    .btn_icon:hover {
        background: #244387;
        cursor: pointer;
        text-decoration: none;
        color: #49f2f8;
    }

    .btn_icon i {
        font-size: 18px;
        padding: 5px 0 0 7px;
        position: relative;
        top: 3px;
    }

/*select {
    padding: 1px;
    border: 1px solid #ccc;
    -moz-box-shadow: 1px 1px 2px #ccc;
    -moz-border-radius: 5px;
    font-size: 14px;
}*/
.form-search {
    text-align: right;
    position: relative;
}
.table-header {
    background-color: #198754;/*#1976d2;*/
    color: white;
    font-size: 16px;
}
.table-footer {
    background-color: #198754;/*#1976d2;*/
    color: white;
    font-size: 16px;
}
.report-table-header-group {
    background-color: #1c4d7c;
    color: white;
    text-align: center;
    padding: 10px;
}
.report-table-footer {
    background-color: #1c4d7c;
    color: white;
    padding: 5px;
    font-size: 14px;
}
.text-red {
    color: red;
}
.text-green {
    color: green;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #2b82b5;
    border-color: #ccc;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #f8f8f8;
    border-color: #ccc;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: right;
    padding: 5px 12px;
    margin-right: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 3;
    color: #23527c;
    background-color: #ebebeb;
    border-color: #ccc;
}

.pagination > li > a {
    height: 35px;
    font-size: 16px;
}

.pagination > li:first-child > a, .pagination > li:last-child > a {
    font: 16px;
    padding: 7px 12px;
}

.alert-blue {
    background-color: #2196F3;
    color: white;
    padding: 10px;
    -webkit-animation: cssAnimation 5s forwards;
    animation: cssAnimation 5s forwards;
    margin: 10px;
    border-radius: 5px;
}
.alert-green {
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    -webkit-animation: cssAnimation 5s forwards;
    animation: cssAnimation 5s forwards;
    margin: 10px;
    border-radius:5px;
}
.alert-orange {
    background-color: #ff9800;
    color: white;
    padding: 10px;
    -webkit-animation: cssAnimation 5s forwards;
    animation: cssAnimation 5s forwards;
    margin: 10px;
    border-radius: 5px;
}
.alert-red {
    background-color: #f44336;
    color: white;
    padding: 10px;
    -webkit-animation: cssAnimation 5s forwards;
    animation: cssAnimation 5s forwards;
    margin: 10px;
    border-radius: 5px;
}


@keyframes cssAnimation {
    0% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes cssAnimation {
    0% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}