@font-face {
    font-family: "Vazir-Bold";
    src: url("../font/vazir/pelak-FD.eot");
    src: url("../font/vazir/pelak-FD.woff");
    src: url("../font/vazir/pelak-FD.ttf");
}
@font-face {
    font-family: "Vazir";
    src: url("../font/vazir/Vazir-FD.eot");
    src: url("../font/vazir/Vazir-FD.woff");
    src: url("../font/vazir/Vazir-FD.ttf");
}
@font-face {
    font-family: "Lalezar";
    src: url("../font/lalezar/Lalezar-Regular.ttf");
}
@font-face {
    font-family: "iransans";
    src: url("../font/pelak/IranianSans.ttf");

}
@font-face {
    font-family: "Byekan";
    src: url("../font/pelak/Yekan.ttf");

}
@font-face {
    font-family: "nastaliq";
    src: url("../font/iranNastealiq/IranNastaliq.ttf");

}
@font-face {
    font-family: "pelak";
    src: url("../font/pelak/PelakFA-Regular.eot");
    src: url("../font/pelak/PelakFA-Regular.woff");
    src: url("../font/pelak/PelakFA-Regular.woff2");

}
@font-face {
    font-family: "pelak-bold";
    src: url("../font/pelak/PelakFA-Bold.eot");
    src: url("../font/pelak/PelakFA-Bold.woff");
    src: url("../font/pelak/PelakFA-Bold.woff2");

}
@font-face {
    font-family: "pelak-light";
    src: url("../font/pelak/PelakFA-light.eot");
    src: url("../font/pelak/PelakFA-light.woff");
    src: url("../font/pelak/PelakFA-light.woff2");

}
body {
    font-size: 0.9rem;
    font-family: Vazir;
    margin: 0px;
    padding: 0px;
    background-color: black;
}

.btn-submit {
    color: #fff;
    background:linear-gradient(to right, #0faaf2 , #036a9a);
    border-color: #0faaf2;
    border-radius: 10px;
    margin: 0px;
    font-family: pelak;
}

.btn-submit:hover {
    color: #ffffff;
    background: linear-gradient(to left, #0faaf2 , #036a9a);
    border-color: #0faaf2;
    box-shadow: 0px 0px 2px #33caaf;
}

.btn-submit:focus, .btn-submit.focus {
    box-shadow: 0 0 2px #0faaf2;
}

.btn-reset {
    color: #fff;
    background:linear-gradient(to right, #cb2d3e , #ef473a);
    border-color: #cb2d3e;
    border-radius: 10px;
    margin: 0px;
    font-family: pelak;
}

.btn-reset:hover {
    color: #ffffff;
    background: linear-gradient(to right, #ef473a , #cb2d3e);
    border-color: #cb2d3e;
    box-shadow: 0px 0px 2px #cb2d3e;
}

.btn-reset:focus, .btn-reset.focus {
    box-shadow: 0 0 2px #cb2d3e;
}

.btn-green {
    color: #fff;
    background:linear-gradient(to right, #3CA55C , #B5AC49);
    color: white;
    border-color: #3CA55C;
    border-radius: 10px;
    margin: 0px;
    font-family: pelak;
}

.btn-green:hover {
    color: #ffffff;
    background:linear-gradient(to right, #3CA55C , #B5AC49);
    color: white;
    border-color: #3CA55C;
    box-shadow: 0px 0px 2px #3CA55C;
}

.btn-green:focus, .btn-green.focus {
    box-shadow: 0 0 2px #3CA55C;
}


.btn-help {
    color: #fff;
    background:linear-gradient(to right, #003da5 , #174aa2);
    border-color: #174aa2;
    border-radius: 10px;
    margin: 0px;
    font-family: pelak;
}

.btn-help:hover {
    color: #ffffff;
    background: linear-gradient(to left, #174aa2 , #003da5);
    border-color: #174aa2;
    box-shadow: 0px 0px 2px #174aa2;
}

.btn-help:focus, .btn-help.focus {
    box-shadow: 0 0 2px #174aa2;
}

.btn-help3 {
    color: #fff;
    background:linear-gradient(to right, #1950ae , #174aa2);
    border-color: #174aa2;
    border-radius: 10px;
    margin: 0px;
    font-family: pelak;
}

.btn-help3:hover {
    color: #ffffff;
    background: linear-gradient(to left, #174aa2 , #1950ae);
    border-color: #174aa2;
    box-shadow: 0px 0px 2px #174aa2;
}

.btn-help3:focus, .btn-help3.focus {
    box-shadow: 0 0 2px #1950ae;
}
.btn-help2 {
    color: #fff;
    background:linear-gradient(to right, #bf2a62 , #dc4f4f);
    border-color: #bf2a62;
    border-radius: 10px;
    margin: 0px;
    font-family: pelak;
}

.btn-help2:hover {
    color: #ffffff;
    background: linear-gradient(to left, #bf2a62 , #dc4f4f);
    border-color: #bf2a62;
    box-shadow: 0px 0px 2px #bf2a62;
}

.btn-help2:focus, .btn-help2.focus {
    box-shadow: 0 0 2px #bf2a62;
}
.error-modals .modal-dialog .modal-content,.error-modals .modal-dialog .modal-content .modal-header{
    border-radius: 0px;
}
.error-modals .modal-content .modal-header .modal-title{
    font-family: pelak;
}
.error-modals .modal-content .modal-body {
    font-family: Vazir;
    font-size: 12pt;
    color: #dc4f4f;
}

.bg-blue{
    background:linear-gradient(to left, #667db6 , #0082c8);
    color: white;

}
.bg-green{
    background:linear-gradient(to right, #3CA55C , #B5AC49);
    color: white;
}
.bg-red{
    background:linear-gradient(to right, #F00000 , #DC281E);
    color: white;
}
input.form-input{
    border-radius: 20px;
    margin-top: 5px;
    border-color: #dc4f4f !important;
    font-family:"pelak-bold";
    color: black;
}
input.form-input:focus{
    box-shadow: 0px 0px 2px #bf2a62;
    border-color: #dc4f4f !important;

}
.content-cards input{
    border-radius: 20px;
    margin-top: 5px;
    border-color: #dc4f4f !important;
    font-family:"pelak-bold";
    color: black;
}
.content-cards input:focus{
    box-shadow: 0px 0px 2px #bf2a62;
    border-color: #dc4f4f !important;

}
.form-label{
    background: -webkit-linear-gradient(#dc4f4f,#bf2a62 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: pelak-bold;
}
.operation-icons {
    color:#0082c8;
    font-size: 14pt;
    cursor: pointer;
}
.operation-icons:hover{
    font-size: 13pt;
    color:#bf2a62 ;
}
.tooltip{
    font-family: pelak;
font-size:8pt !important; ;
}
select.select-form{
    border-radius: 20px;
    border-color: #dc4f4f !important;
    font-family:"pelak-bold";
    color: black;
}
select.select-form:focus{
    box-shadow: 0px 0px 2px #bf2a62;
    border-color: #dc4f4f !important;

}

textarea.form-textarea{
    border-radius: 20px;
    border-color: #dc4f4f !important;
    font-family:"pelak-bold";
    color: black;
}
textarea.form-textarea:focus{
    box-shadow: 0px 0px 2px #bf2a62;
    border-color: #dc4f4f !important;

}
.spinner  input.form-input{
    border-radius: 20px;
    margin-top: 5px;
    border-color: #dc4f4f !important;
    font-family:"pelak-bold";
    color: black;
}
.detail-section{
    border: 4px solid #faebd9;
    padding: 10px;

}

.toggle.ios, .toggle-on.ios, .toggle-off.ios {
    border-radius: 20rem;
    font-family: pelak-bold;
}
.toggle.ios .toggle-handle {
    border-radius: 20rem;
}

#top-img{
    background-color: #ff263e;
}

.upload{
    height: 300px;
    border: 5px dashed #0082c8;
    color: gray;
    cursor: pointer;
    z-index: 10000;

}
.pre-upload-section{
    z-index: -999;
}
.during-upload-section{
    display: none;
    z-index: -999;
}
.error-upload-section{
    display: none;
}
.success-upload-section{
    display: none;
}
.remove-upload-section{
    display: none;
}

#support-btn{
    position: fixed;
    bottom: 80px;
    right: 30px;
    width: 40px;
    height: 40px;
    border: 1px solid #dc4f4f;
    border-radius: 50px;
    box-shadow: 0px 5px 20px #000000;
    display: none;
    z-index: 999999;
    opacity: 1;
}
#library-btn{
    position: fixed;
    bottom: 30px;
    right: 80px;
    width: 40px;
    height: 40px;
    border: 1px solid #dc4f4f;
    border-radius: 50px;
    box-shadow: 0px 5px 20px #000000;
    display: none;
    z-index: 999999;
}


#action-btn{
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 60px;
    height: 60px;
    border: 1px solid #dc4f4f;
    border-radius: 50px;
    box-shadow: 0px 5px 20px #000000;
    z-index: 999999;
    opacity: 0.8;
}