@CHARSET "UTF-8";
.semicolon-form {
    width : 70%;
}

.semicolon-form-field {
    text-align : left;
    width      : 100%;
}

[dir="rtl"] .semicolon-form-field {
    text-align : right;
}

.semicolon-form-label {
    font-family    : Verdana, Arial, serif;;
    color          : #2888C7;
    font-weight    : normal;
    display        : inline-block;
    width          : 35%;
    padding        : 7px;
    height         : 1.5em;
    line-height    : 1.5em;
    text-align     : start;
    vertical-align : top;
}

.semicolon-form-astric {
    color : #ff0000;
}

.semicolon-form-control {
    display        : inline-block;
    width          : 55%;
    padding        : 0.4em 1em;
    text-align     : start;
    vertical-align : top;
    position       : relative;
}

.semicolon-form-note {
    display        : inline-block;
    overflow       : hidden;
    vertical-align : top;
    color          : #ff0000;
    font-size      : 9pt;
    text-align     : start;
    padding        : 7px;
    line-height    : 1.5em;
    max-width      : 18%;
}

.semicolon-form input, .semicolon-form select, .semicolon-form textarea {
    font-family        : Verdana, Arial, serif;
    font-size          : 11pt;
    padding            : 3px;
    width              : 85%;
    height             : 19px;
    border-radius      : 2px;
    line-height        : 19px;
    vertical-align     : middle;
    background-color   : #fff;
    border             : 1px solid #ccc;
    -webkit-box-shadow : inset 0 2px 2px rgba(0, 0, 0, 0.075);
    -moz-box-shadow    : inset 0 2px 2px rgba(0, 0, 0, 0.075);
    box-shadow         : inset 0 2px 2px rgba(0, 0, 0, 0.075);
    -webkit-transition : border linear .2s, box-shadow linear .2s;
    -moz-transition    : border linear .2s, box-shadow linear .2s;
    -o-transition      : border linear .2s, box-shadow linear .2s;
    transition         : border linear .2s, box-shadow linear .2s;
    box-sizing         : content-box;
}

.semicolon-form input:focus, .semicolon-form select:focus, .semicolon-form textarea:focus {
    border-color       : rgba(82, 168, 236, 0.8);
    outline            : 0;
    outline            : thin dotted \9;
    -webkit-box-shadow : inset 0 2px 2px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    -moz-box-shadow    : inset 0 2px 2px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    box-shadow         : inset 0 2px 2px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
}

.semicolon-form input[type=radio], .semicolon-form input[type=checkbox] {
    box-shadow : none !important;
    width      : auto !important;
}

.semicolon-form textarea {
    padding : 3px;
    height  : 120px;
}

.semicolon-form .submit {
    color              : #fff;
    width              : 107px;
    cursor             : pointer;
    background-color   : #2888C7;
    text-align         : center;
    font-size          : 18px;
    border             : 0;
    height             : 35px;
    vertical-align     : middle;
    line-height        : 30px;
    border-radius      : 3px;
    -webkit-transition : all 0.5s ease 0s;
    -moz-transition    : all 0.5s ease 0s;
    -o-transition      : all 0.5s ease 0s;
    transition         : all 0.5s ease 0s;
    margin             : 20px 10px 10px;
}

.semicolon-form .submit:hover {
    background-color   : #F7CD00;
    color              : #fff;
    text-shadow        : 1px 1px #000;
    -webkit-transition : all 0.5s ease 0s;
    -moz-transition    : all 0.5s ease 0s;
    -o-transition      : all 0.5s ease 0s;
    transition         : all 0.5s ease 0s;
}

.semicolon-form-submit-wrap {
    width      : 90%;
    text-align : center;
}

.date-cal-img {
    position     : relative;
    border-width : 0;
    top          : 0;
    left         : -25px;
}

[dir="rtl"] .date-cal-img {
    left  : auto;
    right : -25px;
}

.semicolon-form-editor .semicolon-form-field {
    width : 100%;
}

.semicolon-form-editor .semicolon-form-label {
    width : 14%;
}

.semicolon-form-editor .semicolon-form-control {
    width      : 75%;
    text-align : start;
}

.semicolon-form-editor .semicolon-form-note {
    display : block;
}

.semicolon-val-err {
    border-color     : rgba(255, 0, 0, 0.8) !important;
    box-shadow       : inset 0 2px 2px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 0, 0, .6) !important;
    background-color : #ffdddd !important;
}

.ap-panel {
    position   : relative;
    margin     : auto 15px;
    text-align : left;
}

[dir="rtl"] .ap-panel {
    text-align : right;
}

.ap-panel-title {
    padding        : 0 25px;
    color          : #2888C7;
    font-size      : 22px;
    vertical-align : middle;
}

.ap-panel-body {
    overflow : hidden;
    padding  : 25px;
}

a.semicolon-link, a.semicolon-link:hover {
    color           : #2888C7;
    text-decoration : none;
}

.semicolon-link > img {
    vertical-align  : middle;
    border          : none;
    text-decoration : none;
    margin          : 0 5px;
}

.semicolon-link > span {
    vertical-align : middle;
}

.semicolon-link:hover > span {
    text-decoration : underline;
}

.rel-links-panel {
    text-align : left;
    clear      : both;
    margin-top : 10px;
}

[dir="rtl"] .rel-links-panel {
    text-align : right;
}

.rel-link {
    display : inline-block;
    margin  : 10px 10px 10px 0;
}

[dir="rtl"] .rel-link {
    margin : 10px 0 10px 10px;
}

.rel-link a {
    background-color : #F7F7F7;
    display          : inline-block;
}

.rel-link a img {
    margin : auto 10px;
}

.rel-link a span {
    display          : inline-block;
    background-color : #2888C7;
    color            : #fff;
    padding          : 3px 10px;
}

.rel-link a:hover {
    font-style       : normal;
    text-decoration  : none;
    background-color : #e6e5e5;
}

.rel-link a span:hover {
    text-decoration  : none;
    background-color : #F7CD00;
    text-shadow      : 1px 1px #000;
}

.rel-link a:hover span {
    text-decoration  : none;
    background-color : #F7CD00;
    text-shadow      : 1px 1px #000;
}

.semicolon-file-preview .semicolon-file-image {
    max-width : 87%;
}

.semicolon-file-preview-tools {
    overflow : hidden;
    width    : 88%;
}

.semicolon-file-preview-icon {
    float : left
}

.semicolon-file-preview-delete {
    float      : right;
    margin-top : 3px;
}

.err-msg {
    text-align       : left;
    color            : #ffa200;
    text-shadow      : 1px 1px #c0c0c0;
    border           : 0 #ddd8cb solid;
    background-color : #FBFBF9;
    margin           : 10px 0;
    padding          : 10px 15px;
    font-weight      : bold;
    vertical-align   : middle;
    font-size        : 17px;
    overflow         : hidden;
}

[dir="rtl"] .err-msg {
    text-align : right;
}

.done-msg {
    color       : #1DAC29 !important;
    text-shadow : none !important;
}

.err-msg-icon {
    float  : left;
    margin : 0 7px;
}

.semicolon-login-panel {
    width  : 50%;
    margin : 5% auto auto;
}

.semicolon-login-panel .ap-panel-title {
    border-bottom : 5px #2888C7 solid;
    padding       : 10px 0;
}

.semicolon-login-panel .ap-panel-body {
    padding : 0;
}

.semicolon-login-panel .semicolon-form-field {
    width : 100%;
}

.semicolon-login-panel .semicolon-form-note {
    display : none;
}

.semicolon-login-panel .semicolon-form-control {
    width : 60%;
}

.semicolon-login-msg {
    color       : #d9534f;
    text-shadow : 1px 1px #360a16;
    padding     : 15px 27%;
}

.table-view {
    width : 100%;
}

.table-view thead tr {
    border-bottom : 2px #0f97ff solid !important;
}

.table-view thead th {
    text-align : center;
    padding    : 20px 5px;
    font-size  : 0.9em;
}

[dir="rtl"] .table-view thead th {
    font-family : FrutigerLTArabic, Greta, Arial, sans-serif;
    font-weight : normal;
}

.table-view tbody > tr {
    border-bottom : 1px #87A4BC solid !important;
}

.table-view tbody > tr:nth-child(odd) {
    background-color : #FAFAFA;
}

.table-view tbody > tr:hover {
    background-color : rgba(0, 48, 93, 0.1);
    color            : #239ad7;
}

.table-view tbody > tr:hover > td:first-child {
    background-color : rgba(0, 48, 93, 0.2) !important;
    color            : #239ad7;
    background-clip  : padding-box;
}

.table-view tbody > tr:hover > td > a {
    color : #f5772d;
}

.table-view td {
    padding    : 15px;
    text-align : center;
}

.table-view tbody > tr:nth-child(odd) > td:first-child {
    background-color : #F5F5F5;
}

.table-view tbody > tr:nth-child(even) > td:first-child {
    background-color : #FAFAFA;
}

.edit-cell, .del-cell {
    width : 80px;
}

.pagination_wrap {
    text-align : right;
}

[dir="rtl"] .pagination_wrap {
    text-align : left;
}

html, body {
    font-family : "Roboto", Greta, Arial, serif !important;
    height      : 100%;
    margin      : 0;
    padding     : 0;
    font-size   : 16px;
}

h1, h2, h3, h4, h5, h6 {
    font-family : "Roboto Thin", "SwissraLight", Arial, Helvetica, sans-serif;
}

a, a:hover, a:visited, a:focus {
    text-decoration : none;
    outline         : none;
    color           : #0f97ff;
}

a:hover {
    color   : #f5772d;
    outline : none;
}

.context-dark {
    background-color : #239ad7;
    color            : #fff;
}

.context-dark a {
    color : #f5772d;
}

.context-dark a:hover {
    color : #0f97ff;
}

textarea:focus, input:focus, button:focus {
    outline : none;
}

.text-dir {
    text-align : left;
}

[dir="rtl"] .text-dir {
    text-align : right;
}

.text-rtl {
    direction  : rtl;
    text-align : right;
}

.text-rtl-force {
    direction  : rtl !important;
    text-align : right !important;
}

.text-ltr {
    direction  : ltr;
    text-align : left;
}

.text-ltr-force {
    direction  : ltr !important;
    text-align : left !important;
}

[dir="rtl"] .rtl-mirroring {
    transform         : scaleX(-1);
    -moz-transform    : scaleX(-1);
    -webkit-transform : scaleX(-1);
    -ms-transform     : scaleX(-1);
    filter            : FlipH;
    -ms-filter        : "FlipH";
}

.highlight-text {
    color : #f5772d;
}

th {
    font-family : "Roboto Light", "SwissraLight", Arial, serif !important;
}

.form-group .checkbox label {
    color : #239ad7 !important;
}

.text-center {
    text-align      : center;
    text-align-all  : center;
    text-align-last : center;
}

.printing-progress {
    position         : fixed;
    padding          : 40px;
    top              : 0;
    left             : 0;
    right            : 0;
    bottom           : 0;
    background-color : rgba(0, 0, 0, 0.1);
    min-height       : 100vh;
    min-width        : 100%;
    z-index          : 10000;
    display          : flex;
    flex-flow        : column;
    align-content    : center;
    justify-content  : center;
    text-align       : center;
    align-items      : center;
    cursor           : wait;
}

.printing-progress > section {
    background-color : rgba(15, 151, 255, 0.3);
    border           : 1px solid #0f97ff;
    font-size        : 20px;
    width            : 350px;
    display          : inline-block;
    color            : #239ad7;
    font-weight      : bold;
    margin           : auto;
    font-family      : "Roboto Thin", "SwissraLight", Arial, Helvetica, sans-serif;
}

.printing-progress > section > img {
    height : 90px;
}

.soc-notes-input .semicolon-form-note {
    position         : fixed;
    z-index          : 1000;
    bottom           : 0;
    left             : 20px;
    background-color : rgba(243, 239, 151, 0.5);
    min-width        : 300px;
    min-height       : 50px;
    box-shadow       : #f2f2f2 1px 1px 1px 1px;
    padding          : 10px;
    color            : #239ad7;
    font-size        : 13px;
}

.soc-notes-input .semicolon-form-note td {
    padding : 1px 5px;
}

.remaining-days {
    display : block;
}

.remaining-days.remaining-danger {
    color : #f54b0f;
}

.remaining-days.remaining-warning {
    color : #f5bf2f;
}

.remaining-days.remaining-safe {
    color : #42b574;
}

a.pop-btn, .pop-btn {
    display       : inline-block;
    border-radius : 100px;
    height        : auto;
    box-sizing    : border-box;
    transition    : background-color 0.2s;
}

.pop-btn:before {
    content           : '';
    position          : absolute;
    top               : -20px;
    left              : -15px;
    bottom            : -20px;
    right             : -15px;
    background        : inherit;
    border-radius     : 50px;
    z-index           : -1;
    -webkit-transform : scale3d(0.8, 0.5, 1);
    transform         : scale3d(0.8, 0.5, 1);
    opacity           : 0;
}

a.pop-btn:hover, .pop-btn:hover {
    transition        : background-color 0.1s 0.3s, color 0.1s 0.3s;
    -webkit-animation : btn-pop 0.3s forwards;
    animation         : btn-pop 0.3s forwards;
}

.pop-btn:hover:before {
    -webkit-animation : btn-pop-bg 0.3s 0.3s forwards;
    animation         : btn-pop-bg 0.3s 0.3s forwards;
    opacity           : 1;
}

@keyframes btn-pop {
    60% {
        -webkit-transform : scale3d(0.8, 0.8, 1);
        transform         : scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform : scale3d(1.1, 1.1, 1);
        transform         : scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform : scale3d(1, 1, 1);
        transform         : scale3d(1, 1, 1);
    }
}

@keyframes btn-pop-bg {
    to {
        opacity           : 0;
        -webkit-transform : scale3d(1, 1, 1);
        transform         : scale3d(1, 1, 1);
    }
}

.form-floating .form-group {
    position    : relative;
    padding-top : 1.2em;
}

.form-floating label {
    font-family    : "Roboto Light", "SwissraLight", Arial, serif !important;
    font-weight    : normal;
    position       : absolute;
    font-size      : 1em;
    top            : 1em;
    z-index        : 1;
    pointer-events : none;
    transition     : all 0.2s linear;
}

.form-floating input[type=text], .form-floating input[type=password] {
    border           : none;
    box-shadow       : none;
    background-color : transparent;
    border-bottom    : 2px solid #fff;
    display          : block;
}

.form-floating input:focus ~ label, .form-floating input:not([value='']):valid ~ label, .form-floating input.float-active ~ label {
    top       : 0;
    color     : #f5772d;
    font-size : 0.8em;
}

.form-floating input:-webkit-autofill ~ label {
    top       : 0;
    color     : #f5772d;
    font-size : 0.8em;
}

.form-floating input:-webkit-autofill {
    -webkit-box-shadow      : 0 0 0 30px #239ad7 inset !important;
    -webkit-text-fill-color : #fff !important;
}

.blink-me {
    animation : blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% {
        opacity : 0.5;
    }
}

.store-path-selector {
    display : inline-block;
}

.store-path-selector .dropdown .btn {
    width : auto;
}

.store-selector {
    display : inline-block;
}

.store-selector:after {
    content     : "\f054";
    font-family : FontAwesome, serif;
    display     : inline-block;
    font-size   : 0.5em;
    padding     : 0 15px;
}

[dir="rtl"] .store-selector:after {
    content : "\f053";
}

.store-path-selector .dropdown-menu-right {
    text-align : right !important;
}

.store-path-selector .dropdown-text {
    font-size : 22px;
    width     : auto;
}

.store-path-selector .btn {
    padding : 5px;
}

.login-container {
    margin           : 0;
    padding          : 0;
    min-height       : 100%;
    width            : 100%;
    display          : flex;
    background-color : #fff;
}

.login-brand {
    margin           : 0;
    background-color : #fff;
    text-align       : center;
    position         : relative;
}

.login-brand-wrap {
    position : fixed;
    top      : 0;
    left     : 0;
    bottom   : 0;
    height   : 100vh;
    width    : 50%;
    overflow : hidden;
}

[dir="rtl"] .login-brand-wrap {
    right : 0;
    left  : auto;
}

.login-brand img.logo {
    position   : relative;
    max-width  : 50%;
    top        : 50vh;
    margin-top : -25%;
}

.login-tools {
    margin           : 0;
    background-color : #239ad7;
    padding          : 8vh 8%;
    display          : flex;
    flex-flow        : column nowrap;
    align-items      : center;
    justify-content  : center;
}

.login-tools-wrap {
    position : relative;
    top      : -3vh;
}

@media screen and (-ms-high-contrast : active), (-ms-high-contrast : none) {
    .login-tools {
        min-height : 100vh;
    }

    .login-tools-wrap {
        max-width : 98%;
    }
}

.info-page {
    position       : relative;
    padding-bottom : 2em;
}

.info-page > h1 {
    padding-bottom : 0.7em;
    line-height    : 1.6em;
    max-width      : calc(100% - 72px);
}

.info-page > p {
    font-weight : normal;
    line-height : 2em;
    color       : rgba(255, 255, 255, 0.7);
    text-align  : justify;
}

.login-welcome > p {
    text-align : start;
}

.info-page > h3 {
    margin-top    : 2.5em;
    margin-bottom : 1.5em;
}

.info-page table, .info-page section, .info-page ul {
    margin-top    : 2.5em;
    margin-bottom : 2.5em;
}

.info-page td {
    padding-bottom : 0.2em;
}

.info-page ul {
    list-style : none;
    text-align : justify;
}

.info-page li {
    color         : rgba(255, 255, 255, 0.7);
    line-height   : 2rem;
    margin-bottom : 1em;
    padding-left  : 0.4em;
    position      : relative;
}

[dir="rtl"] .info-page li {
    padding-right : 0.4em;
    padding-left  : 0;
}

.info-page li:before {
    content     : "\f00c";
    font-family : FontAwesome, serif;
    display     : inline-block;
    position    : absolute;
    width       : 1.6em;
    left        : -2em;
    top         : 0.21em;
}

[dir="rtl"] .info-page li:before {
    left  : auto;
    right : -2em;
}

.login-form {
    padding-top : 0.5em;
    display     : block;
    width       : 100%;
}

.login-form > h4 {
    padding-bottom : 2em;
    color          : rgba(255, 255, 255, 0.5);
}

.login-form label {
    color : #fff;
}

.login-form input[type=text], .login-form input[type=password] {
    width     : 65%;
    font-size : 1.25em;
    padding   : 0.15em 0;
    color     : #fff;
}

.login-form .semicolon-form-astric {
    display : none;
}

.login-form button.submit {
    font-family      : "Roboto Light", "SwissraLight", Arial, serif !important;
    background-color : #239ad7;
    color            : #fff;
    padding          : 0.4em 2em 0.5em;
    border           : 1px solid #fff;
    margin-top       : 1em;
    transition       : 0.35s;
    border-radius    : 0 !important;
}

.login-form button.submit:before {
    border-radius : 0 !important;
    display       : none;
}

.login-form button.submit:hover {
    background-color : #fff;
    color            : #239ad7;
    font-weight      : bold;
}

.login-container > .login-menu {
    display : none;
}

nav.login-menu {
    display  : block;
    position : absolute;
    bottom   : 0;
    width    : 100%;
    left     : 0;
    padding  : 1.2em 2.2em;
}

nav.login-menu > ul {
    list-style : none;
    margin     : 0;
    padding    : 0;
}

nav.login-menu > ul > li {
    font-family : "Roboto Light", "SwissraLight", Arial, serif !important;
    font-size   : 12px;
    display     : inline-block;
    padding     : 1em;
    float       : right;
}

[dir="rtl"] nav.login-menu > ul > li {
    float : left;
}

nav.login-menu > ul > li > a {
    color      : #434345;
    transition : 0.3s;
}

nav.login-menu > ul > li > a:hover {
    color : #0f97ff !important;
}

nav.login-menu > ul > li:first-child {
    float     : left;
    font-size : 13px;
}

[dir="rtl"] nav.login-menu > ul > li:first-child {
    float : right;
}

nav.login-menu > ul > li:first-child > a {
    color : #212121;
}

.lang-menu {
    position : relative;
}

.lang-menu > ul {
    display          : none;
    background-color : #fff;
    list-style       : none;
    padding          : 0;
    position         : absolute;
    bottom           : 3.2em;
}

.lang-menu:hover > ul, .lang-menu:focus > ul {
    display : block;
}

.lang-menu > ul > li > a {
    font-family : "Roboto Light", "SwissraLight", Arial, serif !important;
    display     : block;
    padding     : 1em 3em;
}

.lang-menu > ul > li > a:hover {
    background-color : #0f97ff;
    color            : #fff;
}

.login-failed-msg {
    height   : 0;
    overflow : visible;
    position : relative;
    top      : -30px;
    color    : #f5bf2f;
}

a.back-btn {
    position       : absolute;
    display        : inline-block;
    text-align     : center;
    font-size      : 36px;
    height         : 1.4em;
    width          : 1.4em;
    line-height    : 1.6em;
    vertical-align : middle;
    border         : 2px solid #fff;
    border-radius  : 50%;
    color          : #fff;
    right          : 0;
    opacity        : 0.3;
    margin-top     : 0.22em;
}

[dir="rtl"] a.back-btn {
    left  : 0;
    right : auto;
}

a.back-btn:hover {
    color            : #239ad7;
    background-color : #fff;
    opacity          : 0.9;
}

a.back-btn:before {
    display : none;
}

@media (max-width : 992px) {
    .login-brand img.logo {
        max-width : 60%;
        left      : -3%;
    }

    [dir="rtl"] .login-brand img.logo {
        right : -3%;
        left  : auto;
    }

    .login-form input[type=text], .login-form input[type=password] {
        width : 90%;
    }

    nav.login-menu {
        bottom  : 0;
        left    : 0;
        padding : 0;
    }

    nav.login-menu > ul > li {
        float     : left;
        font-size : 11px;
    }

    [dir="rtl"] nav.login-menu > ul > li {
        float : right;
    }

    nav.login-menu > ul > li:first-child {
        float         : none;
        display       : block;
        text-align    : left;
        border-bottom : 1px solid #9b9b9b;
    }

    [dir="rtl"] nav.login-menu > ul > li:first-child {
        float      : none;
        text-align : right;
    }
}

@media (max-width : 768px) {
    .login-container {
        display : block;
    }

    .login-brand {
        padding : 4em 3vw 3em;
    }

    .login-brand img.logo {
        right : auto;
        left  : auto;
    }

    [dir="rtl"] .login-brand img.logo {
        right : auto;
        left  : auto;
    }

    .login-brand-wrap {
        position : relative;
        height   : auto;
        width    : 100%;
    }

    .login-brand img.logo {
        top        : auto;
        margin-top : 0;
    }

    .login-tools {
        margin  : 1em;
        padding : 1.3em 4%;
        width   : calc(100% - 2em);
    }

    .login-tools-wrap {
        top   : -0.5em;
        width : 90%;
    }

    .login-welcome {
        display : none;
    }

    .login-form input[type=text], .login-form input[type=password] {
        width : 90%;
    }

    nav.login-menu {
        position : relative;
    }

    .login-container > .login-menu {
        display : block;
        clear   : both;
    }

    .login-brand .login-menu {
        display : none;
    }

    .login-form input[type=text], .login-form input[type=password] {
        width : 100%;
    }
}

@media screen and (max-width : 768px)and (-ms-high-contrast : active), (max-width : 768px)and (-ms-high-contrast : none) {
    .login-tools {
        min-height : inherit;
    }

    .login-tools-wrap {
        max-width : inherit;
    }
}

ul.price-list {
    padding    : 0 5px;
    margin     : 0;
    list-style : none;
}

ul.price-list > li {
    white-space : nowrap;
    text-align  : start;
}

ul.price-list > li > b {
    color     : #42b574;
    padding   : 0 5px;
    min-width : 5ch;
    display   : inline-block;
}

a.prod-add {
    position : fixed;
    bottom   : 15px;
    right    : 130px;
}

.result-sum {
    display          : inline-block;
    vertical-align   : top;
    min-width        : 100%;
    z-index          : 300;
    background-color : #3a7eb9;
    text-align       : left;
    color            : white;
    padding          : 17px 12px 11px;
}

.result-sum small {
    color : white;
}

.result-sum > section {
    display        : inline-block;
    padding        : 0 26px;
    vertical-align : top;
}

.result-sum > section h4 > i {
    font-size      : 30px;
    font-weight    : normal;
    padding-bottom : 0.3em;
}

.result-sum > section > div {
    display : inline-block;
}

[dir="rtl"] .result-sum {
    text-align : right;
}

.receipt-attachments {
    max-width : 620px;
}

.receipt-attachments figure {
    padding-bottom : 10px;
}

.receipt-attachments figure figcaption {
    padding       : 20px;
    text-align    : start;
    font-family   : "Roboto", "FrutigerLTArabic", Arial, Helvetica, sans-serif;
    font-size     : 20px;
    border-bottom : 1px solid #0f97ff;
    margin-bottom : 25px;
}

.receipt-attachments figure img {
    max-width : 100%;
    padding   : 15px;
}

.receipt-filter {
    padding          : 30px;
    max-width        : 620px;
    margin           : auto;
    background-color : #fff;
}

.receipt-filter .form-group {
    margin-top : 0;
}

a.sum-panel-btn {
    display    : inline-block;
    text-align : center;
    font-size  : 50px;
    color      : #fff;
    padding    : 0 20px;
}

a.receipt-filter-btn-marked i {
    color : #f5bf2f;
}

a.receipt-print-btn {
    position  : absolute;
    font-size : 25px;
    top       : 15px;
    left      : 73px;
}