/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
/*@font-face {*/
/*    font-family: IRANSans;*/
/*    font-style: normal;*/
/*    font-weight: normal;*/
/*    src: url('../../app-assets/fonts/iransans/IRANSansWeb(FaNum)_UltraLight.eot');*/
/*    src: url('../../app-assets/fonts/iransans/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), !* IE6-8 *! url('../../app-assets/fonts/iransans/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'), !* FF39+,Chrome36+, Opera24+*! url('../../app-assets/fonts/iransans/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'), !* FF3.6+, IE9, Chrome6+, Saf5.1+*! url('../../app-assets/fonts/iransans/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');*/
/*}*/
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../../fonts/iransans/IRANSansWeb(FaNum)_Bold.eot');
    src: url('../../fonts/iransans/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),
        /* IE6-8 */
        url('../../fonts/iransans/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),
        /* Chrome36+, Opera24+*/
        url('../../fonts/iransans/IRANSansWeb(FaNum)_Bold.woff') format('woff'),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('../../fonts/iransans/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}

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

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

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

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

* {
    font-family: IRANSans, Arial;
}

.form-group {
    margin-bottom: 20px;
}

.twitter-typeahead {
    width: 100%;
    padding: 10px 0 10px 10px;
}


.bootstrap-tagsinput {
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
    display: block;
    vertical-align: middle;
    max-width: 100%;
    cursor: text;
    width: 100%;
    /*height: calc(1.25em + 1.4rem + 1px);*/
    padding: 0.7rem 0;
    font-size: 0.96rem;
    font-weight: 400;
    line-height: 1.25;
    color: #4E5154;
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-group>.twitter-typeahead {
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
    display: block;
    vertical-align: middle;
    max-width: 100%;
    cursor: text;
    width: 100%;
    height: calc(1.25em + 1.4rem + 1px);
    /*padding: 0.7rem 0;*/
    font-size: 0.96rem;
    font-weight: 400;
    line-height: 1.25;
    color: #4E5154;
    background-color: #FFFFFF;
    background-clip: padding-box;
    margin-top: 0;
    /*border: 1px solid rgba(0, 0, 0, 0.2);*/
    /*border-radius: 5px;*/
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/*.tt-input{*/
/*  padding: 0 !important;*/
/*}*/
.twitter-typeahead .tt-input {
    direction: rtl;
}

.twitter-typeahead .tt-menu {
    right: 0 !important;
}

.bootstrap-tagsinput>.tag.label.label-info {
    display: inline-block;
    background-color: #7367F0 !important;
    border-color: #4839EB !important;
    color: #FFFFFF;
    padding: 5px;
    border: 1px solid;
    border-radius: 4px;
}

label.required:after {
    content: " *";
    color: red;
}

.flatpickr-calendar.hasTime.noCalendar {
    direction: ltr !important;
}

#layout-container-titime-loading {
    display: none;
    width: 0% !important;
}

.layout-overlay-loading {
    z-index: 1099;
    position: fixed;
    top: 0;
    right: 0;
    height: 100% !important;
    left: 0;
    background: white;
    opacity: .6;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.layout-overlay-loading img {
    width: 12%;
    filter: saturate(330%) contrast(500%) brightness(120%);
}

@media only screen and (max-width:500px) {
    .layout-overlay-loading img {
        width: 35%;
    }
}