/******* Start Global Styles ********/
/*
IRAN Sans-serif fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (9RPY5W)
--------------------------------------------------------------------------------------
*/

/******* Start Global Styles ********/

/*@font-face {*/
/*font-family: 'iransans';*/
/*src: url('../fonts/IRANSans.woff');*/
/*}*/

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/fonts/eot/IRANSansWeb(FaNum)_Black.eot');
    src: url('../fonts/fonts/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/fonts/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'),
    url('../fonts/fonts/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'),
    url('../fonts/fonts/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype');
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/fonts/eot/IRANSansWeb(FaNum)_Bold.eot');
    src: url('../fonts/fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),
    url('../fonts/fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),
    url('../fonts/fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/fonts/eot/IRANSansWeb(FaNum)_Medium.eot');
    src: url('../fonts/fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),
    url('../fonts/fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),
    url('../fonts/fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/fonts/eot/IRANSansWeb(FaNum)_Light.eot');
    src: url('../fonts/fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),
    url('../fonts/fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),
    url('../fonts/fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot');
    src: url('../fonts/fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),
    url('../fonts/fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),
    url('../fonts/fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}

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

* {
    font-family: 'iransans';
}

html {
    overflow-y: auto;
}

body {
    font-weight: 500;
    background-color: #f2f3f4;
}

h3, .h3 {
    font-size: 18px;
}

.site-menu-item.open > a {
    color: #46a741;
}

::placeholder { /* Most modern browsers support this now. */
    color: #000;
}

.help_icon_green {
    color: #46a741 !important;
    font-size: 20px;
    margin-right: 5px;
    transition: all 0.5s;
}

.help_icon_green:hover {
    color: #78a780 !important;
}

.container-fluid {
    margin: 0;
    padding: 0;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
    background-color: #46a741;
    border-color: transparent;
    border-bottom-color: #46a741;
}

.nav-tabs > li:first-child {
    margin-right: -40px;
}

.nav-tabs > li {
    min-width: 125px;
    text-align: center;
}

/*.tab-pane > form {
    margin-top: 50px;
}*/

.gp-price {
    width: 100%;
    min-height: 280px;
    height: auto;
    border: 1px solid #E1E1E1;
    margin-top: 50px;
    float: right;
    margin-bottom: 15px;
}

.gp-price .gp-date {
    float: right;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.gp-price .gp-date > input {
    width: 210px !important;
}

.plus-btn {
    float: left;
    width: 40px;
    color: white;
    background-color: #46a741;
    text-align: center;
    padding: 5px 5px;
    font-size: 18px;
    cursor: pointer;
}

.up-btn {
    float: left;
    width: 40px;
    color: white;
    background-color: #46a741;
    text-align: center;
    padding: 5px 5px;
    font-size: 18px;
    cursor: pointer;
}

.filename-btn-box {
    display: flex;
    float: left;
}

.down-btn {
    float: left;
    width: 40px;
    color: white;
    background-color: #46a741;
    text-align: center;
    padding: 5px 5px;
    font-size: 18px;
    cursor: pointer;
}

.multi-filename .checkbox-custom {
    display: flow-root;
}

.no-gutter {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.minus-btn {
    float: left;
    width: 40px;
    color: white;
    background-color: #D91E18;
    text-align: center;
    padding: 5px 5px;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    z-index: 100;
}

.copy-btn {
    float: left;
    width: 40px;
    color: #fff;
    background-color: #006dcc;
    text-align: center;
    padding: 5px 5px;
    font-size: 18px;
    cursor: pointer;
}

.gp-price .gp-price-wrapper {
    padding: 15px 25px;
}

/* Top Bar */
.navbar-toolbar {
    padding-right: 7px;
}

.gp-top-bar, .navbar-inverse {
    background-color: #46a741;
    height: 60px !important;
}

.gp-profile-menu {
    float: right;
}

.gp-top-menu {
    float: left;
}

.gp-header {
    min-height: 90px;
    border-bottom: 1px solid #e3e3e3;
    text-align: center;
    width: 100%;
}

.gp-header .main-container {
    height: 100%;
}

.gp-header .gp-right {
    display: inline-block;
    float: right;
    margin-right: -15px;
}

.gp-header .gp-left {
    display: inline-block;
    float: left;
    text-align: left;
    direction: ltr;
    height: 60px;
    margin-top: 20px;
    margin-left: -15px;
}

.gp-header .gp-center {
    margin: 25px auto;
    display: inline-block;
    color: #b4b5ba;
}

.gp-header .gp-center .gp-search-input {
    font-size: 10px;
    background-color: #fafafa;
}

.gp-center {
    width: 35%;
}

.gp-header #notifications {
    display: inline-block;
    position: relative;
    top: 25px;
    float: right;
}

#notifications .dropdown .md-notifications {
    color: #46a741 !important;
}

#notifications .dropdown .badge.up {
    margin: 0 -10px;
}

.dropdown-menu li .icon:first-child, .dropdown-menu li > a .icon:first-child {
    margin-right: 10px;
}

#notifications .notify-icons {
    color: #46a741 !important;
    font-size: 25px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'iransans';
}

.gp-search-input {
    width: 100%;
    height: 38px;
}

.gp-phone {
    color: #46a741;
    margin-left: 25px;
    width: 200px;
    height: 100%;
    font-size: 14px;
    direction: ltr;

}

.gp-phone-icon {
    float: left;
}

.gp-phone-icon i {
    color: #46a741;
    height: 100%;
    display: inline-block;
    float: left;
    font-size: 18px;
}

/* Start Menu Bar */
.site-menu-title {
    font-family: 'iransans';
}

.site-menu {
    /*margin-right: -378px !important;*/
}

@media (max-width: 768px) {
    .gp-top-bar {
        padding-right: 14px;
        padding-left: 14px;
    }
}

@media (max-width: 988px) {
    .site-menu > .site-menu-item > a {
        padding: 0 0;
    }
}

ul.site-menu {
    padding-right: 0;
    padding-left: 4px;
}

/* End Menu Bar */

/* Start Main Content */
.main-content {
    margin-top: 0px;
    min-height: 500px;
    background-color: white;
    padding-right: 15px;
}

/* Start Alert Content */
.alert-content {
    margin-top: 30px;
    padding-right: 30px;
}

.main-content-title {
    font-family: iransans;
    height: 60px;
    background-color: white;
    border-bottom: 1px solid #e1e1e1;
    padding: 20px 0;
    margin-bottom: 15px;
}

.main-body {
    margin-top: 50px;
    /*min-height: 700px;*/
}

.gp-form-elements input[type="text"] {
    background-color: #f2f3f4;
    width: 250px;
    height: 40px;
    padding: 5px;
    outline: 0;
    border: 1px solid #e1e1e1;
    font-size: 12px;
    padding-right: 10px;
    border-radius: 4px;
}

.gp-form-elements input[type="password"] {
    background-color: #f2f3f4;
    width: 250px;
    height: 40px;
    padding: 5px;
    outline: 0;
    border: 1px solid #e1e1e1;
    font-size: 12px;
    padding-right: 10px;
}

.gp-form-elements .top-check-label {
    margin-left: 20px;
}

.gp-form-elements .checkbox-group {
    width: 250px;
    border: 1px solid #e1e1e1;
    padding: 10px;
    margin-bottom: 30px;
}

.gp-form-elements .form-button {
    margin-top: 50px;
}

.gp-form-elements button, .gp-form-elements input[type = submit] {
    min-width: 100px;
    margin-bottom: 30px;
}

.gp-form-elements .mce-tinymce button, .gp-form-elements .mce-tinymce input[type = submit] {
    min-width: 0;
    margin-bottom: 0;
}

.form-group > select {
    background-color: #f2f3f4;
    border: 1px solid #E1E1E1;
    width: 250px !important;
    height: 40px;
}

.form-group > textarea {
    background-color: #f2f3f4;
    border: 1px solid #E1E1E1;
    padding: 10px;
}

.form-group .inline {
    margin-left: 20px;
    margin-top: 10px;
}

/* End Main Content */

/* start footer */
#gp-footer {
    background-color: #f9f9f9;
    min-height: 60px;
    border-top: 1px solid #e1e1e1;
    width: 100% !important;
    padding: 20px 20px;
    font-size: 12px;
}

#gp-footer .gp-links a {
    color: #46a741;
}

#gp-footer .gp-links {
    flaot: left;
    text-align: left;
    margin-top: 10px;
}

/* end footer */
/******* End Global Styles ********/
/* Comments */
.manager .iphorm-element-spacer textarea, .managers input[type="text"], .comment-wrapper input, .comment-wrapper textarea {
    border-radius: 3px;
    border: 1px solid #c3ccd3;
    -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.1)
}

/*overWrited*/
.comments.tickets,
.spacials.tickets {
    margin: 80px 0;
}

/*overWrited*/
.tickets.comments h3,
.spacials.comments h3 {
    margin: 30px 0;
    color: #0c75c7
}

.comment-wrapper h3:before {
    margin-top: 2px
}

.comment-wrapper input, .searchandfilter input[type="text"] {
    margin: 0;
    margin-bottom: 10px;
    color: #999;
    border: solid 1px #c0c0c0;
    padding: 0 10px;
    width: 100%;
    line-height: 38px;
    height: 38px;
    max-width: 440px;
}

.searchandfilter > div > ul > li:first-child {
    width: 100%
}

.searchandfilter h4:before {
    content: '';
    background: url(../images/sprite.png) no-repeat -358px -5px;
    width: 10px;
    height: 12px;
    display: block;
    float: right;
    margin-top: 4px;
    margin-left: 7px;
}

.searchandfilter input[type="text"] {
    max-width: 100%;
}

.comment-wrapper textarea {
    height: 110px !important;
    width: 100%;
    padding: 10px;
}

.comment-wrapper label {
    vertical-align: top;
    color: #868f97;
    display: block
}

.comment-wrapper #submit, .searchandfilter input[type="submit"] {
    width: 160px !important;
    border: 1px solid #1c6eaf;
    background: #48a3eb;
    background: -moz-linear-gradient(top, #48a3eb 0%, #3f9ae1 100%);
    background: -webkit-linear-gradient(top, #48a3eb 0%, #3f9ae1 100%);
    background: linear-gradient(to bottom, #48a3eb 0%, #3f9ae1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#48a3eb', endColorstr='#3f9ae1', GradientType=0);
    text-align: center;
    width: auto;
    overflow: visible;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    height: 38px;
    line-height: 38px;
    cursor: pointer;

    color: #fff;
    border-radius: 3px;
}

.comment-author img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50%;
    border: 2px solid #a4b1bc !important;
    display: block;
    float: right;
    margin-left: 10px;
    position: absolute;
    right: 0;
    top: 15px;
}

/*overWrited*/
.spacials .comment,
.tickets .comment {
    list-style: none;
    width: 100%;
    position: relative;
    padding-right: 100px;
    color: #7b7b7b;
    line-height: 22px;
    font-size: 12px;
}

/*overWrited*/
.spacials .comment:before,
.tickets .comment:before {
    content: '';
    width: 24px;
    height: 42px;
    background: url(../images/arrow.png) no-repeat center top;
    display: block;
    position: absolute;
    right: 81px;
    top: 22px;
}

/*overWrited*/
.spacials .comment-body,
.tickets .comment-body {
    border: 1px solid #bababa;
    padding: 30px 30px 50px 30px;
    color: #545e6d;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(210, 210, 210, 1);
    box-shadow: 0 2px 2px -1px rgba(210, 210, 210, 1);
    border-radius: 3px;
    font-size: 13px;
    min-height: 150px;
}

.comment-author .says {
    display: none
}

.comment-author .fn {
    position: absolute;
    right: -15px;
    top: 80px;
    color: #7c868f;
    display: block;
    text-align: center;
    width: 88px
}

/*.comment a {*/
/*color: #545e6d !important;*/
/*}*/

.reply .comment-reply-link {
    color: #9e9e9e !important;
}

.comments h2 {
    background: none;
    color: #0c75c7;
    border-radius: 0px;
    margin-top: 50px
}

.comments h2:before {
    display: none
}

@media (max-width: 500px) {
    .comment {
        padding: 0
    }

    .comment:before {
        display: none
    }

    .comment-author {
        display: none
    }

    .commentlist {
        padding-right: 0;
    }

    .spacials .comment, .tickets .comment {
        padding-right: 8px;
    }

    .spacials .comment:before, .tickets .comment:before {
        right: -11px;
    }

}

.comments .comment .comment:first-child {
    border-top: none;
}

.comment-item-offer {
    width: 100%;
    float: right;
}

.comment-item-offer label {
    float: right;
}

.comment-item-offer span {
    float: right;
    margin-right: 5px;
}

cite {
    font-style: normal;
}

.reply {
    float: left;
}

.comment-attach {
    float: right;
}

.comment-attach > a {
    color: #9e9e9e !important;
}

.comment-attach > a > i {
    margin-left: 5px;
}

.comment-text {
    padding-top: 20px;
    padding-bottom: 20px;
}

.reply-title > i {
    margin-left: 7px;
    font-size: 18px;
}

.reply-wrapper .form-group > textarea {
    margin-top: 20px;
    margin-left: 50px !important;
}

.reply-wrapper .form-group > input, .reply-wrapper .form-group > textarea {
    /*margin-top: 15px !important;*/
}

.file-chosse > input {
    width: 155px !important;
    margin-right: -7px;
    direction: ltr;
    text-align: left;
}

.file-chosse > span {
    width: 104px;
    border: 1px solid #e1e1e1;
    padding: 5px 12px;
    cursor: pointer;
}

.file-chosse > a {

}

.file-chosse > a > i {
    font-size: 22px;
    color: #B3B3B3;
    margin-right: 5px;
    position: relative;
    top: 5px;
}

.reply-wrapper .form-button {
    margin-top: -7px;
    min-width: 125px;
    margin-right: -15px;
}

.gp-file-choose {
    display: none !important;
}

/* End Comments */
.alert {
    margin-top: 20px;
}

.table > thead > tr > th > a {
    position: relative;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;

}

.table > thead > tr > th > a:before {
    font-family: Material-Design-Iconic-Font;
    content: '\f312';
    margin-left: 5px;
}

.table > thead > tr > th > a.asc:before {
    content: '\f2f9';

}

.table > thead > tr > th > a.desc:before {
    content: '\f2fc';
}

#login-form {
    width: 320px;
    margin: 0 auto;
    border: 2px solid #46a741;
    padding: 15px;
}

.tab-content {
    padding: 20px 0;
}

.options i {
    margin-left: 5px;
}

.options .form-group {
    float: right;
    width: 100%;
}

.options label {
    margin: 8px 5px !important;
}

.options .first {
    width: 250px;
    float: right;
}

.tab-content .form-group {
    float: right;
    width: 100%;
}

.ltr {
    direction: ltr;
}

.display-none {
    display: none;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: relative;
    margin: 0;
}

.counter {
    display: inline-block;
    text-align: center;
    width: 49%;
}

.logo, .logo-dashboard {
    float: right;
}

.logo a, .logo-dashboard a {
    text-decoration: none;
    font-size: 25px;
    color: #60aa51;
    margin-top: 15px;
    float: right;
}

.logo img {
    height: 60px;
    margin-left: 10px;
}

.logo-dashboard {
    padding-top: 16px;
    padding-left: 15px;
}

.panel-contents {
    height: 250px !important;
    overflow-y: auto !important;
}

.panel-content table {
    margin-bottom: 0;
}

.panel-content table a {
    float: right;
    height: 30px;
    overflow: hidden;
    text-align: right;
}

.loading {
    margin: 15px 0;
    display: none;
}

.number {
    float: right !important;
}

.number_show {
    display: none;
}

.link-down {
    float: right;
    margin: -15px 15px 20px 0;
    text-decoration: none !important;
    width: 100%;
}

.btn-labeled {
    line-height: 35px;
}

.btn-labeled .btn-label {
    float: left;
    padding: 0 8px;
}

.mce-txt, .mce-text {
    direction: rtl !important;
    text-align: right !important;
    font-family: iransans !important;
}

.mce-tooltip-inner {
    font-family: iransans !important;
}

.input-group {
    float: right;
}

.input-group .input-group-addon {
    /*float: right;*/
    /*padding: 12px;*/
    width: auto;
    line-height: 25px !important;
}

.input-group-addon:last-child {
    border-right: 0;
    border-left: 1px solid #ccc;
}

.checkbox-group {
    padding: 10px;
}

.options .checkbox-group {
    width: 100%;
    margin: 10px 0 25px;
    min-height: inherit;
    float: right;
}

.options .form-group select {
    float: right;
    width: 130px !important;
    margin-left: 8px;
    margin-top: 10px;
}

div.picker table {
    background: #fff !important;
    border: 0 !important;
}

div.picker td {
    border: 0 !important;
    padding: 0 !important;
}

div.picker a:hover {
    background: #eeeeee !important;
}

div.picker a.friday {
    background: #fff !important;
    color: #cccccc !important;
}

div.picker a.today {
    background: #006dcc !important;
    color: #fff !important;
    border-radius: 3px !important;
}

div.picker a.weekday {
    padding: 3px 6px !important;
}

div.picker td.calWeekdays {
    background: #fff !important;
    color: #000 !important;
}

.btn-box {
    float: right;
    margin: 10px 0 20px;
    width: 100%;
}

.pagination {
    padding-right: 0;
}

.tab-pane .row {
    margin-left: -15px;
    margin-right: -15px;
}

/*BP start*/
/*feedback btn start*/
.feedback-container {
    position: fixed;
    bottom: 50px;
    left: 54px;
    z-index: 999;
    width: 15px;
}

.feedback-container button {
    padding: 5px 10px 0px;
    font-size: 13px;
    transform: rotate(90deg);
}

.breadcrumb {
    padding: 15px 0 0 30px;
    font-size: 10px;
}

.breadcrumb li + li:before {
    padding: 0;
}

/*feedback btn end*/

/*full search*/
.full-search-header {
    background-color: #ccc !important;
}

/*full search*/
/*BP end*/

.widget-shadow text {
    font-family: iransans !important;
    font-size: 11px !important;
}

.xaxislayer text, .yaxislayer text {
    direction: ltr;
}

.plot-container * {
    direction: ltr;
}

.legendtext.user-select-none {
    direction: rtl;

}

.inner-image-100 img {
    width: 100px !important;
    height: 100px !important;
    object-fit: cover;
}

.text-font-10 {
    font-size: 10px !important;
}

.ltr {
    direction: ltr !important;
}

#q-a-panel .col-md-12 {
    margin: 0px 0px 15px 0px;
}

.label-check {
    margin-top: 0px !important;
    text-align: center !important;
    font-size: 12px !important;
}

body.modal-open {
    overflow: visible;
}

a.pcalBtn {
    display: none !important;
}

.theme {
    float: right;
    margin: 10px 8px;
    width: 300px;
    height: 235px;
}

.theme input {
    float: right;
    margin-left: 5px;
}

.theme img {
    padding: 1px;
    border: 1px solid #cccccc;
    float: right;
    width: 100%;
}

.theme span {
    float: left;
}

.theme p {
    float: right;
}

.theme.active img {
    border: 3px solid #000;
}

.margin-left-5 {
    margin-left: 5px;
}

h3.popover-title {
    margin: 0;
}

.image-container {
    position: relative;
}

.image-container img {
    height: 60px;
    width: 60px;
    object-fit: cover;
}

.remove-image {
    position: absolute;
    color: red;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 25px;

}

.notes {
    border: 1px solid #e0e0e0;
    padding: 10px;
    margin-bottom: 10px;
    float: right;
    width: 100%;
}

.notes .title {
    float: right;
    font-weight: 600;
    color: #000;
    width: 50%;
    text-align: right;
    margin-bottom: 10px;
}

.notes .date {
    float: left;
    width: 50%;
    text-align: left;
    margin-bottom: 10px;
}

.notes .content {
    width: 100%;
    word-break: break-all;
}

.active-zink-btn {
    margin: 3px !important;
}

.active-zink-search-container {
    text-align: right;
    width: 100%;
}

#active-zink-search {
    /*border-radius: 35px;*/
    /*height: 50px;*/
    /*min-width: 300px;*/
    /*padding: 10px;*/
    /*margin: 10px;*/
    /*box-shadow: inset #d4d2d2 0 0px 16px 3px;*/
    /*border: none;*/
}

.search {
    border-radius: 5px;
    height: 50px;
    min-width: 300px;
    padding: 10px;
    margin: 10px;
    box-shadow: inset #d4d2d2 0px 2px 11px 0px;
    border: solid 1px #dbdbdb;
    outline: none;
    background: url("/backend/web/images/magnifire.png") no-repeat left;
    background-position: 10px;
}

.card {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    border: solid 1px #dbdbdb;
    float: right;
    padding: 10px;
    margin: 2px;
    background-color: #fff;
    border-radius: 5px;
    min-width: 220px;
    min-height: 120px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

.card:hover {
    box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.25);
}

.circle-link-left {
    background: url("/backend/web/images/circle_arrow_left.png") no-repeat left;
    width: 100%;
    display: block;
}

.clear-fix {
    clear: both;
}

.put-left {
    float: left !important;
    position: relative;
    top: 13px;
    left: 15px;
}

.put-left a {
    padding: 0 2px;
}

.text-green {
    color: #50ae54;
}

.margin-top-10 {
    margin-top: 10px;
}

.form-group .tooltip {
    left: auto !important;
}

.form-group .tooltip .tooltip-arrow {
    left: 85% !important;
}

.form-group .tooltip .tooltip-inner {
    max-width: 250px !important;
    padding: 10px 12px !important;
    line-height: 25px !important;
}

.modal-gallery-image-item {
    overflow: hidden;
    height: 160px;
    position: relative;
}

.modal-gallery-image-item img {
    height: 100px;
    width: 100%;
    border: solid 1px #818181;
    object-fit: cover;
    border-radius: 5px 5px 0 0;
}

.modal-gallery-image-item img.upload-done {
    opacity: 0;
    top: 1%;
    position: absolute;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.modal-gallery-image-item i {
    position: absolute;
    top: 10px;
    right: 25px;
    color: red;
    font-size: 25px;
    cursor: pointer;
}

.modal-gallery-image-item input {
    width: 100%;
    border-radius: 0 0 5px 5px;
    border: solid 1px #818181;
}

#modal-gallery-image-container {
    margin-top: 10px;
}

.overlay > :first-child, .overlay .overlay-figure {
    width: 100%;
    height: 250px;
    margin-bottom: 0;
    object-fit: contain;
}

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

.text-red {
    color: #f44336 !important;
}

.overlay > :first-child, .overlay .overlay-figure {
    width: 100%;
    max-height: 150px;
    margin-bottom: 0;
    object-fit: contain;
}

h4.widget-title a {
    font-size: 13px;
}

[class*="blocks-"] > li > .widget {
    margin-bottom: 0;
    overflow: hidden;
    height: 200px;
}

.form-group .btn {
    margin-bottom: 0;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
    margin-top: 5px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #aaa;
    border-radius: 4px;
    background-color: #f2f3f4 !important;
    height: 40px !important;
    line-height: 40px;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    margin-top: 6px;
}

.select2-container--default .select2-selection--single {
    height: 40px;
    background-color: #f2f3f4;
}

.red {
    color: red;
}

.green {
    color: green;
}

.full-width {
    width: 100%;
}

/*order form*/
.prices .final_cost span, .prices .option-cost span, .prices .initial_cost span {
    float: left;
    font-weight: bold;
}

.payments ul {
    padding-right: 0;
}

/*#all-left-side {*/
/*padding: 25px 15px;*/
/*margin-top: 5px;*/
/*}*/

.payments .final_cost {
    margin-bottom: 10px;
}

.order-form label {
    color: #757575;
    padding-top: 10px;
    font-size: 13px;
}

.padding-10 {
    padding: 10px !important;
}

.left-side-order, .right-side-order {
    float: right !important;
}

.order_type {
    padding: 35px 0;
}

.order_type h3 {
    margin: 0 !important;
}

#pd-title-container, #pd-term-container, #pd-length-container, #pd-width-container, #pd-count-container, #pd-size-container, #pd-description-container, .uploadboxs, #pd-edition-container {
    display: inline-block;
    width: 100%;
}

.uploadboxs .dropzone-file-upload {
    float: right !important;
    margin-bottom: 30px;
}

.top-right-side .myinput input, .top-right-side input, .top-right-side select {
    width: 100% !important;
    height: 40px !important;
}

.dropzone {
    border: 2px dashed rgba(0, 0, 0, 0.3) !important;
}

.myinput ul {
    margin-right: 20px;
}

.helpbox img {
    max-width: 100%;
}

.option-f-box {
    font-size: 18px;
}

/*#modal-select-galleries .modal-dialog {*/
/*max-width: 1200px !important;*/
/*width: auto !important;*/
/*}*/

/*#modal-select-galleries .modal-content {*/
/*min-height: 100px;*/
/*border-radius: 10px;*/
/*background-color: #fff;*/
/*width: 100%;*/
/*overflow: hidden;*/
/*}*/

/*#modal-select-galleries .row {*/
/*margin: 0 !important;*/
/*}*/

/*#modal-select-galleries .modal-content .right-menu {*/
/*padding: 0;*/
/*margin: 0;*/
/*position: relative;*/
/*background-color: #fbfbfb;*/
/*border-left: solid #e0e0e0 1px;*/
/*z-index: 2;*/
/*}*/

/*#modal-select-galleries .modal-content .right-menu .header {*/
/*padding: 30px 45px 0 !important;*/
/*position: relative;*/
/*}*/

/*#modal-select-galleries .modal-content .right-menu .header .close1 {*/
/*display: none !important;*/
/*position: absolute;*/
/*left: 30px;*/
/*top: 30px;*/
/*cursor: pointer;*/
/*opacity: 1 !important;*/
/*text-shadow: none !important;*/
/*float: left;*/
/*font-size: 21px;*/
/*font-weight: bold;*/
/*line-height: 1;*/
/*color: #000;*/
/*}*/

/*#modal-select-galleries .modal-content .right-menu .header h4 {*/
/*font-size: 15px;*/
/*font-weight: bold;*/
/*padding-bottom: 10px;*/
/*}*/

/*#modal-select-galleries .modal-content .right-menu .header p {*/
/*font-size: 13px;*/
/*color: #7b7b7b;*/
/*}*/

/*#modal-select-galleries .modal-content .right-menu .header span {*/
/*width: 20px;*/
/*height: 3px;*/
/*display: block;*/
/*background: #404040;*/
/*position: relative;*/
/*top: 30px;*/
/*}*/

/*#modal-select-galleries .modal-content .right-menu .categories {*/
/*padding: 57px 20px 60px !important;*/
/*border: none !important;*/
/*border-radius: 0 !important;*/
/*margin-bottom: 0px !important;*/
/*height: 679px;*/
/*}*/

/*#modal-categories-container {*/
/*padding-right: 25px;*/
/*}*/

/*#modal-select-galleries .modal-content .right-menu .categories li.active {*/
/*background: url(/frontend/web/images/gallery_folder_open.png) no-repeat right;*/
/*font-weight: bold;*/
/*}*/

/*#modal-select-galleries .modal-content .right-menu .categories li {*/
/*padding: 5px 35px;*/
/*position: relative;*/
/*background: url(/frontend/web/images/gallery_folder_close.png) no-repeat right;*/
/*cursor: pointer;*/
/*}*/

/*#modal-select-galleries .modal-content .right-menu .categories li.active::after {*/
/*content: "";*/
/*background: url(/frontend/web/images/arrow_left_small.png) no-repeat left;*/
/*width: 20px;*/
/*height: 20px;*/
/*display: inline-block;*/
/*position: absolute;*/
/*left: 20px;*/
/*top: 3px;*/
/*}*/

/*#modal-select-galleries .modal-content .left-menu {*/
/*padding: 0;*/
/*margin: 0;*/
/*z-index: 1;*/
/*}*/

/*#modal-select-galleries .modal-content .left-menu .header {*/
/*padding: 33px 10px !important;*/
/*position: relative;*/
/*!* border-bottom: 4px solid #efeff0; *!*/
/*box-shadow: 0px 0px 30px 0px #bdbdbdba;*/
/*}*/

/*#modal-select-galleries .modal-content .left-menu .header .logo {*/
/*float: right;*/
/*margin: 0 10px;*/
/*}*/

/*#modal-select-galleries .modal-content .left-menu .header .logo img {*/
/*max-width: 100%;*/
/*max-height: 100%;*/
/*}*/

/*#modal-select-galleries .modal-content .left-menu .header h4 {*/
/*font-size: 18px;*/
/*padding: 0px 0px 2px;*/
/*}*/

/*#modal-select-galleries .modal-content .left-menu .header p {*/
/*font-size: 15px;*/
/*color: #7b7b7b;*/
/*}*/

/*#modal-select-galleries .modal-content .left-menu .header .close {*/
/*position: absolute;*/
/*left: 60px;*/
/*top: 40px;*/
/*cursor: pointer;*/
/*opacity: 1 !important;*/
/*text-shadow: none !important;*/
/*}*/

/*#modal-select-galleries .modal-content .left-menu .gallery-images {*/
/*padding: 30px 30px 30px 33px;*/
/*max-height: 509px;*/
/*overflow-y: scroll;*/
/*width: 99.5%;*/
/*margin: 3px 0;*/
/*}*/

/*#modal-select-galleries .modal-content .left-menu .footer {*/
/*width: 100%;*/
/*border-top: solid #e0e0e0 1px;*/
/*padding: 44px 44px !important;*/
/*}*/

/*#modal-select-galleries .modal-content .left-menu .footer button {*/
/*color: #fff;*/
/*background-color: #eb406c !important;*/
/*padding: 10px 30px;*/
/*box-shadow: 0px 8px 13px 0px rgba(181, 181, 181, 0.33);*/
/*border: none;*/
/*border-radius: 5px;*/
/*margin: 0 !important;*/
/*}*/

/*#modal-select-galleries .modal-content .left-menu .footer button {*/
/*color: #fff;*/
/*}*/

/*#modal-select-galleries .modal-content .left-menu .gallery-images {*/
/*padding: 30px 30px 30px 33px;*/
/*max-height: 509px;*/
/*overflow-y: scroll;*/
/*width: 99.5%;*/
/*margin: 3px 0;*/
/*}*/

#imageloader {
    height: 200px;
    width: 200px;
    position: relative;
    display: block;
    margin: 0 auto;
}

#imageloader img {
    max-height: 100%;
    max-width: 100%;
}

/*#modal-select-galleries .modal-content .left-menu .gallery-images .gallery-image-container {*/
/*overflow: hidden;*/
/*float: right;*/
/*height: 210px;*/
/*-webkit-box-sizing: border-box;*/
/*-moz-box-sizing: border-box;*/
/*box-sizing: border-box;*/
/*padding: 0;*/
/*margin: 10px 0px;*/
/*}*/

/*#modal-select-galleries .modal-content .left-menu .gallery-images .gallery-image-container .wrapper {*/
/*border: solid #e0e0e0 1px;*/
/*}*/

/*#modal-select-galleries .modal-content .left-menu .gallery-images .gallery-image-container .wrapper {*/
/*height: 79%;*/
/*-webkit-box-sizing: border-box;*/
/*-moz-box-sizing: border-box;*/
/*box-sizing: border-box;*/
/*width: 99%;*/
/*}*/

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/*#modal-select-galleries .modal-content .left-menu .gallery-images .gallery-image-container .wrapper > * {*/
/*vertical-align: middle;*/
/*}*/

/*#modal-select-galleries .modal-content .left-menu .gallery-images .gallery-image-container .wrapper .wrapperimage {*/
/*width: 100% !important;*/
/*max-height: 160px !important;*/
/*!* object-fit: cover !important; *!*/
/*!* display: block !important; *!*/
/*visibility: visible !important;*/
/*padding: 0 !important;*/
/*}*/

/*#modal-select-galleries .modal-content .left-menu .gallery-images .gallery-image-container .wrapper > * {*/
/*vertical-align: middle;*/
/*}*/

/*#modal-select-galleries .modal-content .left-menu .gallery-images .gallery-image-container .chooseImage {*/
/*width: 85%;*/
/*position: absolute;*/
/*display: block;*/
/*right: 7%;*/
/*height: 31px;*/
/*background: #fffdfe;*/
/*bottom: 53px;*/
/*box-shadow: 0px 2px 0px 0px rgba(189, 184, 184, 0.39);*/
/*border-radius: 3px;*/
/*padding: 9px 50px;*/
/*cursor: pointer;*/
/*text-align: center;*/
/*border-top: 1px solid #e3e3e3;*/
/*border-right: 1px solid #e3e3e3;*/
/*border-left: 1px solid #e3e3e3;*/
/*}*/

/*.chooseImage .chooseMark {*/
/*height: 20px;*/
/*width: 20px;*/
/*border-radius: 50%;*/
/*background: #eaeaea;*/
/*z-index: 30000;*/
/*content: '';*/
/*font-family: FontAwesome !important;*/
/*font-weight: normal;*/
/*font-style: normal;*/
/*text-decoration: none;*/
/*display: inline-block;*/
/*position: absolute;*/
/*bottom: 5px;*/
/*right: 12px;*/
/*opacity: 0.9;*/
/*padding: 0px;*/
/*color: #fff;*/
/*}*/

/*#modal-select-galleries .modal-content .left-menu .gallery-images .gallery-image-container p {*/
/*min-height: 35px;*/
/*overflow: hidden;*/
/*padding-top: 10px;*/
/*padding-right: 5px;*/
/*}*/

/*.selected .chooseImage .chooseMark:after {*/
/*height: 20px;*/
/*width: 20px;*/
/*border-radius: 50%;*/
/*background: #6dba3d;*/
/*z-index: 30000;*/
/*content: '\f00c';*/
/*font-family: FontAwesome !important;*/
/*font-weight: normal;*/
/*font-style: normal;*/
/*text-decoration: none;*/
/*display: inline-block;*/
/*position: absolute;*/
/*bottom: 0px;*/
/*right: 0px;*/
/*opacity: 0.9;*/
/*padding: 0px;*/
/*color: #fff;*/
/*}*/

.show-more-gallery {
    border: none;
    background: transparent;
    display: block;
    text-align: center;
    margin: 0 auto;
    color: #898989;
    position: absolute;
    bottom: -70px;
    right: 26% !important;
}

.product-gallery-box .require {
    position: absolute;
    top: 14px;
    left: 18px;
    font-size: 12px;
    color: #989898;
}

.product-gallery-box .require .fa {
    font-size: 7px !important;
}

.gallery-row {
    margin-top: 40px !important;
    border-top: 1px solid #e3e3e3;
    padding: 15px 25px !important;
}

.box-gallery {
    position: relative;
    float: right;
    padding: 0px !important;
}

.product-gallery-box-container {
    padding: 10px;
    margin-top: 70px;
}

.product-gallery-box {
    border: 1px solid #e3e3e3 !important;
    margin-top: 0px !important;
    height: 88px !important;
    border-radius: 4px !important;
    min-width: 157px;
    background: url(/frontend/web/images/noimg.png) no-repeat center;
}

.product-gallery-box .btn-name {
    border-radius: 4px;
    color: #fff !important;
    text-align: center;
    width: 100%;
    background-color: #4caf50 !important;
    border: none;
    display: block;
    position: relative;
    top: -55px;
    height: 34px;
    cursor: pointer;
}

.product-gallery-box a img {
    float: right;
    position: relative;
    top: 4px;
    right: 12px;
}

.product-gallery-box .btn-name p {
    white-space: nowrap;
    width: 83%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 7px 16px 6px 0 !important;
}

.selected-gallery.row {
    margin: 0px !important;
    padding: 0px !important;
}

.selected-gallery {
    position: relative;
    top: -88px;
}

.selected-image-container:nth-child(1) {
    display: block !important;
    visibility: visible !important;
    margin-top: 0px !important;
}

.selected-image-container:nth-child(2) {
    display: block !important;
    visibility: visible !important;
}

.selected-image-container {
    overflow: visible;
    position: relative;
    margin-top: 25px;
    padding: 0px !important;
}

.selected-image-container img {
    width: 100%;
    height: 88px;
    object-fit: cover;
    border-radius: 3px;
    border: 1px solid #e8e8e8;
}

.selected-image-container i {
    position: absolute;
    top: -17px;
    right: 16px;
    color: red;
    font-size: 14px;
    cursor: pointer;
}

.details-price {
    cursor: pointer;
    padding: 0px 0 10px 0;
}

.details-price span {
    float: left !important;
}

.details-price .caret-left {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 5px solid #949ca1;
    position: absolute !important;
    left: 27px;
    top: 19px;
}

.payments .prices {
    float: right !important;
    width: 100%;
}

#pay-fixed.sticky {
    position: sticky !important;
    top: 0px;
    z-index: 1000;
}

.initial_cost {
    padding: 5px 0;
}

/*#pay-fixed {*/
/*overflow-x: hidden !important;*/
/*overflow-y: visible !important;*/
/*overflow: visible !important;*/
/*width: 100% !important;*/
/*min-height: 160px !important;*/
/*position: relative !important;*/
/*float: right !important;*/
/*box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.18);*/
/*padding: 0px !important;*/
/*margin: 0px 0 20px !important;*/
/*background: linear-gradient(#f9f9f9, #ffffff 37%, #ffffff 40%);*/
/*}*/

.file-description-container {
    font-size: 13px;
}

.option-file {
    width: 32.7%;
    padding: 0;
}

.dz-hidden-input {
    position: relative !important;
}

.uploadboxs .dropzone {
    min-height: 200px;
    height: 200px;
    padding: 0 !important;
}

.dz-preview {
    margin: 0 !important;
    padding: 0 !important;
}

.box-option-cost .row {
    margin: 0 !important;
}

.uploadbox {
    margin-bottom: 30px;
}

.uploadbox .hidden-label {
    position: absolute;
    top: 3px;
    right: 23px;
    font-size: 10px;
}

.dropzone .dz-preview .dz-image {
    border-radius: 0px !important;
    margin: 5px;
}

.dropzone .dz-preview .dz-image img {
    height: 100%;
    width: 100%;
}

#file_master_option_free .icon-remove {
    top: 10px;
    left: 10px;
    z-index: 100;
}

.icon-remove {
    position: absolute;
    bottom: -30px;
    cursor: pointer !important;
}

.icon-remove .fa-trash-o {
    color: red;
    font-size: 18px !important;
    cursor: pointer !important;
}

/*.open-details {*/
/*cursor: pointer !important;*/
/*border-top: 1px solid #ddd;*/
/*border-bottom: 1px solid #ddd;*/
/*padding: 7px;*/
/*}*/

.open-details p {
    display: inline-block;
    margin: 0 !important;
}

.inside-payment .row {
    margin: 0 !important;
}

.details-product-price p {
    color: #454545 !important;
    font-size: 16px;
    line-height: 28px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 2px solid #ddd;
}

.header-payment {
    padding-top: 15px;
}

.details-product-price ul li {
    padding: 6px 0px 6px 0px !important;
    font-size: 14px;
    margin: 0 !important;
    display: block;
    font-weight: normal;
}

.d2p-left, .open-details .fa {
    float: left;
}

.details-product-price ul li .fa-angle-left {
    padding-top: 3px;
    padding-left: 5px;
    margin: 0;
    float: right;
}

.option-cost:first-child {
    border-top: 1px solid #dddddd;
}

.inico-discount {
    border-bottom: 2px solid #dddddd;
    border-top: 1px solid #dddddd;
    margin: 0 0 15px 0;
    padding: 10px 0;
}

.star-option {
    padding: 0;
}

.star-option p {
    border: 1px solid #dddddd;
    font-size: 12.5px;
    border-radius: 5px;
    padding: 8px;
    text-align: center;
}

.prices .star-option span {
    float: none !important;
}

.open-details .op {
    width: 50%;
    display: inline-block;
}

.green-bold {
    font-weight: bold !important;
    color: #0db75d !important;
    padding: 0 !important;
    display: inline-block !important;
}

.hidden1 {
    display: none;
    visibility: hidden;
}

.order-error {
    color: red;
}

.dropzone .dz-preview .dz-error-message {
    left: 0px !important;
    width: 100% !important;
}

.file-description-container .uploadbtn p {
    overflow: hidden;
}

.display-inline {
    display: inline-block !important;
}

.btn-simple {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

#delivery-time_pDatePicker {
    position: fixed !important;
    margin-top: 57px;
    display: inline-block;
    top: 48px !important;
}

.width-100 {
    width: 100px !important;
}

.loader-15 {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 15px;
    height: 15px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.treeview span.expand-icon.md-plus, .treeview span.expand-icon.md-minus, .treeview span.icon.glyphicon {
    float: right;
    height: 20px;
    width: 20px;
    margin: 0 4px 0 3px;
    padding: 3px 6px;
}

.treeview .list-group-item a {
    text-decoration: none;
    width: 100%;
    display: block;
}

.treeview .list-group-item.node-selected {
    background: #f2f3f4;
}

.treeview .icon.md-folder, .treeview .icon.md-shopping-cart, .treeview .icon.md-label {
    float: right;
}

.treeview span.indent {
    float: right;
    height: 30px;
}

.select2-container {
    z-index: 5;
}

input[type="text"].gallery-order-image, input[type="text"].gallery-order-category {
    background: none;
    text-align: center;
    width: 100px;
    border: 0;
}

input[type="text"].gallery-order-image:focus, input[type="text"].gallery-order-category:focus {
    background: #f2f3f4;
    border: 1px solid #6c6c6c;
}

.file-manager .select-files {
    position: absolute;
    margin-top: -40px;
    right: 264px;
    background-color: #f2f3f4;
    border: 1px solid #e1e1e1;
    padding: 8px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    cursor: pointer;
}

#modal-file-manager .main-body {
    padding: 10px;
}

.file-icon {
    width: 48px;
    height: 48px;
    margin: 1px auto;
    padding: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: url('../images/icons-big.png') -1px 1px no-repeat;
}

.upload-file, .create-folder {
    width: 100%;
    float: right;
    border: 1px solid #e0e0e0;
    padding: 10px 10px 0;
    margin: 15px 0;
    background-color: rgba(238, 238, 238, .3);
}

#modal-file-manager {
    z-index: 10000000;
}

#modal-file-manager .modal-content {
    min-height: 550px;
}

.help-block, .hint-block {
    font-size: 12px !important;
    float: right;
    width: 100%;
    line-height: 20px;
    margin-top: 0 !important;
}

.hint-block {
    color: #b5b5b5 !important;
}

.has-error .help-block-error {
    color: #f44336 !important;
}

.help-block.error {
    color: #f44336 !important;
}

.has-error .help-block {
    color: #f44336 !important;
}

.nfile {
    border: 1px solid #e0e0e0;
    float: right;
    margin: 10px 0 0 5px;
    padding: 0 5px;
    border-radius: 0;
    height: 36px;
    line-height: 32px;
}

.nfile .md-attachment-alt, .nfile img {
    margin: 1px 0 1px 5px;
}

.nfile .md-close-circle {
    margin-right: 5px;
    color: #D91E18;
    cursor: pointer;
}

.nfile a {
    text-decoration: none;
}

.show-delivery-time a.pcalBtn {
    display: inline-block !important;
    margin-bottom: 9px;
    margin-right: 5px;
    margin-left: 20px;
}

.show-log table td {
    line-height: 1.5 !important;
}

.notes .content {
    min-height: 58px;
}

.notes .minus-btn {
    margin-top: 15px;
}

.log-note {
    margin-top: 10px;
}

.media-heading span {
    unicode-bidi: embed;
}

.popover-content a {
    float: right;
    width: 100%;
    text-decoration: none;
    color: #757575;
    padding: 5px 0;
}

.popover-content a:first-child {
    border-bottom: 1px solid #757575;
}

.btn-group .dropdown-menu > li > a {
    padding: 6px 10px;
}

.btn.btn-floating {
    min-width: initial;
}

.token-input {
    background-color: initial !important;
    width: initial !important;;
    height: initial !important;;
    padding: initial !important;;
    outline: initial !important;;
    border: initial !important;;
    font-size: initial !important;;
}

.product-box {
    padding: 15px;
    margin: 20px 0;
    background: #f3f4f5;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}

.product-box .form-control {
    padding: 4px !important;
}

.option-group-box {
    border-radius: 4px;
    background: #fff;
    padding: 20px;
    margin-top: 15px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
}

.product-box .form-group select, .product-box .form-group input[type = text] {
    width: 140px !important;
    float: right;
    background-color: #fff;
    height: 40px;
    margin-top: 0;
}

.product-box .panel-heading {
    margin-bottom: 15px;
}

.product-box h5, .product-box .form-group, .product-box label {
    float: right;
    width: auto;
    line-height: 25px;
    margin-bottom: 0;
}

.product-box a:hover, .product-box a:focus {
    color: #424242;
}

.product-box label {
    margin-left: 10px;
}

.product-box .checkbox-custom {
    float: right;
    margin: 0;
}

.product-box .media-right .checkbox-custom label::before, .product-box .media-right .checkbox-custom label::after {
    margin-top: 15px;
}

.product-box h5 {
    width: 200px;
    padding-top: 15px;
}

.product-box .switchery {
    margin-top: 10px;
}

.product-box .media {
    margin-top: 10px;
}

.product-box .panel-heading select {
    width: 200px;
}

.product-box .panel-heading label {
    width: 175px;
}

.product-box .panel-heading input[type=text] {
    width: auto;
}

.product-box .panel-body label {
    width: 240px;
}

.product-box .panel-body .checkbox-custom label {
    width: auto;
}

.product-box .panel-heading .radio-custom label:before, .product-box .panel-heading .radio-custom label:after {
    margin-top: 5px;
}

.product-box span {
    padding: 0 !important;
    background: #fff;
}

.product-box span.select2-selection__rendered {
    padding: 6px 10px !important;
    margin-top: 0 !important;
    height: 38px;
    border-radius: 3px;
}

.product-box span.select2-selection__choice__remove, .product-box .tokenfield .token .close {
    background: none;
}

.product-box .tokenfield {
    float: right;
}

.product-box .tokenfield .token {
    height: 25px;
    padding-right: 5px;
}

.product-box .tokenfield .token .token-label {
    background: #ededed;
}

.product-box .select2-search__field {
    margin-top: 0 !important;
    height: 36px !important;
}

.product-box .panel-heading .radio-custom {
    float: right;
    width: 100%;
    height: 25px;
}

.product-box > .panel-body {
    clear: both;
}

.product-box.option > .panel-heading,
.product-box.special-option > .panel-heading,
.product-box.count > .panel-heading,
.product-box.size > .panel-heading,
.product-box.banner-group > .panel-heading {
    height: 105px;
}

.product-box.gallery > .panel-heading, .product-box.file > .panel-heading {
    height: 75px;
}

.product-box.public > .panel-heading {
    height: 60px;
}

.product-box.gallery .panel-body,
.product-box.file .panel-body,
.product-box.count .panel-body,
.product-box.size .panel-body,
.product-box.banner-group .panel-body {
    padding: 10px 30px 5px;
}

.product-box .panel-heading label {
    font-size: 13px;
    color: #757575;
}

.product-box .select2-selection {
    border: 1px solid #e0e0e0 !important;
    height: 36px;
}

.product-box .files-item .select2-selection, .product-box .tokenfield, .product-banner-group-free .select2-selection {
    height: auto;
}

.product-box .select-files {
    right: 414px;
    top: 48px;
    height: 40px;
    line-height: 20px;
}

.product-box.gallery span.select2,
.product-box.gallery .panel-body input[type=text],
.product-box.file span.select2,
.product-box.file select,
.product-box.file .panel-body input[type=text],
.product-box.count .panel-body input[type=text],
.product-box.public .panel-body input[type=text],
.product-box.public span.select2,
.product-box.public .panel-body select,
.product-box.seo .panel-body input[type=text],
.product-box.seo .tokenfield,
.product-box.banner-group .panel-body input[type=text],
.product-box.banner-group span.select2,
.product-box.banner-group-item span.select2 {
    width: 215px !important;
}

.box-sizes {
    margin-top: 30px;
}

.box-size {
    border: 1px solid #E1E1E1;
    border-radius: 3px;
    padding: 20px 10px;
    height: 100px;
    margin-bottom: 10px;
}

.box-sizes button {
    float: left;
}

.mce-tinymce {
    float: right !important;

}

.mce-btn .mce-txt {
    background: none;
}

.product-box .form-group {
    margin: 8px 20px;
}

.btn.btn-floating {
    min-width: initial;
}

.token-input {
    background-color: initial !important;
    width: initial !important;;
    height: initial !important;;
    padding: initial !important;;
    outline: initial !important;;
    border: initial !important;;
    font-size: initial !important;;
}

.error-product {
    color: #f44336 !important;
}

.product-box .panel .panel-actions {
    width: 550px;
}

.product-box .panel .panel-actions .input-group-sm {
    margin-right: 10px;
    float: left;
}

.radio-custom label::before, .radio-custom label::after {
    z-index: 2;
}

.product-box .select-group-box {
    width: 250px;
    float: right;
}

.radio-custom .help-block {
    width: auto;
}

/*-------------------------GridStyle----------------*/
#gridFilter fieldset {
    min-width: 1px;
    padding: 8px;
    margin: 40px 16px;

    border: 2px dotted #cacaca;
}

#gridFilter legend {
    width: auto;
    padding: 0 16px;
    margin-bottom: 8px;
}

.gridWrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 35px;
    margin-bottom: 16px;
}

.gridWrapper label {
    display: table-cell;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border: 1px solid #c3c3c3;
    color: #eeeeee;
    background: rgb(7, 168, 87);
    cursor: pointer;
}

.gridWrapper label.active:hover {
    background: rgb(249, 0, 1);
}

.gridWrapper label:hover {
    background: rgb(7, 208, 115);
}

.gridWrapper label.active {
    background: rgb(197, 0, 1);
}

.gridWrapper label input {
    display: none;
}

/*------------*/
.ui-menu-item-wrapper :hover {
    background-color: #FAFAFA;
}

.ui-menu .ui-menu-item {
    padding: 4px;
    border: 1px solid #e6e6e6;
}

.multi-price .input-group span {
    margin-top: 20px;
    margin-left: 5px;
    float: right;
}

.options .multi-price label {
    margin: 0 !important;
}

.delete-notification-container {
    padding: 5px;
    margin-top: -40px;
}

.delete-notification {
    cursor: pointer;
}

.loading-product {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 10;
}

#ip-modal-alert .modal-body img {
    max-width: 100%;
    height: auto;
}

/*
    sticker template
 */
.sticker-template-items {
    height: 100%;
    margin: 4px;
}

.sticker-template-holder {
    height: auto;
    border: 1px solid #cacaca;
    margin: 10px;
    padding: 0;
}

.sticker-template-items > * {
    text-align: center;
    background: #c5e3dc;
    line-height: 35px;
    cursor: grab;
    display: inline-block;
    width: 100%;
    margin: 4px 0;
}

.sticker-template-items.width200 span {
    width: 200px;
    margin-left: 5px;
}

.main-sticker-template {
    display: flex;
    border: 1px solid #e1e1e1;
    margin: 0 16px !important;
}

.sticker-tinymce {
    margin: 0 4px;
}

.icon.big {
    font-size: 25px;
    margin-left: 5px;
}

.mce-fullscreen {
    z-index: 10000 !important;
}

#pd-pay-form .input-group-addon {
    float: right;
    display: table;
    line-height: 22px;
}

#department-form .select2-container {
    display: block;
}

.flowchart #status1 {
    min-height: 30px;
}

.flowchart #status1:before {
    content: "وضعیت ها را به اینجا بکشید";
    width: 610px;
    height: 30px;
    position: absolute;
    padding: 5px;
}

.flowchart .list-group {
    position: relative;
}

.flowchart .list-group-item {
    position: relative;
}

.app-documents .article-content {
    background-color: unset !important;
}

.app-documents .documents-wrap {
    margin-top: 0 !important;
}

.app-documents .list-group .dropdown-menu {
    right: 100%;
    top: -6px;
    background-color: #4caf50;
}

.app-documents .list-group .dropdown-menu li a:hover {
    background-color: #66bb6a !important;
}

.article-content .panel-heading span {
    padding: 0;
}

.article-content .panel-heading span.label-sm {
    padding: .1em .5em .1em
}

.table.table-factor td.text-left, .table.table-factor th.text-left {
    text-align: right !important;
}

.table.table-factor td.text-right, .table.table-factor th.text-right {
    text-align: left !important;
}

.table.table-factor tr:first-child th {
    border-top: 0;
}

.app-documents .article-sidebar .list-group.info {
    margin-bottom: 20px;
}

.app-documents .article-sidebar .select2 {
    width: 100% !important;
}

.order-aside {
    width: 260px;
    background-color: #fff;
    position: absolute;
    padding: 10px 20px;
}

.order-aside .list-group-item {
    padding: 5px 0;
}

.order-aside .list-group-item a {
    width: 100%;
}

.order-aside .form-group label {
    font-size: 12px;
}

.order-aside .form-group input {
    margin: 0;
    padding: 3px 5px;
    border: 1px solid #e0e0e0;
}

.order-list {
    margin-right: 270px;
    background-color: #fff;
    padding: 5px 10px;
}

.cardboard {
    height: 70vh;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-color: green #66bb6a;
    scrollbar-width: thin;
    margin-bottom: 15px;
}

.cardboard .section {
    width: 250px;
    height: 100%;
    background: #ebecf0;
    margin: 15px 0 15px 5px;
    border-radius: 5px;
    padding: 0 8px 60px 4px;
    display: inline-block;
}

.cardboard .section .orders {
    height: 100%;
    overflow-y: scroll;
    scrollbar-color: green #66bb6a;
    scrollbar-width: thin;
}

.cardboard .title {
    padding: 10px 0;
}

.cardboard .section .orders .order {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(9, 30, 66, .25);
    cursor: pointer;
    display: block;
    margin-bottom: 8px;
    max-width: 223px;
    min-height: 20px;
    text-decoration: none;
}

.cardboard::-webkit-scrollbar {
    height: 6px;
}

.cardboard::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.cardboard::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(102, 187, 106, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.cardboard::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(102, 187, 106, 0.4);
}

.cardboard .section .orders::-webkit-scrollbar {
    width: 6px;
}

.cardboard .section .orders::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.cardboard .section .orders::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(102, 187, 106, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.cardboard .section .orders::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(102, 187, 106, 0.4);
}

.cardboard .section .order .images img {
    width: 100%;
    max-height: 200px;
}

.cardboard .section .order ul {
    margin: 0;
    padding: 0;
}

.cardboard .section .order li {
    width: 100%;
    padding: 7px 0;
    text-align: center;
    border-bottom: 1px solid #E8E8E8;
    position: relative;
    height: 35px;
}

.cardboard .section .order li:nth-of-type(2n+1) {
    background-color: rgba(238, 238, 238, .3);
}

.cardboard .section .order li a {
    color: rgb(117, 117, 117);
    text-decoration: none;
    font-size:12px;
    float:left;
    margin-left: 5px;
}

.cardboard .section .order li label {
    float: right;
    margin-right: 5px;
    font-size:12px;
}

.cardboard .section .order .change-status {
    float: left;
    margin-left: 10px;
}

.cardboard .section .order li img {
    float: right;
    width: 20px;
    height: 20px;
    margin: 2px 5px;
    border-radius: 50%;
    border: 1px solid #a4b1bc !important;
}

.cardboard .section .order .dropdown-menu {
    position: absolute;
    left: 0;
}

.cardboard .section .order .dropdown-menu li {
    padding: 0;
    margin: 0;
}

.cardboard .section .order .dropdown-menu li button {
    width: 100%;
    font-size: 12px;
}

.article-sidebar .list-group-assign {
    width: 100%;
    font-size: 12px;
    margin: 5px 0 10px;
}

.article-sidebar .list-group-assign span {
    float: left;
}

.article-sidebar .list-group-assign-action {
    width: 100%;
    font-size: 12px;
    margin: 5px 0 10px;
    float: right;
}

.article-sidebar .list-group-assign-action span {
    float: left;
    width: 100%;
}

.article-sidebar .list-group-assign-action .select2 {
    width: 100% !important;
}

.article-sidebar .list-group-assign span img {
    width: 16px;
    float: right;
    margin-left: 5px;
}

.article-sidebar .list-group-assign span i {
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

.order-log-content {
    font-size: 12px;
}

.order-log-content td {
    padding: 7px 0;
}

.order-log-content img {
    width: 16px;
}

.factor-note-content {
    padding: 0;
    margin: 0;
}

.factor-note-content li {
    padding: 10px;
    border-bottom: 1px solid rgb(193, 199, 208);
    font-size: 12px;
    float: right;
    width: 100%;
    background: #fff;
}

.factor-note-content li .avatar {
    width: 16px;
}

.factor-note-content li .factor-note-delete {
    float: left;
    color: red;
    cursor: pointer;
    margin-top: 15px;
}

.factor-note-content li:hover {
    background-color: rgb(244, 245, 247);
}

.factor-note-add-area {
    width: 100%;
    margin-top: 5px;
}

#modal-factor-note {
    max-height: 100%;
    overflow-y: auto;
}

.factor-note-add-area textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
    border: 1px solid rgb(235, 236, 240);
}

.factor-note-add-area textarea:focus {
    outline: none;
}

.factor-note-add-area .note-file {
    float: left;
}

.factor-note-add-area .note-file .nfile {
    margin: 0;
}

.select2-selection__rendered {
    margin-top: 5px;
    padding-right: 8px;
}

.select2-selection__arrow {
    right: auto;
    left: 1px;
    margin-top: 5px;
}

.timepicker {
    width: 90px !important;
}

.form-group .select2 {
    display: grid;
}

body > .select2-container {
    z-index: 1700;
}

.product-free .product-free-option, .option-free .product-free-option {
    border: 1px solid #E1E1E1;
    padding: 15px;
    margin: 0 15px 10px;
}

.product-free .product-free-option input[type=text], .product-free .product-free-option .select2,
.option-free .product-free-option input[type=text], .option-free .product-free-option .select2{
    width: 10%;
    min-width: 120px;
    display: inline-block;
}

.product-free .product-free-option .title, .option-free .product-free-option .title {
    width: 25% !important;
}

.product-free .product-free-option .input-group, .option-free .product-free-option .input-group {
    float: none;
    display: inline-flex;
}

.product-free .product-free-option div, .option-free .product-free-option div {
    display: inline;
}

.product-free .plus-btn {
    margin: 15px 0;
}

.profile a {
    text-decoration: none;
}

.profile .basket span {
    margin: -30px 0 0 -10px;
    z-index: 1;
    position: relative;
}

.profile .basket i {
    font-size: 25px;
}

.section-basket {
    position: fixed;
    left: -420px;
    width: 400px;
    border: 1px solid #e1e1e1;
    top: 0;
    background: #f7f7f7;
    padding: 5px;
    box-shadow: 5px 0px 15px -8px rgba(0, 0, 0, 0.5);
    max-height: 100%;
    z-index: 9999;
    transition: left 0.5s;
    overflow: auto;
    height: 100%;
}

.basket-content {
    margin-top: 40px;
    height: calc(100% - 90px);
    padding: 0 10px;
    overflow: auto;
}

.section-basket.open {
    left: 0;
}

.section-basket .basket-header {
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    border-bottom: 2px solid #ddd;
    width: calc(100% - 10px);
    position: absolute;
}

.section-basket ul {
    padding: 0;
    margin: 0;
}

.section-basket ul li {
    margin-bottom: 10px;
}

.section-basket ul li > i {
    margin-left: 5px;
}

.section-basket .remove-order {
    float: left;
    font-size: 16px;
    color: #f44336;
    cursor: pointer;
}

.section-basket .basket-footer {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.customer-club-amounts .amount {
    margin-top: 10px;
}

.customer-club-amounts .amount {
    padding: 10px 10px 0 10px;
    border: 1px solid #ddd;
    width: 100%;
    float: right;
    margin-bottom: 15px;
}

.customer-club-amounts .input-group, .customer-club-amounts .form-control {
    float: none;
    display: inline-flex;
}

.md-alert-octagon {
    color: #4caf50;
    font-size: 17px;
}

.app-documents .article-sidebar .alert {
    font-size: 12px;
    padding: 10px;
}

.swal2-confirm.btn.btn-success, .swal2-cancel.btn.btn-success {
    font-size: 13px;
    background-color: #4caf50 !important;
    border-color: #4caf50 !important;
}

.comment-author .text-success {
    font-size: 10px;
}

.float-right {
    float: right !important;
}

.Production-order-checkBox {
    display: inline-block;
    margin-right: 5px;
}

.w-100 {
    width: 100%;
}

#descriptionCounter {
    display: none;
    transition: all 0.5s;
}

#descriptionCounter #descriptionCount {
    font-weight: bold;
}
.treeView-control, .treeView-control2 {
    max-width: 100%;
    width: 400px !important;
    display: block;
}

.treeview .list-group-item {
    transition: all 0.5s;
}

.treeView-control .treeview {
    overflow: auto;
    max-height: 200px;
}

.treeview .list-group-item:hover {
    background: #f9f9f9;
}


.treeview span.expand-icon.md-plus,.treeview span.expand-icon.md-minus, .treeview span.icon.glyphicon {
    float: right;
    height: 15px;
    width: 15px;
    margin: 0 0px 0 0px;
    padding: 0px 0px;
    text-align: center;
}

.treeViewSelectedBox .treeViewSelectedParts, .treeViewSelectedBox2 .treeViewSelectedParts2 {
    display: inline-block;
    width: calc(100% - 60px);
}

.treeViewSelectedBox .treeViewSelectedParts span, .treeViewSelectedBox2 .treeViewSelectedParts2 span {
    background: gainsboro;
    padding: 5px !important;
    display: inline-block;
    font-size: 12px;
    margin-top: 4px;
    margin-right: 5px;
    border-radius: 5px;
}

.treeViewSelectedBox .treeViewSelectedEdit .treeViewSelectedEditBtn,
.treeViewSelectedBox2 .treeViewSelectedEdit2 .treeViewSelectedEditBtn2 {
    font-size: 13px;
    cursor: pointer;
    background: none;
}
.treeViewSelectedBox .treeViewSelectedEdit, .treeViewSelectedBox2 .treeViewSelectedEdit2 {
    display: inline-block;
    height: 100%;
    padding: 7px;
    background: #eaeaea;
    width: 55px;
    text-align: center;
}

.treeview .list-group-item .icon {
    background: none;
}

.treeViewSelectedTree, .treeViewSelectedTree2 {
    display: none;
}
.treeViewSelectedBox, .treeViewSelectedBox2 {
    border: 1px solid #e0e0e0;
    margin-bottom: 10px;
    border-radius: 3px;
    background: #fbfbfb;
    min-height: 38px;
}
.treeViewSelectedTree .input-search input, .treeViewSelectedTree2 .input-search input{
margin: 10px auto;
}

.treeview .list-group-item.node-selected {
    border-radius: 5px;
}

.gp-form-elements .tox-tinymce button {
    min-width: auto;
}

#notifications .badge.up {
    position: absolute !important;
    top: 0px !important;
    left: 0 !important;
    margin: 0 !important;
}

.tox-tinymce-aux .tox-form .tox-textarea {
    text-align: left !important;
    direction: ltr !important;
}

.productDependentOptionsBox {
    float: right;
    padding: 0px 6px;
    margin-left: 7px;
    border-radius: 3px;
    height: 70px;
    width: 110px;
    position: relative;
}

.productDependentOptionsBox > div {
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.productDependentOptionBox label {
    margin: 0 !important;
    font-size: 12px;
}

.productDependentOptionBox input {
    margin: 0 !important;
    position: relative;
    top: 3px;
}

.show-notification a{
    text-decoration: none;
}
.alert-top{
    margin: 10px 0 0 !important;
}
.products .popover .popover-content{
    width: auto;
}

.products .popover .popover-content i{
    padding-right: 10px;
    margin-left: -5px;
}
.dashboard .widget{
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
}
#chapiroosSupport a{
    color: #ffffff;
}
a.text-read{
    color : #757575;
}
.notifications button .badge{
    padding: 3px 6px;
    line-height: 1;
}
#chartLinePie1 .ct-series-a .ct-slice-donut{
    stroke: #1e88e5 !important;
}
#chartLinePie2 .ct-series-a .ct-slice-donut{
    stroke: #43a047 !important;
}
#chartLinePie3 .ct-series-a .ct-slice-donut{
    stroke: #e53935 !important;
}
#chartLinePie4 .ct-series-a .ct-slice-donut{
    stroke: #fb8c00 !important;
}
#chartLinePie5 .ct-series-a .ct-slice-donut{
    stroke: #d81b60 !important;
}
.ct-series-b .ct-slice-donut{
    stroke: #bdbdbd !important;
}
.widget-status p{
    font-size: 13px;
}
.page-register-v3:before {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: '';
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-color : #f2f3f4;
}
.page-register-v3 .panel {
    width: 600px;
    margin-bottom: 45px;
    background: #fff;
    border-radius: 4px;
}
.page-register-v3 .panel .panel-body {
    padding: 50px 40px 40px;
}
.page-register-v3 .panel .brand-text {
    margin-top: 8px;
}
.page-register-v3 form {
    margin: 45px 0 30px;
}
.page-register-v3 form a {
    margin-left: 20px;
}
.page-register-v3 form .form-material.floating + .page-register-v3 form .form-material.floating {
    margin-top: 30px;
}
.page-register-v3 form .form-material label {
    font-weight: 300;
    color: #a3afb7;
}
@media (max-width: 480px) {
    .page-register-v3 .page-content {
        padding: 30px 20px;
    }
    .page-register-v3 .panel {
        width: auto;
        padding: 10px;
    }
    .page-register-v3 .panel .panel-body {
        padding: 35px 25px 35px;
    }
}
.step-step .step {
    cursor: pointer;
}
.alert a{
    text-decoration: none;
}
#js-plotly-tester{
    display:none;
}

.js-plotly-plot .legendtext.user-select-none{
    display:none;
}
.survey-poll{
    position: absolute;
    top: 132px;
    z-index: 100000;
    right: 25px;
    font-size: 13px;
}
.answer_text li{
    width: 100%;
    float:right;
    margin-top:10px;
}
.answer_text{
    float:right;
    margin-bottom: 30px;
    width: 80%;
}
.panel-survey{
    float: right;
    padding: 20px 15px;
    width: 96%;
    margin: 30px 2% 10px;
}
.tab-pane-survey{
    float: right;
    background-color: #f2f3f4 !important;
    width: 100%;
}
.tab-content-survey{
    padding:0 !important;
}
.panel-survey .panel-heading  small{
    float: left;
    line-height: 25px;
    margin-right: 10px;
    font-size: 15px;
}

.panel-survey .panel-heading span{
    font-size: 12px;
    padding: 10px 20px;
}
.panel-survey .panel-body{
    padding-top:15px
}
.tab-content-survey .pagination{
    background-color: #fff;
    margin-right: 35px;
}
.image-body .image-ready-upload{
    float: right;
    height: 150px;
    margin: 0 0 20px 20px;
}
.image-body .delete-image{
    position: absolute;
    right: 20px;
    font-size: 20px;
    color: red;
    cursor:pointer;
}

.ui-autocomplete-loading {
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #fff 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
}

@keyframes shine {
    to {
        background-position-x: -200%;
    }
}
.picon{
    max-width:80px !important;
}
.picon img{
    margin:5px;
}

.comment-body li {
    list-style: inherit !important;
}