@font-face {
    font-family: 'SANS';
    src: url('fonts/IRANSansWeb_Bold.eot') format('eot'),
    url('fonts/IRANSansWeb_Bold.ttf') format('truetype'),
    url('fonts/IRANSansWeb_Bold.woff') format('woff');
}

input[type=text], input[type=number], textarea {
    display: block;
!important;
    text-align: center;
!important;
    background-color: white;
!important;
}

.container, table {
    min-width: 253px;
    max-width: 850px;
}

/*textarea {
    text-align: unset;!important;
}
textarea[placeholder] {
    text-align: center;
}*/

table {
    margin: auto;
    text-align: center;
}

/*custom-control-label::before,custom-control-label::after{
    top: 0.1rem;!important;
}*/

#containsAll div:not(.input-group-append) {
    margin: 5px auto;
!important;
}

input[type=file] {
    background: #aeacb5;
    padding: 1px;
    color: white;
}

button {
    background: #008283;
    width: 200px;
    color: white;
}

body {
    background-color: #e0e0e0;
}

.attatchment {
    display: block;
    margin: 10px auto;
    border-radius: 3px;
    text-align: center;
}

.remove_field {
    color: red;
!important;
    font-size: 25px;
}

.input-group-text {
    width: 200px;
!important;
    display: inline;
!important;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #0077c2;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover:not(.active) {
    /*background-color: #111;*/
    opacity: 0.8;
}

.active {
    background-color: #4CAF50;
}

.zoomer {
    /* transition: transform .3s ease-in-out; */
}

.zoomer:hover {
    transform: scale(1.06);
}

.has-error {
    color: red;
}

.has-success {
    color: #3c763d;
}


@keyframes ldio-apyno1uhwe-1 {
    0% {
        top: 50.96000000000001px;
        height: 28.080000000000002px
    }
    50% {
        top: 57.2px;
        height: 15.600000000000001px
    }
    100% {
        top: 57.2px;
        height: 15.600000000000001px
    }
}

@keyframes ldio-apyno1uhwe-2 {
    0% {
        top: 52.52px;
        height: 24.960000000000004px
    }
    50% {
        top: 57.2px;
        height: 15.600000000000001px
    }
    100% {
        top: 57.2px;
        height: 15.600000000000001px
    }
}

@keyframes ldio-apyno1uhwe-3 {
    0% {
        top: 54.080000000000005px;
        height: 21.839999999999996px
    }
    50% {
        top: 57.2px;
        height: 15.600000000000001px
    }
    100% {
        top: 57.2px;
        height: 15.600000000000001px
    }
}

.ldio-apyno1uhwe div {
    position: absolute;
    width: 11.700000000000001px
}

.ldio-apyno1uhwe div:nth-child(1) {
    left: 26.650000000000002px;
    background: #e15b64;
    animation: ldio-apyno1uhwe-1 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    animation-delay: -0.2s
}

.ldio-apyno1uhwe div:nth-child(2) {
    left: 59.15px;
    background: #f8b26a;
    animation: ldio-apyno1uhwe-2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    animation-delay: -0.1s
}

.ldio-apyno1uhwe div:nth-child(3) {
    left: 91.65px;
    background: #abbd81;
    animation: ldio-apyno1uhwe-3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    animation-delay: undefineds
}

.loadingio-spinner-pulse-tr6thy4sd9n {
    width: 130px;
    height: 130px;
    display: inline-block;
    overflow: hidden;
    background: none;
}

.ldio-apyno1uhwe {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}

.ldio-apyno1uhwe div {
    box-sizing: content-box;
}

input, textarea {
    text-align: left; !important;
    direction: ltr; !important;
}
*{
        font-family: 'Segoe UI Regular'; !important;
    }