/*
 * A Design by GraphBerry
 * Author: GraphBerry
 * Author URL: http://graphberry.com
 * License: http://graphberry.com/pages/license
 */

/* Table of content
1.General - This is created general styles and overide some bootstrap classes.
2.Layout
 2.1 Animations
 2.2 Buttons
 2.3 Thumbnail - overide bootstrap thumbnail and add mased efect
 2.4 Socail icons -style for social icons list
3 Sections - definition for section and subsection
 3.1 Services
 3.2 Portfolio
 3.3 About
 3.4 Clients
 3.5 Price table
 3.6 Newsletter
 3.7 Contact
 3.8 Footer
4 Responsive 
**********************************************************************/

/*
1. General
**********************************************************************
*/
@font-face {
    font-family: 'FF-Yekan';
    src: url('../../../../Content/Fonts/Yekan/iran-yekan-300.eot');
    src: url('../../../../Content/Fonts/Yekan/iran-yekan-300.eot?#iefix') format('embedded-opentype'), url('../../../../Content/Fonts/Yekan/iran-yekan-300.woff2') format('woff2'), url('../../../../Content/Fonts/Yekan/iran-yekan-300.woff') format('woff'), url('../../../../Content/Fonts/Yekan/iran-yekan-300.ttf') format('truetype');
    font-weight: 300;
}
@font-face {
    font-family: 'FF-Yekan';
    src: url('../../../../Content/Fonts/Yekan/iran-yekan-300.eot');
    src: url('../../../../Content/Fonts/Yekan/iran-yekan-300.eot?#iefix') format('embedded-opentype'), url('../../../../Content/Fonts/Yekan/iran-yekan-300.woff2') format('woff2'), url('../../../../Content/Fonts/Yekan/iran-yekan-300.woff') format('woff'), url('../../../../Content/Fonts/Yekan/iran-yekan-300.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'FF-FarClassic';
    src: url('../Fonts/FarClassic/Far_Classic.woff') format('woff'), url('../Fonts/FarClassic/Far_Classic.eot') format('eot'), url('../Fonts/FarClassic/Far_Classic.ttf') format('ttf'), url('../Fonts/FarClassic/Far_Classic.otf') format('otf');
}

@font-face {
    font-family: 'FF-Aram';
    src: url('../Fonts/Aram/MRT_AramcoLight.eot') format('eot'), /* IE6–8 */ url('../Fonts/Aram/MRT_AramcoLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../Fonts/Aram/MRT_AramcoLight.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'FF-IranSans';
    font-style: normal;
    font-weight: normal;
    src: url('../Fonts/IranSans/IRANSans.eot') format('eot'), /* IE6–8 */ url('../Fonts/IranSans/IRANSans.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../Fonts/IranSans/IRANSans.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'FF-Nazanin';
    src: url('../Fonts/Nazanin/BNazanin.eot') format('eot'), /* IE6–8 */ url('../Fonts/Nazanin/BNazanin.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../Fonts/Nazanin/BNazanin.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'FF-Kalameh';
    src: url('../Fonts/Kalameh/Kalameh.eot') format('eot'), /* IE6–8 */ url('../Fonts/Kalameh/Kalameh.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../Fonts/Kalameh/Kalameh.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'FF-Titr';
    src: url('../Fonts/Titr/BTitr.eot') format('eot'), /* IE6–8 */ url('../Fonts/Titr/BTitr.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../Fonts/Titr/BTitr.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'FF-Vazir';
    src: url('../Fonts/Vazir/Vazir.eot') format('eot'), /* IE6–8 */ url('../Fonts/Vazir/Vazir.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../Fonts/Vazir/Vazir.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'FF-Lalezar';
    src: url('../Fonts/Lalezar/Lalezar.eot') format('eot'), /* IE6–8 */ url('../Fonts/Lalezar/Lalezar.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../Fonts/Lalezar/Lalezar.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
/**
 Mohammad Css Style...
*/
.FontFace-Lalezar {
    font-family: FF-Lalezar;
}
.FontFace-Lalezar-Title {
    font-family: FF-Lalezar;
    font-size:large 18px 14px;
    font-weight:lighter;
}
.FontFace-IranSans {
    font-family: FF-IranSans;
}
.FontFace-FarClassic {
    font-family: FF-FarClassic;
}
.FontFace-Aram {
    font-family: FF-Aram;
}
.FontFace-Yekan {
    font-family: FF-Yekan;
    font-weight: bold;    
}
.FontFace-Vazir {
    font-family: FF-Vazir;
    font-weight: bold;
}
.Slider-Title {
    direction: rtl;
    font-family: FF-Titr;
    font-weight:lighter;
}
.Slider-SubTitle {
    direction: rtl;
    font-family: FF-Lalezar;
    font-weight: bold;
}
.Slider-Text {
    font-family: FF-IranSans;    
}
.Slider-Button {
    font-family: FF-Aram;     
    font-size: 16px;
    font-weight: 300;
}
.Footer-Home {
    direction: rtl;
    font-family: FF-Aram;
    font-size: 16px;
    font-weight: 300;
    color: white;
}
.Form-Input {
    direction: ltr;
    margin-top:5px;
}
.Form-Alert {
    direction: rtl;   
    font-size: 13px;
    color: orangered;
    margin: 5px;
}
.Form-Btns {
    font-family: FF-Aram;
    font-size: 15px;    
}
.Form-Label {
    font-family: FF-IranSans;
    font-size: 13px;
    margin-top: 5px;
}
.BlackBackground
{
    background-color: #000000;
}

.AnnouncementTitle {
    margin-top: 5px;
    direction: rtl;
    text-align: justify;
    line-height: 1.6;
}
.AnnouncementMessage {
    margin-top: 5px;
    direction: rtl;
    text-align: justify;
    line-height: 1.6;
}
.SelectLi{
    color:cornflowerblue;
}
.borderless td, .borderless th {
    border: none;
}
.boxreplay {
    display: block;
    padding: 5px;
    color: white;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    border: 1px solid blue;
    background-color: gray;
}

.NewsPTag {
    text-align: justify;
    font-size:13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7; /* number of lines to show */
    -webkit-box-orient: vertical;
}
.cardFixedSize {   
    width: 100%;  
    height: 100%;
    object-fit: cover;
}

.cardTitleImageResize {
    max-height: 35px;
    max-width: 35px;
}
.PanelcardTitleImageResize {
    max-height: 200px;   
    resize:both;
}
.responsiveImg {
    width: 100%;
    height:200px;       
    resize:both;
}
.CPBG {
    background-color: #5867dd;
}
.SignalSlide-caption {
    position: absolute;
    right: 30%;
    top: 10%;
    left: 15%;
    z-index: 10;    
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.col-xl-6.modal {
    position: fixed !important;
    width: 100vw;
    height: 100vh;    
    margin:auto;
    background: rgba(0, 0, 0, 0.5);
    display: block;
    max-width: none;
    padding: 1%;
}

ul#menu li {
    display: inline;
}

/*canvas {
    background-image: url(../Images/Charts/Back.png);
    background-repeat: repeat-x;
    background-position: center;
    
}*/

.tx-box-center {
    margin-right:15px;
    text-align:center;
}

.my_account {
    margin: 15px 10px 15px 10px;    
}
    .my_account_card {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        border-radius:10px;
    }


/*tab-vertical*/
.mt-vertical .nav.nav-tabs {
    float: right;
    display: block;
    margin-right: 0px;
    /*border-bottom: 0;*/
    background-color: #fff;
    padding: 25px;
}

    .mt-vertical .nav.nav-tabs .nav-item {
        margin-bottom: 6px;
    }

.mt-vertical .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    padding: 8px;
    color: #534d4d;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .mt-vertical .nav-tabs .nav-link.active {
        color: #fff;
        background-color: #0057b1 !important;
        border-color: transparent !important;
    }




.mt-vertical .nav-tabs .nav-link {
   /* border: 1px solid transparent;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 0px !important;*/
}
.mt-vertical .nav-tabs .nav-link:hover {
color:#fff!important;
    background-color: #5f5ff4  !important;
}
.mt-vertical .tab-content {
    overflow: auto;
    -webkit-border-radius: 0px 4px 4px 4px;
    -moz-border-radius: 0px 4px 4px 4px;
    border-radius: 0px 4px 4px 4px;
    background: #fff;
    padding: 30px;
}


.mt-vertical .nav {
    padding: 20px !important;
    width: 100%;
    text-align: right;
    border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.service-option option {
    font-size: 1.3rem;
    font-family: Yekan_FFWeblogma;
    padding: 5px;
    background: #5c5c5c;
}

.ui-autocomplete > li > div {   
    font-size: 12px;
    font-family: FF-IranSans;   
    padding: 2px 10px 2px 0;
}


/*Select Option*/

.stpb-select {
    position: relative;
    font-family: FF-IranSans;
}
    .stpb-select select {
        display: none; /*hide original SELECT element: */
    }

.select-selected {
    background-color: #ececec;
}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div, .select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.SelectUI {
    height: 35px;
    padding-left: 30px;
    padding-right: 10px;
    clear: none;
    overflow-y: auto;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
    box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
    direction: rtl;
    border: solid 1px #e8e8e8 !important;
    font-family: inherit;
    font-size: 13px;
}

SelectUI option {
    font-family: inherit;
    font-size: 12px;
}


.chartMDsize {
    min-height: 350px;
    width: 100%;
}

.chartSMsize {
    min-height: 150px;
    width: 100%;
}