/*-------------------Public-Class---------------------*/
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../Fonts/iransans-web.eot');
    src: url('../Fonts/iransans-web.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../Fonts/iransans-web.woff2') format('woff2'), /* Chrome36+, Opera24+*/
    url('../Fonts/iransans-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../Fonts/iransans-web.ttf') format('truetype');
}

.ssadisplay-contents {
    display: contents !important;
}

.ssachart-container {
    height: 70%;
}

.chart-toolbar {
    position: absolute;
    top: -100px;
    left: 5px;
}

.ssa-box-shadow {
    padding: 10px;
    margin-top: 5px;
    margin-left: 0px;
    margin-bottom: 10px;
    border-color: black;
    box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}

html, body {
    direction: rtl;
    background: #ffffff;
    font-family: IRANSans, Tahoma !important;
    font-size: 0.9rem;
}

body {
    color: #666;
    margin: 0 2px !important;
}

    body.modal {
        height: 100vh;
        position: static;
        display: block;
        overflow: hidden;
    }

        body.modal:before {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            opacity: 0.4;
            z-index: 99;
            content: "";
            background: #000;
        }

@media(max-width: 425px) {
    /*body h1, body h2, body h3, body h4, body h5, body h6 {
        
    }*/
    div.HeaderTitle-Style h3 {
        font-size: 16px !important;
        padding-top: 20px !important;
    }

    body, body legend {
        font-size: calc(100% - 0.15em) !important;
        padding: 2px 5px 0 !important;
    }

    .stb-General-Class, .rdd-general-class, .ssa-drop-down, .ssatextbox-simple {
        font-size: 0.9rem !important;
    }

        .stb-General-Class span, {
            width: calc();
        }

    a, ul, li, span {
        font-size: calc(100% - 0.1em);
    }

    .lblDateTimeMessage {
        font-size: .8em;
    }

    .btn-datepicker-showhidecalendar {
        position: relative;
        max-height: 33px;
        right: -20px;
    }

    div.current-date-list-container {
        width: calc(100% + 20px) !important;
        left: 0px;
        right: -20px;
    }
}

.empty {
}

p {
    text-align: justify;
}

/*p.br {
        line-height: 1.5rem;
    }*/

article, aside, details,
figcaption, figure, footer,
header, hgroup, nav, section {
    display: block;
}

section {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    width: auto;
    max-width: 100%;
    height: auto;
}

    img.Center-Block {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    img.nopic {
        display: block;
        max-height: 25px;
        width: auto;
        text-align: center;
        margin: auto;
    }

img, legend {
    border: 0px;
}

legend {
    font-size: .95rem !important;
    color: #000000 !important;
}

@media(min-width: 768px) {
    legend {
        font-size: 1.025rem !important;
    }
}

.ui-accordion .ui-accordion-header {
    font-size: 110% !important;
}

.imgServices-Style {
    margin-top: 40px;
}

.imgPhone-1-Style {
    width: 100%;
}

.img-please-wait {
    z-index: 999999999;
}


i {
    font-style: normal;
}

input::-webkit-input-placeholder {
    text-align: right !important;
}

input:-moz-placeholder {
    text-align: right !important;
}

input::-moz-placeholder {
    text-align: right !important;
}

input:-ms-input-placeholder {
    text-align: right !important;
}

p, h1, h2, h3, h4, h5, h6, a, button, input, textarea {
    font-family: IRANSans, Tahoma !important;
    font-weight: 300;
    /*direction: rtl;*/
    /*text-align: justify;*/
    line-height: 21px;
    margin-bottom: 10px;
    /*transition: .2s all ease;*/
}

    p:first-child {
        margin-top: 0;
    }

ul, ol {
    padding: 0;
    margin: 0 25px 9px 0;
}

a,
a:-webkit-any-link {
    list-style: none;
    text-decoration: none;
}

a, ul, li {
    font-size: 15px;
    margin: 0;
    padding: 0 2px 0 0;
    line-height: 25px;
}

.text-decoration-none {
    text-decoration: none !important;
}

ul {
    list-style: square;
    line-height: 30px;
}


div {
    margin: 1px;
    box-sizing: border-box;
}

[class^="col-"] > p,
[class*="col-"] > p,
[class*="row"] > p,
[class^="row"] > p,
[class^="col-"] > .img-documentation {
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 0px;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr,
acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s,
samp, small, strike, strong, sub, sup,
tt, var, b, u, i, center, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    box-sizing: border-box;
}

input[type="submit"], input[type="button"], button {
    font-family: IRANSans;
    /*font-size: 1.3em;*/
    font-weight: normal;
    padding: 8px 5px;
    cursor: pointer;
    vertical-align: top;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    text-align: center;
    /*min-width: 300px;*/
}

select, input[type="text"], input[type="password"],
input[type="email"], input[type="number"], input[type="tel"] {
    min-height: 28.5px;
}

select, input[type="text"], input[type="password"], textarea,
input[type="email"], input[type="number"], input[type="tel"] {
    font-family: IRANSans, Tahoma;
    border: 1px solid #ccc;
    padding: 0px 5px 0;
    box-shadow: inset 0.6px 0.6px 2.3px -0.6px #000;
    vertical-align: middle;
    font-size: .98rem;
    /*font-family: Tahoma;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;*/
}

textarea {
    padding: 5px 5px;
}

.Container:after,
.Container:before,
.Row:after,
.Row:before {
    content: " ";
    display: table;
}

.imgindoor {
    height: 13px;
    width: auto;
}

.Section {
    padding: 35px 0;
}

.Clear {
    clear: both;
    overflow: auto;
}

.clearfix {
    display: block !important;
}

/*.txtRight {
    text-align: right;
}

.Text-Center {
    text-align: center !important;
    float: none !important;
}

.Text-Right {
    text-align: right !important;
}*/

.ios-text {
    color: #333;
    padding-top: 5px;
    display: inline-block;
}

    .ios-text b {
        position: relative;
        padding-right: 25px;
    }

.ios-text2 {
}

    .ios-text2 b {
        position: unset;
    }

    .ios-text2 b {
        padding-right: 0 !important;
    }

.dot {
    position: relative;
    padding-right: 25px;
}

    .dot:before,
    .ios-text b:before {
        position: absolute;
        top: 12px;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px;
        height: 8px;
        border-radius: 50%;
        content: "";
        display: inline-block;
        background-color: #4baaf4;
        -webkit-box-shadow: 0 0.2rem 1rem rgba(0,0,0,.2);
        box-shadow: 0 0.2rem 1rem rgba(0,0,0,.2);
    }

h2.Text-Center {
    text-transform: uppercase;
    font-size: 2em;
    color: #333;
    margin-bottom: 25px;
    line-height: 1.24;
    /*margin: 33px 0 39px;*/
}

p.cta {
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-size: 20px;
    text-align: center !important;
    color: #333333;
    display: inline-block;
    margin: auto;
    width: 100%;
    margin-top: 40px;
}


.cta a {
    background: -moz-linear-gradient(294.94deg, #EFB317 13.97%, #FF7A00 84.25%);
    background: -webkit-linear-gradient(294.94deg, #EFB317 13.97%, #FF7A00 84.25%);
    background: linear-gradient(294.94deg, #EFB317 13.97%, #FF7A00 84.25%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFB317', endColorstr='#FF7A00',GradientType=1 );
    border-radius: 15px;
    font-family: IRANSans, Tahoma;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 200px;
    display: block;
    padding: 6px;
    margin: 10px auto;
}

    .cta a:hover {
        -webkit-box-shadow: 0px 11px 22px -7px rgba(0,0,0,0.4);
        -moz-box-shadow: 0px 11px 22px -7px rgba(0,0,0,0.4);
        box-shadow: 0px 11px 22px -7px rgba(0,0,0,0.4);
        background: #e34713;
        background: -moz-linear-gradient(left, #e34713 0%, #ec6f22 65%, #f2882b 100%);
        background: -webkit-linear-gradient(left, #e34713 0%, #ec6f22 65%, #f2882b 100%);
        background: linear-gradient(to right, #e34713 0%, #ec6f22 65%, #f2882b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e34713', endColorstr='#f2882b',GradientType=1 );
        color: #fff;
    }

    .cta a:active {
        position: relative;
        top: 1px;
    }

hr.Short {
    border: none;
    height: 2px;
    width: 70px;
    display: inline-block;
}

.bg-Orange {
    background-color: #ffae00;
    color: #fff;
}

a.btnTheme {
    background: linear-gradient(294.94deg, #EFB317 13.97%, #FF7A00 84.25%);
    border-radius: 20px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 200px;
    display: block;
    padding: 11px;
    margin-top: 30px;
}

    a.btnTheme:hover {
        -webkit-box-shadow: 0px 11px 22px -7px rgba(0,0,0,0.4);
        -moz-box-shadow: 0px 11px 22px -7px rgba(0,0,0,0.4);
        box-shadow: 0px 11px 22px -7px rgba(0,0,0,0.4);
        background: #e34713;
        background: -moz-linear-gradient(left, #e34713 0%, #ec6f22 65%, #f2882b 100%);
        background: -webkit-linear-gradient(left, #e34713 0%, #ec6f22 65%, #f2882b 100%);
        background: linear-gradient(to right, #e34713 0%, #ec6f22 65%, #f2882b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e34713', endColorstr='#f2882b',GradientType=1 );
        color: #fff;
    }

    a.btnTheme:active {
        position: relative;
        top: 1px;
    }

.Client {
}

    .Client img {
        height: auto;
        width: 250px;
    }

    .Client .Services {
        border-bottom: 2px dashed #808080;
        margin: 20px 0 30px;
        padding-bottom: 20px;
        padding-right: 20px;
    }

.itc-Wrapper {
    margin-top: 90px;
    border-top: 1px dashed#cccccc;
}

.icon {
    background-size: contain;
    width: 50px;
    height: 50px;
}

.imgCer {
    display: block;
    margin: auto;
    max-width: 1000px;
}

.Singl-Image {
    text-align: center;
    margin-bottom: 25px;
    margin-top: 15px;
}

    .Singl-Image i {
        font-size: 50px;
        color: #dcdcdc;
    }

.Sub-Headline {
    text-align: center;
    line-height: 1.4em;
    font-size: 18px;
}

ul.Full-Cycle {
    margin: 30px 0;
    width: 50%;
    float: right;
    padding-right: 50px;
}

@media(max-width: 500px) {
    ul.Full-Cycle {
        width: 100%;
    }
}

ul.Full-Cycle li {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 30px;
    position: relative;
    list-style: none;
}

    ul.Full-Cycle li:after {
        content: url(../Images/Logo/i-check1.png);
        display: block;
        position: absolute;
        top: 5px;
        right: -40px;
    }

.Heading-Title {
    margin-bottom: 15px;
}

    .Heading-Title h3 {
        text-align: center;
        margin: 0;
        font-weight: 300;
        font-family: IRANSans, Tahoma;
        font-size: 30px;
        line-height: 70px;
        margin-bottom: 15px;
    }

        .Heading-Title h3:after {
            display: block;
            content: "";
            height: 2px;
            width: 65px;
            background: #ff8541;
            margin: 15px auto;
            position: relative;
        }

/*--------------Section-Selected-Profile-------------*/

.Profile-Icon {
    width: 51px;
    height: 51px;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
    margin: 2px 1px 2px;
    border: 1px solid #fff;
    background-color: #848484;
    /*position: relative;*/
    box-shadow: 0px 0px 3px 0px rgba(31, 130, 108, 0.9);
}

    .Profile-Icon .pnl-HintUser {
        position: absolute;
        transform: scale(0);
        width: 0;
        height: 0;
        top: 73px;
        right: 27px;
        transition: all linear 0.3s;
        background-color: gray;
        color: #fff;
        opacity: 0;
        padding: 3px 7px;
        font-size: 12px;
        z-index: 99999;
    }

.pnl-HintUser.show-hint {
    width: 200px;
    height: 50px;
    transform: scale(1);
    border-radius: 5px;
    border-top-right-radius: 0;
    opacity: .9;
    transition: all cubic-bezier(0.59, -0.97, 0.92, -0.57) 0.8s;
    -o-transition: all cubic-bezier(0.59, -0.97, 0.92, -0.57) 0.8s;
    -moz-transition: all cubic-bezier(0.59, -0.97, 0.92, -0.57) 0.8s;
    -webkit-transition: all cubic-bezier(0.59, -0.97, 0.92, -0.57) 0.8s;
}

.Profile-Icon.Activated .Section-Selected-Profile {
    /*position: relative;*/
    opacity: 1;
    top: 65px;
    transition: all cubic-bezier(1, 0, 0.27, 1.04) 0.4s;
    -o-transition: all cubic-bezier(1, 0, 0.27, 1.04) 0.4s;
    -moz-transition: all cubic-bezier(1, 0, 0.27, 1.04) 0.4s;
    -webkit-transition: all cubic-bezier(1, 0, 0.27, 1.04) 0.4s;
}

    .Profile-Icon.Activated .Section-Selected-Profile > * {
        opacity: 1;
        transition: all linear .6s;
    }

.Profile-Icon > img {
    width: 100%;
    height: auto;
    margin: auto;
    /*position: absolute;*/
    bottom: 0;
    top: 0;
}



.Section-Selected-Profile {
    display: block;
    border: 1px solid #dbd9d9;
    background-color: white;
    border-radius: 5px;
    position: absolute;
    width: 100%;
    max-width: 380px;
    z-index: 10;
    box-shadow: 0 0 4px 0px #c5c5c5;
    margin: -3px 0;
    opacity: 0;
    top: -500px;
    transition: all linear .6s;
}

    .Section-Selected-Profile > * {
        opacity: 0;
    }


    .Section-Selected-Profile::before {
        content: " ";
        display: table;
    }

    .Section-Selected-Profile::after {
        clear: both;
        content: " ";
        display: table;
    }

    .Section-Selected-Profile .Profiles-Panel {
        background-color: #f7f7f7;
        float: right;
        padding: 0px 4px 0px;
        position: relative;
        /*cursor: pointer;*/
        width: 100%;
    }

        .Section-Selected-Profile .Profiles-Panel.Active-Profile {
            background-color: #fff;
            margin-bottom: 10px;
        }

        .Section-Selected-Profile .Profiles-Panel:nth-child(1n+2) {
            /*padding-top: 10px;*/
        }

        .Section-Selected-Profile .Profiles-Panel:nth-child(n+2):before {
            position: absolute;
            content: "";
            width: 50%;
            height: 1px;
            text-align: center;
            margin: 0 auto;
            top: 0;
            right: 25%;
            background-color: #dbd9d9;
        }

        .Section-Selected-Profile .Profiles-Panel:last-child:before {
            width: 100%;
            right: 0;
        }

.pnl-Show-Login,
.pnl-Show-Login > * {
    opacity: 0;
    width: 100%;
    height: 0;
    text-align: center;
    vertical-align: central;
    transition: all 0.3s;
    position: absolute;
    padding: 6px 0;
    transform: scale(0);
}

.Section-Selected-Profile .Profiles-Panel.Activate > .pnl-Show-Login {
    transform: scale(1);
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    opacity: 0.8;
    background-color: gray;
    z-index: 10;
    position: absolute;
    transition: all linear 0.3s;
}

    .Section-Selected-Profile .Profiles-Panel.Activate > .pnl-Show-Login > * {
        transform: scale(1);
        opacity: 1;
        height: auto;
        transition: all linear 0.3s;
    }

.pnl-Show-Login .btn-SignIn-Def {
    opacity: 1;
    width: 180px;
    height: 40px;
    z-index: 11;
    border-radius: 0;
    transition: all linear 0.2s;
    padding: 10px 0;
    margin: 15px auto;
}

    .pnl-Show-Login .btn-SignIn-Def:active {
        position: relative;
        top: 1px;
        opacity: 1;
    }

.pnl-Show-Login::before {
}

.Section-Selected-Profile .Profiles-Panel .Sub-Panel {
    float: right;
    padding: 3px 1px 0;
}

    .Section-Selected-Profile .Profiles-Panel .Sub-Panel:nth-child(2) {
        width: 30%;
    }

    .Section-Selected-Profile .Profiles-Panel .Sub-Panel:nth-child(3) {
        width: 70%;
    }

.Section-Selected-Profile .Profiles-Panel.Active-Profile .Sub-Panel:first-child {
    width: 32%;
    border-radius: 50%;
}

.Section-Selected-Profile .Profiles-Panel.Active-Profile .Sub-Panel:nth-child(2) {
    width: 68%;
}

.Profiles-Panel .Sub-Panel .Current-Acc-Image {
    width: 120px;
    height: 120px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    right: 2px;
    top: 2px;
    border: 2px solid #fff;
    box-shadow: 0 0 9px rgba(252, 0, 0, 0.9);
}

    .Profiles-Panel .Sub-Panel .Current-Acc-Image > span.ChangeImage {
        width: 100%;
        height: 0px;
        color: #000;
        background-color: rgba(188, 188, 188, 0.7);
        opacity: .7;
        position: absolute;
        bottom: 0;
        right: 0;
        /*text-decoration: underline;*/
        font-size: 12px;
        text-align: center;
        transition: all .3s;
    }

    .Profiles-Panel .Sub-Panel .Current-Acc-Image:hover > span.ChangeImage {
        height: 26px;
    }

.Section-Selected-Profile .img-Current-Account {
    /*border-radius: 50%;*/
    position: absolute;
    border: 1px solid #cccccc;
    box-shadow: #cccccc 0px 0px 10px 1px inset;
    width: 103%;
    right: -2px;
    top: -2px;
    height: 103%;
    margin: 0px;
    background-color: forestgreen;
}

.Section-Selected-Profile .img-Other-Profile {
    background-color: #4b98bb;
    border: 1px solid green;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    margin: 5px 10px 5px 0;
    border: 2px solid #fff;
    box-shadow: 0 0 3px 1px #818181;
}

.Section-Selected-Profile .lbl-User-FullName {
    font-weight: bold;
    font-size: medium;
    padding: 0px 0px 5px;
}

.Section-Selected-Profile .lbl-User-Position {
    font-weight: normal;
    font-size: small;
    padding: 0px 6px 4px;
}

/*.Section-Selected-Profile .btn-Account-Setting {
    background-color: #5997fc;
    border: 1px solid #2b72e3;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    display: inline-block;
    text-align: center;
    margin: auto 20%;
    padding: 10px 0;
    font-weight: normal;
}*/

/*.Section-Selected-Profile .btn-Account-Setting > span:first-child::before {
            padding-left: 7px;
        }*/

.Section-Selected-Profile .btn-Sign-Out {
    padding: 3px 7px;
    margin: 1px auto;
    font-weight: normal;
}

.Section-Selected-Profile .btn-Set-Def {
    padding: 0px 4px 0;
    margin-top: 8px;
    position: absolute;
    font-weight: normal;
    text-align: center;
    transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    left: 0;
}

    /*.Section-Selected-Profile .btn-Set-Def::after {
        content: "حساب پیشفرض شود" !important;
        padding-top: 8px;
        padding-right: 0px;
    }*/

    .Section-Selected-Profile .btn-Set-Def.btnDisable {
        pointer-events: none;
        cursor: not-allowed;
    }

        .Section-Selected-Profile .btn-Set-Def.btnDisable > .button {
            pointer-events: none;
            cursor: not-allowed;
            text-decoration: none;
            color: black;
            background: #949494;
            box-shadow: none;
            opacity: 0.7;
        }

/*.Section-Selected-Profile .btn-Set-Def.btnDisable::after {
            content: "حساب پیشفرض ..." !important;
        }*/
/*.Section-Selected-Profile .btn-Sign-Out > span:first-child::before {
            padding-left: 7px;
        }*/

.Section-Selected-Profile .btn-Account-Setting:hover {
    background-color: #2b72e3;
    cursor: pointer;
}

@media(max-width: 420px) {
    .Section-Selected-Profile {
        width: 98%;
        max-width: 300px;
        margin: -3px 0px;
    }

        .Section-Selected-Profile .Profiles-Panel.Active-Profile {
            height: 100px;
        }

        .Section-Selected-Profile .Profiles-Panel .Sub-Panel:first-child {
            width: 30%;
            height: 100%;
        }

        .Section-Selected-Profile .Profiles-Panel .Sub-Panel {
            width: 70%;
        }

    Sub-Panel:first-child {
        width: 30%;
    }

    .Profiles-Panel .Sub-Panel .Current-Acc-Image {
        width: 100%;
        height: 95%;
    }

    .Section-Selected-Profile .lbl-User-FullName {
        font-size: small;
    }

    .Section-Selected-Profile .lbl-User-Position {
        font-size: x-small;
    }

    .Section-Selected-Profile .btn-Account-Setting {
        text-align: center;
        margin: 5px 5% 0;
        padding: 10px 0;
        position: relative;
        font-weight: normal;
        right: 0;
        width: 97% !important;
        transition: background-color linear .5s;
        -o-transition: background-color linear .5s;
        -moz-transition: background-color linear .5s;
        -webkit-transition: background-color linear .5s;
    }

    .Section-Selected-Profile .img-Other-Profile {
        margin-right: 0px;
    }

    .Section-Selected-Profile .img-Other-Profile {
        width: 60px;
        height: 60px;
    }

    .pnl-Show-Login .btn-SignIn-Def {
        font-size: x-small;
        width: 70%;
        min-width: 120px;
    }
}

@media(max-width: 300px) {

    .Profiles-Panel .Sub-Panel .Current-Acc-Image {
        height: 85%;
    }
}

@media(max-width: 270px) {
    .Section-Selected-Profile .btn-Account-Setting {
        display: inline-block;
        position: absolute;
        bottom: 0;
        width: 60px !important;
    }

    .Profiles-Panel .Sub-Panel .Current-Acc-Image {
        width: 70%;
        position: absolute;
        z-index: 0;
        height: 100%;
        opacity: 0.6;
        margin: auto 10%;
    }

    .Section-Selected-Profile .Profiles-Panel.Active-Profile {
        height: 160px;
    }

    .Section-Selected-Profile .lbl-User-FullName,
    .Section-Selected-Profile .lbl-User-Position {
        position: absolute;
        right: 0;
        top: 12px;
        font-weight: bold;
    }

    .Section-Selected-Profile .lbl-User-Position {
        margin-top: 30px;
    }

    .Section-Selected-Profile .Profiles-Panel .Sub-Panel {
        height: 74px;
    }

    .Section-Selected-Profile .img-Other-Profile {
        position: absolute;
        left: 0;
    }

    .Section-Selected-Profile .btn-Set-Def {
        margin: 5px 5%;
        font-weight: normal;
        position: absolute;
        bottom: -10px;
        right: 0;
        width: 90% !important;
    }
}

/*----------------------Section-Tech------------------------*/
.Section-Startup-Stages-List {
}

.Stages-List {
    position: relative;
    padding-top: 50px;
}

.Startup-Stages {
}

    .Startup-Stages .Startup-Stages-Item {
        /*z-index: 10;*/
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 50px;
        position: relative;
    }

.Startup-Stages-Item-In {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-content: center;
    -ms-flex-align: center;
    align-items: center;
}

    .Startup-Stages-Item-In > div {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 460px;
        -ms-flex: 0 0 460px;
        flex: 0 0 460px;
        width: 100%;
    }

    .Startup-Stages-Item-In > div {
        opacity: 1;
        transform: matrix(1, 0, 0, 1, 0, 0);
        transition: all linear 1.6s;
    }

        .Startup-Stages-Item-In > div.Visible-Show:first-child {
            opacity: 0;
            transform: matrix(1, 0, 0, 1, 20, 0);
        }

        .Startup-Stages-Item-In > div.Visible-Show:nth-child(1n+2):not(:last-child) {
            opacity: 0;
            transform: matrix(1, 0, 0, 1, 0, 20);
        }

        .Startup-Stages-Item-In > div.Visible-Show:last-child {
            opacity: 0;
            transform: matrix(1, 0, 0, 1, -20, 0);
        }


.img-Stages-Item img {
    max-width: 100%;
}

@media only screen and (max-width: 991px) {
    .Startup-Stages-Item-In > div {
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
    }

    .Startup-Stages-Item-In {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .Startup-Stages-Item:nth-child(odd) .Startup-Stages-Item-In {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .img-Stages-Item {
        margin-bottom: 15px;
    }
}



@media only screen and (max-width: 1200px) {
    .Startup-Stages-Item-In > div {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 400px;
        -ms-flex: 0 0 400px;
        flex: 0 0 400px;
    }
}




/*----------------------Section-Tech------------------------*/

.Tech {
    padding: 17px 0;
}

    .Tech .Tech-Item:first-child {
        border-top-right-radius: 7px;
        border-bottom-right-radius: 7px;
    }

    .Tech .Tech-Item:last-child {
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px;
    }

    .Tech .Tech-Col-Icon {
        margin: 0px 5px 0px;
        text-align: center;
        position: absolute;
    }

        .Tech .Tech-Col-Icon img {
            padding: 13px 10px 0px 0px;
            width: 60px;
        }

        .Tech .Tech-Col-Icon i {
            margin-top: 8px;
        }

    .Tech .Tech-Col-Icon-Content {
        margin-right: 55px;
        font-size: 15px;
        line-height: 1;
        color: #108e1f;
    }

        .Tech .Tech-Col-Icon-Content h5 {
            font-weight: bold;
            color: #0091b0;
            margin-bottom: 5px;
        }
/*-------------------Check-List----------------------*/
ul.Check-List {
    font-size: 16px;
    line-height: 1.42857143;
}

    ul.Check-List li {
        position: relative;
        padding-right: 40px;
        list-style-type: none;
        line-height: 2em;
    }

        ul.Check-List li:before {
            color: #ff6a00;
            font-size: 1.5em;
            margin: 2px -26px 0px 3px;
            position: absolute;
        }
/*----------------------Check------------------------*/
.Checked {
    margin: 12px 0;
    padding-right: 45px;
    position: relative;
}

    /*.Checked:before {
        vertical-align: top;
        position: absolute;
        right: 0;
        top: 10px;
        font-size: 40px;
        display: inline-block;
        font-weight: bold;
    }*/

    .Checked .Checked-Title {
        /*font-size: 25px;
        font-weight: bold;*/
        color: black;
        margin: 7px 0;
    }

    .Checked .Checked-Content {
        font-size: 15px;
        color: black;
    }
/*----------------------Container------------------------*/

.Container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.Card-Badge-Container {
    max-width: 1920px;
}

.Container:after {
    clear: both;
}

.Checked-Container {
    overflow: auto;
}

@media (min-width: 992px) {
    .Container {
        width: 970px;
    }

    /*body {
        width: 1000px;
        text-align: center;
        margin: auto;
    }*/
}

@media (min-width: 1200px) {
    .Container {
        width: 1200px;
    }

    /*body {
        width: 1280px;
        text-align: center;
        margin: auto;
    }*/
}

@media (min-width: 1440px) {
    .Container {
        width: 1410px;
    }

    /*body {
        width: 1472px;
        text-align: center;
        margin: auto;
    }*/
}

@media (min-width: 1980px) {
    /*body {
        width: 1600px;
        text-align: center;
        margin: auto;
    }*/
}

.Row {
    margin-left: -15px;
    margin-right: -15px;
}

.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
}

.Column {
    margin: auto;
    transition: all linear 0.4s;
    -o-transition: all linear 0.4s;
    -moz-transition: all linear 0.4s;
    -webkit-transition: all linear 0.4s;
}

    .Column a {
        color: #1d1a1a;
        font-weight: bold;
        padding: 10px 10px 15px;
    }

        .Column a span,
        .Column a i {
            font-weight: normal;
        }

    .Column:hover {
    }



    .Column > a {
        min-height: 300px;
        max-height: 390px;
        display: block;
        border-radius: 15px;
        transition: all ease-in-out 0.4s;
        -o-transition: all ease-in-out 0.4s;
        -moz-transition: all ease-in-out 0.4s;
        -webkit-transition: all ease-in-out 0.4s;
    }

    .Column:hover > a:hover {
        background-color: rgba(96, 191, 245, 0.79);
        color: white;
    }

    .Column > a > div {
        width: 99.999%;
        height: 99.999%;
        padding: 5px 15px 15px;
    }

/*-------------------Section-Platform---------------------*/
.Section-Platform {
}

    .Section-Platform img {
        position: relative;
        bottom: -10px;
    }

    .Section-Platform .need {
        color: black;
    }

        .Section-Platform .need li {
            float: right;
            width: 50%;
            font-size: 18px;
        }
/*-------------------Section-Gray---------------------*/
.Section-Gray {
    background: #f3f3f3;
    padding: 25px 0px;
    margin-top: 20px;
}
/*-------------------Section-lightBlue---------------------*/
.Section-lightBlue {
    background-color: #f7fbfe;
    padding: 45px 0px 60px;
    margin: 0 0;
    clear: both;
}
/*-------------------Section-Transparent---------------------*/
.Section-Transparent {
    padding: 25px 0px;
    margin: 20px 0;
    clear: both;
}
/*-------------------Section-LicensePlate-Card---------------------*/
.Section-LicensePlate-Card {
}

@media(min-width: 576px) {
    .Section-LicensePlate-Card .Box-Shadow {
        height: 340px;
    }
}
/*-------------------Section-Notification-Bar---------------------*/

.NotifyButton {
    position: absolute;
}

.Section-Notification-Bar {
    position: relative;
    height: 100%;
    float: right;
    padding: 5px 10px 0px;
}

    .Section-Notification-Bar i {
        font-size: 37px;
        color: darkcyan;
        width: 50px;
        text-align: center;
    }

    .Section-Notification-Bar .NotificationCounter {
        position: absolute;
        right: 0px;
        top: 0px;
        padding: 0px 2px;
        background-color: orangered;
        border-radius: 50%;
        color: white;
        font-size: 18px;
        font-style: normal;
        font-family: IRANSans;
    }
/*------------------Section-Contact-Link------------------------*/
.Section-Contact-Link {
    padding: 60px 0;
    background: url(../Images/Banners/bg-Contact-Link.jpg) no-repeat center center;
    background-attachment: fixed;
    color: white;
    text-align: center;
    display: block;
    background-size: cover;
    width: 100%;
    position: relative;
    background-color: #0095b5;
    background-repeat: repeat;
    background-position: right;
    z-index: 10;
}

    .Section-Contact-Link .section-heading {
        letter-spacing: 2px;
        margin-bottom: 50px;
        color: white;
    }
/*----------------------Section-Web-technology------------------------*/
.Section-Web-technology {
    direction: ltr;
    text-align: left;
    font-family: IRANSans, Tahoma;
}

    .Section-Web-technology h3 {
        text-align: center;
        margin-bottom: 40px;
    }

    .Section-Web-technology h4 {
        text-align: center;
        text-transform: uppercase;
    }

    .Section-Web-technology .Title {
        font-style: normal;
        text-align: center;
        margin-bottom: 0;
        position: relative;
    }

    .Section-Web-technology .col-md-3 {
        float: left;
    }

    .Section-Web-technology .Web-Tech-Item {
        margin-bottom: 20px;
    }

.Web-Tech-Item .Web-Tech-Item-Head {
    background-color: #4eb8f4;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
}

    .Web-Tech-Item .Web-Tech-Item-Head::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 6.5px 9px 6.5px;
        border-color: transparent transparent#4eb8f4 transparent;
        position: absolute;
        bottom: -0.85rem;
        right: 50%;
        -webkit-transform: translate(50%);
        -ms-transform: translate(50%);
        transform: translate(50%);
    }

    .Web-Tech-Item .Web-Tech-Item-Head h3 {
        padding: 20px;
    }

.Web-Tech-Item .Web-Tech-Item-Content {
    border: 1px solid #e8e8e8;
    background-color: #f2f2f2;
    border-radius: 2px;
}

    .Web-Tech-Item .Web-Tech-Item-Content ul {
        list-style: none;
        direction: ltr;
        text-align: left;
        display: block;
        margin: 1em 0 1em 40px;
    }

.Web-Tech-Item-Content ul li {
    padding: 10px 0;
    font-size: medium;
}

    .Web-Tech-Item-Content ul li span {
        position: relative;
        top: 4px;
    }

    .Web-Tech-Item-Content ul li img {
        width: 30px;
        margin-right: 15px;
        bottom: 1px;
        float: left;
        position: relative;
    }

/*---Mobile-Technology---*/
.Mob-Tech-Item {
    padding: 40px 0 10px;
}

.Lft {
    background-color: #e8e8e8;
    text-align: center;
    margin-bottom: -15px;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .Lft h4 {
        padding: 5px;
    }

.Rt {
    border: 1px solid #e6e6e6;
    /*border-top: none;*/
    /*background-color: #f2f2f2;*/
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .Rt ul {
        list-style: none;
        direction: ltr;
        text-align: left;
        display: block;
        margin: 1em 0 1em 40px;
    }

        .Rt ul li {
            padding: 10px 0;
            font-size: medium;
        }

            .Rt ul li span {
                position: relative;
                top: -2px;
            }

            .Rt ul li img {
                /* width: 30px; */
                margin-right: 15px;
                height: 25px;
                width: auto;
                max-width: 105px;
                bottom: 0px;
                float: left;
                position: relative;
                display: inline-block;
                vertical-align: bottom;
            }

@media(min-width: 501px) {
    .Mob-Tech-Item {
        display: flex;
        /*padding: 20px 0;*/
        margin-left: 10px;
        border-bottom: 1px solid #d7d3d3;
    }

    .Lft {
        border: none;
        margin: 0;
        width: 30%;
        background: transparent;
        padding: 7px 0 4px;
    }

        .Lft h4 {
            text-align: left;
        }

    .Rt {
        border: none;
        width: 70%;
    }


        .Rt ul {
            /*display: flex;*/
            margin: 0.1em 0 0.1em 10px;
            width: 100%;
            float: left;
        }

            .Rt ul li {
                width: 32%;
                padding: 10px 2px;
                font-size: medium;
                float: left;
            }
}

/*----------------------Section-MainPageCards------------------------*/
.Section-MainCards {
    clear: both;
    overflow: hidden;
}

    .Section-MainCards .col-md-3 {
        padding: 0 0;
    }

    .Section-MainCards .Card-Item {
        height: 100%;
        min-height: 220px;
        color: #ffffff;
        position: relative;
        display: block;
        margin-bottom: 0;
        text-align: center;
        background: 0 0;
        overflow: hidden;
        transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -webkit-transition: all .2s ease;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        min-height: 250px;
    }

        .Section-MainCards .Card-Item:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            text-decoration: none;
            background: rgba(34, 51, 68, .25);
            transition: all .4s ease;
            -o-transition: all .4s ease;
            -moz-transition: all .4s ease;
            -webkit-transition: all .4s ease;
            opacity: 1;
            z-index: 2;
        }

        .Section-MainCards .Card-Item .Card-Wrapper {
            padding: 76px 20px 80px;
            width: 100%;
        }

            .Section-MainCards .Card-Item .Card-Wrapper .Card-Item-Content {
                position: absolute;
                overflow: hidden;
                top: 0;
                left: 0;
                color: white;
                width: 100%;
                z-index: 3;
            }

        .Section-MainCards .Card-Item .CardItem-Link-Image {
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            top: 1px;
            bottom: 1px;
            left: 1px;
            right: 1px;
            z-index: 1;
            opacity: 1;
            transition: all .8s ease;
            -o-transition: all .8s ease;
            -moz-transition: all .8s ease;
            -webkit-transition: all .8s ease;
        }

        .Section-MainCards .Card-Item:hover .CardItem-Link-Image {
            opacity: 1;
            transform: scale(1.5);
            -webkit-transform: scale(1.5);
            -moz-transform: scale(1.5);
            -o-transform: scale(1.5);
            -ms-transform: scale(1.5);
            transition: all 0.7s;
            -o-transition: all 0.7s;
            -moz-transition: all 0.7s;
            -webkit-transition: all 0.7s;
        }

        .Section-MainCards .Card-Item:hover .Cards-Text {
            opacity: 1;
            transition: all .4s ease;
            -o-transition: all .4s ease;
            -moz-transition: all .4s ease;
            -webkit-transition: all .4s ease;
        }

        .Section-MainCards .Card-Item .Cards-Icon {
            position: relative;
            color: #234;
            z-index: 5;
        }


        .Section-MainCards .Card-Item .Cards-Name {
            transition: all .4s ease;
            -o-transition: all .4s ease;
            -moz-transition: all .4s ease;
            -webkit-transition: all .4s ease;
        }

            .Section-MainCards .Card-Item .Cards-Name h4 {
                font-weight: bold;
                font-size: 20px;
                line-height: 40px;
                transition: all .4s ease;
                -webkit-transition: all .4s ease;
                margin-top: 0;
                margin-bottom: 13px;
                width: 100%;
                text-align: center;
            }

        .Section-MainCards .Card-Item .Cards-Text {
            width: 70%;
            margin-left: auto;
            margin-right: auto;
            opacity: 0;
        }

            .Section-MainCards .Card-Item .Cards-Text p {
                margin-top: 0;
                margin-bottom: 0;
                font-weight: 300;
                text-align: center;
                width: 100%;
            }
/*----------------Section-Inbox-Messages-----------------*/
.Section-Inbox-Messages {
}

.sgrd-AdminInbox {
}

    .sgrd-AdminInbox table.dataTable tbody th,
    .sgrd-AdminInbox table.dataTable tbody td {
        padding: 5px 1px;
        text-align: center;
    }

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 2px 5px;
    vertical-align: middle;
    cursor: pointer;
}

table.dataTable {
    min-width: 600px !important;
}

    table.dataTable thead th,
    table.dataTable thead td {
        padding: 5px 3px 5px 3px !important;
        border-bottom: 1px solid #353434 !important;
        font-weight: 500 !important;
        font-size: 13px !important;
        color: #413c3c !important;
    }

.Section-MessageInboxContent {
    border: 2px solid #dbd9d9;
    background-color: #f5f5f5;
    border-radius: 10px;
    margin: 20px auto;
    position: relative;
}

    .Section-MessageInboxContent .Inbox-Item {
        background-color: white;
    }
/*----------------Section-Why-Us-----------------*/
.Section-Why-Us {
    padding-top: 30px;
    padding-bottom: 20px;
}

    .Section-Why-Us .Category-Item {
        display: block;
        text-align: center;
        /*padding: 10px 20px;*/
        font-size: 16px;
        border-radius: 15px;
        width: 31%;
        margin: 0 auto;
    }

    .Section-Why-Us .Category {
        padding-top: 15px;
        width: 100%;
        display: block;
        display: flex;
    }
/*----------------Section-3Col-Tab-----------------*/
.Section-3Col-Tab {
    margin-top: 40px;
    margin-bottom: 30px;
}

    .Section-3Col-Tab .Category {
        width: 100%;
        display: block;
        display: flex;
    }

    .Section-3Col-Tab .Category-Item {
        display: inline-block;
        margin-bottom: 1.25rem;
        margin-left: 1.75%;
        width: 31.583%;
        color: #18364a;
        font-size: 13px;
        font-size: 0.8125rem;
        vertical-align: top;
    }

        .Section-3Col-Tab .Category-Item .Category-Link {
            display: block;
            padding: 1.5625rem 1.25rem;
            text-align: center;
            border: 1px solid #e9e9e9;
            -webkit-border-radius: 0.5rem;
            border-radius: 0.5rem;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
            text-decoration: none;
            background: #FFFFFF;
            box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2);
            border-radius: 20px;
            min-height: 237px;
        }

        .Section-3Col-Tab .Category-Item .img-Category {
            margin-bottom: 1.125rem;
            height: 128px;
        }

.Category-Link img {
    width: 70%;
}

.Category-Item i {
    width: 60px;
    height: 60px;
    display: block;
    margin: auto;
    margin-bottom: 15px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

@media (max-width: 640px) {
    .Category-Item i {
        width: 75px;
        height: 75px;
    }



    .Section-Why-Us .Category,
    .Section-3Col-Tab .Category {
        display: grid;
    }

    .Section-Why-Us .Category-Item,
    .Section-3Col-Tab .Category-Item {
        width: 99%;
        margin: 10px auto;
    }
}

[class^="-Banner"]:after, [class*=" -Banner"]:after {
    background-repeat: repeat;
    background-position: unset;
    background-attachment: unset;
    padding-bottom: 0px;
    position: relative;
    z-index: 1;
}

@media(min-width: 768px) {
    .img-Top-Banner {
        max-height: 400px;
    }
}
/*----------------Section-Code-Inspection-Banner-----------------*/
.Section-Code-Inspection-Banner {
    background: url(../Images/Banners/Banner-code.jpg);
    background-size: auto;
    background-color: #0095b5;
    background-repeat: repeat;
    background-position: unset;
    background-attachment: unset;
    padding-bottom: 0px;
    display: block;
    background-size: cover;
    position: relative;
    min-height: 400px;
}

.Services-Top-Head {
    color: white;
    text-align: center;
    padding: 50px 0;
}

    .Services-Top-Head h1 {
        margin: 10px 0;
    }


.Service-inner-content {
    position: relative;
    z-index: 2;
}

@media (max-width: 640px) {
    .Section-Code-Inspection-Banner {
        background: #4ba5a3;
        min-height: unset;
        padding-bottom: 40px;
    }
}
/*----------------Section-SCMS-Banner-----------------*/
.Section-SCMS-Banner {
    min-height: 240px;
}
/*----------------Section-WMS-Banner-----------------*/

.Section-WMS {
    position: relative;
    background: url(../Images/Banners/Banner-wms.jpg) no-repeat left top transparent;
    background-size: cover;
    min-height: 450px;
    padding-bottom: 60px;
}

.Section-WMS-Banner {
}
/*----------------Section-AI-Banner-----------------*/
.Section-AI-Banner {
    background-color: #01172a;
    background-size: cover;
    color: #fff;
    padding-bottom: initial;
}

    .Section-AI-Banner p {
        line-height: 2em;
        font-size: large;
    }

/*------------------Section-business-AI------------------*/
.Section-business-AI {
    background: url(../Images/Banners/Banner-AI.jpg) no-repeat fixed center center;
    background-size: cover;
    width: 100%;
    display: block;
    position: relative;
    /*padding: 30px 0;*/
    color: #fff;
}

/*----------------Section-License-Plate-Banner-----------------*/
.Section-License-Plate {
    position: relative;
    background: url(../Images/Banners/Banner-License-Plate.jpg) no-repeat left center transparent;
    background-size: cover;
    min-height: 500px;
    padding-bottom: 60px;
}



/*----------------Section-FM-Banner-----------------*/
.Section-FM {
    position: relative;
    background: url(../Images/Banners/Banner-FM.jpg) no-repeat right bottom transparent;
    background-size: cover;
    min-height: 450px;
    padding-bottom: 60px;
}

.Section-FM-Banner {
    color: rgba(109, 109, 109, 0.59);
}

    .Section-FM-Banner h4 {
        position: absolute;
        bottom: -448px;
        text-align: center;
        z-index: 3;
        margin-top: 400px;
        color: #3F51B5;
        margin: auto;
    }

.Poolish {
    background-image: url(../Images/Banners/hero6.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: -2px;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.Background-gray-Cover {
    background: rgba(0, 0, 0, 0.42);
    position: absolute;
    -webkit-filter: grayscale(80%); /* Safari 6.0 - 9.0 */
    filter: grayscale(80%);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.Background-Black-Cover {
    background: rgba(25, 25, 25, 0.6);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.Background-Yellow-Cover {
    background: rgba(218, 236, 8, 0.30);
    background: linear-gradient(to right top, #ffffff00, rgba(207, 210, 143, 0.4), rgba(160, 186, 0, 0.4), rgba(176, 181, 63, 0.5), rgba(181, 63, 63, 0));
    background: -moz-linear-gradient(to right top, #ffffff00, rgba(207, 210, 143, 0.4), rgba(160, 186, 0, 0.4), rgba(176, 181, 63, 0.5), rgba(181, 63, 63, 0));
    background: -webkit-linear-gradient(to right top, #ffffff00, rgba(207, 210, 143, 0.4), rgba(160, 186, 0, 0.4), rgba(176, 181, 63, 0.5), rgba(181, 63, 63, 0));
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.Background-Blue-Cover {
    background: rgba(8, 15, 236, 0.30);
    background: linear-gradient(to right top, #ffffff00, rgba(143, 158, 210, 0.4), rgba(0, 112, 186, 0.4), rgba(63, 85, 181, 0.5), rgba(63, 81, 181, 0));
    background: -moz-linear-gradient(to right top, #ffffff00, rgba(143, 158, 210, 0.4), rgba(0, 112, 186, 0.4), rgba(63, 85, 181, 0.5), rgba(63, 81, 181, 0));
    background: -webkit-linear-gradient(to right top, #ffffff00, rgba(143, 158, 210, 0.4), rgba(0, 112, 186, 0.4), rgba(63, 85, 181, 0.5), rgba(63, 81, 181, 0));
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}
/*----------------Section-DMS-Banner-----------------*/

.Section-DMS-Banner {
    background-color: #040c25;
    background-repeat: repeat;
    background-position: unset;
    background-attachment: unset;
    padding-bottom: 0px;
    background: -webkit-linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #3F51B5, #3f51b5);
    background: -moz-linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #3F51B5, #3f51b5);
    background: linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #3F51B5, #3f51b5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d327c', endColorstr='#3f51b5',GradientType=1);
    position: relative;
    z-index: 1;
}

.bgfix-dms {
    background: url(../Images/Banners/Banner-DMS-2.jpg) no-repeat right top transparent;
    background-size: cover;
    background-attachment: fixed;
}
/*----------------Section-Retail-Store-Banner-----------------*/
.Section-Retail-Store-Banner {
    background-color: #013648;
    background: linear-gradient(65deg, #013648, rgba(1, 54, 72, 0.8), #013648fa, rgba(1, 54, 72, 0.8), #013648);
    background: -moz-linear-gradient(65deg, #013648, rgba(1, 54, 72, 0.8), #013648fa, rgba(1, 54, 72, 0.8), #013648);
    background: -webkit-linear-gradient(65deg, #013648, rgba(1, 54, 72, 0.7), rgba(1, 54, 72, 0.98), rgba(1, 54, 72, 0.8), #013648);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(1, 54, 72, 0.7)', endColorstr='#013648',GradientType=1);
    background-repeat: repeat;
    background-position: unset;
    background-attachment: unset;
    padding-bottom: 50px;
    color: #fff;
}
/*------------Section-Retail-Store-Offer------------*/
.Section-Retail-Store-Offer {
    margin: 40px 0 30px;
}

    .Section-Retail-Store-Offer h5 {
        margin: 20px 0;
    }

    .Section-Retail-Store-Offer .card {
        box-shadow: 8px 8px 16px 0px #8c8c8c;
        margin: 10px 4px 0 0;
        min-height: 220px;
    }

    .Section-Retail-Store-Offer .card-img-top {
        width: 65%;
        height: auto;
        margin: 5px auto;
    }

    .Section-Retail-Store-Offer .card-body {
        padding: 10px;
        position: relative;
    }

        .Section-Retail-Store-Offer .card-body .card-text {
            margin-bottom: 0;
            font-size: 13px;
            bottom: 5px;
            position: absolute;
            width: 100%;
            right: 0;
        }
/*----------------Section-E-Commerce-Banner-----------------*/
.Section-E-Commerce-Banner {
}

/*----------------Section-Facial-Recognition-Banner-----------------*/
.Section-Facial-Recognition-Banner {
    background-color: #fbf3f9;
    background-repeat: repeat;
    background-position: unset;
    background-attachment: unset;
    padding-bottom: 0px;
    position: relative;
    z-index: 1;
}

@media(max-width: 760px) {
    /*.Section-Facial-Recognition-Banner {
        padding-top: 60px;
    }*/
}
/*----------------Section-HRM-Banner-----------------*/
.Section-HRM-Banner {
}
/*----------------Section-EPM-Banner-----------------*/
.Section-EPM-Banner {
}
/*----------------Section-EPM-Banner-----------------*/
.Section-EPM-Banner {
    background: url(../Images/Banners/Banner-EPM.jpg) no-repeat right top transparent;
    background-size: cover;
    color: #fff;
    /*min-height: 600px;*/
    padding-bottom: 60px;
}

.epm-Business-Advertise {
    background: url(../Images/Business-Images/EPM-images-1.jpg) no-repeat left bottom transparent;
    background-size: contain;
    /*min-height: 600px;*/
}
/*----------------"Section-HIS-Banner-----------------*/
.Section-HIS-Banner {
}
/*----------------Section-CRM-Banner-----------------*/
.Section-CRM-Banner {
    background: url(../Images/Banners/Banner-Background-1.png) no-repeat left bottom transparent;
    background-size: cover;
    color: #fff;
    /*min-height: 710px;*/
    padding-bottom: 60px;
}
/*----------------Section-Custom-iot-Banner-----------------*/
.Section-Custom-iot-Banner {
    background-size: auto;
    background-color: #0095b5;
    background-repeat: repeat;
    background-position: unset;
    background-attachment: unset;
    padding-bottom: 0px;
    display: block;
    background-size: cover;
    min-height: 460px;
    width: 100%;
    position: relative;
    background-image: url(../Images/Banners/Banner-Custom-iot.jpg);
}

    .Section-Custom-iot-Banner::before {
        content: '';
        position: absolute;
        background: rgba(0, 0, 0, 0.65);
        top: 0;
        left: 0px;
        height: 100%;
        width: 100%;
        z-index: 1;
    }
/*----------------Section-Clinic-Banner-----------------*/
.Section-Clinic-Banner {
    /*background: url(../Images/Banners/Banner-Background-1.png) no-repeat right top transparent;
    background-color: #0095b5;
    padding-bottom: 0px;
    min-height: 400px;
    background-image: url(../Images/Banners/Banner-Clinic.jpg);*/
}

/*----------------Section-DevOps-Banner-----------------*/

.Section-DevOps-Banner {
    background-size: auto;
    background-color: #0095b5;
    background-repeat: repeat;
    background-position: unset;
    background-attachment: unset;
    padding-bottom: 0px;
    background-image: url(../Images/Banners/DevOps-Banner.jpg);
}
/*----------------Section-dotNET-Banner-----------------*/
.Section-dotNET-Banner {
    background-size: auto;
    background-color: #0095b5;
    background-repeat: repeat;
    background-position: unset;
    background-attachment: unset;
    padding-bottom: 0px;
    background-image: url(../Images/Banners/bg-turquoise1.jpg);
}

/*----------------Section-WorkWithUs-Banner-----------------*/
.Section-WorkWithUs-Banner {
    background-image: url(../Images/Banners/Banner-WorkWithUs.jpg);
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

    .Section-WorkWithUs-Banner > img {
        padding-top: 0px;
        padding-bottom: 40px;
    }

.Text-On-Cover {
    font-family: IRANSans;
    position: relative;
    z-index: 2;
}

    .Text-On-Cover ul {
        padding-right: 25px;
        list-style: circle;
    }
/*----------------Section-Mapping-Banner-----------------*/
.Section-Mapping-Banner {
    color: #fff;
    background-color: #040c25;
    background-repeat: repeat;
    background-position: unset;
    background-attachment: unset;
    padding-bottom: 0px;
    background: #F0C13A;
    background: -webkit-linear-gradient(-45deg, #F0C13A 0%, #F73347 100%);
    background: -moz-linear-gradient(-45deg, #F0C13A 0%, #F73347 100%);
    background: linear-gradient(135deg, #F0C13A 0%, #F73347 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0C13A', endColorstr='#F73347',GradientType=1);
    position: relative;
    z-index: 1;
}
/*----------------Section-Elearning-Banner-----------------*/

.Section-Elearning-Banner {
    background-color: #040c25;
    background-repeat: repeat;
    background-position: unset;
    background-attachment: unset;
    padding-bottom: 0px;
    background: -webkit-linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #3F51B5, #3f51b5);
    background: -moz-linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #3F51B5, #3f51b5);
    background: linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #3F51B5, #3f51b5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d327c', endColorstr='#3f51b5',GradientType=1);
    position: relative;
    z-index: 1;
}
/*------------------Section-ERP-Banner------------------*/

.Section-ERP-Banner {
    background-repeat: repeat;
    background-position: unset;
    background-attachment: unset;
    padding-bottom: 0px;
    background: #44a7df;
    background: linear-gradient(to right top, #327c71, #7e9dcc, #566c9a, #3fa6b5, #283db2);
    background: -webkit-linear-gradient(to right top, #327c71, #7e9dcc, #566c9a, #3fa6b5, #283db2);
    background: -moz-linear-gradient(to right top, #327c71, #7e9dcc, #566c9a, #3fa6b5, #283db2);
    background: linear-gradient(135deg, #327c71 0%, #283db2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#327c71', endColorstr='#283db2',GradientType=1);
    position: relative;
    z-index: 1;
}

    .Section-ERP-Banner .Animate-Holder .Title {
        color: white;
    }
/*------------------Section-business-wms------------------*/
.Section-business-wms {
    background: url(../Images/Banners/Banner-wms-1.jpg) no-repeat fixed center top;
    background-size: cover;
    width: 100%;
    display: block;
    padding: 0px 0;
    min-height: 200px;
    position: relative;
}

/*------------------Section-business-erp------------------*/
.Section-business-erp {
    background: url(../Images/Banners/ERP-Banner2.jpg) no-repeat fixed center top;
    background-size: cover;
    width: 100%;
    display: block;
    padding: 20px 0;
}
/*------------------Section-HealthCare-Banner------------------*/
.Section-HealthCare-Banner {
    background-image: url(../Images/Banners/Banner-Custom-Health.jpg);
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 480px;
}

.HealthCare-Banner-Category {
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 100px 0px 90px;
}

    .HealthCare-Banner-Category p {
        padding: 30px 15px 0;
        line-height: 24px;
    }
/*.HealthCare-Banner-Category h1 {
        margin-bottom: 30px;
    }*/

/*----------------Section-DevOps-Badge-----------------*/
.DevOps-Badge {
    padding-top: 45px;
    padding-bottom: 390px;
    background-position: 50% 100%;
    background-image: url(../Images/dev.png);
    position: relative;
    background-repeat: no-repeat;
}


@media (max-width: 1500px) {
    .DevOps-Badge {
        padding-bottom: 20%;
        background-size: 98%;
    }
}

@media (max-width: 1030px) {
    .Section-Card-Badge p {
        margin-bottom: 80px;
    }

    .DevOps-Badge {
        padding-bottom: 34%;
    }
}

@media (max-width: 767px) {

    .DevOps-Badge {
        padding-top: 50px;
    }
}

/*----------------Section-Card-Badge-----------------*/
.Section-Card-Badge {
}

    .Section-Card-Badge p {
        margin-bottom: 155px;
    }

.Card-Badge-Item {
    position: relative;
}

    .Card-Badge-Item ul {
        margin: 20px 0;
    }

.Card-Badge-Name h4 {
    font-size: 35px;
    margin-bottom: 28px;
    color: #232323;
    font-weight: 300;
    margin-bottom: 28px;
    text-align: right;
    width: 245px;
    display: block;
    margin: auto;
}

.Card-Badge-Text li {
    position: relative;
    list-style: none;
    text-align: right;
    width: 280px;
    display: block;
    font-size: 19px;
    margin: auto;
}

    .Card-Badge-Text li:before {
        position: absolute;
        top: 25%;
        right: -30px;
    }
/*----------------wt-Section-ForStartup-----------------*/

.Section-Admininistration-Banner {
}

    .Section-Admininistration-Banner #Section_Home {
        background-color: #4f83ef;
        background-image: url(../Images/Banners/BannerCover1.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: 55% 100%;
        position: relative;
        background-attachment: inherit;
    }

        .Section-Admininistration-Banner #Section_Home:after {
        }

#Section_Home {
    background-color: #03d4f4;
    background-image: url(../Images/pattern1.png);
    background-repeat: repeat;
    background-position: top left;
    background-attachment: fixed;
    background-size: 400px;
}

.wt-SectionHome {
    background-color: #040c25;
    background-repeat: repeat;
    background-position: unset;
    background-attachment: unset;
    padding-bottom: 0px;
    background-image: linear-gradient(to bottom,#49337c 0,#357dcd 100%);
}

.wt-SectionHome {
    position: relative;
    z-index: 1;
}

/*.vc-ColumnContainer > .vc-ColumnInner {
    padding: 0px;
}*/

/*.vc-ColumnContainer > .wpb-ContentElement {
    margin-bottom: 0;
    padding-bottom: 10px;
}*/

.vc-ColumnContainer .wbp-Wrapper:last-child {
    margin-bottom: 0px;
}
/*
.wt-HomeContent {
    padding-top: 20px;
}

    .wt-HomeContent h2 {
        margin-top: 20px;
    }*/

.wt-HomeContent h4 {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 13px;
    color: white;
}

.wt-HomeContent h5 {
    font-weight: 600;
    margin-bottom: 13px;
    color: white;
}

.wt-HomeContent p {
    font-weight: 300;
    line-height: 23px;
    margin-bottom: 15px;
    color: white;
}

.StartupNav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

    .StartupNav a {
        font-size: 14px;
        width: 100%;
        display: block;
        letter-spacing: 1px;
        z-index: 1;
        text-align: center;
        line-height: 55px;
        color: #d7d00b;
        transition: all .3s;
        border-right: 1px solid #ddd;
    }

        .StartupNav a:hover {
            background: #f1852a;
            color: white;
        }

        .StartupNav a:last-child {
            border-left: 1px solid #ddd;
        }

@media (min-width: 1200px) {
    .wt-SectionArea > div .vc-Column {
        width: 25%;
    }

    .vc-ColumnInner > .StartupCard {
        display: flex;
    }
}

@media (max-width: 1200px) {
    .wt-SectionArea > div .vc-Column {
        width: 50%;
    }

    .vc-ColumnInner > .StartupCard {
        display: block;
    }
}

@media (max-width: 700px) {
    .wt-SectionArea > div .vc-Column {
        width: 100%;
    }

    .vc-ColumnInner .ResponsiveCard-Wrapper .rc-Box {
        height: auto !important;
    }
}

/*.wt-RowContainer {
    position: relative;
    overflow: hidden;
}

    .wt-RowContainer p {
        text-align: right;
    }

   .wt-RowContainer .vc-ColumnContainer {
        padding: 20px 15px;
    }*/
.ul-Category ul {
    list-style: none;
}

.ul-Portfolio-Services {
}

    .ul-Portfolio-Services .ul-Category h3 {
        text-align: right;
        padding: 20px 20px 0;
        font-weight: bold;
    }

    .ul-Portfolio-Services .ul-Category ul {
        width: 88%;
        margin-top: 22px;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 23px;
        color: #333333;
        margin-right: 0;
        float: right;
        list-style: none;
    }

        .ul-Portfolio-Services .ul-Category ul li {
            list-style: none;
            padding-right: 15px;
            padding-bottom: 23px;
            position: relative;
            line-height: 20px;
            color: #565656;
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            color: #333333;
        }

            .ul-Portfolio-Services .ul-Category ul li:before {
                content: "";
                color: #ff9900;
                background-color: #ff9900;
                display: inline-block;
                border-right: 3px solid;
                font-size: 24px;
                padding-right: 0;
                width: 0px;
                height: 19px;
                right: 5px;
                position: absolute;
                top: 3px;
                margin: 0 0;
                border-radius: 0px;
            }

.Category-Column {
    box-shadow: 0.643px 0.766px 0px 0px rgba(12,34,66,0.09), 10.285px 12.257px 38px 0px rgba(12,34,66,0.13);
    -moz-box-shadow: 0.643px 0.766px 0px 0px rgba(12,34,66,0.09), 10.285px 12.257px 38px 0px rgba(12,34,66,0.13);
    -webkit-box-shadow: 0.643px 0.766px 0px 0px rgba(12,34,66,0.09), 10.285px 12.257px 38px 0px rgba(12,34,66,0.13);
    border-radius: 20px;
    margin-right: 0.5vw;
    margin-bottom: 20px;
    margin-left: 0.5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    padding: 23px 12px 15px;
    font-size: 14px;
    /*min-height: 200px;*/
    height: 160px;
}

    .Category-Column .cc-Title {
        margin-bottom: 10px;
        text-align: center;
    }

        .Category-Column .cc-Title i {
            font-size: 60px;
            color: dodgerblue;
            text-align: center;
        }

        .Category-Column .cc-Title img {
            display: block;
            height: 70px;
            margin: auto;
            width: auto;
        }

            .Category-Column .cc-Title img.img-In {
                width: 90px;
                height: auto;
            }

    .Category-Column .cc-Content {
    }

        .Category-Column .cc-Content p {
            text-align: center;
            font-size: 13px;
            /*padding-top: 8px;*/
        }

    .Category-Column.Small-Content .cc-Content p {
        text-align: center;
        font-size: 11px;
    }


.wt-SectionArea {
    margin-top: 30px;
    position: relative;
    /*background-color: #ffffff;*/
}

    .wt-SectionArea li {
        padding-right: 2px;
        margin: 5px 15px;
    }

        .wt-SectionArea li:before {
            content: '';
            background-color: gray;
            width: 5px;
            height: 5px;
            position: absolute;
            margin: 9px -8px 0 0px;
            border-radius: 50%;
        }

    .wt-SectionArea p {
        text-align: right;
    }

    .wt-SectionArea h2 {
        color: #4650a0;
        padding-bottom: 20px;
    }

    .wt-SectionArea > div {
        background-color: transparent;
    }

        /*.wt-SectionArea > div > div {
            margin-right: 0px;
            margin-left: 0px;
        }*/



        /*.wt-SectionArea > div > div:last-child {
                padding-bottom: 40px;
                margin-bottom: 0px;
            }*/

        .wt-SectionArea > div .vc-Column {
            float: right;
            padding: 0px;
            display: block;
            margin: auto;
            margin-bottom: 15px;
        }

.vc-Column {
}

    .vc-Column .vc-ColumnInner {
        padding: 0px;
        display: block;
        margin: auto;
        margin-bottom: 15px;
    }

.vc-ColumnInner > .StartupCard {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.vc-ColumnInner .ResponsiveCard-Wrapper {
}

    .vc-ColumnInner .ResponsiveCard-Wrapper .rc-Box {
        visibility: visible;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 21%;
        flex: 0 0 23%;
        min-height: 191px;
        background-color: white;
        -webkit-box-shadow: 0.643px 0.766px 0px 0px rgba(12,34,66,0.09), 10.285px 12.257px 38px 0px rgba(12,34,66,0.13);
        box-shadow: 0.643px 0.766px 0px 0px rgba(12,34,66,0.09), 10.285px 12.257px 38px 0px rgba(12,34,66,0.13);
        border-radius: 20px;
        margin-right: 0.5vw;
        margin-bottom: 1vw;
        margin-left: 0.5vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        padding: 21px 26px;
        font-size: 14px;
        height: 545px;
    }

        .vc-ColumnInner .ResponsiveCard-Wrapper .rc-Box .rcBoxIcon {
            text-align: center;
        }

    .vc-ColumnInner .ResponsiveCard-Wrapper .rcBoxText {
        overflow: hidden;
    }

        .vc-ColumnInner .ResponsiveCard-Wrapper .rcBoxText h4 {
            padding: 20px 0 10px;
        }
/*----------------Section-Pattern1-----------------*/
.Section-Pattern1 {
    background-color: #4f4b4b;
    background-image: url(../Images/pattern1.png);
    background-repeat: repeat;
    background-position: top left;
    background-size: 400px;
    position: relative;
    background-attachment: fixed;
}

.ECommerce-iconbox {
    padding-top: 80px;
    background: url(../Images/Business-Images/E-Commerce-image-1.png) no-repeat center bottom transparent;
    background-size: 50%;
    background-position: bottom;
    min-width: 300px;
}

    .ECommerce-iconbox .icon-box-content,
    .ECommerce-iconbox .icon-box-icon {
        color: white;
    }

@media(max-width: 1200px) {
    .ECommerce-iconbox {
        padding-top: 40px;
        background-size: 60%;
        padding-bottom: 160px;
    }
}

@media(max-width: 768px) {
    .ECommerce-iconbox {
        padding-top: 30px;
        background-size: 100%;
        padding-bottom: 260px;
    }
}
/*-----------------icon-box-category---------------*/
.icon-box-category {
}

    .icon-box-category.right > a {
        text-align: left;
    }

    .icon-box-category.ltr {
        direction: ltr;
    }

.icon-box-item {
    cursor: default;
    padding: 10px 0;
}

a.icon-box-item:hover .icon-box-icon i,
a.icon-box-item:hover h6 {
    color: #fecb16;
    border-color: #fecb16;
    transition: all .3s;
}

.icon-box-icon {
    height: 100px;
    width: 100px;
    margin: 0 auto;
    background: transparent;
    text-align: center;
    border-radius: 100%;
    line-height: 100px;
    font-size: 42px;
    transition: all .3s;
}

    .icon-box-icon i {
        border: 3px solid transparent;
        /* width: 100%; */
        width: 85px;
        height: 85px;
        /* height: 100%; */
        vertical-align: middle;
        border-radius: 100%;
        text-align: center;
        padding-top: 20px;
    }

@media (min-width: 1200px) {
    .icon-box-content {
        max-width: 250px;
    }
}

@media (max-width: 576px) {
    .icon-box-content {
        text-align: center;
    }
}
/*-----------------Box-Shadow---------------*/
.Box-Shadow {
    background: #FFFFFF;
    box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    text-align: center;
    padding: 15px 27px 5px;
    min-height: 200px;
    margin-bottom: 15px;
    position: relative;
}

    .Box-Shadow .img-Responsive {
        width: 85%;
    }

    .Box-Shadow h6 {
        padding: 0 5px;
        bottom: 10px;
        margin-bottom: 0;
        position: absolute;
        text-align: center;
        right: 0;
        width: 100%;
    }

    .Box-Shadow p {
        padding-top: 20px;
    }

@media (max-width: 578px) {
    .Box-Shadow .img-Responsive {
        width: 60%;
    }

    .Box-Shadow h6 {
        position: initial;
    }
}

@media (max-width: 768px) {
    .Box-Shadow .img-Responsive {
        width: 70%;
    }
}

@media (min-width: 990px) {

    .Box-Shadow {
        box-shadow: 0 40px 66px 0 rgba(0, 0, 0, 0.25);
    }
}

.Box-Shadow h6 {
    margin-top: 25px;
}

.Box-Shadow h3 {
    font-weight: bold;
    margin-top: 7px;
}

.wt-SectionArea img,
.wt-SectionArea h4,
.wt-SectionArea h2 {
    text-align: center;
}

.wt-SectionArea img {
    /*max-width: 400px;*/
    margin: auto;
}

.wt-SectionArea .img-Category {
    object-fit: scale-down;
}

.FirstPanel {
    width: 100%;
}

.SearchMenuMaster {
    border: 1px solid red;
    background-color: yellow;
    display: flex;
}

.SelectLang {
    border: 1px solid red;
    background-color: lightyellow;
    display: flex;
}

.MainHeader {
    position: inherit;
    width: 100%;
    margin: 0px;
    border-bottom: 1px dotted black;
}

    .MainHeader ul {
        list-style: none;
    }

.sticky {
    position: fixed !important;
    top: 0px;
    margin: 0 0;
    z-index: 500;
    background-color: white !important;
    border-bottom: 0px;
    width: 100%;
}

.Susan-LogoStyle {
    width: 120px;
    height: 60px;
    margin: 0 0;
}

.New-Top {
    position: relative;
    width: 100%;
    height: 42px;
    padding: 0px;
    text-align: right;
    background-color: #edf0f5;
    border-bottom: 1px solid #d8d8d8;
}

    .New-Top > div {
        float: left;
        display: inline-flex;
        margin-left: 20px;
        height: 42px;
    }

    .New-Top h3,
    .New-Top h4 {
        margin: 10px 0;
    }

    .New-Top a.Tell {
        position: relative;
        display: inline-block;
        vertical-align: top;
        padding: 0px 10px 0 2px;
        margin: 0;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        line-height: 40px;
        color: #666666;
        margin-right: 5px;
        height: 42px;
        border-right: 1px solid #865d5d;
    }


    .New-Top a:before {
        padding: 0 2px;
    }

    .New-Top .Search {
        display: flex;
    }

        .New-Top .Search .Post-Search {
            display: none;
        }

        .New-Top .Search .Search-Input {
            background: 0 0;
            border: 2px solid #45d2fd;
            font-size: 16px;
            height: 33px;
            opacity: 0;
            -webkit-transition: all .5s ease;
            transition: all .5s ease;
            width: 0;
            box-sizing: content-box;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
        }

        .New-Top .Search .Search-Input-Opened {
            width: 200px;
            opacity: 1;
            -webkit-transition: all .5s ease;
            transition: all .5s ease;
        }

        .New-Top .Search .Search-btn {
            background: #c2c3c4;
            color: #fff;
            margin-left: 10px;
            padding: 10px 15px 0px;
            border: none;
            border-radius: 0px;
            margin-top: 0px;
            height: 41px;
        }

.FirstBar-PhoneSize {
    background-color: #b5c3c7;
    height: 50px;
    display: flex;
    width: 100%;
    padding: 1px 7px;
    position: fixed;
    z-index: 3;
    right: 0;
    top: 0;
    margin: 0;
}
/*------------------Services-Section------------------*/
.Section-Services {
    overflow: hidden;
    padding: 20px 0 30px;
}

.services-Panel {
    margin-top: 70px;
}

.services-list {
    float: right;
}

.services-item {
    margin: 16px 0;
}

@media(max-width: 900px) {

    .services-Panel {
        margin-top: 0px;
    }
}

.services-list {
    width: 49.9%;
}



@media(max-width: 420px) {
    .Section-Services .col-md-12 {
        display: block;
    }

    .services-list {
        width: 99.9%;
    }

    .services-item {
        width: 99.9%;
    }
}

.services-item-content {
    color: #808080;
    font-size: 13px;
    line-height: 19px;
    color: #9a9c9e;
    transition: all 0.2s;
}

.services-item-Title {
    transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    width: 99.9%;
    font-size: 15px;
    color: black;
    font-weight: bold;
    transition: all 0.5s;
    display: flex;
}

    .services-item-Title i:before {
        padding-left: 6px;
        color: #FF9800;
        font-size: 23px;
    }

.services-item > a {
    display: block;
    transition: all linear 0.4s;
}

    .services-item > a:hover {
        transition: all linear 0.4s;
    }

        .services-item > a:hover .services-item-Title-Icon {
            transform: scale(4.5) translate(-12px, 11px);
            -webkit-transform: scale(4.5) translate(-12px, 11px);
            -moz-transform: scale(4.5) translate(-12px, 11px);
            -o-transform: scale(4.5) translate(-12px, 11px);
            -ms-transform: scale(4.5) translate(-12px, 11px);
            opacity: 0.4;
            transition: all 0.5s;
            position: absolute;
        }

        .services-item > a:hover .services-item-Title {
            /*transform: translateX(18px);*/
            transition: all 0.5s;
        }

.services-item-Title-Icon {
    display: block;
    transition: all 0.5s;
    color: #ffa200;
    font-size: 18px;
    padding: 0 3px;
    position: relative;
}
/*------------*/
.bg-img2 {
    padding: 125px 0 542px;
    background: url(../Images/hatter_referenciak2.jpg) 50% bottom no-repeat #ffffff;
    text-align: center;
}

.Intro-Text {
    margin-bottom: 40px;
    text-align: center;
}

.Top-Banner-Title {
    padding: 20px 0 30px;
}

.section-heading {
    margin-top: 20px;
}

h2.section-heading,
h3.section-heading {
    text-align: center;
}

/*.section-heading:after {
    content: "";
    position: absolute;
    top: 75px;
    right: 0;
    width: 100px;
    height: 2px;
    background-color: #ffa200;
}*/

.heading {
    position: relative;
}

.heading-description {
    margin-bottom: 50px;
}

.sub-heading {
    text-align: center !important;
    /*padding: 0 5%;*/
    margin: 40px 0;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333333;
}

@media (max-width: 767px) {
    .subheading {
        margin: 20px 0;
        padding: 0 5%;
    }

    .Intro-Text {
        margin-bottom: 20px;
    }
}
/*------------------Portfolio-Section------------------*/
.Section-Portfolio {
}

.Portfolio-Heading div {
}

.Portfolio-Header h2 {
    letter-spacing: 2px;
}

.Portfolio-Header h2,
.Portfolio-SubHeader p {
    text-align: center;
}

.Portfolio-SubHeader {
    text-align: center;
    padding: 0 20%;
    margin: 40px 0;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333333;
}

    .Portfolio-SubHeader p {
        font-size: 14px;
    }

.Portfolio-Items-Content {
    /*margin: 1px;*/
    padding: 0 0 !important;
    border: 1px solid #9f13ea;
    overflow: hidden;
    position: relative;
}

    .Portfolio-Items-Content .img-Portfolio {
    }

    .Portfolio-Items-Content:hover img {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transition: all 0.7s;
    }

    .Portfolio-Items-Content:hover .Portfolio-Item-Mask {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .Portfolio-Items-Content:hover .Portfolio-Item-Mask-Title,
    .Portfolio-Items-Content:hover .Portfolio-Item-Mask-Desc {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }

.Portfolio-Item-Mask {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in-out;
    color: white;
}

.Portfolio-Item-Mask-Title {
    padding: 5px 10px 4px;
    font-size: 14px;
    position: relative;
    font-weight: bold;
    letter-spacing: 0.7px;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transition: all 0.4s;
}

.Portfolio-Item-Mask-Desc {
    padding: 0 15px;
    opacity: 0;
    font-size: 10px;
    line-height: 1.8;
    transition: all 0.6s;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
}

.img-Responsive {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 400px;
    margin: auto;
}

@media(min-width: 768px) {
    .img-md-Absolute {
        position: absolute;
        left: 0;
        bottom: 0;
    }
}

.img-Auto-Width {
    width: auto;
}

.img-50 {
    width: 50%;
    margin: 0 auto;
    display: block;
    padding: 20px 0px;
}

@media (max-width: 767px) {
    .Portfolio-SubHeader {
        margin: 20px 0;
        padding: 0 5%;
    }
}
/*---------------------Section-PortFolio-Cards------------------------*/
.Portfolio-Cards {
}


/*.Portfolio-Cards .Item {
        margin-right: 10px;
        display: block;
        float: right;
    }*/

@media (min-width: 768px) {
    .Portfolio-Cards-Title {
        line-height: 45px !important;
        font-weight: 700 !important;
    }
}

.Portfolio-Cards-Title {
    line-height: 25px;
    font-weight: 500;
    position: relative;
    margin: 25px 15px 50px 0px;
}

    .Portfolio-Cards-Title:before {
        content: "";
        position: absolute;
        top: 55px;
        right: 0;
        width: 100%;
        height: 3px;
        background-color: #d2d2d2;
    }

.Portfolio-Container {
    position: relative;
}

.imgPortfolioLogoCard {
    /*border: 1px solid gray;*/
    border-radius: 5px;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.pnlPortfolioCard-Title {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0 0;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.pnlPortfolioCard-Caption {
    font-size: 15px;
    margin: 1px 0 10px;
}


.Portfolio-Nav {
}

    .Portfolio-Nav h4 {
        font-size: 20px;
        font-weight: 700;
    }

    .Portfolio-Nav .portfolio-nav_tab {
        margin-right: 20px;
        font-size: 0;
        display: inline-block;
        margin-bottom: 40px;
    }

        .Portfolio-Nav .portfolio-nav_tab div:not(:last-child) {
            margin-left: 2.75rem;
        }


        .Portfolio-Nav .portfolio-nav_tab div {
            display: inline-block;
        }

            .Portfolio-Nav .portfolio-nav_tab div h4 {
                -webkit-transition: color .2s ease;
                -o-transition: color .2s ease;
                transition: color .2s ease;
            }



            .Portfolio-Nav .portfolio-nav_tab div:hover h4 {
                color: #ffb102;
            }

@media(max-width: 670px) {
    .Portfolio-Nav .portfolio-nav_tab {
        margin-bottom: 0;
    }

        .Portfolio-Nav .portfolio-nav_tab div {
            margin-bottom: 45px;
        }

            .Portfolio-Nav .portfolio-nav_tab div:not(:last-child) {
                margin-left: 1.3rem;
            }
}

.PortfolioFilter {
    cursor: pointer;
}

/*.PortfolioFilter.Activated {
        position: relative;
    }*/

/*.PortfolioFilter.Activated::after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 70px;
            height: 30px;
        }*/
/*---------------------PortFolio-MediaBox------------------------*/

.Media-Box {
    overflow: hidden;
    padding: 0 0;
    margin: 0 0;
    background-color: #f3f3f3;
    width: 100%;
    border-radius: 40%;
    height: 310px;
    transition: all .3s;
}

    .Media-Box:hover {
        border-radius: 10%;
    }

@media (max-width: 479px) and (min-width: 415px) {
    .Media-Box {
        /*  width: 395px;*/
        height: 515px;
    }

    /*.Portfolio-Cards .Item {
        width: 395px;
        height: 665px;
        margin-left: calc((100% - 395px)/2);
    }*/
}

@media (max-width: 575px) and (min-width: 480px) {
    .Media-Box {
        /*   width: 405px;*/
        height: 485px;
    }

    /*.Portfolio-Cards .Item {
        width: 405px;
        height: 675px;
        margin-left: calc((100% - 286px)/2);
    }*/

    .Portfolio-Cards-Title {
        font-size: 25px;
        line-height: 25px;
    }
}

@media (max-width: 767px) and (min-width: 576px) {


    .Portfolio-Cards-Title {
        font-size: 30px;
        line-height: 30px;
    }

    .Media-Box {
        /*  width: 284px;*/
        height: 285px;
    }

    /*.Portfolio-Cards .Item {
        width: 286px;
        height: 533px;
        margin: 0 0 15px 8px;
    }*/
}

@media (max-width: 1023px) and (min-width: 768px) {
    .Media-Box {
        /*width: 242px;*/
        height: 245px;
    }

    /*.Portfolio-Cards .Item {
        width: 244px;
        height: 472px;
        margin-left: 7px;
    }*/
}

.Item:hover img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transition: all 0.3s;
}

@media (min-width: 1024px) {


    .Media-Box {
        /*width: 248px;*/
        height: 275px;
    }
    /*
   .Portfolio-Cards .Item {
        width: 270px;
        height: 450px;
        margin: 0 15px;
    }*/
}

@media (min-width:1200px) {
    .Media-Box {
        /*width: 268px;*/
        height: 240px;
    }

    /*   .Portfolio-Cards .Item {
        width: 270px;
        height: 460px;
        margin: 0 15px;
    }*/
}
/*
@media (width:414px) {
    .Portfolio-Cards .Item {
        width: 395px;
        height: 665px;
        margin: 0 0 30px;
    }
}

@media (min-width:321px) and (max-width:413px) {
    .Portfolio-Cards .Item {
        width: 92%;
        height: 560px;
        margin-bottom: 50px;
    }
}

@media (width:320px) {
    .Portfolio-Cards .Item {
        width: 95%;
        height: 560px;
    }
}*/



/*----------------------Section-Business-Managment------------------------*/
.Section-Business-Management {
    background-repeat: repeat;
    background-position: unset;
    background-attachment: unset;
    padding-bottom: 0px;
    background-color: #040c25;
    background-image: linear-gradient(to bottom,#3bb6d5 0,#357dcd 100%);
    background: -webkit-linear-gradient(to bottom,#3bb6d5 0,#357dcd 100%);
    background: -moz-linear-gradient(to bottom,#3bb6d5 0,#357dcd 100%);
    background-size: cover;
    min-height: 410px;
    position: relative;
}

.Business-Management-HomeContent {
    padding-top: 30px;
}

    .Business-Management-HomeContent .HomeContent-Image {
        padding: 0;
        bottom: 0;
        position: absolute;
    }

.Business-Management-Content {
    color: white;
    margin-top: 35px;
}

    .Business-Management-Content .HomeContent-Image {
        margin-top: -60px;
    }

    .Business-Management-Content h1 {
        padding: 20px 0 10px;
        font-size: 3em;
    }

    .Business-Management-Content p {
        font-size: 22px;
    }

@media (max-width: 900px) {
    .Business-Management-Content {
        margin-top: 5px;
    }
}
/*------------------Section-Business-TopBanner------------------*/
.Section-Business-Portfolio {
    margin: 30px 0;
}

.Business-Portfolio-Heading {
    text-align: center;
    letter-spacing: 2px;
    color: #333333;
    font-size: 2em;
    font-weight: bold;
    margin: 12px 0;
}

.Section-Business-Portfolio p {
    /*font-size: 18px;*/
    margin-top: 15px;
    color: black;
    text-align: center;
    margin-bottom: 50px;
}

.Business-Portfolio-Body {
    /*   margin-top: 50px;*/
}

.Business-Portfolio-Title {
}

.Business-Portfolio-Body p {
    text-align: right;
    color: black;
    margin: 10px auto;
}

/*--------------------Section-WorkFlow-----------------------*/
.Section-WorkFlow {
    margin-bottom: 100px;
}

    .Section-WorkFlow p {
        margin: auto;
        display: block;
        margin-top: 15px;
        text-align: center;
        margin-bottom: 40px;
        width: 64%;
        font-style: normal;
        font-weight: normal;
        color: #333333;
    }

    .Section-WorkFlow h3 {
        text-align: center;
        font-weight: bold;
    }

    .Section-WorkFlow .img-WorkFlow {
        -moz-transition: all .2s;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .Section-WorkFlow .img-WorkFlow1 {
        display: block;
    }

    .Section-WorkFlow .img-WorkFlow2 {
        display: none;
    }

@media (max-width: 550px) {
    .Section-WorkFlow .img-WorkFlow {
        -moz-transition: all .2s;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .Section-WorkFlow .img-WorkFlow1 {
        display: none;
    }

    .Section-WorkFlow .img-WorkFlow2 {
        display: block;
    }
}
/*-------------------Section-Step-How-----------------------*/
.Section-Step-How {
}

    .Section-Step-How ul {
        padding: 0 0;
    }

    .Section-Step-How li {
        list-style: none;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-bottom: 90px;
    }

        .Section-Step-How li:nth-child(odd) .S1 {
            float: left;
        }

        .Section-Step-How li:nth-child(odd) .S2 {
            float: right;
        }

.S1 {
    float: right;
    width: 50%;
    vertical-align: middle;
    justify-content: center;
    padding-top: 37px;
    padding-left: 6%;
}

    .S1 h5 {
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 27px;
        text-transform: uppercase;
        position: relative;
        color: #333333;
        margin-bottom: 20px;
    }

        .S1 h5:after {
            content: '';
            background: #FFA200;
            height: 3px;
            width: 90px;
            position: absolute;
            right: 0;
            bottom: -12px;
        }

    .S1 p {
        font-style: normal;
        font-weight: normal;
        font-size: 17px;
        line-height: 23px;
        color: #333333;
    }



.S2 {
    width: 549px;
    border-radius: 55px;
    border: 5px dotted #d9d9d9;
    height: 300px;
    position: relative;
    float: right;
}

    .S2 img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        padding: 20px;
        height: 100%;
    }

@media screen and (min-width: 1200px) {
    /*.wt-SectionArea > div > div:first-child {
        padding-top: 60px;
    }*/

    .Section-Step-How li:nth-child(even):after {
        content: '';
        background: url(../Images/Vector-1.png);
        background-size: unset;
        position: absolute;
        bottom: 7px;
        height: 76px;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        background-repeat: no-repeat;
        background-position-x: 50%;
    }

    .Section-Step-How li:after {
        content: '';
        background: url(../Images/Vector-2.png);
        background-size: unset;
        position: absolute;
        bottom: 7px;
        height: 76px;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        background-repeat: no-repeat;
        background-position-x: 50%;
    }


    .Section-Step-How li:last-child:after {
        display: none;
        width: 0;
        height: 0;
    }
}

@media screen and (max-width: 1200px) {
    .S1, .S2 {
        width: 100% !important;
        padding: 0px 10px 25px !important;
    }
}

@media screen and (max-width: 1025px) {
    .Section-Step-How li {
        padding-bottom: 45px;
    }

    .S2 {
        /*height: unset;*/
        background: transparent;
    }
}

/*----------------Solution-3col------------------*/

.Solution-3col {
}

    .Solution-3col h3 {
        position: relative;
        padding-bottom: 80px;
    }

    .Solution-3col img {
        width: 30%;
        display: block;
        margin: auto;
        padding: 25px 0px;
    }

    .Solution-3col h5 {
        text-align: center;
        display: block;
        font-weight: bold;
        margin: auto;
        padding: 25px 0px;
    }

    .Solution-3col p {
        text-align: center;
        font-size: 93%;
        margin-top: 15px;
    }
/*--------------------Section-Tech-Solution-----------------------*/
.Section-Tech-Solution {
}

    .Section-Tech-Solution .Tech {
        display: flex;
        /*display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;*/
    }

    .Section-Tech-Solution .Tech-Item {
        padding: 0 0;
        position: relative;
        height: 140px;
        background-color: #f2f2f2;
        /*margin: 0 3px 3px 0;*/
    }

        .Section-Tech-Solution .Tech-Item:hover {
            background-color: #feb728 !important;
            -webkit-transition: background-color .35s linear;
            transition: background-color .35s linear;
            cursor: pointer;
        }

        .Section-Tech-Solution .Tech-Item img {
            width: auto;
            height: 70px;
            margin: 7px auto 0;
        }

        .Section-Tech-Solution .Tech-Item h5 {
            text-align: center;
            padding: 10px 1px 5px;
            font-weight: 600;
            color: #323232;
            font-family: IRANSans, Tahoma;
        }

.Tab {
    margin-top: 00px;
    margin-bottom: 00px;
    /*display: none;*/
}



    .Tab h3 {
        color: #ffb600;
        font-family: IRANSans, Tahoma;
        font-weight: 600;
        padding-bottom: 10px;
    }

    .Tab p {
        color: black;
    }

    .Tab.Tab2, .Tab.Tab3 {
        display: none;
    }
/*.Active{
        display: block;

}*/
.Tab1.Active, .Tab2.Active, .Tab3.Active {
    background-color: #feb728 !important;
    -webkit-transition: background-color 1.5s linear;
    transition: background-color 1.5s linear;
}


@media (max-width: 800px) {

    .Tab {
        margin: 0 0;
    }

        .Tab .col-md-4 {
            width: 100%;
        }

    .Section-WorkFlow p {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .Section-Tech-Solution .Container .Tech {
        display: none;
    }

    .Tab1, .Tab2, .Tab3 {
        display: block;
    }
}
/*------------------Section-TopBanner------------------*/
.Section-TopBanner {
    display: block;
    background-size: cover;
    width: 100%;
    position: relative;
    background-color: #0095b5;
    background-repeat: repeat;
    background-position: center center;
    background-attachment: unset;
    min-height: 400px;
    background-image: url(../Images/slide011.jpg);
}


.portfolio_quote_button {
    display: block;
    text-align: center;
    margin: 35px 0px;
}

    .portfolio_quote_button ul {
        display: inline-block;
        list-style: none;
    }

    .portfolio_quote_button li {
        float: right;
        margin-right: 30px;
        min-width: 240px;
    }

        .portfolio_quote_button li a {
            color: #ffffff;
            height: 60px;
            line-height: 45px;
            font-size: 19px;
            padding: 10px 30px;
            border: 1px solid white;
            text-align: center;
        }

.common_button_btn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .common_button_btn:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #ffb600;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .common_button_btn:hover:before,
    .common_button_btn:focus:before,
    .common_button_btn:active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

@media (max-width: 768px) {
    .portfolio_quote_button li {
        margin-right: 0px;
        width: 100%;
    }

        .portfolio_quote_button li a {
            width: 84% !important;
            line-height: 38px;
            margin: auto;
            margin-bottom: 20px;
            display: block;
        }
}

@media (max-width: 600px) {
    .Section-TopBanner .Services-Top-Head h1 {
        font-size: 24px;
        margin-top: 40px;
    }

    .Section-TopBanner .Services-Top-Head p {
        font-size: 14px;
    }

    .portfolio_quote_button ul {
        margin: 0px;
    }
}
/*------------------Logistics-Banner------------------*/
.Logistics-Banner {
    background-image: url(../Images/Logistics-Banner.jpg);
    display: block;
    background-size: cover;
    width: 100%;
    position: relative;
}

    .Logistics-Banner img {
        width: 100%;
        margin: 0 auto -50px;
        display: block;
    }

.Clock-Anime {
    position: absolute;
    top: 52%;
    right: 25%;
}

    .Clock-Anime .Clock {
        background: url(../Images/clock.png);
        width: 125px;
        height: 125px;
        z-index: 3;
    }

        .Clock-Anime .Clock .Clock-Hand {
            animation: spin 5s linear 0s infinite;
            width: 17px;
            position: absolute;
            left: 43.2%;
            top: 14%;
            z-index: 4;
        }

@media(min-width: 600px) {
    .Logistics-Banner img {
        width: 70%;
    }
}

/*----------------------Section-Demo------------------------*/
.Section-Demo {
    margin: 20px 0;
    padding: 20px 0;
    background-color: rgba(95, 95, 95, 0.74);
    background-attachment: fixed;
    color: white;
}

    .Section-Demo :before {
        background-image: url(../Images/Logo/Black-Logo.png);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0.4;
    }

    .Section-Demo .Demo-wrapper {
        position: relative;
        width: 100%;
    }

        .Section-Demo .Demo-wrapper .Demo-Content {
            overflow: hidden;
            width: 100%;
            height: 100%;
        }

            .Section-Demo .Demo-wrapper .Demo-Content span {
                font-weight: 400;
                font-size: 15px;
            }

/*--------------Card-Wrapper---------------*/
.card-Wrapper {
    padding: 76px 20px 80px;
    width: 100%;
}

    .card-Wrapper .CardIcon {
        text-align: center;
        color: lawngreen;
        font-size: 42px;
        padding: 0px 0 20px;
        margin: 0 0;
        height: 60px;
    }

    .card-Wrapper .CardName {
    }

        .card-Wrapper .CardName h6 {
            text-align: center;
            font-weight: bold;
            padding: 2px 0 10px;
        }

    .card-Wrapper .CardText {
        font-size: 12px;
        font-weight: normal;
        padding-top: 5px;
        text-align: justify;
    }

.Cards, .CardText, CardItem {
    position: relative;
}

/*--------------M-L---------------*/

.Cards {
    padding-top: 0px;
    padding-bottom: 50px;
}

    .Cards .Heading-Desc {
        margin-top: 20px;
    }

        .Cards .Heading-Desc p {
            text-align: center;
            margin: 0;
            font-weight: 300;
            line-height: 35px;
            font-size: 1.5rem;
            line-height: 1.333;
        }

.wr-Main img {
    /*width: 100%;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;*/
}

.wr-Main {
    background: #FFFFFF;
    /*box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.15);*/
    border-radius: 20px;
    /*min-height: 160px;*/
    text-align: center;
    position: relative;
}

    .wr-Main img {
        min-height: 120px;
    }

/*--------------Block-Video-Testimonial---------------*/
.Block-Video_Testimonial {
    margin-top: 40px;
}

    .Block-Video_Testimonial h2 {
        color: #252525;
    }

.Row-Vstretch {
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
}

.Row-Flex {
    display: flex;
}

.Video-Testimonial-Window {
    width: 50%;
    padding: 0;
    margin: 0px 5px;
    /*border-right-width: 20px;*/
    /*margin-right: 0;*/
    border: 2px dotted gray;
}

.Video-Testimonial-Pooster {
    background-size: cover;
    background-position: center;
    cursor: pointer;
    height: 400px;
    /*margin-bottom: 30px;*/
    position: relative;
}
/*--------------Contact-Us-Form---------------*/


.left-banner-bg {
    background: url(../Images/left-banner-bg.png) no-repeat;
    background-size: contain;
    background-position-y: 10px;
    background-position-x: 0;
}

.right-banner-bg {
    background: url(../Images/right-banner-bg.png) no-repeat;
    background-size: contain;
    background-position-y: 10px;
    background-position-x: 100%;
}

.ContactBanner {
    padding: 65px 0 45px;
    background: #cfecf2 url(../Images/contact-map.png) no-repeat;
    background-size: contain;
    background-position-y: 50px;
    background-position-x: 50%;
}

.Contact-Form {
    max-width: 720px;
    margin: 0 auto;
}

.Contact-Form-Area {
    margin: 30px 0;
}

.Contact-Banner-Title {
    position: relative;
    display: block;
    color: #333;
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

    .Contact-Banner-Title:after {
        content: "";
        position: absolute;
        top: -15px;
        left: 0;
        width: 114px;
        height: 102px;
        background: url(../Images/red-message.png) no-repeat;
    }

.Contact-Banner-Subtitle {
    display: block;
    font-size: 30px;
    color: #333;
    max-width: 410px;
    line-height: 1.2;
    margin-top: 13px;
}


@media (max-width: 600px) {
    .ContactBanner {
        background-image: url(../Images/banner-bg-600.png);
    }
}

@media (max-width: 768px) {
    .ContactBanner {
        padding: 55px 0 30px;
        background-image: url(../Images/banner-bg-768.png);
        background-position-y: 60px;
    }

        .ContactBanner .flex-item {
            display: none;
        }



    .Contact-Form {
        padding: 0 10px;
    }

    .Contact-Form-Area {
        margin-top: 275px;
    }

    .dis-flex-block {
        display: block;
    }
}


@media (max-width: 1024px) {

    .ContactBanner {
        padding: 60px 0px;
        background-image: url(../Images/banner-bg-1024.png);
        background-position-y: 70px;
        background-size: auto;
    }

        .ContactBanner .flex-item {
            flex-basis: 10%;
            background: 0;
        }
}

@media (max-width: 480px) {
    .ContactBanner {
        padding: 35px 0 25px;
        background-image: url(../Images/banner-bg-480.png);
        background-position-y: 30px;
    }
}

.ContactBanner .flex-item {
    flex-basis: 15%;
}

.flex-item.contact-form-wrap {
    flex-basis: 100%;
    display: block;
}

@media(min-width: 1024px) {
    .flex-item.contact-form-wrap {
        flex-basis: 70%;
    }
}

.Contact-Form {
}

    .Contact-Form .Section-Feedback-Holder {
        background: none;
    }

        .Contact-Form .Section-Feedback-Holder .Form-Holder {
            box-shadow: none;
            position: unset;
        }

            .Contact-Form .Section-Feedback-Holder .Form-Holder .Form-Box {
                background: none;
            }

@media (max-width: 768px) {
}

@media (max-width: 1024px) {
}


/*---------------------Section-About------------------------*/
.Section-About {
    padding-top: 20px;
}

    .Section-About blockquote {
        padding: 10px 20px;
        margin: 0 0 20px;
        font-size: 14.5px;
        border-right: 5px solid #eeeeee;
        background: none;
        font-style: italic;
        font-weight: bold;
        line-height: 2em;
    }


.Info-Text {
    font-size: 14px;
}

@media (min-width:768px) {
    .Section-About {
        padding-top: 40px;
    }

    .Info-Text {
        font-size: 16px;
    }
}

@media (min-width:992px) {
    .Section-About {
        padding-top: 50px;
    }

    .Info-Text {
        font-size: 17px;
    }
}

@media (min-width:1024px) {
    .Section-About {
        padding-top: 60px;
    }

    .Info-Text {
        font-size: 19px;
    }
}



@media (min-width:1200px) {
    .Section-About {
        padding-top: 70px;
    }

    .Info-Text {
        font-size: 20px;
    }
}

.Section-About .Title-Page {
    text-transform: uppercase;
    color: #393c3c;
    padding-right: 15px;
    font-weight: 500;
    margin-bottom: 35px;
}

.Costem-Soft-Dev-First {
}

@media screen and (max-width: 1200px) {
    .Costem-Soft-Dev-First .col-md-2 {
        width: 33%;
    }
}

@media screen and (max-width: 700px) {
    .Costem-Soft-Dev-First .col-md-2 {
        width: 50%;
    }
}
/*--------------Column-Partition---------------*/
.col-md-1, .col-md-10, .col-md-11, .col-md-12,
.col-md-2, .col-md-3, .col-md-4, .col-md-5,
.col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    transition: width linear 0.4s;
    -webkit-transition: width linear 0.4s;
    -o-transition: width linear 0.4s;
    -moz-transition: width linear 0.4s;
    float: right;
}


[class*="Span"] {
    float: right;
    margin-right: 20px;
}

.Span1 {
    width: 60px;
}

.Span2 {
    width: 140px;
}

.Span3 {
    width: 220px;
}

.Span4 {
    width: 300px;
}

.Span5 {
    width: 380px;
}

.Span6 {
    width: 460px;
}

.Span7 {
    width: 540px;
}

.Span8 {
    width: 620px;
}

.Span9 {
    width: 700px;
}

.Span10 {
    width: 780px;
}

.Span11 {
    width: 860px;
}

.Span12 {
    width: 940px;
}

@media(min-width:1200px) {

    [class*="Span"] {
        float: right;
        margin-right: 30px;
    }

    .Span1 {
        width: 70px;
    }

    .Span2 {
        width: 170px;
    }

    .Span3 {
        width: 270px;
    }

    .Span4 {
        width: 370px;
    }

    .Span5 {
        width: 470px;
    }

    .Span6 {
        width: 570px;
    }

    .Span7 {
        width: 670px;
    }

    .Span8 {
        width: 770px;
    }

    .Span9 {
        width: 870px;
    }

    .Span10 {
        width: 970px;
    }

    .Span11 {
        width: 1070px;
    }
}

.Column-1 .Column {
    width: 8.3333%;
}

.Column-2 .Column {
    width: 50%;
}

.Column-3 .Column {
    width: 33.3333%;
    float: right;
}

.Column-4 .Column {
    width: 25%;
}

.Column-5 .Column {
    width: 20%;
}

.Column-6 .Column {
    width: 16.6666%;
}

.Column-7 .Column {
    width: 24.6666%;
}

.Column-8 .Column {
    width: 66.6666%;
}

@media (min-width:769px) {
    [class*="Span"] {
        float: right;
        margin-right: 20px;
    }

    .Span1 {
        width: 42px;
    }

    .Span2 {
        width: 104px;
    }

    .Span3 {
        width: 166px;
    }

    .Span4 {
        width: 228px;
    }

    .Span5 {
        width: 290px;
    }

    .Span6 {
        width: 352px;
    }

    .Span7 {
        width: 414px;
    }

    .Span8 {
        width: 476px;
    }

    .Span9 {
        width: 538px;
    }

    .Span10 {
        width: 600px;
    }

    .Span11 {
        width: 662px;
    }
}

/*--------------NavigateMenu---------------*/
.nav-Wrapper {
    margin: auto 0px;
    width: 100%;
}

    .nav-Wrapper .MenuItem-Startup {
        float: left;
        font-weight: bold;
        position: absolute;
        left: 0;
        margin-top: -25px;
    }

        .nav-Wrapper .MenuItem-Startup a {
            border: 4px solid #ffb625;
            border-radius: 25px;
            padding: 5px 8px;
            margin: 0 5px;
        }

            .nav-Wrapper .MenuItem-Startup a:hover {
                background-color: #ffb625;
                transition: all ease-in-out 0.4s;
                color: #ffffff;
                transition: all ease-in-out 0.4s;
            }

            .nav-Wrapper .MenuItem-Startup a:active {
                position: relative;
                top: 1px;
            }

    .nav-Wrapper .nav-List {
        height: 40px;
        display: flex;
        width: 100%;
    }

        .nav-Wrapper .nav-List .Management-Item {
            font-size: 17px;
        }

        .nav-Wrapper .nav-List .MenuItem {
            margin: 5px 3px;
            text-align: right;
            border-bottom: 5px solid transparent;
            width: auto;
            height: 85%;
            box-sizing: border-box;
            padding: 0px 5px;
        }

            .nav-Wrapper .nav-List .MenuItem:hover {
                border-color: #09c9bd;
                transition: all linear 0.2s;
            }

            .nav-Wrapper .nav-List .MenuItem .SubMenuWrapper {
                position: absolute;
                background-color: #fff;
                width: 100%;
                opacity: 0;
                margin-top: 2px;
                right: 0%;
                padding-top: 13px;
                z-index: 0;
                transition: all ease-in-out 0.3s;
                -o-transition: all ease-in-out 0.3s;
                -moz-transition: all ease-in-out 0.3s;
                -webkit-transition: all ease-in-out 0.3s;
                transform: scaleY(0);
                -ms-transform: scaleY(0);
                -moz-transform: scaleY(0);
                -webkit-transform: scaleY(0);
            }

            .nav-Wrapper .nav-List .MenuItem:hover .SubMenuWrapper {
                opacity: 1;
                transition: all linear 0.2s;
                z-index: 5;
                transform: scaleY(1);
                -ms-transform: scaleY(1);
                -moz-transform: scaleY(1);
                -webkit-transform: scaleY(1);
            }



            .nav-Wrapper .nav-List .MenuItem .SubMenuWrapper h3 {
                font-size: 15px;
                font-weight: 600;
            }

            .nav-Wrapper .nav-List .MenuItem .SubMenuWrapper p {
                font-size: 13px;
                margin-top: 5px;
            }

            .nav-Wrapper .nav-List .MenuItem > a {
                margin: auto;
                text-decoration: none;
                font-weight: bold;
            }



        .nav-Wrapper .nav-List .SubMenuWrapper .SubMenuContainer {
            font-size: 11px;
            display: flex;
            margin: auto;
            /*width: 100%;*/
            /*padding: 10px 15px;*/
            height: auto;
            /*background-color: #ffffff;*/
            /*border-bottom: 1px solid #cfcdcd;*/
        }

.SubMenuWrapper, SubMenuContainer,
.Article-Container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
/*---------------------Article-Container------------------------*/
.Article-Container {
    width: 50%;
    margin: 1px;
}

    .Article-Container .ArticleItemWrapper {
        display: flex;
        width: 100%;
        padding: 20px 0px 10px;
    }

        .Article-Container .ArticleItemWrapper .Article-Item {
            width: 49%;
            box-sizing: border-box;
            padding: 0 10px;
        }

            .Article-Container .ArticleItemWrapper .Article-Item .Article-Content:hover {
                text-decoration: none !important;
            }

            .Article-Container .ArticleItemWrapper .Article-Item .Article-Content .Article-Text {
            }

.SubMenu-List-Container {
    position: relative;
}

.SubMenu-List-Container {
    width: 24%;
    padding-top: 20px;
}

    .SubMenu-List-Container .SubMenu {
        border-right: 2px solid rgba(95, 85, 85, 0.47);
        padding: 0 20px;
        opacity: 1;
        -webkit-animation: animList .7s ease-in-out;
        animation: animList .7s ease-in-out;
    }

        .SubMenu-List-Container .SubMenu li.Menu-Item {
            font-style: normal !important;
            font-weight: normal !important;
            line-height: normal !important;
        }

            .SubMenu-List-Container .SubMenu li.Menu-Item a {
                font-size: 12px;
                border-bottom: 2px solid transparent;
                transition: all linear .3s;
            }

                .SubMenu-List-Container .SubMenu li.Menu-Item a:hover {
                    border-bottom-color: aqua;
                    text-decoration: none !important;
                }

/*---------------------Section-Feedback-Holdar------------------------*/
.Section-Feedback-Holder {
    padding: 0px;
    position: relative;
    background: url(../Images/bg-about-animation.jpg) no-repeat center center;
    background-color: #ccc;
    height: 730px;
    background-size: 100% 100%;
}

    .Section-Feedback-Holder .Form-Holder {
        max-width: 600px;
        margin: 0 auto;
        direction: rtl;
        position: absolute;
        bottom: 0;
        border-radius: 7px 7px 0 0;
        box-shadow: 0px 2px 18px 6px rgba(30, 35, 39, 0.59);
        clear: both;
        overflow: hidden;
    }

.Form-Holder .Form-Box {
    max-width: 680px;
    /*margin-top: 20px;*/
    padding: 50px 45px 50px 55px;
    background: #fff;
    /*box-shadow: 0px 5px 18px 0px rgba(30, 35, 39, 0.3);*/
    /*border-radius: 10px 10px 0px 0px;*/
    background: rgba(245, 245, 245, 0.73);
}

    .Form-Holder .Form-Box > div {
        overflow: hidden !important;
    }

    .Form-Holder .Form-Box .Title {
        margin-bottom: 15px;
        position: relative;
        text-align: center;
        color: #007bff;
        font-size: 1.6em;
        padding: 0 25px;
    }

    .Form-Holder .Form-Box .Row {
        position: relative;
    }

    .Form-Holder .Form-Box > div {
        overflow: auto;
    }


.Form-Holder .Input-Contact-Us {
    width: 100%;
    /*margin: 20px 0 0;*/
}

.Form-Holder textarea.Input-Contact-Us {
    height: 200px;
}

.Form-Holder .Input-Contact-Us {
    font-size: 17px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 400;
    line-height: 1.8;
    background-image: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    display: block;
}

    .Form-Holder .Input-Contact-Us input,
    .Form-Holder .Input-Contact-Us textarea {
        background-color: rgba(255, 255, 255, 0.9);
    }

.Form-Holder .button {
    margin: 7px auto;
    line-height: normal;
    font-size: 25px;
    line-height: 23px;
    font-family: IRANSans, Tahoma;
    font-weight: normal;
}

@media (max-width: 640px) {
    .Section-Feedback-Holder .Container {
        padding-left: 0;
        padding-right: 0;
    }

    .Section-Feedback-Holder .Form-Holder {
        border-radius: 0 0;
        box-shadow: none;
    }

    .Form-Holder .Form-Box {
        width: 100%;
        padding: 0px 0px;
    }

        .Form-Holder .Form-Box .Title {
            font-size: 1.1em;
            color: orange;
            font-weight: bold;
            margin: 10px auto;
            /*padding: 0 0;*/
            border-bottom: 1px solid;
            padding-bottom: 10px;
        }

    /*.Form-Holder .Input-Contact-Us {
        width: 97%;
        margin: 20px auto;
    }*/


}
/*---------------Section-Rotate-Slider---------------*/
.Section-Rotate-Slider {
    width: 960px;
    height: 982px;
    margin: 100px auto;
    display: block;
    position: relative;
    border: 2px solid #cccccc;
    border-radius: 100%;
}



.Art-Carousel {
    width: 100%;
    height: 100%;
    max-width: 960px;
    max-height: 960px;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    position: relative;
    z-index: 1;
}

    .Art-Carousel > li {
        position: absolute;
        z-index: 8;
    }

        .Art-Carousel > li > a {
            display: inline-block;
            width: 141px;
            cursor: pointer;
            height: 141px;
            border: 4px solid #f2e105;
            border-radius: 100%;
            transition: -webkit-transform 2s;
            transition: transform 2s;
            background: white;
        }

        .Art-Carousel > li.Active > a {
            background-position: -273px -58px;
            border: 4px solid #00aeff;
        }

        .Art-Carousel > li > a:before {
            content: ' ';
            position: absolute;
            top: 50%;
            left: 50%;
        }

        .Art-Carousel > li > a:focus,
        .Art-Carousel > li > a:active,
        .Art-Carousel > li:focus,
        .Art-Carousel > li:active {
            outline: none;
            outline-color: transparent;
        }

    .Art-Carousel li > a > em {
        background: #f2e100;
        border: 2px solid #fff;
        width: 32px;
        font-style: normal;
        height: 32px;
        display: inline-block;
        text-align: center;
        color: #ffffff;
        border-radius: 50%;
        font: 700 16px/29px Roboto, Arial, Helvetica, sans-serif;
    }

    .Art-Carousel li.Active > a > em {
        background-position: -273px 58px;
        border: 4px solid #00aeff;
        background: #00aeff;
    }

    .Art-Carousel > li.Item1 > a:before {
        width: 95px;
        height: 95px;
        background: url(../Images/Solution/8-01.svg) no-repeat;
        margin: -43px 0 0 -48px;
    }

    .Art-Carousel > li.Item2 > a:before {
        width: 81px;
        height: 81px;
        background: url(../Images/Solution/5-01.svg) no-repeat;
        margin: -23px 0 0 -38px;
    }

    .Art-Carousel > li.Item3 > a:before {
        width: 82px;
        height: 82px;
        margin: -21px 0 0 -43px;
        background: url(../Images/Solution/4-01.svg) no-repeat;
    }

    .Art-Carousel > li.Item4 > a:before {
        width: 41px;
        height: 100%;
        margin: -36px 0 0 -22px;
        background-size: 100%;
        /*width: 75px;
        height: 75px;
        margin: -37px 0 0 -18px;
        background-size: 100%;*/
        background-repeat: no-repeat;
        background: url(../Images/Solution/1-01.svg) no-repeat;
    }


    .Art-Carousel > li.Item5 > a:before {
        width: 60px;
        height: 60px;
        margin: -27px 0 0 -29px;
        background: url(../Images/Solution/6-01.svg) no-repeat;
        background-size: 100%;
        background-repeat: no-repeat;
    }



    .Art-Carousel > li.Item6 > a:before {
        width: 65px;
        height: 65px;
        margin: -32px 0 0 -24px;
        background-size: 100%;
        background-repeat: no-repeat;
        background: url(../Images/Solution/1.svg) no-repeat;
    }


    .Art-Carousel > li.Item7 > a:before {
        width: 83px;
        height: 83px;
        margin: -13px 0 0 -40px;
        background-size: 100%;
        background-repeat: no-repeat;
        background: url(../Images/Solution/7.svg) no-repeat;
    }



    .Art-Carousel > li.Item8 > a:before {
        width: 70px;
        height: 70px;
        margin: -27px 0 0 -32px;
        background-size: 100%;
        background-repeat: no-repeat;
        background: url(../Images/Solution/7-01.svg) no-repeat;
    }



    .Art-Carousel > li.Item9 > a:before {
        width: 77px;
        height: 77px;
        margin: -37px 0 0 -40px;
        background-size: 100%;
        background: url(../Images/Solution/5.svg) no-repeat;
        background-repeat: no-repeat;
    }

    .Art-Carousel > li.Item10 > a:before {
        width: 74px;
        height: 77px;
        margin: -35px 0 0 -30px;
        background-size: 100%;
        background: url(../Images/Solution/2-01.svg) no-repeat;
        background-repeat: no-repeat;
    }

    .Art-Carousel.ERP > li.erp-Item > a {
        border: none;
        background-color: transparent;
    }

    .Art-Carousel.ERP > li.Item1.erp-Item > a:before {
        background: url(../Images/Solution/ERP-Carousel/crm.png) no-repeat;
    }

    .Art-Carousel.ERP > li.Item2.erp-Item > a:before {
        background: url(../Images/Solution/ERP-Carousel/document.png) no-repeat;
    }

    .Art-Carousel.ERP > li.Item3.erp-Item > a:before {
        background: url('../Images/Solution/ERP-Carousel/accounting.png') no-repeat;
    }

    .Art-Carousel.ERP > li.Item4.erp-Item > a:before {
        background: url(../Images/Solution/ERP-Carousel/supply-chain.png) no-repeat;
    }

    .Art-Carousel.ERP > li.Item5.erp-Item > a:before {
        background: url(../Images/Solution/ERP-Carousel/mis.png) no-repeat;
    }

    .Art-Carousel.ERP > li.Item6.erp-Item > a:before {
        background: url(../Images/Solution/ERP-Carousel/hrc.png) no-repeat;
    }

    .Art-Carousel.ERP > li.Item7.erp-Item > a:before {
        background: url(../Images/Solution/ERP-Carousel/warehouse.png) no-repeat;
    }

    .Art-Carousel.ERP > li.Item8.erp-Item > a:before {
        background: url(../Images/Solution/ERP-Carousel/project-management.png) no-repeat;
    }

    .Art-Carousel.ERP > li.erp-Item > a:before {
        width: 140px;
        height: 140px;
        margin: -73px 0 0 -73px;
        background-size: cover !important;
    }

.Animate-Holder {
    position: absolute;
    width: 760px;
    height: 318px;
    top: 160px;
    left: 100px;
}

    .Animate-Holder:before {
        width: 686px;
        height: 358px;
        left: 65px;
        top: -35px;
        content: '';
        position: absolute;
    }

    .Animate-Holder > div {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        text-align: center;
        opacity: 0;
        transition: all 0.4s;
    }

    .Animate-Holder .Title {
        line-height: 24px;
        font-size: 30px;
        font-weight: bold;
        /*color: white;*/
        transition: all linear .6s;
    }

        .Animate-Holder .Title.Selected {
            opacity: 1;
            transition: all linear .6s;
        }

.Animate-Wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    top: 20px;
    overflow: hidden;
    z-index: 1;
}

    .Animate-Wrapper > ul,
    .Animate-Wrapper > div {
        position: absolute;
        transition: all cubic-bezier(0.68, 0.22, 0.42, 1.13) 0.8s;
        width: 100%;
        height: 100%;
    }

    .Animate-Wrapper.Outer .Animate1 {
        left: 1000px !important;
        right: -1000px !important;
    }

    .Animate-Wrapper.Outer .Animate2 {
        top: 1000px !important;
        left: 500px !important;
    }

    .Animate-Wrapper.Outer .Animate3 {
        left: -1000px !important;
        right: 1000px !important;
    }

    .Animate-Wrapper.Outer .Animate4 {
        left: -1000px !important;
        top: 500px !important;
    }

    .Animate-Wrapper.Outer ul {
        opacity: 0;
        margin-top: -1000px;
        z-index: -1;
        transition: all linear 0.01s;
    }

        .Animate-Wrapper.Outer ul li {
            margin-right: -1000px;
        }

    .Animate-Wrapper ul {
        opacity: 1;
        z-index: 2;
        transition: all linear 0.3s;
    }

        .Animate-Wrapper ul > li {
            margin: 12px 0;
            transition: all linear 0.3s;
            font-size: 22px;
            color: white;
            font-weight: bold;
        }

            .Animate-Wrapper ul > li:nth-child(1) {
                transition-delay: .7s;
            }

            .Animate-Wrapper ul > li:nth-child(2) {
                transition-delay: .5s;
            }

            .Animate-Wrapper ul > li:nth-child(3) {
                transition-delay: .35s;
            }

            .Animate-Wrapper ul > li:nth-child(4) {
                transition-delay: .2s;
            }

.Animate-Holder > .Animation1 {
    opacity: 1;
}

    .Animate-Holder > .Animation1 .Animate1 {
        background: url(../Images/Solution/15-01.svg) no-repeat scroll;
        left: 42%;
        top: 0px;
        width: 120px;
        height: 200px;
        background-size: 100%;
    }

    .Animate-Holder > .Animation1 .Animate3 {
        top: 57px;
        width: 117px;
        height: 204px;
        background: url(../Images/Solution/17-01.svg) no-repeat scroll;
        right: 194px;
    }

    .Animate-Holder > .Animation1 .Animate4 {
        top: 60px;
        background: url(../Images/Solution/16-01.svg) no-repeat scroll;
        width: 130px;
        height: 214px;
        left: 163px;
    }

.Animate-Holder > .Animation2 .Animate1 {
    top: 56px;
    width: 47px;
    height: 236px;
    left: 205px;
    background: url(../Images/Solution/11-01.svg) no-repeat scroll;
}

.Animate-Holder > .Animation2 .Animate2 {
    width: 220px;
    height: 157px;
    left: 275px;
    background: url(../Images/Solution/9-01.svg) no-repeat scroll;
    top: 23px;
}

.Animate-Holder > .Animation2 .Animate3 {
    background: url(../Images/Solution/10-01.svg) no-repeat scroll;
    width: 112px;
    height: 286px;
    right: 163px;
    top: 43px;
}

.Animate-Holder > .Animation3 .Animate1 {
    top: 70px;
    width: 160px;
    height: 163px;
    left: 147px;
    opacity: 1;
    z-index: 99;
    background: black;
    background: url(../Images/Solution/24-01.svg) no-repeat scroll;
}

.Animate-Holder > .Animation3 .Animate2 {
    top: 80px;
    width: 120px;
    height: 311px;
    right: 174px;
    z-index: 6;
    background: url(../Images/Solution/26-01.svg) no-repeat scroll;
}

.Animate-Holder > .Animation3 .Animate3 {
    top: 35px;
    width: 180px;
    height: 163px;
    left: 294px;
    opacity: 1;
    z-index: 7;
    background: url(../Images/Solution/25-01.svg) no-repeat scroll;
}

.Animate-Holder > .Animation3 .Animate4 {
    background: url(../Images/Solution/drone1.png) no-repeat scroll;
    top: -5px;
    width: 110px;
    left: 160px;
    z-index: 4;
    background-size: 100%;
}

.Animate-Holder > .Animation4 .Animate1 {
    top: 69px;
    width: 220px;
    height: 226px;
    background: url(../Images/Solution/13-01.svg) no-repeat;
    left: 304px;
    opacity: 1;
    background-size: 100%;
}

.Animate-Holder > .Animation4 .Animate2 {
    top: 20px;
    width: 180px;
    height: 318px;
    left: 202px;
    background-size: 100%;
    background: url(../Images/Solution/12-01.svg) no-repeat;
    z-index: 3;
}

.Animate-Holder > .Animation4 .Animate3 {
    top: 2px;
    width: 77px;
    height: 318px;
    left: 219px;
    background-size: 100%;
    background: url(../Images/Solution/14-01.svg) no-repeat;
    opacity: 1;
    z-index: 2;
}

.Animate-Holder > .Animation5 .Animate1 {
    top: 21px;
    width: 270px;
    height: 304px;
    left: 245px;
    z-index: 1;
    background-size: 100%;
    background: url(../Images/Solution/21-01.svg) no-repeat scroll;
}

.Animate-Holder > .Animation5 .Animate2 {
    top: 19px;
    width: 100px;
    height: 252px;
    background: url(../Images/Solution/23-01.svg) no-repeat scroll;
    left: 128px;
}

.Animate-Holder > .Animation5 .Animate3 {
    top: 63px;
    width: 100px;
    right: 137px;
    height: 252px;
    background: url(../Images/Solution/22-01.svg) no-repeat scroll;
}

.Animate-Holder > .Animation6 .Animate1 {
    background-size: 100%;
    background-repeat: no-repeat;
    top: 19px;
    width: 160px;
    background: url(../Images/Solution/6-1.svg) no-repeat;
    height: 278px;
    left: 103px;
}

.Animate-Holder > .Animation6 .Animate2 {
    top: 35px;
    width: 275px;
    height: 151px;
    left: 327px;
    background: url(../Images/Solution/6-3.svg) no-repeat;
}

.Animate-Holder > .Animation6 .Animate3 {
    background-size: 100%;
    background-repeat: no-repeat;
    top: 19px;
    width: 160px;
    background: url(../Images/Solution/6-2.svg) no-repeat;
    height: 278px;
    right: 120px;
}

.Animate-Holder > .Animation7 .Animate1 {
    background: url(../Images/Solution/33-01.svg) no-repeat;
    top: 74px;
    width: 140px;
    height: 200px;
    left: 224px;
    z-index: 1;
    opacity: 0.5;
}

.Animate-Holder > .Animation7 .Animate2 {
    background: url(../Images/Solution/35-01.svg) no-repeat;
    top: 3px;
    width: 236px;
    height: 95px;
    left: 274px;
}

.Animate-Holder > .Animation7 .Animate3 {
    background: url(../Images/Solution/34-01.svg) no-repeat;
    top: 56px;
    width: 140px;
    height: 159px;
    right: 202px;
    opacity: 0.4;
}

.Animate-Holder > .Animation8 .Animate1 {
    background-size: 100%;
    top: 65px;
    width: 370px;
    height: 152px;
    left: 202px;
    background: url(../Images/Solution/27-01.svg) no-repeat;
    opacity: 1;
}

.Animate-Holder > .Animation8 .Animate2 {
    background-size: 100%;
    top: 35px;
    width: 132px;
    height: 152px;
    left: 354px;
    background: url(../Images/Solution/28-01.svg) no-repeat;
}

.Animate-Holder > .Animation8 .Animate3 {
    background-size: 100%;
    top: 65px;
    width: 152px;
    height: 152px;
    left: 387px;
    background: url(../Images/Solution/29-01.svg) no-repeat;
}


.Animate-Holder > .Animation9 .Animate1 {
    top: 33px;
    width: 240px;
    height: 311px;
    right: 206px;
    background-size: 100%;
    background: url(../Images/Solution/20-01.svg) no-repeat;
}

.Animate-Holder > .Animation9 .Animate2 {
    top: 115px;
    width: 134px;
    left: 177px;
    height: 311px;
    background-size: 100%;
    background: url(../Images/Solution/18-01.svg) no-repeat;
}

.Animate-Holder > .Animation9 .Animate4 {
    top: 48px;
    width: 130px;
    height: 192px;
    left: 303px;
    background-size: 100%;
    background: url(../Images/Solution/19-01.svg) no-repeat;
}

.Animate-Holder > .Animation10 .Animate1 {
    top: 24px;
    width: 378px;
    background-size: 100%;
    left: 183px;
    opacity: 1;
    background: url(../Images/Solution/32-01.svg) no-repeat;
}

.Animate-Holder > .Animation10 .Animate2 {
    top: 38px;
    width: 93px;
    height: 170px;
    background-size: 100%;
    left: 303px;
    opacity: 1;
    background: url(../Images/Solution/30-01.svg) no-repeat;
}

.Animate-Holder > .Animation10 .Animate3 {
    background: red;
    top: 68px;
    width: 48px;
    height: 99px;
    right: 396px;
    background: url(../Images/Solution/31-01.svg) no-repeat;
}

@keyframes a {
    0% {
        left: 10px;
    }

    50% {
        left: 20px;
    }

    to {
        left: 10px;
    }
}

@-webkit-keyframes a {
    0% {
        left: 10px;
    }

    50% {
        left: 20px;
    }

    to {
        left: 10px;
    }
}

.Slider-More-Holder {
    text-align: center;
    display: block;
}

.Slider-More {
    z-index: 5;
    vertical-align: top;
    /*background: #fff;*/
    border-radius: 40px;
    text-transform: uppercase;
    padding: 10px 20px 16px 40px;
    top: 266px;
    font-size: 20px;
    position: absolute;
    opacity: .85;
    border: 2px solid #00aeff;
    color: #00aeff;
    left: 37%;
    cursor: pointer;
    transition: all 0.6s;
}

    .Slider-More:hover {
        cursor: pointer;
        border: 2px solid #4b98bb;
        color: #fff;
        background-color: #00aeff;
    }

    .Slider-More:after {
        content: "\f104";
        width: 11px;
        font-family: fontAwesome;
        height: 20px;
        font-weight: bold;
        font-size: 32px;
        position: absolute;
        background-size: 100%;
        animation: a infinite 1s;
        -webkit-animation: a infinite 1s;
        top: 14px;
    }

@media(min-width: 961px) {
    .Section-Rotate-Slider {
        margin-bottom: -510px;
    }

        .Section-Rotate-Slider.ERP-Solution {
            transform: scale(0.5);
            margin-top: -200px;
            margin-bottom: -400px;
            margin-right: -200px;
        }
}

@media(max-width: 960px) {
    .Section-Rotate-Slider {
        width: 510px;
        height: 510px;
        transform: scale(0.7);
    }

        .Section-Rotate-Slider.ERP-Solution {
            margin-top: -30px;
            margin-bottom: -210px;
            margin-right: auto;
            margin-left: auto;
        }

    .Art-Carousel {
        height: 500px;
        width: 513px;
    }

        .Art-Carousel > li > a {
            width: 100px;
            height: 100px;
            border: 2px solid #f2e105;
            transition: -webkit-transform 2s;
            transition: transform 2s;
        }

            .Art-Carousel > li > a:before {
                background-size: 60% !important;
            }

            .Art-Carousel > li > a:before {
                top: 62%;
                left: 64%;
            }

        .Art-Carousel.ERP > li.erp-Item > a:before {
            transform: scale(.65);
        }

        .Art-Carousel.ERP > li.erp-Item > a {
            width: 100px;
            height: 100px;
        }

    .Animate-Holder:before {
        width: 300px;
    }

    .Slider-More {
        /*left: 27%;*/
    }

    .Animate-Holder {
        transform: scale(0.65);
        top: 40px;
        left: -50px;
        width: 600px;
        z-index: 2;
        /*width: 363px;
        height: 218px;
        top: 120px;
        left: 70px;*/
    }

    .Animate-Wrapper > div {
        /*width: 50% !important;
        height: 50% !important;*/
    }
}

@media(max-width: 580px) {
    .Section-Rotate-Slider {
        width: 510px;
        height: 510px;
        margin-top: 200px;
        margin-right: -200px;
        margin-bottom: -240px;
    }

        .Section-Rotate-Slider.ERP-Solution {
            width: 510px;
            height: 510px;
            margin-top: 60px;
            margin-right: -210px;
            margin-bottom: -220px;
        }

    .Animate-Holder {
        transform: scale(0.8);
        top: -320px;
        left: -310px;
        /*width: 100%;
        height: 300px;
        position: relative;
        top: unset;
        left: unset;
        text-align: center;
        transition: all 0.4s;
        margin-right: 200px;
        margin-top: -850px;
        background-color: white;*/
    }

    .ERP-Solution .Animate-Holder {
        top: -211px;
        left: -270px;
    }

    .Slider-More {
        right: 60px;
        bottom: -400px;
        left: unset;
        top: unset;
    }
}

/*---------------------Footer-Section------------------------*/

.Footer-Section {
    padding-top: 100px;
    padding-bottom: 40px;
    color: white;
    /*position: relative;*/
    background: #595959;
    box-shadow: 0px -2px 17px -5px black;
}

    .Footer-Section ul {
        list-style: none;
    }

@media (min-width: 768px) {
    .img-Category {
    }

    .Footer-Section .col-md-3 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.Footer-Section p,
.Footer-Section a {
    margin-bottom: 15px;
    line-height: 1.65;
    font-size: 14px;
}

.Footer-Section .or {
    font-size: 12px;
    direction: ltr;
}

.SocialIcons {
    padding: 0px;
}

.Footer-Section .SocialIcons .socialIconsItem {
    display: inline-block;
    padding-right: 15px;
}

    .Footer-Section .SocialIcons .socialIconsItem > a {
        display: block;
        text-decoration: none;
        font-size: 15px;
        color: white;
        transition: all linear 0.2s;
    }

        .Footer-Section .SocialIcons .socialIconsItem > a:hover {
            color: #ffa200;
            transition: all linear 0.3s;
        }

.Footer-Section a {
    color: #ffa200;
    transition: all ease-in 0.6s;
}

    .Footer-Section a:hover {
        color: #0cabbb;
        text-decoration: underline;
    }
/*--------------How-To-Get-There-From-Here----------------*/
.pnlHowToGet {
    text-align: right;
    padding-top: 25px;
    padding-bottom: 90px;
}

    .pnlHowToGet h3 {
        margin-top: 40px;
    }

    .pnlHowToGet p {
        padding-top: 40px;
        font-size: 16px;
        line-height: 2em;
    }

    .pnlHowToGet a {
        background-color: yellow;
        position: relative;
        top: 20px;
    }

@media(max-width:900px) {
    .pnlHowToGet {
        text-align: right;
    }

        .pnlHowToGet h3 {
            margin-top: 20px;
        }

        .pnlHowToGet p {
            padding-top: 20px;
        }

        .pnlHowToGet a {
            top: 10px;
        }
}
/*----------------Section-Accordion-Helper-----------------*/
.Section-Accordion-Helper {
    margin: 50px auto;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 3;
}

    .Section-Accordion-Helper h5 {
        margin-bottom: 30px;
    }

    .Section-Accordion-Helper .Faq-Accordion .Holder {
        /*border: 1px solid #dddddd;*/
        padding: 5px;
        border-radius: 3px;
        border-top: 0;
    }

        .Section-Accordion-Helper .Faq-Accordion .Holder ul {
            list-style: circle;
        }

    .Section-Accordion-Helper .Faq-Accordion .Faq-Item h3 {
        font-size: 16px;
        font-weight: bold;
        padding: 0;
        margin: 0 0 0px;
        line-height: 30px;
        color: #494a4a;
        border: 1px solid #cccccc;
        border-radius: 3px;
        background-color: #f6f6f6;
    }

    .Section-Accordion-Helper .Faq-Accordion .Faq-Item p {
        /*margin: auto 0;*/
    }

.Faq-Item h3 a {
    position: relative;
    padding-right: 20px;
}

    .Faq-Item h3 a:before {
        position: absolute;
        top: -1px;
        right: 12px;
        margin: 0px -5px 0px 0px;
        transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
    }

.Rotate-Angle:before {
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari 3-8 */
    transform: rotate(-90deg);
    transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
}
/*----------------------Faq-Accordion------------------------*/
.Faq-Accordion {
}

    .Faq-Accordion h2 {
        font-size: 24px;
        color: #f90;
        border-bottom: 1px dashed #ccc;
        padding-top: 10px;
        padding-bottom: 4px;
        margin-bottom: 20px;
    }

    .Faq-Accordion .Faq-Item {
        margin: 0 0 10px;
    }

        .Faq-Accordion .Faq-Item .Opener {
            cursor: pointer;
        }

        .Faq-Accordion .Faq-Item li {
            padding-right: 2px;
            margin: 5px 15px;
        }

        /*.Faq-Accordion .Faq-Item li:before {
                content: '';
                background-color: gray;
                width: 5px;
                height: 5px;
                position: absolute;
                margin: 9px -8px 0 0px;
                border-radius: 50%;
            }*/

        .Faq-Accordion .Faq-Item p {
            margin-bottom: 20px;
            font-size: 14px;
        }

        .Faq-Accordion .Faq-Item h3 {
            font-size: 16px;
            padding: 0;
            margin: 0 0 10px;
            line-height: 24px;
            color: #08c;
        }

            .Faq-Accordion .Faq-Item h3 a {
                color: inherit;
                cursor: pointer;
                font-size: 16px;
            }

                .Faq-Accordion .Faq-Item h3 a:active {
                    position: relative;
                    top: 1px;
                }

    .Faq-Accordion .Slide {
        display: none;
        padding-right: 20px;
        /*height: 0;
        opacity: 0;
        overflow: hidden;*/
        transition: background linear 0.4s;
    }

    .Faq-Accordion .Holder {
        overflow: hidden;
        border-top: 1px dashed #ccc;
        padding: 10px 0;
        padding-right: 20px;
    }

    .Faq-Accordion .Faq-Item.Active .Faq-Lists {
        padding: 37px 43px;
    }

    .Faq-Accordion .Faq-Item.Active .Slide {
        border: 1px solid #dddddd;
        padding: 5px;
        border-radius: 3px;
        border-top: 0;
        /*height: auto;
        opacity: 1;
        transition: background linear 0.3s;*/
    }

    .Faq-Accordion .Faq-Item.Active .Slide {
        background-color: #fff;
    }
/*----------------------Faq-Lists------------------------*/
.Faq-Lists {
    padding: 0 0;
    background: rgba(0, 195, 239, 0.08);
}

    .Faq-Lists > div.Holder {
        border-color: transparent !important;
    }

    .Faq-Lists p {
        color: black;
        margin-bottom: 5px;
        font-size: 15px;
        font-weight: 400;
    }
/*----------------------Faq-Accordion------------------------*/
.Collapsing-Faq-Accordion {
    margin: 10px 0;
}

    .Collapsing-Faq-Accordion h2 {
        font-size: 24px;
        color: #f90;
        border-bottom: 1px dashed #ccc;
        padding-top: 10px;
        padding-bottom: 4px;
        margin-bottom: 20px;
    }

    .Collapsing-Faq-Accordion .Faq-Item {
        margin: 0 0 10px;
    }

        .Collapsing-Faq-Accordion .Faq-Item li {
            padding-right: 2px;
            margin: 5px 15px;
        }

            .Collapsing-Faq-Accordion .Faq-Item li:before {
                content: '';
                background-color: gray;
                width: 5px;
                height: 5px;
                position: absolute;
                margin: 9px -8px 0 0px;
                border-radius: 50%;
            }

        .Collapsing-Faq-Accordion .Faq-Item p {
            font-size: 14px;
            opacity: 0;
            padding: 5px 10px;
            overflow: hidden;
            transition: all linear 0.35s;
        }

            .Collapsing-Faq-Accordion .Faq-Item p:first-child {
                border-top: 1px dashed #ccc;
            }

        .Collapsing-Faq-Accordion .Faq-Item h3 {
            display: flex;
            font-size: 16px;
            padding: 0;
            margin: 0 0 10px;
            line-height: 24px;
            color: #08c;
        }

            .Collapsing-Faq-Accordion .Faq-Item h3 a {
                padding-right: 10px;
                color: inherit;
                cursor: pointer;
                font-size: 24px;
                font-weight: bold;
            }

                .Collapsing-Faq-Accordion .Faq-Item h3 a:active {
                    position: relative;
                    top: 1px;
                }

    .Collapsing-Faq-Accordion .Slide {
    }

    .Collapsing-Faq-Accordion .Holder {
        overflow: hidden;
    }

    .Collapsing-Faq-Accordion .Faq-Item.Active p {
        opacity: 1;
        transition: all linear 0.35s;
    }


.h0 {
    height: 0 !important;
    margin: 0 0 !important;
    padding: 0 0 !important;
}
/*----------------------Button------------------------*/
.btn-Roll {
    padding: 10px 20px;
    letter-spacing: 0.5px;
    border: 2px solid #ffa200 !important;
    background-color: transparent;
    transition: all 0.3s ease-out;
    border-radius: 0;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btn-Roll:hover {
        background-color: #ffa200;
        border-radius: 20px;
    }

.btn-Carousel {
    margin-top: 50px;
    margin-left: 20px;
    color: white;
}

.btn-Send {
    padding: 10px 30px;
    min-width: 175px;
    font-size: 35px;
}

.btn-ContactUs {
    border-radius: 15px;
    margin-top: 50px;
}

.btn-Play {
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.5);
    cursor: pointer;
    height: 70px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: border-color .3s;
    width: 70px;
    z-index: 2;
}

    .btn-Play:before {
        border-bottom: 8px solid transparent;
        border-left: 17px solid #ffa900;
        border-top: 8px solid transparent;
        content: '';
        left: 50%;
        margin: -8px 0 0 -7px;
        position: absolute;
        top: 50%;
        z-index: 1;
    }

    .btn-Play:after {
        background-color: #fff;
        border-radius: 50%;
        content: '';
        height: 54px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 54px;
    }

.ml {
    margin-top: 30px;
}

@media(max-width:900px) {
    .ml {
        display: none;
    }

    .Row-Wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media(min-width:641px) {
    .FirstBar-PhoneSize {
        display: none;
    }

    .Video-Testimonial-Window {
        width: 100%;
    }

    .SecondBar {
        display: flex;
    }
}

/*@media (max-width: 1200px) {
    .col-md-4 {
        width: 50%;
    }
}*/

@media (max-width: 900px) {

    .Clock-Anime {
        display: none;
    }
}

@media(max-width:850px) {

    .SecondBar {
        display: none;
    }

    .FirstBar-PhoneSize {
        display: block;
    }

    .Susan-LogoStyle {
        width: 90%;
        height: 80%;
        display: block;
        margin: auto;
    }

    .New-Top {
        display: none;
    }

    .Footer-Section {
        padding-top: 40px;
    }

    .When-Mobile-size {
        margin-top: 50px;
        /*overflow: hidden;*/
        clear: both;
    }

    .Contact-Toggle {
        color: #35ff00;
        font-size: 31px;
    }

        .Contact-Toggle:active {
            color: #9acf0e;
        }

    .Mobile-Menu-Toggle {
        width: 42px;
        height: 42px;
        border-radius: 2px;
        color: #fff;
        line-height: 42px;
        text-align: center;
        font-size: 30px;
        margin: 0px 2px;
        cursor: pointer;
    }

        .Mobile-Menu-Toggle:hover {
            color: #c7fffd;
        }
    /*-------------Main-Dashboard----------------*/
    .FirstBar-PhoneSize .Main-Dashboard {
        background-color: lightgrey;
        top: 0px;
        -webkit-transition: opacity 0.6s, right 0.5s;
        transition: opacity 0.6s, right 0.5s;
        display: block;
        z-index: 2;
        width: 270px;
        height: 100%;
        overflow-y: auto;
        background: #212121;
        box-shadow: 0 0 12px 0 rgba(0,0,0,0.5);
        position: fixed;
    }

        .FirstBar-PhoneSize .Main-Dashboard .Container {
            background-color: #fff;
        }

        .FirstBar-PhoneSize .Main-Dashboard .Heading {
            width: 100%;
            border-bottom: 2px solid rgba(114, 195, 169, 0.68);
            padding: 0 10%;
            border-radius: 50%;
        }

            .FirstBar-PhoneSize .Main-Dashboard .Heading p {
                text-align: center;
                font-size: 15px;
            }

    /*---------------------Mobile_Menu--------------------*/

    .Mobile-Menu ul a,
    .Mobile-Menu li a,
    .Mobile-Menu span {
        color: #ffffff;
        display: block;
        padding: 7px 14px 7px;
        line-height: 24px;
    }
}

.Mobile-Menu ul .Title,
.Mobile-Menu li .Title {
    border-bottom: 1px solid #303030;
    color: #d1c6c6;
}

.Mobile-Menu {
    background-color: #514c4c;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    font-weight: 300;
    text-align: right;
}

    .Mobile-Menu .Sub-Menu {
    }

        .Mobile-Menu .Sub-Menu ul {
            background-color: #5c5959;
            display: none;
            transition: all linear 0.4s;
        }

            .Mobile-Menu .Sub-Menu ul ul {
                background-color: #837b7b;
            }

        .Mobile-Menu .Sub-Menu .Sub-Menu-Opened {
            display: block;
        }

        .Mobile-Menu .Sub-Menu a {
            color: #ffffff;
        }

            .Mobile-Menu .Sub-Menu a:hover {
                background-color: black;
            }

        .Mobile-Menu .Sub-Menu .Has-Item {
            width: 209px;
            display: inline-flex;
        }

        .Mobile-Menu .Sub-Menu .Has-Item-Icon {
            color: #212121;
            position: absolute;
            height: 38px;
            width: 40px;
            display: inline-flex;
            padding: 0 0;
            left: 0;
            /*font-size:;*/
            margin: auto;
        }

            .Mobile-Menu .Sub-Menu .Has-Item-Icon:hover {
                background-color: black;
                color: #ffffff;
            }

            .Mobile-Menu .Sub-Menu .Has-Item-Icon:before {
                display: block;
                transition: all linear 0.4s;
                text-align: center;
                padding-top: 10px;
                font-size: 23px;
                padding-right: 11px;
            }


.FirstBar-PhoneSize .Menu-Hide {
    right: -260px;
    opacity: 0;
}

.FirstBar-PhoneSize .Menu-Show {
    right: 0;
    opacity: 1;
    -webkit-transition: opacity 0.6s, right 0.5s;
    transition: opacity 0.6s, right 0.5s;
}



/*-----------------SliderStyle-------------------*/
.jssort101 {
    right: unset !important;
}

/* -------------User Account Panel-----------------*/
div.UserMenuBar {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 0;
    font-family: IRANSans;
    font-size: 14px;
    width: 100%;
    height: 80%;
}

    div.UserMenuBar .LinkImageBtnImg {
        display: none;
    }

    div.UserMenuBar > div {
        position: relative;
        display: inline-block;
        float: left;
        list-style: none;
        margin: 0 0;
        padding: 0px 5px 0px 5px;
    }

        div.UserMenuBar > div > a {
            display: inline;
            width: 84px;
            margin: 0 0;
            font-weight: bold;
            text-align: center;
            vertical-align: middle;
            text-decoration: none;
            padding-left: 5px;
        }

        div.UserMenuBar > div:hover > a {
            border-bottom: 2px solid #1a6182;
        }


        div.UserMenuBar > div > div.ModalHelper {
            position: fixed;
            visibility: hidden;
            height: 100%;
            width: 100%;
            top: 130px;
            left: 0px;
            z-index: 5;
            opacity: 0;
        }

        div.UserMenuBar > div:hover > div.ModalHelper {
            z-index: 1;
            visibility: visible;
            opacity: 0.4;
        }

        div.UserMenuBar > div > div.ModalHelper:hover {
            visibility: hidden;
            transition: visibility 0.1s, opacity 0.2s linear;
        }

        div.UserMenuBar > div div.divAccountPanel {
            visibility: hidden;
            opacity: 0;
            font-size: 12px;
            position: absolute;
            left: -60px;
            width: 280px;
            /*height: 320px;*/
            top: 28px;
            z-index: 100;
            transition: visibility 0.2s, opacity 0.5s linear;
            box-shadow: 0px 0px 7px 1px #231e1e;
            border-radius: 5%;
        }

        div.UserMenuBar > div:hover div.divAccountPanel {
            display: block;
            opacity: 1;
            visibility: visible;
            transition: visibility 0.2s, opacity 0.5s linear;
        }

        div.UserMenuBar > div div.divAccountPanel .Icon {
            font-family: FontAwesome;
            font-size: 16px;
            top: 3px;
            position: relative;
            /*padding: 0px 3px;*/
            padding-left: 2px;
            padding-right: 3px;
        }

        div.UserMenuBar > div div.divAccountPanel a {
            /*padding: 3px;*/
        }

        div.UserMenuBar > div div.divAccountPanel div.FastAccessProfile {
            width: 100%;
            height: 100%;
            font-size: 11px;
            margin-top: 5px;
        }

            div.UserMenuBar > div div.divAccountPanel div.FastAccessProfile .ProfileListItems {
                width: 90%;
                text-align: right;
                margin: 0px 11px 5px 0px;
                padding: 5px 0px;
                display: grid;
                margin: 0px 10px 0px 0px;
                padding: 1px 1px;
                line-height: 35px;
            }

                div.UserMenuBar > div div.divAccountPanel div.FastAccessProfile .ProfileListItems > a:hover {
                    text-decoration: underline;
                }

                div.UserMenuBar > div div.divAccountPanel div.FastAccessProfile .ProfileListItems > a:active {
                    position: relative;
                    top: 1px;
                }

        div.UserMenuBar > div div.CartInfo {
            visibility: hidden;
            opacity: 0;
            font-size: 12px;
            position: absolute;
            display: none;
            left: 0px;
            width: auto;
            height: auto;
            top: 28px;
            z-index: 100;
            transition: visibility 0.2s, opacity 0.5s linear;
            box-shadow: 0px 0px 7px 1px #231e1e;
            border-radius: 2%;
        }

        div.UserMenuBar > div:hover div.CartInfo {
            display: block;
            opacity: 1;
            visibility: visible;
            transition: visibility 0.2s, opacity 0.5s linear;
        }

            div.UserMenuBar > div:hover div.CartInfo > div.ssatextbox-simple {
                min-width: inherit;
                width: auto;
            }

.pnl-btn-Send {
    margin: 0 auto;
    width: 300px;
    margin-right: 123px;
}

@media(max-width:601px) {
    .pnl-btn-Send {
        margin-right: 0px;
        width: 100%;
    }
}
/*-----------------CalendarStyle-------------------*/
.treetab-search-container .treetab-search-label {
    width: 90px;
    padding-right: 15px;
}

.ui-dialog .ui-dialog-titlebar-close {
    padding: !important;
}

    .ui-dialog .ui-dialog-titlebar-close::before {
        content: "\f00d";
        display: inline-block;
        font: normal normal normal 18px/1 FontAwesome;
        text-rendering: auto;
        color: red;
    }

.datepicker-container {
    background: transparent;
}

.ui-widget-header {
}

.btnTest {
    margin-top: 0px !important;
    margin-right: 0px !important;
}

.btnWithDrop {
    display: flex;
    text-align: center;
}

    .btnWithDrop > a.button {
        margin-right: 0px;
        width: 140px;
        color: black;
    }

    .btnWithDrop > .button .FirstLabelClass:before {
        display: none;
    }

    .btnWithDrop > div.button {
        margin-left: 0px;
    }

.dropbtn {
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

    .dropbtn:hover > .dropdown-content {
        display: block;
    }

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    width: 190px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin: 16px -20px 0px 0px;
}

    .dropdown-content a {
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }



.dropdown:hover .dropdown-content {
    display: block;
}

.btn-DynamicData {
    font-weight: normal;
}

.ssa-icon-input {
    display: flex;
    width: 100%;
    /* padding: 5px 2px 5px 2px;
    border-radius: 5px 5px 5px 5px;*/
    background-color: #f7f7f7;
}

.ssa-base-toolbar {
    z-index: 1;
}

.ssa-baseform-refresh {
    width: 100%;
    display: flex;
    position: relative;
    z-index: 2;
}
    /*.ssa-baseform-refresh > .fa-angle-down {
        width: 20px;
    }*/

    .ssa-baseform-refresh > .RefershBtn {
        width: 100%;
        /*min-width: 85px;*/
    }

        .ssa-baseform-refresh > .RefershBtn > .button {
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
        }

    .ssa-baseform-refresh > .ssa-btn-drop {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        height: 27px;
    }

.ssa-btn-drop {
    padding: 6px 6px 0 14px;
    width: 10px;
    margin-left: 0px !important;
}

div.ssa-baseform-refresh .ssa-dropdown-container {
}

div.ssa-baseform-refresh .ssa-dropdown-hidden {
    display: none;
    visibility: hidden;
    height: 0px;
    width: 0px;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

div.ssa-baseform-refresh .ssa-dropdown-visible {
    display: grid;
    visibility: visible;
    position: absolute;
    margin-right: auto;
    width: calc( 100% - 2px);
    min-width: 105px;
    top: 34px;
    right: 1px;
    z-index: 2;
    opacity: 1;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

div.ssa-baseform-refresh > a.RefershBtn {
    margin-right: 0px;
}

.ssa-baseform-refresh .ssa-baseform-navigate > a {
    /*height: 20px;*/
    z-index: 3;
}

.ssa-baseform-refresh .ssa-baseform-navigate .LinkImageBtnImg {
    display: none;
    visibility: hidden;
}

/*.ssa-baseform-refresh:hover .ssa-baseform-navigate {
    display: flex;
}*/

.ssa-no-border {
    border: none !important;
}

.ssa-confirm-icon {
    margin: 10px;
    font-size: 25px;
}

.ssa-margin-top {
    margin: 20px 5px 10px 2px;
}


.date-list-display {
    display: block;
    width: 90%;
    padding: 0 3px 0 0;
    margin: 0px 1px 0px 0px !important;
    /* min-height: 30px; */
}

.RelatedCheckBoxStyle {
}

div.current-date-list-container {
    border: 1px dashed #007fff;
    width: 100%;
    margin: 0px auto;
    padding: 1px 0px 2px 24px;
    position: relative;
    direction: ltr;
    top: 0px;
}

    div.current-date-list-container:nth-child(odd) {
        background-color: #f3f3f3;
    }

@media (max-width: 370px) {

    div.current-date-list-container > span.current-date-list-item {
        font-size: 11.5px;
    }
}

.btn-datepicker-showhidecalendar {
    border-radius: 3px;
    font-size: 22px;
    width: 14%;
    min-width: 23px;
    /* line-height: 27px; */
    /* padding: 0px 3px 3px 0px; */
    /* text-align: center; */
    cursor: pointer;
    margin: 0px 1px 0px 0px;
    text-align: center;
    max-height: 33px;
}

.ssa-search {
    position: relative;
    /*max-width: 280px;
    margin: .4em auto;*/
}

    .ssa-search .ac_input {
        position: absolute;
        z-index: 1;
        left: 0;
        height: 77%;
        bottom: 2px;
        width: calc(100% - 23px);
    }


@media(min-width: 768px) {
    .ssa-search .ac_input {
        height: 75%;
        /*width: 92%;*/
    }
}

@media(min-width: 1200px) {
    .ssa-search .ac_input {
        height: 78%;
        /*width: 85%;*/
    }
}

.ac_results {
    margin-left: 3px;
}

@media(max-width: 565px) {
    div.ac_results {
        max-width: calc( 100% - 25px );
        left: 0 !important;
    }
}

.Footercss {
    position: relative;
    left: 0px;
    right: 0px;
    text-align: center;
}

.pnl-ac-showddl {
    display: flex;
    position: absolute;
    left: 0;
    top: 2px;
    width: 100%;
}

.ssa-search .pnl-ac-showddl {
    position: relative;
}

.pnl-ac-showddl > button:nth-child(1) {
    margin-left: 0px !important;
    height: 100%;
    padding: 4px 7px;
    min-height: 27px;
    border-radius: 0 2px 2px 0;
}

.pnl-ac-showddl > button:nth-child(2) {
    margin-right: 0px !important;
    height: 100%;
    width: 100%;
    min-height: 27px;
    border-radius: 2px 0 0 2px;
}

.ssa-dropdown-autocomp .pnl-ac-showddl > button:nth-child(1),
.ssa-dropdown-autocomp .pnl-ac-showddl > button:nth-child(2) {
    margin-top: 0;
}

.datepicker-plot-area .toolbox {
    padding: 10px 0px 3px !important;
}

.datepicker-plot-area .datepicker-time-view > div.time-segment {
    width: auto !important;
    height: 70px !important;
}

.datepicker-plot-area-inline-view .current-date-list-item {
    font-size: medium;
    font-weight: bold;
    text-align: center;
    margin: auto;
}

.datepicker-plot-area-inline-view div.current-date-list-container:first-child {
    margin-top: 10px;
}

.datepicker-plot-area-inline-view div.current-date-list-container {
    padding: 1px 20%;
}

.datepicker-plot-area-inline-view .current-date-list-item-delete {
    position: absolute;
    left: 10px;
    margin-top: -3px;
}

    .datepicker-plot-area-inline-view .current-date-list-item-delete > i {
        font-size: 22px !important;
        cursor: pointer;
    }

.datepicker-plot-area-inline-view .date-list-display {
    display: block;
    margin-top: 0 !important;
    width: 100%;
    min-height: 40px;
}

.datepicker-plot-area-inline-view .current-date-list-item-edit > i,
.datepicker-plot-area-inline-view .current-date-list-item-delete > i {
    position: relative;
    top: 1px;
}

.current-date-list-item-edit {
    display: none;
}

    .current-date-list-item-edit > i,
    .current-date-list-item-delete > i {
        position: absolute;
        cursor: pointer;
        left: 1px;
        top: -3px;
        font-size: 26px;
        vertical-align: unset !important;
    }

        .current-date-list-item-edit > i:hover,
        .current-date-list-item-delete > i:hover {
            font-weight: bolder !important;
        }

.datepicker-plot-area .toolbox .btn-today {
    background-color: !important;
}

    .datepicker-plot-area .toolbox .btn-today:hover {
        background-color: !important;
    }
/*.current-date-list-item-edit > i:active,
        .current-date-list-item-delete > i:active {
            position: relative;
            top: 1px;
        }*/

/*.ssa-drop-down {
    display: flex;
}*/

.ssatextbox-simple, .ssa-InputAttr,
.ssa-drop-down, .ssa-persian-calendar,
.ssatreetable-main, .ssa-dropdown-autocomp {
    align-items: baseline;
}

.ssa-persian-calendar {
    display: block;
    width: 100%;
    padding: 3px 0 3px;
    align-items: center;
}

    .ssa-persian-calendar > span:first-child {
        min-width: 100px;
    }
/*.ssatextbox-simple > input[type= text],
    .ssatextbox-simple > input[type= password],
    .ssatextbox-simple > input[type= number],
    .ssa-drop-down > select,
    .ssa-InputAttr > input,
    .ssatextbox-simple > textarea {
        width: 300px;
    }*/

/*.ssatextbox-simple > div > span:first-child,
    span.ssa-autocomp-label,
    span.ssa-dropdown-label,
    .ssa-persian-calendar > span:first-child {
        min-width: 100px;
    }*/
.pnl-general-class {
    text-align: right;
    width: 100%;
}

.Register-Helper {
    margin: auto;
    cursor: pointer;
    background-color: #ebebeb;
    padding: 1.5px 4px;
}

    .Register-Helper:hover {
        text-decoration: underline;
    }

.pnl-RegisterHelp {
    display: block;
    padding: 10px 5px;
    opacity: 1;
    transition: all linear .4s;
    max-height: 600px;
}

    .pnl-RegisterHelp.invisible {
        max-height: 0;
        border: none;
        padding: 0 0;
        opacity: 0;
    }

.pnl-general-class > fieldset > legend {
    position: relative;
    padding-top: 10px;
    padding-right: 10px;
    /*padding-bottom: 10px;*/
    font-size: 18px;
    cursor: default;
}

.pnl-general-class.have-side legend:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 80%;
    top: 20%;
    right: 0;
    background-color: orange;
}

.grd-form-entry-log-list > div {
    width: 100%;
    max-width: 1200px;
    text-align: center;
    margin: auto auto;
}

.sl-General-Class {
    display: flex;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

/*.sl-General-Class > div {
        min-width: 80px;
    }*/

.stb-General-Class > div > span {
    padding-top: 4px;
}

.stb-General-Class.grid-class > div > span {
    padding-top: 0;
}

.stb-General-Class > div > span.ssa-isrequired:after {
    top: 7px;
}

.lbl-stb-General-Class {
    /*font-size: 14px;*/
    padding-right: 4px;
}

.stb-General-Class,
.rdd-general-class,
.ssa-drop-down,
.ssatextbox-simple {
    /*display: block;*/
    display: flex;
    text-align: right;
    width: 100%;
    font-size: 0.89rem;
    min-height: 30px;
    white-space: nowrap;
}

    .rdd-general-class.grid-class,
    .stb-General-Class.grid-class,
    .ssatextbox-simple.grid-class {
        display: block;
    }

    .stb-General-Class.has-checked,
    .rdd-general-class.has-checked,
    .inner-content > .has-checked {
        /*max-width: 290px;*/
        padding-left: 5px;
    }

.btn-has-checked {
    padding-right: 10px;
    /*padding-top: 1px;*/
}

    .btn-has-checked > .button {
        height: 27px;
        padding-right: 5px;
        padding-left: 5px;
        margin-top: 4px;
        /*min-width: 65px;*/
    }

@media (max-width:392px) {
    .btn-has-checked > .button.glass > span:first-of-type {
        visibility: collapse;
    }

        .btn-has-checked > .button.glass > span:first-of-type:before {
            visibility: visible;
            position: absolute;
            width: 100%;
            text-align: center;
            padding-left: 10px !important;
        }
}
/*@media (min-width:500px) {
    .stb-General-Class.has-checked {
        max-width: 390px;
    }
}

@media (min-width:540px) {
    .stb-General-Class.has-checked {
        max-width: 450px;
    }
}
    */
@media (max-width: 991px) and (min-width: 767px) {
    .btn-has-checked > .button > .LastLabelClass {
        font-size: 11px;
    }
}
/*
@media (min-width:991px) {
    .stb-General-Class.has-checked {
        max-width: 395px;
    }
}

@media (min-width:1200px) {
    .stb-General-Class.has-checked {
        max-width: 485px;
    }
}

*/

.btn-afterinput-small:nth-child(even) {
    padding-left: 6px !important;
    /*padding-right: 0px !important;*/
}

.btn-afterinput-small:nth-child(odd) {
    padding-right: 6px !important;
    /*padding-left: 0px !important;*/
}

@media (max-width: 460px) {
}

.btn-afterinput-small:nth-child(even),
.btn-afterinput-small:nth-child(odd) {
    /*padding-left: 5px !important;
        padding-right: 5px !important;
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;*/
    top: -3px;
}

/*.ssa-drop-down > select {
        position: absolute;
        left: 0;
        width: 100%;
        max-width: 300px;
        min-width: 100px;
        top: 0;
  margin-right: 1%;
        margin-left: 1%;
        border-radius: 1px;
    }*/
.ssa-drop-down > div,
.rdd-general-class > div,
.stb-General-Class > div,
.stb-General-Class > span {
    padding-top: 8px;
}

.rdd-general-class.grid-class,
.stb-General-Class.grid-class {
    display: block;
}

    .rdd-general-class.grid-class > div,
    .stb-General-Class.grid-class > div,
    .stb-General-Class.grid-class > span {
        padding-top: 0px;
    }

.rdd-general-class > select,
.ssa-drop-down > select,
.stb-General-Class > input,
.stb-General-Class > textarea,
.ssatextbox-simple > textarea {
    width: 99%;
    margin-right: 0.5%;
    margin-left: 0.5%;
    margin: 4px auto 4px;
    border-radius: 1px;
    font-size: .95rem;
    z-index: 0;
}

.stb-General-Class.short-text > input,
.stb-General-Class.short-text > textarea {
    width: 20%;
    margin-right: 0%;
}

/*.ssa-drop-down > select.Inline-Class {
    width: calc(98% - 80px);
}*/

.dtb-general {
    display: flex;
    /*padding-top: 25px;*/
}

    .dtb-general > span:first-child {
        padding-top: 5px;
    }

.ssa-relimage-Items {
    display: flex;
}

.ssa-relimage-option {
    padding-top: 4px;
}

    .ssa-relimage-option > span {
        display: none !important;
        opacity: .5;
        width: 210px;
    }

@media(min-width:520px) {
    .ssa-relimage-option > span {
        display: block !important;
    }
}

.ssa-relimage-option > div,
.ssa-relimage-option {
    display: block;
}

@media(min-width:360px) {
    .ssa-relimage-option > div,
    .ssa-relimage-option {
        display: flex;
    }

    .ssa-persian-calendar {
        display: flex;
    }
}


.ssa-relimage-Items > div {
    padding-top: 4px;
}

.Profile-image-name {
    display: inline-block;
    width: 100px;
    position: absolute;
    left: 0;
    margin-left: 15px;
    top: 0;
    color: white;
    background-color: rgba(0, 0, 0, 0.4);
}

.ssa-updown-container {
    display: grid;
    position: absolute;
    right: -50px;
}

    .ssa-updown-container > a:first-child {
        margin: 0 0;
    }

.leftregdiv > div > table > tbody > tr > td {
    position: relative;
}

.ssa-dropdown-autocomp {
    display: flex;
    position: relative;
    min-height: 32px;
    /*padding-bottom: 5px;*/
    background-color: #f1f1f1;
}

    .ssa-dropdown-autocomp.gridline {
        display: block;
    }

    .ssa-dropdown-autocomp > input.txt-autocomp-serch {
        margin-right: 189px !important;
    }

.txt-autocomp-serch {
}

.tts-General-Class {
    max-width: 250px;
    position: relative;
}

.ssa-baseform-allactions .rcb-general-class > input,
.ssa-baseform-allactions .AfterSavechk > input {
    position: absolute;
    right: 1px;
    top: 10px;
    height: 15px;
    width: 15px;
}

.AfterSavechk,
.rcb-general-class {
    position: relative;
    display: block;
    width: 100%;
}

    .rcb-general-class > input,
    .AfterSavechk > input {
        position: relative;
        right: 15px;
        top: 4px;
        height: 14px;
        width: 14px;
    }


    .AfterSavechk > label,
    .rcb-general-class > label {
        margin-right: 20px;
        padding-top: 8px;
        font-size: .9rem;
    }

    .AfterSavechk > label {
        white-space: nowrap;
    }

/*@media (max-width:370px) {
    span.AfterSavechk {
        margin-right: 10px;
    }
}*/
/*.rcb-general-class > label {
        margin-right: 2px;
    }*/
.rbl-general-class {
    padding-right: 15px;
    padding-left: 15px;
}

    .rbl-general-class td {
        position: relative;
    }

        .rbl-general-class td input {
            position: absolute;
            top: 7px;
        }

    .rbl-general-class label {
        padding-right: 15px;
    }

@media(min-width: 991px) {
    div.ssa-baseform-desc {
        display: flex;
        font-size: 12px;
    }
}

@media(min-width: 601px) {
    div.ssa-baseform-desc {
        display: flex;
        font-size: 12px;
    }
}

div.ssa-baseform-desc {
    display: flex;
}

    div.ssa-baseform-desc > input {
        width: 60px;
        border-radius: 5px;
        margin-left: 5px;
        margin-right: 5px;
    }

    div.ssa-baseform-desc > span {
        align-self: center;
        width: auto;
    }

.ssa-baseform-allactions > .container {
    padding-left: 0;
    padding-right: 0;
}

    .ssa-baseform-allactions > .container > div[class^="col-"],
    .ssa-baseform-allactions > .container > div[class*=" col-"] {
        padding-left: 0px !important;
    }

.ssa-baseform-allactions {
    display: flex;
    /*max-height: 45px;*/
}

    .ssa-baseform-allactions > div > a {
        margin-left: 10px;
        width: 100%;
    }

    .ssa-baseform-allactions > input[type=checkbox] {
        margin: 22px 5px;
    }

    .ssa-baseform-allactions > label {
        margin: 18px 0px;
    }

.ssa-baseform-action {
    display: flex;
}

.LinkImageBtnImg {
    height: 30px;
    width: 30px;
}

.btn-autocomp-showsearch {
    height: 28px;
    width: 25px;
}



.btn-autocomp-showhidedropdown {
    /*display: none;*/
}


textarea {
    /*font-family: Tahoma;*/
    font-size: 14px;
    direction: rtl;
}

div.ssa-h-container {
    /* margin-right: 0px !important;
    display: flex;*/
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}

.rightspace {
    padding-right: 10px;
}

.DefaultPermissionOptions > div {
    display: flex;
}


/*.HeaderStyle {
    display: contents;
}*/

/*.ssa-col-Header {
    width: 100%;
    text-align: right;
}*/

div.ssa-HeaderToolbar {
    display: flex;
    height: 34px;
    padding-top: 0px;
}

    div.ssa-HeaderToolbar > div.ssa-pnlHeaderToolbar {
        padding: 1px 0px;
        position: relative;
        float: right;
        width: 100%;
    }

    div.ssa-HeaderToolbar > div.ssa-NowDate {
        left: 11px;
        position: absolute;
        border: 0;
        color: #fff;
        font-weight: bold;
        font-size: 10px;
        padding-top: 16px;
    }

        div.ssa-HeaderToolbar > div.ssa-NowDate > span.MainPageLinks {
            float: left;
        }

.MasterToolbar {
    display: flex;
    width: 100%;
}

.MenuBarLink {
    border-bottom: 0px solid transparent;
    padding: 4px 0px 1px 4px;
    margin: 1px 1px;
    text-decoration: none !important;
    font-weight: 600;
    height: 30px;
    font-size: 13px;
    cursor: pointer;
    transition: all .3s;
}

    .MenuBarLink:hover {
        opacity: 0.9;
        border-radius: 4px;
    }

    .MenuBarLink:active {
        position: relative;
        top: 1px;
        border-bottom: 2px;
    }

.lbl-information {
    font-size: 12px;
    font-weight: bold;
}
/*@media (min-width:601px) {
    .ssa-col-Header {
        display: flex;
        width: 49.99999%;
    }
}*/
div .ssa-AuthenticationForm; {
    max-width: 33.33333%;
    padding-right: 33.33333%;
    padding-left: 33.33333%;
}


div.ssa-AuthenticationForm legend {
    padding: 0px 5px 10px 0px;
}

div.ssa-AuthenticationForm span.FirstLabelClass > span.MiddleLabelClass {
    padding-top: 3px;
    text-decoration: none;
}

.ssa-menu-icon-first {
    width: 40px !important;
    height: 40px !important;
}

div.MainHeaderMaster {
    width: 100%;
    height: 100px;
    left: 0;
    right: 0;
}

div.HeaderTop {
    width: 100%;
    height: 70%;
    left: 0;
    right: 0;
    margin-right: 2px 2px 2px 2px;
    display: inline-flex;
}

div.SocialMedia {
    float: left;
    margin: 15px 5px 5px 0px;
    text-align: center;
}

div.ddSearchBox {
    display: flex;
    margin: 20px 10% 5px 10%;
    height: 30px;
    width: 60%;
}





div.HeaderTitle-Style {
    height: 62px;
}

    div.HeaderTitle-Style > div.Short-Header-Title {
        display: none;
    }

    div.HeaderTitle-Style h3 {
        font-family: IRANSans, Tahoma;
        font-size: 18px;
        padding: 5px;
        margin: 0px;
    }

.ssatreetable-main .treetab-btn-showsrch {
    padding: 7px 15px 5px 15px;
    height: 29px;
    position: relative;
    margin-top: 0px;
    left: 0;
    text-align: center;
    font-size: 14px;
}

.treetab-list-display, .autocomp-list-display {
    width: 100%;
    margin-bottom: 0px;
    position: relative;
    top: -3px;
    color: #000;
}

.ssatreetable-main.gridline .treetab-list-display {
    min-width: 200px;
    width: 100%;
}

.autocomp-list-display > .ac_even,
.treetab-list-display > .ac_even,
.autocomp-list-display > .ac_odd,
.treetab-list-display > .ac_odd {
    padding: 2px 2px 2px 3px;
    border: 1px solid;
    border-color: #e5e1e1;
    background-color: #f5f5f5;
    min-height: 31px;
}

.treetab-list-display > .ac_odd,
.autocomp-list-display > .ac_odd {
    background-color: #ffffff;
}

@media(max-width: 995px) {
    .autocomp-list-display > .ac_even,
    .treetab-list-display > .ac_even,
    .autocomp-list-display > .ac_odd,
    .treetab-list-display > .ac_odd {
        min-width: 70%;
        width: 100%;
        position: relative;
        /*top: 3px;*/
        min-height: 24px;
    }

    /*.autocomp-list-display > .ac_even:first-child {
                top: 30px;
            }

        .autocomp-list-display > .ac_even,
        .autocomp-list-display > .ac_odd {
            right: 0;
            top: 10px;
        }*/

}

@media (min-width: 768px) and (max-width: 991px) {
    /*.treetab-list-display,
    .autocomp-list-display {
        margin-bottom: 22px;
    }*/

    .autocomp-list-display > .ac_even,
    .autocomp-list-display > .ac_odd {
        right: 0;
        width: 100%;
        left: 0;
    }

    .treetab-list-display > .ac_even,
    .treetab-list-display > .ac_odd {
        left: 0;
    }
}

@media (min-width: 570px) and (max-width: 767px) {
    .autocomp-list-display > .ac_even,
    .treetab-list-display > .ac_even,
    .autocomp-list-display > .ac_odd,
    .treetab-list-display > .ac_odd {
        min-width: 70%;
        width: 100%;
        position: relative;
        /*top: -3px;*/
        height: auto;
        min-height: 29px;
    }
}

@media (min-width: 469px) and (max-width: 570px) {
    /*.autocomp-list-display > .ac_even,
    .treetab-list-display > .ac_even,
    .autocomp-list-display > .ac_odd,
    .treetab-list-display > .ac_odd {
        left: 28%;
        right: unset;
    }*/
}

@media(max-width: 400px) {
    /*.autocomp-list-display > .ac_even,
    .autocomp-list-display > .ac_odd {
        right: 3px;
        top: 12px;
        width: calc(100% - 6px);
    }*/

    .treetab-list-display > .ac_even,
    .treetab-list-display > .ac_odd {
        right: -110px;
        top: 27px;
        width: 166%;
        left: 0;
    }

    /*.treetab-list-display > div:last-child,
    .autocomp-list-display > div:last-child {
        margin-bottom: 12px;
    }*/
}

.ac-item .ac-itemtext .ac-header,
.ac-item .ac-itemtext .ac-description {
    font-size: 11.5px;
}

.ssatreetable-main.gridline .treetab-btn-showsrch {
    margin-top: 5px;
    padding: 14px 15px 2px 15px;
    height: 30px;
    position: absolute;
    width: calc(98%);
    left: 4px;
    text-align: center;
}

.ssatreetable-main {
    /*position: relative;*/
    display: flex;
    margin-bottom: 3px;
    background-color: #f1f1f1;
}

    .ssatreetable-main.gridline {
        display: block;
    }

    .ssatreetable-main .ssatreetable-main-lblCap {
        display: inline-block;
        min-width: 80px;
        padding-top: 8px;
    }

    .ssatreetable-main > div.ssa-confirmbtn {
        width: 80px;
    }

    .ssatreetable-main > input {
    }

.ssa-dropdown-autocomp .ac_input {
    /*position: absolute;
    z-index: 1;
    width: calc(100% - 35px);
    left: 10px;
    top: 27px;*/
    position: absolute;
    z-index: 1;
    left: 0px;
    width: calc(100% - 100px);
    top: 2px;
}

.ssa-dropdown-autocomp.gridline .ac_input {
    width: calc(100% - 22px);
    top: 6px;
}

.ssa-dropdown-autocomp .ssa-autocomp-main {
    align-items: baseline;
    /*padding-top: 6px;*/
}

.dynamic-data-toolbar {
    display: block;
}

    .dynamic-data-toolbar > div {
        padding: 0 10px;
    }



.ssa-dropdown-autocomp .ssa-autocomp-main {
    display: flex;
    width: 100%;
}

@media (min-width: 470px) {
    .ssa-dropdown-autocomp.gridline .ssa-autocomp-main {
        display: block;
    }

    .dynamic-data-toolbar {
        display: flex;
    }
}

.ssa-dropdown-autocomp.gridline .ssa-autocomp-main {
    padding-top: 0;
}

.ssa-dropdown-autocomp.gridline .pnl-ac-showddl {
    width: calc(98%);
    height: 28px;
    left: 4px;
}

.ssa-dropdown-autocomp .pnl-ac-showddl {
    width: 90px;
    height: 28px;
}

.ssa-dropdown-autocomp .ssa-autocomp-main .ssa-autocomp-label {
    display: inline-block;
    min-width: 65px;
    padding-top: 6px;
    display: flex !important;
    /*line-height: 14px;*/
}

span.ssa-autocomp-label.ssa-isrequired:after {
    position: relative;
    top: -6px;
}

@media(max-width:820px) {
    .ssa-NowDate {
        display: none;
    }

    div.HeaderTitle-Style > div.Short-Header-Title {
        display: block;
    }

    div.ddSearchBox {
        margin: auto;
        width: 100%;
    }

    div.MainHeaderMaster {
        height: 300px;
    }

        div.MainHeaderMaster > div.HeaderTop {
            display: grid;
        }

            div.MainHeaderMaster > div.HeaderTop > div.HeaderTop-Sub {
                text-align: center;
                align-self: center;
                margin: auto;
            }

    div.SocialMedia {
        display: none;
    }

    div.ssa-AuthenticationForm {
        max-width: 50%;
        padding-right: 24.99999%;
        padding-left: 24.99999%;
        margin-bottom: 10px;
    }

    div.pnlDashboardViewer {
        width: 100% !important;
        float: right !important;
    }



    /*div.footercss {
        padding-left: 200px;
        padding-right: 200px;
        height: 70px;
    }*/

    /*div.footercss tr.trfaAboutUs {
            display: grid;
            padding-top: 2px;
        }*/

    /*div.footercss tr.trfaAboutUs > td {
            padding-top: 2px;
        }*/

    /*div.footercss tr.trenAboutUs {
            display: none;
        }*/
    div.pnlDashboardAcordion {
        width: 49.99999%;
    }

    .Tab {
        margin-top: 0px;
        margin-bottom: 00px;
    }

        .Tab img {
            /*width: 90%;
            margin: auto;*/
        }
}

@media(max-width:520px) {
    .ssa-baseform-allactions {
        display: block;
        max-height: initial;
    }

    .ssa-baseform-action {
        display: grid;
    }

    div.ssa-baseform-refresh > a.RefershBtn {
        width: 100%;
    }

    div.menu_container {
    }

    .ssa-dropdown-autocomp > input.txt-autocomp-serch {
        margin-right: 20px !important;
        margin-top: 75px !important;
    }

    .ssa-baseform-allactions > div > a:last-child {
        margin-left: 0;
    }
}

@media(max-width:768px) {
    .MenuBarLink {
        font-size: 16px;
        padding: 2px 5px 4px;
    }

        .MenuBarLink b {
            display: none;
        }

        .MenuBarLink > span.MiddleLabelClass {
            display: none;
        }
}

@media(max-width:601px) {

    .Column-3 .Column {
        width: 100%;
        transition: all linear 0.4s;
    }

    .Container .Row {
        display: grid;
        transition: all linear 0.4s;
    }

    .Video-Testimonial-Window {
        width: 100%;
    }

    .chklstchklstIndexNum {
        display: none;
    }

    .ssa-base-toolbar {
        position: relative !important;
    }

    .ssa-CollectionBase-Divider {
        display: block !important;
    }

    .ssa-dropdown-autocomp > input.txt-autocomp-serch {
        margin-right: 72px !important;
        margin-top: 52px !important;
        height: 36px !important;
    }

    .ssa-dropdown-autocomp > input {
        /*width: 73% !important;*/
    }

    table.treetable tbody tr td {
        cursor: default;
        padding: 0.6em 2em;
    }
    /*.ssatextbox-simple, .ssa-InputAttr,
    .ssa-drop-down, .ssa-persian-calendar,
    .ssatreetable-main, .ssa-dropdown-autocomp {
        display: grid !important;
        min-width: 100%;
        max-width: 100%;
        padding: 2px 2px 2px 2px;
    }*/

    /*.ssatextbox-simple > input, .ssa-InputAttr > input,
    .ssa-drop-down > input, .ssa-persian-calendar > input,
    .ssatreetable-main > input,
    input[type="submit"], input[type="button"], button {
        width: 98%;
    }*/



    .ssatextbox-simple > textarea {
        width: 98%;
    }

    /*.ssa-isrequired {
        position: absolute !important;
        margin-top: 25px !important;
        margin-right: -12px !important;
    }*/

    /*.ssa-baseform-refresh .ssa-baseform-navigate {
        margin-top: 28px;
        margin-right: 0px;
    }*/

    div.ssa-AuthenticationForm {
        max-width: 100%;
        padding: 0px 0px;
    }





    div.pnlDashboardAcordion {
        width: 99.999%;
    }

    /*.MiddleLabelClass {
        display: none;
    }*/


    .ssa-icon-input {
        width: 100%;
    }
}

@media(min-width:800px) {
    div.pnlDashboardAcordion {
        width: 24.999%;
    }

    /*.HeaderStyle {
        display: flex;
    }*/

    .MasterToolbar {
        display: flex;
    }

    /*.ssa-col-Header {
        width: 33.33333%;
    }*/


    /*div.footercss {
        height: 50px;
    }*/

}

div.Footer-copyright {
    font: normal 10px arial;
}

.ssa-grdDetail-Style {
    font-size: 13px;
    width: 100%;
}

    .ssa-grdDetail-Style td {
        border-left: 1px solid green;
    }

    .ssa-grdDetail-Style tr > td:first-child {
        border-right: 1px solid green;
    }

    .ssa-grdDetail-Style tr > td:nth-child(n+2) {
        text-align: center;
    }

.grd-btn-style {
    font-size: 35px;
}


    .grd-btn-style:active {
        position: relative;
        top: 1px;
    }

    .grd-btn-style img.LinkImageBtnImg {
        display: none;
    }

@media(min-width:1080px) {
    .dis-flex-block {
        display: flex;
    }
}

.ssa-col-1 {
    width: 8.33333%;
}

.ssa-col-2 {
    width: 16.66666%;
}

.ssa-col-3 {
    width: 24.99999%;
}

.ssa-col-4 {
    width: 33.33333%;
}

.ssa-col-5 {
    width: 41.66666%;
}

.ssa-col-6 {
    width: 49.99999%;
}

.ssa-col-7 {
    width: 58.33333%;
}

.ssa-col-8 {
    width: 66.66666%;
}

.ssa-col-9 {
    width: 74.99999%;
}

.ssa-col-10 {
    width: 83.33333%;
}

.ssa-col-11 {
    width: 91.66666%;
}

.ssa-col-12 {
    width: 99.99999%;
}

.ssa-mg-0 {
    margin: 0px;
}

.mg-auto {
    margin: auto auto;
}

.imgLogoStyle {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.pnlToolbar {
    display: flex;
    width: 300px;
    margin: auto auto;
    position: relative;
}

    .pnlToolbar > a.button {
        padding: 3px 7px;
        margin: 2px;
    }

    .pnlToolbar > a {
        font-size: 22px;
    }

        .pnlToolbar > a > span {
            padding: 0px 2px;
        }

.ssa-h-container-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}

.ssa-h-center {
    margin: 0px auto;
}

.ssa-width-max {
    width: 100%;
}

.dt-picture {
    height: 70px;
    width: 70px;
}

.ssa-isrequired:after {
    content: "*";
    display: inline-block;
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 25px;
    align-self: center;
    position: absolute;
    z-index: 1;
}

span.ssa-dropdown-label {
    position: relative;
    top: 15%;
    display: inline-block;
}

    span.ssa-dropdown-label.ssa-isrequired:after {
        top: -6px;
    }

div.ssa-persian-calendar span.ssa-isrequired {
    position: relative;
    top: -5px;
}

    div.ssa-persian-calendar span.ssa-isrequired:after {
        top: -5px;
    }

/*.ssa-persian-calendar .ssa-isrequired {
    right: 3px;
    top: 10px;
    left: unset;
}*/

/*.ssa-isrequired:before {
    content: "\f5ec";
    z-index: 100;
}*/
/*@media(min-width: 1200px) {
    .ssa-isrequired {
        right: 48%;
    }
}*/

/*div.frmEditMedicineLicense {
    display: flex;
}

    div.frmEditMedicineLicense .ssa-persian-calendar {
        padding-right: 2px;
        min-width: 325px;
    }

        div.frmEditMedicineLicense .ssa-persian-calendar > span:first-child {
            width: 61px !important;
        }

    div.frmEditMedicineLicense .ssa-rdd-autosize {
        width: 95px !important;
    }

    div.frmEditMedicineLicense input[type=text] {
        width: 90px;
    }

    div.frmEditMedicineLicense > div > .LinkImageBtnImg {
        display: none;
    }

    div.frmEditMedicineLicense > div > select {
    }*/


.HelpContent {
    /*font-family: Tahoma;*/
    font-size: 16px;
    padding: 10px;
    text-align: justify;
    direction: rtl;
}


.MainPageLinks {
    padding: 2px 3px 2px 13px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

    .MainPageLinks a:hover {
        text-decoration: underline;
    }



.UltraHead {
    background-image: url( '../Images/UltHead2.jpg' );
    height: 30px;
}

.valuelabel {
    text-align: left;
}

.CheckBoxContain {
    margin-left: 10px;
    margin-right: 50px;
}

.contentcss {
    width: 100%;
    height: 100%;
    vertical-align: top;
    /*background-image: url( '../Images/Table_bg.bmp' );*/
}

.subheadercss {
    background-image: url( '../Images/Under_Header.gif' );
    /*font-family: Tahoma;*/
    font-size: 12px;
}

table {
    /*text-align: justify;*/
}

input {
    /*font-family: Tahoma;*/
    font-size: 14px;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.1em;
    /*font-family: Tahoma;*/
    border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    /*font-family: Tahoma;*/
    font-size: 14px;
}



.imgmy {
    height: 40px;
    height: 40px;
}

.titr {
    font-size: 12px;
}

.AppFooter {
    font-family: IRANSans, Tahoma;
    font-size: x-small;
    font-weight: bold;
    font-style: italic;
}

.AppBody {
    background-image: url( '../Images/Table_bg.bmp' );
}

.autocomp-list-display {
    width: 100% !important;
}

.controlContain {
    padding-left: 0px;
    text-align: left;
    direction: ltr;
}

.LableContain {
    text-align: right;
}

.roySimpleTextBox {
    border-style: none;
}

.NumericTextBoxClass {
    text-align: right;
}

.SimpleTextBoxClass {
    text-align: right;
}



.DateBoxBaseStyle {
    width: 70px;
}

.masterPageMainDiv {
    width: 100%;
    margin: 0px auto 0px auto;
    border: 0px solid #496077;
}

/*.masterPagefirstTable {
    border: 0px solid Black;
}*/

.page {
    width: 100%;
    margin: 0px auto 0px auto;
    border: 0px solid Black;
}

.LoginPage {
    width: 100%;
    height: 100%;
    margin: 0px auto 0px auto;
    border: 0px solid Black;
}

.header {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

    .header h1 {
        font-weight: 700;
        margin: 0px;
        padding: 0px 0px 0px 20px;
        border: none;
        line-height: 2em;
        font-size: 2em;
    }

.main {
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
    min-height: 800px;
}

.leftCol {
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 200px;
    min-height: 200px;
}

.MainFooter {
    height: auto;
}

    .MainFooter .lnk-cuntact-us > a {
        cursor: pointer;
    }

.footer {
    padding: 0px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}



div.menu {
    padding: 0px 0px 0px 0px;
}

    div.menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
    }

        div.menu ul li a, div.menu ul li a:visited {
            border: 1px #4e667d solid;
            display: block;
            line-height: 15px;
            width: 150px;
            padding: 2px 2px;
            text-decoration: none;
        }

            div.menu ul li a:hover {
                text-decoration: none;
            }

            div.menu ul li a:active {
                text-decoration: none;
            }

.ExpandablePanelHead {
    padding-bottom: 1px;
    padding-top: 1px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

.ExpandablePanelHeadOver {
    padding-bottom: 1px;
    padding-top: 1px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    box-shadow: inset 0 0 10px 0px #667ccf;
}

    .ExpandablePanelHeadOver:active {
        box-shadow: inset 0 0 12px 3px #2a27a9;
    }

.ssa-CollectionBase-Divider {
    display: flex;
}

    .ssa-CollectionBase-Divider > input[type=checkbox] {
        margin: 20px 10px auto 0px;
    }

    .ssa-CollectionBase-Divider > label {
        margin: 14px 3px;
    }

/*.ControlContainer {
    padding-left: 5px;
    text-align: left;
    direction: ltr;
}*/
.CheckListSubMenu {
    display: flex;
    width: 100%;
}

.ControlContainerLeftAlign {
    padding-right: 5px;
    text-align: right;
    /*direction: ltr;*/
}

.LinkImageButton {
    /*font-family: Tahoma;*/
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    margin: 5px;
}

.SSASearchWindow {
    position: fixed;
    margin: 0px auto 0px auto;
    left: 50px;
    right: 50px;
    top: 50px;
    z-index: 100;
    border-style: ridge;
    max-height: 700px;
}

.SSAHideSearchWindow {
}

.SearchGridStyle {
    margin: 0px auto 0px auto;
}

.SearchDivStyle {
}

.SearchClose {
    position: absolute;
    left: 0px;
    top: 0px;
    margin-top: -10px;
    margin-left: -10px;
}

.SearchButtonCell {
}

.ssa-related-image {
    text-align: center;
    position: relative;
}

    .ssa-related-image > img {
        height: 250px !important;
        width: auto !important;
    }

.ssa-RelDescription {
    margin: 0px 0px;
}

.ssa-RelatedImage-Tools {
    display: flex;
}

.ssa-RelatedImage-Desk {
    display: block;
}

.search-Confirm {
    align-items: center;
}

    .search-Confirm > a {
        height: 30px;
        padding-top: 15px;
    }

        .search-Confirm > a > span.FirstLabelClass:before {
            content: "\f046";
        }

.rddsearch-permission-icon > .pnl-ac-showddl {
    height: 40px;
}

    .rddsearch-permission-icon > .pnl-ac-showddl > button:last-child {
        padding-top: 8px;
    }

    .rddsearch-permission-icon > .pnl-ac-showddl > button span.FirstLabelClass:before {
        content: "\f084";
    }

.rddsearch-group-icon > .pnl-ac-showddl {
    height: 40px;
}

    .rddsearch-group-icon > .pnl-ac-showddl > button:last-child {
        padding-top: 8px;
    }

    .rddsearch-group-icon > .pnl-ac-showddl > button span.FirstLabelClass:before {
        content: "\f0c0";
    }



/*.MasterToolbar {
    background-color: #dde3fb;
    text-decoration: none;
    border-radius: 1px;
    color: #312c70;
    height: 20px;
    padding: 1px 1px;
    margin: 0px 5px;
    display: inline-table;
    border-bottom: 3px solid transparent;
    transition: all 0.4s;
}

    .MasterToolbar:hover {
        color: #ffffff;
        background-color: #c4a3ff;
        border-bottom-color: #193b61;
        border-bottom-width: 3px;
        transition: all 0.4s;
    }

    .MasterToolbar:active {
        position: relative;
        top: 1px;
        background-color: transparent;
        color: #ffffff;
        transition: all 0.4s;
    }*/

.LoginTextBoxs {
    box-shadow: none !important;
    height: 38px;
    margin-bottom: 0;
    direction: ltr;
    text-align: left;
    padding-left: 5px;
    /*  font-family: IRANSans, Tahoma;
    padding: 0px 1px 4px !important;
    border-right: 1px solid #dcc7bc !important;*/
}

    .LoginTextBoxs:active {
    }

.LoginTextSpan {
    color: #6476a1;
    height: 20px;
    font-size: 22px;
    float: right;
    text-align: center;
    margin: 0 auto;
    padding: 5px 10px 0 10px;
}

.lnkUnderline {
    text-decoration: none;
    /*font-weight: bold;*/
    font-size: 13px;
}

    .lnkUnderline:hover {
        text-decoration: underline;
    }

    .lnkUnderline:active {
        position: relative;
        top: 1px;
    }

/*.BeforeTimeMessage {
    font-size: 1.2rem;
    font-family: Flaticon;
    content: "\e025";
    vertical-align: middle;
}*/







.br-radius-2 {
    border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
}

.br-radius-3 {
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
}

.br-radius-4 {
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
}

.br-radius-5 {
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

.pd-0 {
    padding: 0 0 !important;
}

.pd-right-1 {
    padding-right: 1px !important;
}

.pd-right-2 {
    padding-right: 2px !important;
}

.pd-right-3 {
    padding-right: 3px !important;
}

.pd-right-4 {
    padding-right: 4px !important;
}

.pd-right-10 {
    padding-right: 10px !important;
}

.pd-0 {
    padding: 0 0 !important;
}

.pd-2 {
    padding: 2px 2px !important;
}

.pd-3 {
    padding: 3px 3px !important;
}

.pd-4 {
    padding: 4px 4px !important;
}

.pd-5 {
    padding: 5px 5px !important;
}

.pd-left-1 {
    padding-left: 1px !important;
}

.pd-left-2 {
    padding-left: 2px !important;
}

.pd-left-3 {
    padding-left: 3px !important;
}

.pd-left-5 {
    padding-left: 5px !important;
}

.pd-left-7::before {
    padding-left: 7px !important;
}

.pd-top-0 {
    padding-top: 0px !important;
}

.pd-top-5 {
    padding-top: 5px !important;
}

.pd-top-10 {
    padding-top: 10px !important;
}

.pd-top-25 {
    padding-top: 25px !important;
}

.pd-tb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pd-tb-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.pd-tb-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.pdb-left-140::before {
    padding-left: 140px;
}

.border-Top-1 {
    border-top: 1px solid navy;
}

.CeckMiddleClass {
    vertical-align: top;
    font-size: 13px;
}

a.btnCheckNationalCodeCss {
    text-decoration: none;
}

/*.btnFilterData2Class {
    font-size: 18px;
    text-decoration: none;
}

    .btnFilterData2Class:hover {
        color: Highlight;
    }

    .btnFilterData2Class:active {
        position: relative;
        top: 1px;
    }

    .btnFilterData2Class .LinkImageBtnImg {
        display: none;
    }*/
.lcb-just-icon {
    margin: 5px 0 0px;
    font-size: 19px;
    padding: 3px 0px;
    text-align: center;
    height: 27px;
}

.button.lcb-just-icon > span:first-of-type {
    display: inline;
}

.lnkDashBoardFastRep {
    display: grid;
    text-decoration: none;
    padding: 8px 40px 0px;
}

    .lnkDashBoardFastRep:hover {
        font-weight: bold;
    }

    .lnkDashBoardFastRep:active {
        font-weight: normal;
    }

div.pnllnkDashBoard {
    padding-bottom: 2% !important;
}

div.pnlDashboardAcordion {
    margin-top: 10px;
    height: 100%; /*border: 1px solid blue; */
    float: right;
}

div.pnlDashboardViewer {
    width: 74.999%;
    height: 100%;
    float: left; /*border: 1px solid red; */
}

    div.pnlDashboardViewer div.canvasjs-chart-container {
        text-align: unset !important;
    }


.btndltAdmitancesTable {
    color: #980808;
    padding: 4px;
}

.btnToggle {
    margin: 7px 5px 0;
    min-width: 50px;
    height: 22px;
    border: 1px solid #dadada;
    background-color: #f3f3f3;
    position: absolute;
    border-radius: 12px;
    transition: all linear 0.3s;
}

    .btnToggle:after {
        content: "";
        position: absolute;
        width: 50%;
        height: 102%;
        background-color: #a2a2a2;
        background: linear-gradient(45deg, #00ae1b, #ffffff);
        border: 1px solid #00af74;
        box-sizing: border-box;
        border-radius: 100%;
        left: 1.6%;
        top: 0px;
        transition: all 0.3s;
    }

    .btnToggle::before {
        content: "\2713";
        position: absolute;
        top: -1%;
        left: 13%;
        color: #fff;
        z-index: 1;
        transition: all 0.3s;
        font-size: 16px;
        font-weight: bold;
    }

    .btnToggle.Activated {
    }

        .btnToggle.Activated::before {
            content: "\2715";
            left: 60%;
            top: -1%;
        }

        .btnToggle.Activated:after {
            left: 49.2%;
            background: linear-gradient(160deg, #ffffff, #ae0000);
            border-color: #ae0000;
        }

[class^="btn-"]:before, [class*=" btn-"]:before,
[class^="btn-"]:after, [class*=" btn-"]:after .current-date-list-item-delete ssa-button-style {
    text-decoration: none;
    font-size: 18px;
    display: inline-flex;
    zoom: 1;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

/*[class^="btn-"]:active, [class*=" btn-"]:active {
    position: relative;
    top: 1px;
}*/

.dataTables_wrapper > .dataTables_filter > label > input {
    height: 35px;
}

.bg-Cyan {
    background-color: #A2D9FD;
}

[class^="icop-"]:before, [class*=" icop-"]:before {
    width: 32px;
    height: 32px;
    margin-top: -2px;
    background-size: 100%;
    background-repeat: no-repeat;
}

i.icop-Mobile-App {
    background-image: url(../Images/Logo/smartphone.png);
}

i.icop-Data-Bases {
    background-image: url(../Images/Logo/domain-registration.png);
}

i.icop-Dev-Cloud {
    background-image: url(../Images/Logo/network.png);
}

i.icop-Web-Dev {
    background-image: url(../Images/Logo/web.png);
}

i.icon {
    display: inline-block;
    text-align: center;
    position: relative;
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
}

i.tech-icon {
    background-image: url(../Images/Solution/115804.svg);
    width: 45px;
    height: 45px;
    display: inline-block;
    vertical-align: top;
    background-size: cover;
}

.Icon-Checked::before {
    content: '';
    right: 0;
    position: absolute;
    top: 6px;
    width: 32px;
    height: 32px;
    background: url(../Images/Solution/ch.svg);
    background-size: 100%;
    display: inline-block;
    vertical-align: top;
}

i.icon-Mobile-Solutions-vr {
    background-image: url(../Images/Solution/Mobile-vr.svg);
}

i.icon-Mobile-Solutions-Mhealth {
    background-image: url(../Images/Solution/rocket.svg);
}

i.icon-Mobile-Solutions-Players {
    background-image: url(../Images/Solution/353975.svg);
}

i.icon-Mobile-Solutions-Learning {
    background-image: url(../Images/Solution/637780.svg);
}

i.icon-Mobile-Solutions-iot {
    background-image: url(../Images/Solution/354035.svg);
}

i.icon-Mobile-Solutions-Mcommerce {
    background-image: url(../Images/Solution/354025.svg);
}

i.ion-ios-clock-outline {
    background: url(../Images/Solution/Med_icons-05.svg);
    background-size: cover;
}

i.ion-ios-speedometer-outline {
    background: url(../Images/Solution/Med_icons-04.svg);
    background-size: cover;
}

i.ion-ios-color-filter-outline {
    background: url(../Images/Solution/Med_icons-06.svg);
    background-size: cover;
}

[class^="fa-"]:before,
[class*=" fa-"]:before,
[class^="fa-"]:after,
[class*=" fa-"]:after {
    /*padding-left: 5px;*/
}

.ssa-Tree-Wiew-rtl tr td img {
    transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
}


/*-----------------Bootstrap-Edit-----------------*/
@media(min-width: 768px) {
    .container .row .column-inner {
        margin-top: 20%;
    }

        .container .row .column-inner p {
            margin-top: 10%;
        }
}

@media(max-width: 380px) {
    .btn {
        font-size: 0.88rem !important;
    }
}

.container .row.inner-content {
    align-items: center;
}

.container .row .text-on-filter {
    position: relative;
    z-index: 2;
    color: white;
    padding: 30px 0 25px;
}

.inner-content {
    align-items: center;
}

/*----------------Responsive-Mega-Menu----------------*/

.Modal.ActiveModal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 7;
    background-color: rgba(0, 0, 0, 0.45);
}

.Section-Responsive-MegaMenu {
    /*position: relative;*/
}

.btn-Open-MegaMenu {
    padding-top: 7px;
    z-index: 7;
    font-size: 12px !important;
    margin-top: 2.5px !important;
}

.Responsive-MegaMenu {
    width: 100%;
    opacity: 0;
    position: absolute;
    z-index: -1;
    transition: all linear .25s;
    background-color: #ababab;
    top: 35px;
    height: 0;
    margin-right: -21px;
    box-shadow: 0px 5px 20px -10px #616161;
    visibility: hidden;
    transition: visibility 0s, opacity .25s, height .3s;
}

    .Responsive-MegaMenu.OpenMegaMenu {
        z-index: 101;
        opacity: 1;
        height: auto;
        visibility: visible;
    }

.Menu-Titems-Devider {
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 -1px 1px 0px rgba(255, 255, 255, 0.7);
}

.Menu-Items {
    width: 100%;
    color: white;
    text-shadow: none;
}

    .Menu-Items .Menu-Items-Title {
        width: 100%;
        height: 35px;
        /*margin: 2px auto;*/
        cursor: pointer;
        position: relative;
    }

    .Menu-Items:hover .Menu-Items-Title {
        text-decoration: none;
        color: #e1d703 !important;
        background-color: #2f5555;
    }

    .Menu-Items .Menu-Items-Title > p,
    .Menu-Items .Menu-Items-Title > h6 {
        margin-bottom: 0;
    }

        .Menu-Items .Menu-Items-Title.title-has-icon > p,
        .Menu-Items .Menu-Items-Title.title-has-icon > h6,
        .Menu-Items .Menu-Items-Title > h6.title-has-icon {
            padding-right: 42px;
            font-weight: 600;
        }

            .Menu-Items .Menu-Items-Title.title-has-icon > p:before,
            .Menu-Items .Menu-Items-Title.title-has-icon > h6:before,
            .Menu-Items .Menu-Items-Title > h6.title-has-icon:before {
                position: absolute;
                right: 10px;
                font-size: 25px;
                /* color: white; */
                font-weight: normal;
                text-align: center;
            }


    .Menu-Items .Menu-Items-Title > p,
    .Menu-Items .Menu-Items-Title > h6 {
        padding-right: 10px;
        line-height: 35px;
        font-size: 13.5px;
    }

    .Menu-Items .Menu-Items-Title > i {
        position: absolute;
        left: 12px;
        top: 4px;
        font-size: 25px;
        transition: all linear .4s;
    }

    .Menu-Items .Menu-Items-Title.link {
        background-color: #f7f7f7;
        color: #3d3d3d;
        align-items: center;
    }

        .Menu-Items .Menu-Items-Title.link > .link-desc {
            padding: 0 15px 3px;
            text-align: right;
            font-size: 0.7rem;
            color: #fff;
            font-weight: normal;
            line-height: 14px;
            position: relative;
            top: -4px;
        }

    .Menu-Items:hover .Menu-Items-Title.link > .link-desc,
    .Menu-Items:hover .Menu-Items-Title.link > h6,
    .Menu-Items:hover .Menu-Items-Title.link > p {
        color: #000;
        background-color: #ececec;
    }

    .Menu-Items:hover .Menu-Items-Title.link > h6 {
        color: #e1d703;
    }

.title-has-icon .menu-item-title-icon {
    position: absolute;
    width: auto;
    height: auto;
    max-width: 42px;
    max-height: 30px;
    padding: 3px 10px 3px 5px;
    top: 3px;
    right: 0px;
    z-index: 3;
    align-items: center;
}

.Menu-Items .Menu-Items-Contents {
    position: relative;
    height: 0;
    transition: all linear 0.15s;
    color: #605e5e;
    background-color: #f7f7f7;
}

/*.Menu-Items .Menu-Items-Contents * {
            opacity: 0;
            transition: opacity linear 0.1s;
        }*/

.Menu-Items.OpenSubMenu > .Menu-Items-Contents {
    /*background-color: lightgray;*/
    width: 100%;
    opacity: 1;
    z-index: 8;
}

/*.Menu-Items:hover > .Menu-Items-Contents * {
        opacity: 1;
    }*/

.img-MegaMenu-Background {
    display: none;
}

.mob-submenu-title > i {
    display: none;
}

.mob-submenu-content a {
    color: #3d3d3d;
    cursor: pointer;
    text-decoration: none !important;
}

    .mob-submenu-content a:hover {
        color: #aed3ff;
    }

    .mob-submenu-content a > div {
        padding: 4px 0px 3px;
    }

    .mob-submenu-content a:hover > div {
        position: relative;
        background-color: rgb(77, 71, 71);
    }

    .mob-submenu-content a > div > h6 {
        line-height: 8px;
        padding-top: 2px;
        padding-bottom: 0px;
        font-size: 13px;
    }

    .mob-submenu-content a:hover > div > h6 {
        color: #fff;
    }

    .mob-submenu-content a > div > p {
        font-size: 10px;
        margin: 0px 0;
        padding: 1px 1px 0px;
        line-height: 13px;
    }

    .mob-submenu-content a > div.title-has-icon h6 {
        padding-right: 1rem;
    }

        .mob-submenu-content a > div.title-has-icon h6:before {
            transition: all .3s;
            position: absolute;
            right: 20px;
            font-size: 20px;
            color: #5f5f5f;
        }

    .mob-submenu-content a:hover > div.title-has-icon h6:before {
        transform: translate(-190px, -10px);
        font-size: 50px;
        opacity: 0.4;
        color: #ff8100;
    }

.mob-submenu-title.Link {
    cursor: pointer;
    color: #404040;
    text-align: right;
    padding-right: 0px;
}

/*---------------Modal-Search---------------*/

.ui-dialog {
    position: absolute !important;
    height: auto !important;
    width: 96% !important;
    max-width: 720px;
    left: 0 !important;
    right: 0 !important;
    z-index: 101 !important;
    margin: auto;
}

/*@media(min-width: 600px) {
    .ui-dialog {
        width: 80% !important;
        margin: 0 10% !important;
        left: 0 !important;
    }
}

@media(min-width: 1024px) {
    .ui-dialog {
        width: 70% !important;
        margin: 0 15% !important;
        left: 0 !important;
    }
}

@media(min-width: 1200px) {
    .ui-dialog {
        width: 60% !important;
        left: 0 !important;
        max-width: 800px !important;
        margin: 0 0 0 25% !important;
    }
}*/


@media(min-width:768px) {
    .btn-Open-MegaMenu {
        z-index: 7;
        font-size: 13.2px !important;
    }

    .Responsive-MegaMenu {
        width: 0;
        height: 0;
        min-height: 0;
        max-height: 0;
        opacity: 0;
        z-index: -10;
        right: 22px;
        position: absolute;
        background-color: white;
        box-shadow: 1px 2px 7px -3px #424242;
        transition: display .001s, width .02s, height .4s, min-height .4s, opacity .4s;
    }

        .Responsive-MegaMenu.OpenMegaMenu {
            min-height: 470px;
            width: 210px;
        }

    .Menu-Items .Menu-Items-Contents {
        width: 200%;
        opacity: 0;
        z-index: 0;
        overflow: hidden;
        /*display: none;*/
        transition: opacity .3s, z-index .15s, width .15s, visibility 0.1s;
        position: absolute;
        right: 99%;
        top: 0;
        height: 100% !important;
        padding-top: 10px;
        background-color: rgba(248, 248, 248, 0.95);
        box-shadow: -8px 9px 7px -7px #c1c0c0;
        visibility: hidden;
    }

    .mob-submenu-content > .container {
        padding-right: 0;
        padding-left: 0;
    }

    .Menu-Titems-Devider {
        background-color: rgba(198, 198, 198, 0.6);
        box-shadow: 0px 0px 3px 0px rgba(174, 174, 174, 0.7);
    }

    .Menu-Items:hover > .Menu-Items-Contents {
        opacity: 1;
        z-index: 8;
        display: block;
        visibility: visible;
        overflow: visible;
    }

    .Menu-Items .Menu-Items-Title {
        color: #ababab;
    }

    .Menu-Items:hover .Menu-Items-Title {
        background-color: #ececec;
        color: #e1d703;
    }

    .img-MegaMenu-Background {
        display: block;
        position: absolute;
        bottom: -35px;
        left: -45px;
    }

    .mob-submenu-content a:hover > div.title-has-icon h6:before {
        transform: translate(-40px, -10px);
        font-size: 70px;
    }

    .Menu-Items .Menu-Items-Title.link > .link-desc {
        color: #aaa;
    }
}

@media(max-width:767px) {
    .Responsive-MegaMenu.OpenMegaMenu {
        left: -2px;
    }

    .Menu-Items.ActiveSubMenu > .Menu-Items-Title {
        background-color: #ffffff;
        color: #414141;
        font-size: 16px;
    }

    .Menu-Items > .Menu-Items-Title > i::before {
        content: "+";
    }

    .Menu-Items.ActiveSubMenu > .Menu-Items-Title > i::before {
        content: "–";
        padding-left: 1px;
    }

    .Menu-Items .Menu-Items-Contents {
        overflow: hidden;
    }

    .mob-submenu-title.Link {
        background-color: #f7f7f7 !important;
    }
}

@media(min-width: 576px) {
    .mob-submenu-title > p {
        margin-top: 0px;
        margin-bottom: 3px;
        text-align: center;
        cursor: default;
    }

    .Menu-Items-Contents > div {
        display: flex;
        /*text-align: center;*/
        /*margin-left: 0;
        margin-right: 0;*/
    }

    .mob-submenu-content a h6,
    .mob-submenu-content a p {
        text-align: center;
        font-size: 12px;
        font-weight: 300;
    }
}

@media(max-width: 575px) {

    .Menu-Items .Menu-Items-Contents .has-submenu {
        padding-left: 0;
        padding-right: 0;
    }

    .mob-submenu-title {
        width: 100%;
        height: 35px;
        /* margin: 2px auto; */
        cursor: pointer;
        position: relative;
        background-color: #eeeeee;
        color: #e1d703;
    }

        .mob-submenu-title.mob-submenu-close {
            background-color: #e4e4e4;
            width: 100%;
            color: #5b5b5b;
            text-shadow: none;
            border-bottom: 1px solid;
        }

            .mob-submenu-title.mob-submenu-close:hover {
                color: #ffffff !important;
                background-color: #6d9999;
            }



            .mob-submenu-title.mob-submenu-close > i:before {
                content: "+";
            }

        .mob-submenu-title > i:before {
            content: "-";
        }

        .mob-submenu-title > p {
            padding-right: 13px;
            line-height: 33px;
            margin-bottom: 0;
            font-size: 13px;
        }

        .mob-submenu-title > i {
            position: absolute;
            left: 12px;
            top: 4px;
            font-size: 22px;
            transition: all linear .2s;
            display: block;
        }

        .mob-submenu-title.Link {
            color: #3d3d3d;
        }

    .mob-submenu-content {
        transition: all linear 0.15s;
    }

        .mob-submenu-content.closed {
            height: 0px;
            overflow: hidden;
        }

        .mob-submenu-content a > div {
            padding-right: 10px;
        }
}

.table-view > div:nth-child(n+1) {
    padding-top: 3px;
    padding-bottom: 3px;
}

.table-view > div:nth-child(even) {
    background-color: #d8d8d8;
}

.table-view > div:nth-child(odd) {
    background-color: #f3f3f3;
}

.img-documentation {
    margin: 0 auto 1rem;
    width: auto;
    max-width: 100%;
    max-height: 400px;
    height: auto;
}

.img-documentation-ButtonItems {
    max-height: 35px;
    width: auto;
}
/*--------------------Message-Repeator--------------------*/
.pnlRepeaterMessage {
    max-height: 460px;
    box-sizing: border-box;
}

.img-messageview {
    height: 120px;
    width: auto;
    margin: 0 auto;
    text-align: center;
}

.message-body {
    padding-left: 3px;
    line-height: initial;
}

    .message-body::first-letter {
        padding-right: 5px;
    }
/*----------fast-report-edited----------*/
.frtoolbar li ul.round {
    left: 0 !important;
    overflow: auto;
}

.frtoolbar input.td.input.center {
    min-height: 20px !important;
    vertical-align: middle;
    text-align: center;
    align-items: center;
    padding: 2px 0 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.1em 1em !important;
}

.datepicker-plot-area .toolbox .btn-select-datetime {
    font-size: 12px;
}

.datepicker-plot-area .datepicker-time-view {
    display: flex !important;
    flex-direction: row-reverse;
}

    .datepicker-plot-area .datepicker-time-view > div.time-segment span,
    .datepicker-plot-area .datepicker-time-view > div.divider {
        padding-top: 5px;
        font-size: 14px;
    }


/*----------iao-alert-box-edited----------*/
iao-alert-box {
}

/*iao-alert-box[position='bottom-left'] {
        right: 0 !important;
        left: auto !important;
        top: auto !important;
        bottom: 0 !important;
    }*/

iao-alert {
    text-align: justify;
    font-size: .92em !important;
}

@media(min-width: 768px) {
    iao-alert-box[position='bottom-left'] {
        top: 10px !important;
        bottom: auto !important;
    }
}

@media(min-width: 1024px) {
    iao-alert-box {
        max-width: 480px !important;
        padding: 0px 15px 10px 15px !important;
    }

    iao-alert {
        padding: 8px 28px 8px 15px !important;
        margin-bottom: 10px !important;
    }

    iao-alert {
        font-size: 1em !important;
    }
}

@media(min-width: 541px) {
    iao-alert-box {
        max-width: 400px !important;
        padding: 0px 15px 0px 7px !important;
    }

    iao-alert {
        padding: 6px 28px 6px 10px !important;
        margin-bottom: 10px !important;
    }

        iao-alert:first-letter {
            padding-right: 8px;
        }

        iao-alert:before {
            right: 7px !important;
        }

        iao-alert:after {
            right: 14px !important;
        }

    iao-alert-close {
        right: 5px !important;
        top: calc(50% - 10px) !important;
    }
}

@media(max-width: 540px) {


    iao-alert-box {
        /* padding: 0px 2px 2px 10px !important;
        max-width: 260px !important;*/
    }

    iao-alert {
        font-size: .9em !important;
        padding: 5px 22px 7px 5px !important;
        margin-bottom: 5px !important;
        letter-spacing: 0px !important;
    }

        iao-alert:before {
            width: 13px !important;
            height: 2px !important;
            right: 2.5px !important;
            top: calc(50% - 0px) !important;
        }

        iao-alert:after {
            width: 2px !important;
            height: 13px !important;
            box-sizing: border-box;
            right: 8px !important;
            top: calc(50% - 5.5px) !important;
        }

    iao-alert-close {
        right: 6px !important;
        width: 15px !important;
        height: 15px !important;
        top: calc(50% - 7px) !important;
    }
}

/*----------------bootstrap-custom----------------*/
@media screen and (min-width: 768px) {

    .custom-collapse.collapse {
        display: block;
    }
}

.Help-list-group > a {
    font-size: 13.9px;
}