@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 300;
	src: url('./fonts/eot/iranyekanwebregular(fanum).eot');
	src: url('./fonts/eot/iranyekanwebregular(fanum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('./fonts/woff2/iranyekanwebregular(fanum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('./fonts/woff/iranyekanwebregular(fanum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('./fonts/ttf/iranyekanwebregular(fanum).ttf') format('truetype');
}
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: bold;
	src: url('/fonts/eot/iranyekanwebbold(fanum).eot');
	src: url('/fonts/eot/iranyekanwebbold(fanum).eot?#iefix') format('embedded-opentype'),
		 url('/fonts/woff2/iranyekanwebbold(fanum).woff2') format('woff2'),
		 url('/fonts/woff/iranyekanwebbold(fanum).woff') format('woff'),
		 url('/fonts/ttf/iranyekanwebbold(fanum).ttf') format('truetype');
}
label {
    text-align: right;
}
.small-switch label {
    font-size: 10px !important;
}
.v-image.pattern {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    max-width: 450px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.v-application p {
  
    font-family: "iranyekan", "Work Sans", serif !important;
}
.v-image.pattern .v-image__image {
    background-size: 90%;
    background-repeat: repeat;
    opacity: 0.1;
}
.w100{
    width: 100%;
}
a.v-btn--active span {
    color: red;
}

a.v-btn--active:before {
    background-color: #ff2e2e85;
}
input {
    padding: 0 5px !important;
}
.main-brand-select.theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot fieldset {
    color: rgb(0 0 0) !important;
}
.v-application .v-card--disabled.amber.lighten-1 {
    background-color: #eee !important;
    opacity: 0.5;
}
.send-massage .mdi-send {
    transform: rotate(180deg);
}
.v-application .v-card--disabled.red.accent-2 {
    background-color: #eee !important;
    opacity: 0.5;
}
.v-application .v-card--disabled.blue-grey.lighten-3 {
    background-color: #eee !important;
    opacity: 0.5;
}

.v-application .v-card--disabled.amber.lighten-1 .mdi-star {
    color: #cfcfcf !important;

}
.v-application .v-card--disabled.red.accent-2 .mdi-star {
    color: #cfcfcf !important;
}
.v-application .v-card--disabled.blue-grey.lighten-3 .mdi-star {
 color: #cfcfcf !important;
}


.main-brand-select .v-label{
    color: rgb(0 0 0) !important; 
}
.plans .v-card span.shadows i {color: #00000036 !important;font-size: 48px !important;}
.v-input.ltr input {
    direction: ltr;
}
.plans .v-card span.shadows i:nth-child(1) {
    transform: translate(-7px, -6px);
}
.plans .v-card span.shadows i:nth-child(2) {
    transform: translate(-7px, -6px);
}
.plans .v-card span.shadows i:nth-child(3) {
    transform: translate(-7px, -6px);
}

.plans .v-card span.stars i {
    position: absolute;
    left: 0;
}
.plans .v-card span.stars i:nth-child(2) {
    left: 35px;
}
.plans .v-card span.stars i:nth-child(3) {
    left: 70px;
}

.plans .v-card span.shadows i {
    position: absolute;
    left: 0;
}
.plans .v-card span.shadows i:nth-child(2) {
    left: 35px;
}
.plans .v-card span.shadows i:nth-child(3) {
    left: 70px;
}

.bottom-navigation a {
    text-decoration: none;
    display: flex;
    flex-direction: column-reverse;
}
.bottom-navigation a {
    color: #777 !important;
}

.bottom-navigation  .v-btn--active a {
    color: red !important;
}
.side-menu a {
    text-decoration: none;
}
.v-toolbar__content {
    padding: 0;
}
.succeed {
    background-color: mediumspringgreen;
    /* padding: 50px; */
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 auto 30px;
}
.massage-input .v-text-field__details {
    display: none;
}

.massage-input .v-input__slot {
    margin-bottom: -4px !important;
}
.uploaded-pic {border-radius: 4px;}
label.input {
    display: inline-block;
    border: solid 1px #8888;
    padding: 10px 15px;
    color: #303030;
    background-color: #fafafa;
}
.plans .v-card span.stars {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2;
}
.plans .v-card span.shadows {
    position: absolute;
    left: 10px;
    top: 10px;
}
.v-item-group.v-bottom-navigation .v-btn {
    min-width: 64px !important;
}
.v-tab {
    letter-spacing: 0 !important;
}
.row.login > .v-card {
    width: 100%;
}
.bottom-navigation .v-toolbar__content {
    padding: 0;
}
.v-application--wrap {
    overflow: hidden;
}
.row.login {
    height: 100%;
    margin: 0;
    background-color: #f3f3f3;
    /* padding: 20px 0; */
}

@media screen and (min-width:1024px){
	#app-container {
    /* width: 450px; */
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    /* background-color: red; */
}

header, footer {
    width: 450px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

body {
    background-color: #00000080;
    position: relative;
}

.v-dialog__content {
    width: 450px;
    left: 0;
    right: 0;
    margin: 0 auto;
}


.v-dialog {
    width: 450px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
}

.v-navigation-drawer--right {
    right: unset !important;
}
.v-overlay {
    width: 450px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

}