@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url(/fonts/IRANSansWeb_Bold.eot?7626d015e15844db7d1f54c8e415461a);
    src: url(/fonts/IRANSansWeb_Bold.eot?7626d015e15844db7d1f54c8e415461a?#iefix) format('embedded-opentype'),
        url(/fonts/IRANSansWeb_Bold.woff2?6ec03a37e370c0d7f4f6bbdba0feac23) format('woff2'),
        url(/fonts/IRANSansWeb_Bold.woff?a762a767a3459fec2195da1373ebf0b1) format('woff'),
        url(/fonts/IRANSansWeb_Bold.ttf?4ff441e3b8c51acd2261585feca1d8c8) format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/IRANSansWeb_Medium.eot?1121c0520a30a7295ffe21dd3fe77a60);
    src: url(/fonts/IRANSansWeb_Medium.eot?1121c0520a30a7295ffe21dd3fe77a60?#iefix) format('embedded-opentype'),
        url(/fonts/IRANSansWeb_Medium.woff2?bb6a9fe5edb6791184821d992bffdcf4) format('woff2'),
        url(/fonts/IRANSansWeb_Medium.woff?74e2ab212452657f2fc66bd08873884b) format('woff'),
        url(/fonts/IRANSansWeb_Medium.ttf?7a75459b25fca9937df9110d7e049133) format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/IRANSansWeb_Light.eot?60f95f28d8469e5df0398ba1d3e9708e);
    src: url(/fonts/IRANSansWeb_Light.eot?60f95f28d8469e5df0398ba1d3e9708e?#iefix) format('embedded-opentype'),
        url(/fonts/IRANSansWeb_Light.woff2?414e7148a634bfc82a601e3dacf84e96) format('woff2'),
        url(/fonts/IRANSansWeb_Light.woff?469a8f6aa5b4631045b7d922102392ac) format('woff'),
        url(/fonts/IRANSansWeb_Light.ttf?53a90b39dae08e4e4539ca2ce0cb3a68) format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url(/fonts/IRANSansWeb_UltraLight.eot?b8efb89efe7dc02c439a362d17c9dc5e);
    src: url(/fonts/IRANSansWeb_UltraLight.eot?b8efb89efe7dc02c439a362d17c9dc5e?#iefix) format('embedded-opentype'),
        url(/fonts/IRANSansWeb_UltraLight.woff2?5010d0152420ca7bd3acb1a9d668a57e) format('woff2'),
        url(/fonts/IRANSansWeb_UltraLight.woff?153b7b5a1579526611373210b6fd8754) format('woff'),
        url(/fonts/IRANSansWeb_UltraLight.ttf?eeb1edcad9b20c19bd1eecd1c371e4f8) format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url(/fonts/IRANSansWeb.eot?e43cfbc1a67d90e910398ded8345cd32);
    src: url(/fonts/IRANSansWeb.eot?e43cfbc1a67d90e910398ded8345cd32?#iefix) format('embedded-opentype'),
        url(/fonts/IRANSansWeb.woff2?c6f46673e2449eb071e2c098c5190c2a) format('woff2'),
        url(/fonts/IRANSansWeb.woff?df14582918ca379a280e453bb3cc6ba5) format('woff'),
        url(/fonts/IRANSansWeb.ttf?ac22d187130d6c3433a49a1e98bfa968) format('truetype');
}

body {
    font-family: IRANSans !important;
}


.form-groups-container {
    position: relative;
}

.add-input-button {
    position: absolute;
}

.add-food-button {
    left: 2%;
    bottom: -22px;
}

.add-sport-button {
    left: 2%;
    bottom: -22px;
}

.add-complementary-button {
    left: 2%;
    bottom: -22px;
}

.create-course-day-container {
    margin: 15px;
}

.add-day-button {
    position: absolute;
    top: 37px;
    left: 14px;
}

.add-day-button-container {
    position: relative;
}

.per-day-container {
    margin: 40px;
}

.create-course-day-container {
    width: 12%;
}

.dates-container {
    display: flex;
}

.dates-container>div {
    width: 30%;
}

.main-head-container {
    display: flex;
}

.main-head-container h2, .main-head-container select {
    width: 50%
}

.create-course-container {
    display: flex;
    flex-wrap: wrap;
}

.create-course-container>div {
    /* width: 33%; */
    padding: 3px;
    width: 100%;
    margin-bottom: 20px;
}
.select2-selection{
    border-color: #2a2b2c !important;
    border-radius: 0 !important;
    height: 45px !important;
}


.form-groups-container {
    display: flex;
    flex-wrap: wrap;
}

.form-groups-container>div {
    width: 25%;
}

.buttons-transparent {
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}

.buttons-container {
    vertical-align: middle !important;
}

.athletes-table td {
    vertical-align: middle !important;
}

.course-details {
    box-shadow: inset 0 0 1px;
    margin: 22px 0;
    padding: 20px;
}

#selectDayAdmin {
    margin: auto;
    height: 52px;
    margin-bottom: 13px;
    font-size: 18px;
    position: relative;

    padding: 0 10px;
    font-size: 16px;
    line-height: 1;
    border-radius: 5px;
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #fff;
    -webkit-appearance: none;
    background-position-x: 25px;
}

.main-head-container {
    margin: 12px;
}

.delete-input-button {
    color: #f82626;
    position: absolute;
    right: 2%;
    bottom: -22px;
}

.create-course-section {
    position: relative;
    height: 100%;
}

.delete-day-button-container {
    position: relative;
}

.delete-day-button {
    position: absolute;
    top: 37px;
    left: 137px;
}

.invalid-feedback {
    display: block !important;
}

.logout {
    margin: 14px 0;
}

.body-container {
    margin: 50px;
}

.main-head-container {
    position: relative;
}

.wrapper {
    margin: 23px 2px 0 2px;
}


.check-today {
    margin: auto;
    width: 200px;
    display: block;
}

.check-today-label {
    position: absolute;
    left: 1px;
    top: 27px;
}


/*media queries*/
@media only screen and (max-width: 759px) {
    .per-day-container {
        margin: 0;
    }

    .body-container {
        margin: 8px 0 0 0;
    }

    .dates-container>div {
        width: 100%;
    }

    .create-course-day-container {
        margin: 0;
        width: 100%;
    }

    .create-course-container {
        display: block;
    }

    .create-course-container>div {
        width: 100%;
        margin: 42px 0;
    }

}

@media only screen and (max-width: 1025px) {

    .done-alert {
        position: relative;
        top: 47px;
    }

    .select-day {
        margin-top: 57px !important;
    }

    .m-topbar {
        margin-top: 0;
        top: -66px !important;
    }
}

.select-coach>button {
    padding: 20px 20px 20px 33px !important;
}

/*end media queries*/

/* --------------------------------------- */
.body-container {
    margin: 50px 40px 0 0;
}

.m-aside-left {
    width: 190px;
}

.m-brand {
    width: 190px;
    padding: 0px 10px;
}

@media (min-width: 1025px) {

    .m-aside-left--fixed .m-body {
        padding-right: 190px;
        padding-left: 30px;
    }
}

.w-45 {
    width: 45%;
}

.w-49 {
    width: 49%;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control {
    background: transparent;
    border-radius: 0;
    border: 1px solid #949494 !important;
    height: 55px;
    font-size: 14px;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action .m-login__btn {
    font-size: 16px;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__head .m-login__title {
    font-size: 18px;
}

.btn.m-btn--gradient-from-primary {
    color: #454545;
}

.btn-outline-focus.m-btn--air, .btn-focus.m-btn--air, .m-btn--gradient-from-focus.m-btn--air {
    box-shadow: 0px 5px 10px 2px rgb(75 120 250 / 19%) !important;
    -webkit-box-shadow: 0px 5px 10px 2px rgb(75 120 250 / 19%) !important;
}

.btn-focus, .btn-focus:hover, .btn-focus:not(:disabled):not(.disabled):active, .btn-focus:not(:disabled):not(.disabled).active, .show>.btn-focus.dropdown-toggle {
    color: #fff;
    background-color: #4b78fa;
    border-color: #4b78fa;
}

.m-menu__link {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 35px 20px 20px 20px !important;
    height: auto !important;
}

.m-menu__link-icon {
    margin-bottom: 28px !important;
    text-align: center;
    font-size: 35px !important;
    color: #b1b1b2;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-icon {
    color: #4b78fa;
}

#m_ver_menu {
    border-left: 2px solid #242426 !important;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover {
    background-color: #1d2330;
}

.m-portlet, .shadow_box,
.btn-outline-focus.m-btn--air.focus, .btn-outline-focus.m-btn--air:focus, .btn-outline-focus.m-btn--air:hover, .btn-focus.m-btn--air.focus, .btn-focus.m-btn--air:focus, .btn-focus.m-btn--air:hover, .m-btn--gradient-from-focus.m-btn--air.focus, .m-btn--gradient-from-focus.m-btn--air:focus, .m-btn--gradient-from-focus.m-btn--air:hover {
    -webkit-box-shadow: 0px -1px 20px 0px rgb(152 152 152 / 9%) !important;
    box-shadow: 0px -1px 20px 0px rgb(152 152 152 / 9%) !important;


}

.m-portlet .m-portlet__head {
    width: 100%;
}

/*.table th, .table td {*/
/*    border-bottom: 1px solid #2a2b2c;*/
/*}*/

.m-portlet .m-portlet__head {
    border: 0 none;
}

.waves-light.btn-light {
    background-color: #949292 !important;
}

.table thead th, .table th, .table td {
    vertical-align: middle;
}

/*.table tr {*/
/*    border-bottom: 3px solid #2a2b2c;*/
/*}*/

.btn-primary, .btn-primary:hover {
    background-color: rgba(80, 112, 250, 0.3) !important;
    border: 0 none !important;
    color: #4b78fa;
}

.btn-light, .btn-light:hover {
    color: #fff !important;
    background-color: rgba(255, 255, 255, .3);
    border: 0 none !important;
}

.btn-warning, .btn-warning:hover, .btn-outline-warning.focus, .btn-outline-warning:focus, .btn-outline-warning:hover, .btn-outline-warning {
    color: #fff !important;
    background-color: rgba(255, 184, 34, .3);
    border: 0 none !important;
}

.btn-info, .btn-info:hover, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show>.btn-info.dropdown-toggle {
    color: #fff !important;
    background-color: rgba(54, 163, 247, .3);
    border: 0 none !important;
}

.btn-success, .btn-success:hover, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show>.btn-success.dropdown-toggle {
    color: #fff !important;
    background-color: rgba(52, 191, 163, .3);
    border: 0 none !important;
}

.form-control[readonly], .form-control, .form-control[disabled] {
    border-color: #2a2b2c;
    border-radius: 0;
    height: 45px;
}

.per-day-container {
    margin: 40px 0;
}

.create-course-section h1 {
    font-size: 18px;
}

.create-course-day-container {
    margin-left: 0;
    margin-right: 0;
}

.btn-danger, .btn-danger:hover, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show>.btn-danger.dropdown-toggle {
    color: #fff !important;
    background-color: rgba(244, 81, 108, .5);
    border: 0 none !important;
}

.badge-success, .m-badge--success {
    color: #34BFA3 !important;
    background-color: rgb(104, 204, 184, .5) !important;
}

.m-badge--success {
    padding: 0 8px;
}

.alert.m-alert--outline.alert-danger {
    background-color: rgba(244, 81, 108, .5);
    border-color: rgba(244, 81, 108, .5);
    color: #fff;
}

.head_infoTable {
    font-size: 20px;
}

.m-portlet .m-portlet__head .m-portlet__head-text {
    font-size: 22px !important;
}

.modal-header, .modal-footer {
    border: 0 none;
}

.filter-option, .m-form .m-form__section.m-form__section--label-align-right .m-form__group>label, .m-form.m-form--label-align-right .m-form__group>label {
    text-align: right !important;
}

.bootstrap-select .dropdown-toggle .filter-option-inner {
    padding: 0 !important;
}

.m-portlet .m-portlet__foot:not(.m-portlet__no-border) {
    border: 0 none;
}

.m-section .m-section__content, .btn.waves-effect, .m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text {
    font-size: 14px;
}

table th {
    font-size: 15px !important;

}

.table td {
    font-size: 14px !important;
}

.table-responsive::-webkit-scrollbar {
    width: 10px;
    border-radius: 16px;
}

.table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 16px;

}

.table-responsive::-webkit-scrollbar-thumb {
    background: rgb(199, 199, 199);
    border-radius: 16px;

}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background: rgb(126, 126, 126);
    border-radius: 16px;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    right: 10px !important;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-right: .5rem;
    height: 36px;
    font-size: 14px;
}

.table thead th, .table td:first-child, .btn.waves-effect {
    white-space: nowrap;
}

a.btn {
    height: fit-content;
}

.btn.btn-outline-info.active, .btn.btn-outline-info.focus, .btn.btn-outline-info:focus, .btn.btn-outline-info:hover:not(:disabled) {
    color: #454545 !important;
}

#m_header_nav {
    background: #2c2e3e;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.m-stack__item {
    background: #2c2e3e;
}

.logo_text {
    color: #fff;
}
.dataTables_wrapper .row{
    width: 100%;
}

@media (min-width: 1025px){
    .m-stack.m-stack--desktop.m-stack--ver>.m-stack__item{
        height: auto;
    }
}
@media only screen and (max-width: 1024px) {

    .m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-topbar__userpic img {
        max-width: 43px !important;
    }

    .body-container {
        margin: 50px 0 0;
    }

    .w-49, .w-40 {
        width: 100%;
    }

    .m-menu__link {
        padding: 20px;
    }

    .m-aside-menu .m-menu__nav {
        padding: 30px 0 0px 0;
    }

    .m-topbar .m-topbar__nav.m-nav {
        margin-top: 10px;
    }

    .m-header--fixed-mobile .m-body {
        padding-top: 30px !important;
    }

    #responsiveROW {
        position: absolute;
        top: 68px;
        margin: 0;
        width: 100%;
    }

    .m-section .m-section__content, .m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text, table th {
        font-size: 25px !important;
    }

    .m-portlet .m-portlet__head .m-portlet__head-text {
        font-size: 31px !important;
    }

    .table td {
        font-size: 18px !important;
    }
    #m_header_nav {
        display: block;
        background: transparent;
    }

    .btn-group {
        flex-wrap: wrap;
    }

    .btn-group .btn {
        margin-bottom: 10px !important;
    }

    .btn.waves-effect {
        font-size: 18px;
    }

    td:first-child {
        padding-right: 35px;
    }

    .dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before {
        top: 40%;
        right: 3px;
        height: 28px;
        width: 29px;
        margin-top: -10px;
        font-size: 28px;
    }
    .dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before{
        content: '\f110';
    }
    .dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before{
        content: '\f113';
    }
    .m-aside-header-menu-mobile{
        width: 335px !important;
        left: 0!important;
        right: 0;
        margin: 0 auto;
    }
    .m-brand__logo-wrapper{
        height: 62px;
    }
    .m-brand__logo-wrapper img{
        height: 100%;
        width: 100%;
    }
    #m_header_menu{
        height: 62px;
    }
    .m-grid.m-grid--hor:not(.m-grid--desktop):not(.m-grid--desktop-and-tablet):not(.m-grid--tablet):not(.m-grid--tablet-and-mobile):not(.m-grid--mobile).m-grid--root{
        flex:0
    }
    .m-stack.m-stack--general.m-stack--ver>.m-stack__item{
        display: table-cell !important;
    }
    .dtr-data{
        word-wrap: break-word;
    white-space: normal;
    }
}
@media only screen and (max-width: 768px) {
    .m-brand__logo-wrapper {
        height: 62px;
    }
    /* .logo_text {
        display: none;
    } */
    .form-groups-container>div{
        width: 50%;
    }
    .m-aside-header-menu-mobile {
        width: 50% !important;
    }
    #dataTable_wrapper .row .col-sm-6{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .m-stack.m-stack--general.m-stack--ver>.m-stack__item.m-stack__item--middle{
        text-align: right !important;
    }
}

#m_header_topbar{
    width: 100%;
}
.m-stack.m-stack--general.m-stack--ver>.m-stack__item{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#dataTable_info,#dataTables_info,.dataTables_paginate {
    font-size: 12px;
}
#back_position{
   font-size: 18px !important;
    padding: 0.7rem 2rem;
    position: absolute;
    left: 0;
    height: 44px;
    top: 0;
    z-index: 9;
}

.m-portlet {
    box-shadow: none !important;
}

.m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__form .form-control {
    color: #545454;
}

.VPcrop {
    width: 150px;
    height: 150px;
    border: 2px dashed #dcdee3;
    margin: 3px;
    position: relative;
    display: inline-block;
}

.VPcimg {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: -2px;
    left: -2px;
    position: absolute;
    z-index: 2;
}

.VPcropint {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -10000;
    opacity: 0;
    z-index: 3;
}

.VPcropspan {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 3px 5px;
    color: #fff;
    transition: all .2s;
    cursor: pointer;
    z-index: 4;
    background: #f4516c;
    margin: auto;
    width: 100%;
    font-size: 12px;
}

.VPcrop:hover .VPcropspan {
    opacity: 1;
    transform: scale(1);
}

.VPcrop:before {
    content: "+";
    position: absolute;
    top: calc(50% - 22.5px);
    left: calc(50% - 11.5px);
    font-size: 40px;
    opacity: 0.3;
    color: #000;
    font-weight: bold;
    z-index: 1;
}