/*#aside nav ul li a:active,
#aside nav ul li.menu-open,
#aside nav ul li.always-open,
#aside nav > ul > li > a:hover,
#aside nav > ul > li > a:focus,
#aside nav ul li.active,
.fancy-file-upload.fancy-file-primary > span.button,
.datepicker table tr td.active.active, .btn-primary,
#header, .popular .plan-title,
body.min #aside ul.nav > li > ul li,
body.min #aside ul.nav li.menu-open,
body.min #aside ul.nav > li:hover > ul,
#aside nav ul li a.dashboard,
#aside .logo, body.min #asidesize, #aside, #asidebg {
    
     background: #1f8ee7;
}*/

html,
body {
    height: 100%;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Sahel,'B Yekan','Open Sans', sans-serif !important;
}
#header {
    /*background: linear-gradient(90deg, #6e45c9, #522671);*/
    /*background-image:-webkit-linear-gradient(right, #c13ca9 0%, #326dc7 100%);*/
    /*background-image: -webkit-linear-gradient(right, #1f8ee7 0%, #3c6196 100%);*/
    background: #1f8ee7;
    box-shadow: 0 7px 6px -5px #38383859 !important;
    height: 60px;
    display: flex;
    align-items: center;
}
.top-menu{
    position:absolute;
    left:0 !important;
}
#mobileMenuBtn {
    height: 70px;
    width: 60px;
}
    #aside nav > ul > li {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    /*background-image: -webkit-linear-gradient(right, #1f8ee7 0%, #3c6196 100%);*/
}
.label-danger {
    background-color: #f77d26;
}
#aside nav ul li a:focus {
    background: transparent;
}
/*#aside nav > ul > li:hover, #aside nav > ul > li:focus {
        color: #fff;
        background: #0d547d;
        
    }*/

/*#aside nav ul li.always-open > a, #aside nav ul li.active > a {
    background: #fdba12;
    color: #69bdfa;
}*/
/*#aside nav ul li.menu-open > a {
    background:#21c1d6!important;
    color: #fff !important;
}*/
/*#aside nav ul li.menu-open ul {
    background: #2f393e;
}*/

/*#aside nav ul li.menu-open i {
    color: #fff !important;
}*/

/*#aside nav ul li.menu-open ul li a {
    color: #c2c9c9;
}*/

/*#aside nav ul li.menu-open ul li:hover a {
    color: #fff !important;
}*/

#aside nav > ul > li:hover ul {
    /*background: #fff;*/
    /*background-image: -webkit-linear-gradient(top, #1f8ee7 0%, #3c6196 100%) !important;*/
}
/*#aside nav > ul > li:hover > ul > li{
    width:180px;
}*/
/*#aside nav > ul > li > ul > li:hover, #aside nav > ul > li > ul > li.active, #aside nav > ul > li > ul > li.active a, #aside nav > ul > li > ul > li:hover a {
    background: #fff !important;
    color: #21c1d6!important;
}*/

/*#aside nav > ul > li > ul > li.active a, #aside nav > ul > li > ul > li:focus a {
        color: #21c1d6!important;
    }*/

#aside nav > ul > li.active > ul > li.active {
    background: #3768a3 !important;
}

    #aside nav > ul > li.active > ul > li.active a {
        background: transparent !important;
    }
/*#aside nav > ul > li > ul > li:
     a {
        color: #fff !important;
    }*/

#aside nav > ul > li:hover a, #aside nav > ul > li:hover i {
    color: #ffffff;
}

#aside nav > ul > li:hover ul li a {
    color: #c2c9c9;
}

#header .dropdown-toggle {
    color: #c2c9c9;
}

#header h1 span {
    font-family: 'B Esfehan' !important;
    /*color:#fbdc30 !important;*/
    color: #fff !important;
    text-shadow: 2px 2px rgba(0,0,0,0.7);
}

#aside nav ul li a, #aside nav ul {
    border: none !important;
}

    #aside nav ul li {
        border-top: 1px dashed #ccc;
        /*width: 170px;*/
        /*background: #fff;*/
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
    }

        #aside nav ul li:hover {
            /*width: 180px;*/
            /*border-right:3px solid #ee63d5;*/
            /*border-bottom:none;*/
        }
        /*#aside nav ul li:hover a{
         color:#fff;
     }*/
        #aside nav ul li ul li {
            border-bottom: none;
            width: 170px;
        }

            #aside nav ul li ul li:hover {
                width: 170px;
                border: none;
            }

#aside nav > ul.nav.nav-list li {
    /*border-bottom: 1px solid #8a7d8d !important;*/
    /*border-top: 1px dashed #ccc !important;*/
    /*margin-bottom: 5px;*/
}

#aside nav > ul.nav.nav-list {
    margin-bottom: 0;
    background: #117ed5;
}
/*#aside nav > ul.nav.nav-list li{
    width:170px;
}*/

#aside, #asidebg {
    /*width: 170px;*/
    /*background:#fff;*/
    background: #1f8ee7;
}
#asidebg {
    box-shadow: 1px 0px 20px rgb(0 0 0 / 56%);
}

    #aside nav ul li a .label-warning {
        background-color: #f39c12 !important;
        border-radius: 0;
        font-weight: 700;
        margin-left: 5px;
    }

    #aside nav ul li a .label-info {
        background-color: #0094ff !important;
        border-radius: 0;
        font-weight: 700;
        margin-left: 5px;
    }

    #aside nav a i.main-icon {
        float: right;
        margin: -12px -10px -25px 0px;
    }

    #aside nav a i.pull-right {
        font-size: 16px;
        color:#fff;
    }

.badge {
    background-color: #d71812;
    height: 23px;
}

#middle {
    /*margin-top: 100px;*/
    /*border:1px solid red;*/
    /*padding: 10px;*/
    /*background-image: url('../images/1_O_Library.jpg');
    background-size:400px 400px;
    background-repeat:no-repeat;*/
}

#header img.user-avatar {
    border: none !important;
    border-radius: 100% !important;
}

ul.admininfo {
    padding: 0;
    border: none;
    margin-bottom: 0 !important;
    height: 150px;
    text-align: center;
    padding-top: 20px;
    background: #374850;
}

    ul.admininfo li {
        height: 100% !important;
    }

        ul.admininfo li:hover {
            background: transparent !important;
        }

.admimg {
    height: 100% !important;
}

.user-name {
    /*padding-top: 10px;*/
    /*display:grid;*/
}

.language {
    /*padding-top:10px;*/
    margin-top: 7px;
    /*line-height:20px;*/
    padding: 2px;
}

.user-name {
    line-height: 50px;
}

    .user-name span.fa {
        margin-top: 15px;
    }

#aside nav a i.main-icon {
    width: 40px;
    font-size: 18px;
    color: #e9ebeb !important;
}

#aside nav ul li a {
    padding-left: 5px !important;
}

#aside nav ul li ul li::before {
    left: 0;
    right: 12px;
}

#aside nav ul li ul::before {
    left: auto;
    right: 12px;
}

#aside nav ul li ul li {
    /*padding: 4px;*/
    padding-right: 24px;
}



/*#aside nav ul li.menu-open ul {
    right: 170px;
    top: 0;
    height: auto;
    border-right: 3px solid #3768a3;
    background-image: -webkit-linear-gradient(right, #1f8ee7 0%, #3c6196 100%) !important;
}*/


#aside nav ul li.active {
    background: #21c1d6!important;
    /*background-image: -webkit-linear-gradient(top, #fdba12 50%, #3c6196 200%) !important;*/
    /*background:transparent;
    border-right:3px solid #fdc237 ;*/
}

    #aside nav ul li.active i {
        color: #fff;
    }

    #aside nav ul li.active ul {
        /*background: #2f393e;*/
        /*border-right: 3px solid #3768a3 !important;*/
        /*border:1px solid red !important;
        width:100%;*/
    }


.nav-border li ul {
    border: 1px solid red !important;
}

/*@media only screen and (min-width: 1200px){
    .statistic{
        margin-top:0 !important;
    }
}*/
#aside nav ul li a span.statistic {
    margin-top: 0 !important;
}

#aside nav ul li ul.statistic {
    margin-top: 0 !important;
}

#aside nav ul li a span.guide {
    margin-top: 0 !important;
}

#aside nav ul li ul.guide {
    margin-top: 0 !important;
}

@media only screen and (min-width: 768px) {
 
    body.min #aside nav ul li ul.statistic {
        margin-top: -328px !important;
    }
    /*body.min #aside nav ul li a span.guide {
        margin-top: -46px !important;
    }*/

    body.min #aside nav ul li ul.guide {
        margin-top: -82px !important;
    }

    body.min #middle {
        display: inline-block;
        width: 96%;
        margin-right: 50px !important;
    }

    body.min #aside nav ul li ul li:hover {
        background: rgba(0,0,0,0.5) !important;
        /*color:#c2c9c9;*/
    }

        body.min #aside nav ul li ul li:hover a span {
            color: #fff !important;
        }

    body.min #aside nav ul li {
        width: 50px;
    }

    /*body.min #aside nav ul li ul li.active a span {
            background: #1e282c !important;
            color: #69bdfa !important;
        }*/

    /*body.min #aside nav ul li ul li.active {
            background: #fedff8 !important;
            color: #21c1d6!important;
        }*/

    /*body.min #aside nav > ul > li.active > ul > li:hover {
        padding-right: 3px !important;
        background: #21c1d6!important;
    }*/

    /*body.min #aside nav ul li ul li.active a span {
            color: #c2c9c9 !important;
        }*/
    /*body.min #aside nav ul li ul li:first-child{
          background:#1e282c !important;
     }*/

    body.min #aside ul.nav > li a span {
        background: transparent !important;
        padding-right: 10px;
        /*color: #c2c9c9;*/
    }

    /*body.min #aside ul.nav > li a:hover span {
        background: #2f393e !important;
    }*/

    body.min #aside nav ul li a i {
        /*overflow:visible;*/
        margin-right: -5px;
    }
    /*body.min #aside ul.nav > li > a i.fa.pull-right{
         margin-right:10px;
    }*/
    body.min #aside ul.nav > li > ul li {
        background: transparent !important;
        padding-right: 0;
        /*border-right: 2px solid #3768a3;*/
        width: 100%;
    }

        body.min #aside ul.nav > li > ul li:hover a span {
            background: transparent !important;
            color: #000 !important;
        }

    body.min #aside ul.nav > li a span.badge, body.min #aside ul.nav > li:hover a span.badge {
        background: #d71812 !important;
        /*padding-right:0;*/
        color: #fff !important;
    }

    body.min #aside ul.nav > li > ul {
        /*padding-left:20px !important;*/
    }

    .badge {
        margin-right: 20px !important;
    }

    body.min #aside ul.nav > li:hover:before {
        right: 0;
        top: 50%;
        content: " ";
        width: 0;
        height: 0;
        position: absolute;
        border: solid transparent;
        border-color: transparent;
        border-right-color: #fff !important;
        border-width: 5px;
        margin-top: -6px;
        z-index: 100;
    }

    body.min #aside ul.nav > li:hover > a span {
        display: block !important;
        position: absolute;
        background-color: #21c1d6!important;
        width: 173px;
        height: 41px;
        top:1px;
        left: 50px;
        line-height: 40px;
        padding-left: 20px;
        /*border-top: 1px dashed #ccc;
        border-bottom: 1px dashed #ccc;*/
        /*background-image: -webkit-linear-gradient(top, #1f8ee7 0%, #3c6196 100%) !important;*/
    }

    body.min #aside nav ul li a.dashboard {
        height: 40px;
        transition: all 0.3s ease;
    }

    body.min #aside ul.nav > li:hover > ul {
        display: block !important;
        position: absolute;
        /*background-color: #edcafd;*/
        width: 175px;
        right: 48px;
        top: 40px;
        /*border:1px solid red !important;*/
        height: auto !important;
        z-index: 120 !important;
        /*box-shadow: 0 0 1px #000;*/
         background: #1f8ee7;
    }

    body.min #aside ul.nav > li ul li a span {
        color: #555 !important;
    }

    body.min #aside nav ul li ul::before {
        display: none;
    }
    /*body.min #aside ul.nav > li.active a span {
        color: #69bdfa !important;
    }*/

    /*body.min #aside ul.nav > li > ul > li > a span {
        color: #c2c9c9 !important;
    }*/

    .statistic {
        margin-top: -335px !important;
    }

    body.min #aside ul li > a span {
        color: #fff !important;
    }

    body.min #aside ul li:hover ul li {
        border-top: 1px solid #74b9ef !important;
    }

    body.min #aside ul li ul li:hover a {
        background: rgba(0,0,0,0.5) !important;
        padding-right:22px !important;
        color: #fff !important;
    }

        body.min #aside ul li ul li:hover a span {
        }
}

body.min #aside nav ul li a.dashboard .main-icon {
    line-height: 37px;
}

body.min #aside nav ul li:hover a.dashboard span {
    top:1px;
}

.no-padding{
    padding:0px !important;
}
.padding-rl-5{
    padding-left:5px ;
    padding-right:5px;
}

.btn-instagram i {
    font-size: 17px;
}

.btn-instagram {
    font-weight: bold;
}

.breadcrumb {
    padding: 5px 0px;
    margin-bottom: 15px;
    list-style: none;
    background-color: #fff;
    border-radius: 0;
    margin-top: 5px;
}

    .breadcrumb li {
        font-weight: bold;
        font-size: 12px;
    }


.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width:200px;
    z-index: 1;
    list-style: none;
    left: 12px;
    top: 49px;
    padding-right: 0;
    border-top: 2px solid #1f8ee7;
    border-bottom: 2px solid #1f8ee7;
}

    .dropdown-content a {
        /*color: black;*/
        padding: 7px 12px !important;
        text-decoration: none;
        display: block;
        transition: all 0.3s ease;
    }

    .dropdown-content .fa {
        color: #1f8ee7;
        padding-left: 5px;
    }

    .dropdown-content li:hover a {
        color: #21c1d6!important;
        /*padding-right:15px !important;*/
    }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

#header nav ul li a span.hidden-xs {
    color: #ffffff;
}

    #header nav ul li a span.hidden-xs:hover {
        color: #fff;
    }

/**************
    *************
*/
body.min #aside nav ul li a {
    color: #ffffff !important;
}

#aside nav ul li a {
    color: #ffffff !important;
    height: 45px !important;
    padding-top: 16px !important;
}

    #aside nav ul li.el_primary a:hover {
        color: #fff !important;
        padding-right: 20px !important;
    }

        #aside nav ul li a:hover i {
            color: #ffffff;
        }

/*#aside nav ul > li:hover > a, #aside nav ul > li.active:hover > a, #aside nav ul > li.active > a {
    background-color: #49136b;
}*/

#aside nav ul > li.el_primary:hover > a {
    background-color: #21c1d6!important;
    /*background-image: -webkit-linear-gradient(top, #21c1d60%, #3c6196 100%);*/
    /*border-right:3px solid #3768a3;*/
}

html, body {
    background: #F1F2F7 !important;
    /*background-image: url('../images/patterns/pattern1.png');*/
    /*background-repeat:no-repeat;
    background-size:cover;*/
    overflow-x: hidden;
}

#aside nav ul li.always-open > a, #aside nav ul li.active > a {
    color: #fff !important;
    border-right: 3px solid #3768a3;
}
/*{
    color:#e9ebeb;
}*/
#sideNav nav li.active a.dashboard {
    background-color: #fff !important;
    color: #444 !important;
    transition: all 0.3s ease;
}

#aside nav ul li a.dashboard {
    transition: all 0.3s ease;
}

    #aside nav ul li a.dashboard i.main-icon {
        width: 40px;
        font-size: 18px;
        color: #e9ebeb !important;
    }

#aside nav ul li ul li.active a:hover, #aside nav ul li.active ul li a:hover, #aside nav ul li:focus ul li a:hover {
    background: transparent !important;
    color: #24bb84;
}

/*#aside nav ul li.active ul li:hover {
    border-top: 1px dashed #ccc;
}*/

#aside nav ul li ul li.active {
    background: #3768a3 !important;
    color: #21c1d6!important;
}

    #aside nav ul li ul li.active a {
        background: transparent !important;
    }

/*#aside nav ul li.active ul li:hover {
    width: 100%;
    background: red;
}*/

#aside nav ul li ul li {
    /*background: #fff !important;*/
    /*border-right:3px solid #3768a3;*/
}

/*#aside nav ul li.menu-open li {
    transition: all 0.3s ease;
}

    #aside nav ul li.menu-open li:hover {
        background: #3768a3 !important;
        padding-right: 22px !important;
    }*/

/*aside nav ul li.menu-open li:hover a {
    background: transparent !important;
}*/

#aside nav ul li.el_primary {
    /* background: #1f8ee7;*/
    /*background:#653bad;*/
    /*border-bottom: 1px solid #b4a9b6 !important;*/
    /*padding-right:5px;*/
}
#aside nav ul li.active ul {
   background: #117ed5;
}

/*#aside nav > ul > li.active > ul > li:hover {
    background: #d9dddd !important;
    padding-right: 22px !important;
}

#aside nav ul li.menu-open li a:hover {
    background: none !important;
}

#aside nav ul li.menu-open li:hover i {
    color: #fff !important;
}
*/
/*#aside nav ul li.menu-open li a span {
    transition: all 0.3s ease;
}*/

/*#aside nav ul li.menu-open li:hover a span, #aside nav ul li.menu-open li:hover a, #aside nav > ul > li.active > ul > li:hover a, #aside nav > ul > li.active > ul > li:hover a span {
    color: #000 !important;
}*/
.dropdown-menu.dropdown-right {
    left: 0 !important;
    right: auto !important;
}
.dropdown-menu.dropdown-icon .fa{
    color: #1f8ee7 !important;
    padding-left:5px
}
.btn-instagram {
    background-color: #61349E !important;
}

/*.btn-instagram:hover {
        background-color: #3768a3 !important;
    }*/

.btn-3d {
    border-bottom: 3px solid #4e1d90;
}

#page-header {
    background-color: #F6F8F8;
    border: 1px solid #dee5e7;
    border-top: none;
    margin-top: -5px;
}

.btn-dirtygreen {
    background-color: #19bc5d;
    color: #FFF !important;
}

.panel-body {
    padding-top: 25px;
}

#panel-1 .form-group {
    line-height: 50px;
}

#panel-1 select#ViewDropDown {
    margin-top: 7px !important;
}

#middle div.panel-heading {
    height: 55px !important;
}

/*#aside nav ul li.menu-open:hover {
    width: 170px;
}*/

/*#aside nav ul li.menu-open ul li.active:hover {
    width: 170px !important;
}*/

.zoom {
    -webkit-animation: scale 3s linear infinite;
    animation: scale 3s linear infinite;
}

@-webkit-keyframes scale {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes scale {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.notify {
    position: relative;
    right: -30px;
    top: 20px;
}

    .notify .heartbit {
        animation: 1s ease-out 0s normal none infinite running heartbit;
        border: 5px solid #fff;
        border-radius: 70px;
        height: 25px;
        position: absolute;
        right: -4px;
        top: -20px;
        width: 25px;
        z-index: 10;
    }

    .notify .point {
        background-color: #fff;
        border-radius: 30px;
        height: 6px;
        position: absolute;
        right: 6px;
        top: -10px;
        width: 6px;
    }


@keyframes heartbit {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    25% {
        opacity: 0.1;
        transform: scale(0.1);
    }

    50% {
        opacity: 0.3;
        transform: scale(0.5);
    }

    75% {
        opacity: 0.5;
        transform: scale(0.8);
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }
}

@keyframes heartbit {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    25% {
        opacity: 0.1;
        transform: scale(0.1);
    }

    50% {
        opacity: 0.3;
        transform: scale(0.5);
    }

    75% {
        opacity: 0.5;
        transform: scale(0.8);
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }
}

.pleft-40 {
    padding-left: 40px;
}

#middle {
    margin-right: 170px !important;
}

.no-border {
    border: none !important;
}

.margin-top28 {
    margin-top: -28px;
    margin-left: 0;
    z-index: 101;
    position: absolute;
    left: 10px;
}

.easyPieChart .librarypercent {
    width: 30px;
    top: 35%;
    position: absolute;
    margin-top: -10px;
    display: block;
    text-align: center;
    z-index: 2;
    right: -7px;
    background: #46b8da;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    color: #fff;
    font-size: 13px !important;
    font-weight: normal !important;
}

.percent-chart {
    position: absolute !important;
    right: 24px;
    top: 5px;
}

.libraryname {
    text-align: center;
    margin-bottom: 0;
    margin-top: 25px;
    width: 140px;
    right: 11px;
    position: relative;
    color: #555;
}

body.min #aside ul.nav > li span.subescription, body.min #aside ul.nav > li p.libraryname {
    display: none;
}

#aside {
    z-index: 105;
}

#sideNav {
    /*border: 2px solid green;*/
    z-index: 107;
    position: absolute;
    width: 100%;
}

.library-img {
    width: 90px;
    padding: 10px;
    height:90px
}

.subescription {
    background: #f3f3f3;
    padding: 5px;
    border-radius: 10px;
    text-align: center;
    font-size: 10px;
    margin-right: 26%;
    margin-top: -5px;
    position: absolute;
}

body.min .txt-center {
    text-align: center !important;
}

.library-info {
    padding: 15px 0;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    background: #fff !important;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

body.min .percent-chart {
    right: -7px;
    top: 2px;
}

body.min .easyPieChart .librarypercent {
    right: 90px;
}

/*body.min .library-img {
    margin-right: 5px;
}*/

body.min .library-img {
    width:40px;
    padding:2px;
    background: #fff;
    border-radius: 50%;
    display:none;
}

body.min .library-info {
    padding: 15px 0;
    /* border-bottom-right-radius: 50%; */
    border-bottom-left-radius: 50%;
    background: transparent !important;
    /* padding-bottom: 20px; */
    /*width: 124px !important;*/
    /*height: 130px;*/
    padding-bottom:0;
}

body.min #aside ul.nav > li > ul li {
    background: transparent;
}
body.min .library-info .no-show ,body.min .library-info .subescription , body.min .library-info .libraryname
   {
       display:none !important;
   }
.margin-bottom-7{
    margin-bottom:7px;
}
.mobile-width-50 {
    width: 90%;
}
@media only screen and (max-width:1200px) {
    #middle {
        margin-right: 170px !important;
    }
    /*body.min .percent-chart{
    top:32px !important;
}*/
}

@media only screen and (max-width:990px) {
    #middle {
        margin-right: 170px !important;
    }
    /*body.min .percent-chart{
    top:32px;
}*/
    body.min .txt-center {
        text-align: center !important;
    }
}

@media only screen and (max-width:768px) {
    .no-mo-padding{
        padding:0 !important;
    }
    .padding-mo-rl-15{
        padding-right:15px;
        padding-left:15px;
    }
    #middle {
        margin-right: 0 !important;
    }

    body.min .txt-center {
        text-align: center !important;
    }

    /*body.menu-open .library-info {
        padding: 15px 0;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        background: #fff;
        padding-bottom: 20px;
    }*/
    /*body.min #aside{
	width:100%;
}*/
    body.min #aside {
        margin-right: 0px;
        margin-left: auto;
        display:none;
    }

    body.menu-open #aside, body.menu-open #asidebg {
    margin-right: 0 !important;
    display: inline-block !important;
}
    .mobile-hidden{
        display:none !important; 
    }

    .mobile-width-50{
        width:50%;
    }
}
@media only screen and (max-width:560px) {

    /*body.menu-open #aside {
        width: 0 !important;
        border:2px solid green;
    }*/
}
@media only screen and (max-width:473px){
    .lib-icon{
        display:none;
}
   /*body.min #aside{
	width:100%;
}*/
   .library-info .no-show ,.library-info .subescription , .library-info .libraryname
   {
       display:none !important;
   }
    .mobile-width-100{
        width:100px !important;
    }
}

@media only screen and (max-width:370px){
    
  /*body.min #aside{
	width:100%;
}*/
  #aside nav ul li ul li{
      width:100%;
      /*border:1px solid green !important;*/
  }
   /*#aside nav ul li ul li:hover a{
       width:100% !important;
       border:1px solid green !important;
       display:block;
   }*/
    .library-info .no-show ,.library-info .subescription , .library-info .libraryname
   {
       display:none !important;
   }
  
}
body.min #aside nav ul li ul > li a{
    height:38px !important;
    margin-right:0px;
}
    body.min #aside nav ul li ul > li a:hover {
        background: #3768a3 !important;
    }
    #aside nav ul li a.dashboard {
        background-color: transparent !important;
    }
 /*body.menu-open .no-show , body.min .no-show{
       display:none;
    }*/
.btn-close i{
    padding-left:0 !important;
}
.btn > i {
    padding-right: 5px;
    padding-left: 5px !important;
}
.more-filed-book {
    margin-top:20px;
}
    .more-filed-book .btn-more-field{
        margin-top:7px;
    }
    .more-filed-book input {
        margin-right: 12px;
    }
    .margin-top--95 {
        margin-top: -95px !important;
    }

.more-hidden {
    display: none;
}
.margin-top--52 {
    margin-top: -52px !important;
}
.margin-top--30 {
    margin-top: -30px !important;
}
@media only screen and (max-width: 768px) {

    .margin-top--150 {
        margin-top: 0px !important;
    }
}
.jq-edit {
    border-color: #ffb22b !important;
    color: #ffb22b !important;
}
.jq-delete {
    border-color: #fc4b6c !important;
    color: #fc4b6c !important;
    background-color: #fff;
}
.jq-view {
    border-color: #1e88e5 !important;
    color: #1e88e5 !important;
}
.factor-btns{
    vertical-align:middle !important;
}
    .factor-btns .btn {
        padding: 5px;
        font-size: 13px;
        min-width: 80px;
        padding-top: 6px;
        text-align: center;
        margin-bottom:10px;
    }
.book-img {
    vertical-align: middle !important;
    text-align:center !important;
}

.color-gray {
    color: #9E9E9E !important;
}
/*.font-size-14{
    font-size:14px;
}*/
.book-dtl i{
    margin-left:5px;
}
.book-dtl small {
    font-size: 14px;
}
.space {
    margin-bottom: 7px;
    display: block;
}
.pagination-part {
    text-align: right;
    margin-top: 15px;
    width: 49%;
    float: right;
    direction:ltr;
}
.pagination-part-center {
    text-align: center;
    margin-top: 15px;
  width:100% !important;
   
    direction: ltr;
}
.pagination-number {
    border: 1px solid #21c1d6;
    padding: 3px 10px;
    color: #21c1d6;
    margin-right: 3px;
    margin-bottom: 16px;
    display: inline-block;
}
    .pagination-number.active {
        background: #21c1d6;
        color: #ffffff;
    }
.pagination-info {
    text-align: left;
    width: 49%;
    float: left;
    color: #21c1d6;
}
/***********/
.jq-active {
    border: 1px solid #13b570;
    color: #13b570 !important;
}
.jq-purple {
    border: 1px solid #1f8ee7;
    color: #1f8ee7 !important;
}
.book-img img {
    width: 100px;
}
.select2-results .select2-highlighted {
    background: #f1f1f1 !important;
    color: #555 !important;
}
/*.select2-results:hover {
    background: #f1f1f1 !important;
}*/
.space-min{
    display:block;
    margin-bottom:2px;
}
.select2-drop {
    color: #555 !important;
    font-size: 16px !important;
    margin-top: -55px !important;
}
.select2-drop .font-bold {
    color: #555 !important;
    font-size: 14px !important;
    font-weight:bold;
    margin-top: -55px !important;
}
.select2-results .select2-result-label i {
    margin-left: 7px;
    color: #9E9E9E !important;
}
.select2-results li{
    padding:0 10px;
}
.select2-results{
    max-height:400px !important;
}
.page-header-title {
    margin-bottom: 0;
    margin-left: 12px;
    color: #555;
    font-weight: bold;
    font-size: 20px;
}
 #page-header {
    background: #fff;
    border-bottom: none;
    padding: 15px;
    box-shadow: 1px 0 5px rgb(0 0 0 / 10%);
    padding-bottom: 0;
    border:none !important;
}
.search-part, .page-content {
    margin: 20px;
    background: #fff;
    box-shadow: 1px 0 5px rgb(0 0 0 / 10%);
    padding: 15px;
    padding-bottom: 0;
}
    .search-part .panel, .page-content .panel{
        margin-bottom: 0 !important;
    }
.select2-drop-mask{
    position:relative !important;
}
.pagination-info select{
    height:30px;
    padding:0;
    border:1px solid #ccc !important;

}
.small-dropdown {
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #48cbdd;
    background-color: #fff;
    background-image: none;
    margin-right:5px;
}
.price-clean {
    padding: 0 !important;
    border-radius: 10px;
}
    .price-clean .table-bordered > tbody > tr > td, .price-clean .table-bordered > tbody > tr > th {
        border: none !important;
    }
        .price-clean .table-bordered > tbody > tr > td:nth-child(1){
            font-size:12px !important;
        }
        .price-clean .table-bordered > tbody > tr > td:nth-child(2) {
            text-align: center !important;
        }
    .price-clean a {
        font-family: Sahel;
        width: 100%;
        /*position: absolute;*/
        left: 0;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        background: #07c46b;
    }
        .price-clean a.btn-info:hover, .price-clean a.btn-info:focus {
            background: #16ae66 !important;
            border-color: #16ae66 !important;
        }

        .i-font-12 {
            font-size: 12px !important;
        }
.price-clean h4 {
    font-size: 32px;
    font-family: Sahel;
    line-height: 60px;
    font-weight: 300;
    margin: 0;
    color: #777 !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 5px;
    background:#f1f1f1;
}
.btn-list-price{
    margin-top:20px;
    text-align:center;
    margin-bottom:30px;
}
.btn-list-item {
    background: #ffffff;
    padding: 10px 30px;
    color: #555;
    height: auto !important;
    line-height: 20px !important;
    border: 1px solid #ccc;
    border-radius: 20px;
    margin: 0 5px;
}
    .btn-list-item.active:hover {
        color: #ffffff !important;
    }
    .btn-list-item:hover {
        /*color: #5cb85c !important;*/
         background: #ccc;
    }
    .btn-list-item.active {
        color: #ffffff;
        background: #5cb85c;
    }
.loading-overlay.loading-theme-dark {
    background-color: #fff;
    color: #222;
}
.alert-new-theme {
    padding: 15px 30px;
    position: relative;
    overflow: hidden;
    /*margin-top: 30px;*/
    /*margin-bottom: 20px;*/
    border-radius: 8px;
    background: #EDF3F3;
    font-weight: normal;
    font-size: 15px !important;
    line-height: 27px !important;
    text-align: right;
    color: #000;
}
    .alert-new-theme:before {
        content: "";
        height: 100%;
        width: 4px;
        border-radius: 0px 4px 4px 0px;
        background: #5cb85c;
        position: absolute;
        top: 0;
        right: 0;
    }
.btn-list-book {
    text-align: right;
    margin-top: -10px;
    margin-bottom: 15px;
}
.modal-content {
    border-top: none !important;
}
.btn-list-book .btn-list-item.active {
    background: #1f8ee7;
    padding: 10px;
    color: #fff;
    height: auto !important;
    line-height: 20px !important;
    /*font-weight: bold;*/
    border-radius: 10px;
}

        .btn-list-book .btn-list-item.active:hover {
            color: #ffffff !important;
        }

.btn-list-book .btn-list-item:hover {
    color: #fff !important;
    background: #1f8ee7;
    border-radius: 10px;
}

/*.btn-list-book .btn-list-item {
    color: #1f8ee7;
    background: #fff;
    border: 1px solid #1f8ee7;
    font-weight: normal;
    padding: 10px;
    margin: 0 3px;
}*/
    .btn-list-book .btn-list-item i {
        text-align: center;
        font-size: 18px;
        border: 1px solid #cccccc;
        width: 30px;
        height:30px;
        margin-right: 10px;
        border-radius: 50%;
        line-height: 30px;
        margin-bottom: 3px;
        color: #1e88e5;
        background: #ffffff;
        display:block;
        margin-left:auto;
        margin-right:auto;
    }
.btn-list-book .btn-list-item {
    color: #1f8ee7;
    background: #fff;
    border: none;
    border-left-color: currentcolor;
    border-left-style: none;
    border-left-width: medium;
    font-weight: normal;
    padding: 5px 10px;
    margin: 0 0px;
    text-align: center;
    min-width: 100px;
    font-size: 14px;
    /*border-left: 1px solid #ddd;*/
    border-radius: 10px;
    position: relative;
    /*box-shadow: 0 4px 2px -2px #E2E2E2;*/
}
        .btn-list-book .btn-list-item:after{
            content:'';
            position:absolute;
            top:20px;
            width:1px;
            height:40px;
            background:#ddd;
            left:0px;
           
        }
    .btn-list-book .btn-list-item:last-child:after{
        display:none;
    }
    .btn-list-book .btn-list-item.active:after, .btn-list-book .btn-list-item:hover:after {
        display: none;
    }
        /*.btn-list-book .btn-list-item {
    color: #1f8ee7;
    background: #f1f1f1;
    border: none;
    font-weight: normal;
    padding: 10px 15px;
    margin: 0px 3px;
    border-radius: 0;
    box-shadow: 0 4px 2px -2px #E2E2E2;
}*/
        .form-horizontal .control-label {
            margin-bottom: 5px;
        }

.library-service {
    margin-top: 20px;
}
.btn-pay{
    text-align:left;
}
    .btn-pay .btn {
        white-space: normal;
        display: inline-block;
        width: 120px
    }
    .btn-pay .bnt-payment {
        width:180px !important;
    }

.col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th {
    float: right !important;
    margin-bottom:15px !important;
}
.no-padding-left{
    padding-left:0 !important;
}
.lobibox, .lobibox-notify {
    font-family: Sahel,'B Yekan','Open Sans', sans-serif !important;
}
.digital-book-title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #1f8ee7;
    margin: 0 0 11px 0;
}
.digital-book-author{
    text-align:center;
    color:#666;

}
.media-title {
    font-size: 14px;
    font-weight: normal;
    color: #555;
    background: #f1f1f1;
    padding: 10px 10px;
}
.media-download-info {
    padding:0 10px;
}
    .media-title i {
        color: #21c1d6;
        font-size: 18px;
        bottom: -2px;
        position: relative;
       margin-left:5px;
    }
.media-book-list {
    margin-bottom: 20px;

}

.ui-jqgrid tr.jqgrow td.wrap {
    white-space: normal !important;
    height: auto;
    padding-top: 2px;
}

.ui-jqgrid tr.jqgrow td {
    vertical-align: text-top;
}

@media (min-width: 992px) {
    .col-md-5th {
        float: right !important;
    }
    .padding-rl-5-desk {
        padding-left: 0px;
        padding-right: 0px;
    }

}
@media only screen and (max-width: 768px) {
    .mobile-row {
        display: block !important;
        width: 100% !important;
        float: right !important;
    }
    .btn-pay .bnt-payment {
        width: 120px !important;
    }
    .btn-pay {
        text-align: center;
    }
    .select2-drop {
        width: 100% !important;
        left: 0 !important;
        border: none !important;
        top: 217px !important;
    }
    .search-part, .page-content {
        margin: 10px 0px 0;
        padding: 10px 5px 0px;
    }
    .book-img img {
        width:70px;
    }
    .factor-btns .btn{
        margin-bottom:10px;
        width:100%;
    }
    .factor-btns.btn-width-100 .btn {
        width:auto;
        font-size:12px;
        min-width:50px !important;
    }
    .book-dtl small {
        font-size: 13px;
    }
    .book-dtl i {
        margin-left: 2px;
    }
    .pagination-part, .pagination-info {
        width: 100%;
        text-align:center;
        margin-bottom:0;
    }
    .btn-list-item {
        padding: 8px 15px;
        font-size: 13px;
    }
        }
/***********dashboard icons**********/
.menu-box {
    /*border: 1px solid #ccc;*/
    padding: 15px;
    border-radius: 10px;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 120px;
    margin-bottom:10px;
}
.padding-rl-20{
    padding-left:20px !important;
    padding-right:20px !important;
}
.icon-box {
    position: relative;
}

    .icon-box img {
        z-index: 1;
        position: relative;
        width:50px;
        margin-bottom:-5px;
        /*transform: scale(1);*/
        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
        opacity:1;
    }
.shop-catrgory .menu-box .icon-box img {
    width: 75px !important;
    height: 75px !important;
    border-radius: 10px;
}
.shop-catrgory .box-number h4 {
    width: 100px;
    font-size: 14px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
    margin-top: 0;
}
.shop-catrgory .box-number a {
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 100px;
    height: 35px;
    border-radius: 6px;
    background: #1ede62;
    color: #fff;
    padding: 5px;
    margin-top: 0;
    position: relative;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
    font-size: 14px;
}
.delete-btn-shop{
    background:#db0e0e !important; 
}
.shop-catrgory .menu-box {
    height: 150px !important;
    
}
.shop-item-box {
    margin-bottom: 30px;
}
.shop-catrgory .menu-box .left-circle{
    display:none;
}
.menu-box .text {
    /*font-weight: bold;*/
    font-size: 15px;
    margin-bottom: 0;
    color: #002176;
    margin-top: 15px;
}
.menu-box .text-sm {
    /*font-weight: bold;*/
    font-size: 13px;
    margin-bottom: 0;
    color: #002176;
}
.box-hover:hover img {
    transform: scale(1.15);
    /*opacity:0.8*/
}
.left-circle {
    position: absolute;
    width: 70px;
    height: 70px;
    left: -20px;
    top: -20px;
    opacity: 0.5;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
    .left-circle .circle-one {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 70px;
        height: 70px;
        opacity: 0.5;
        border-radius: 50%;
        border: 1px dashed #2f8df7;
    }
    .left-circle .circle-two {
        position: absolute;
        left: -10px;
        bottom: -10px;
        width: 90px;
        height: 90px;
        opacity: 0.5;
        border-radius: 50%;
        border: 1px dashed #2f8df7;
    }
    .left-circle .circle-three {
        position: absolute;
        left: -20px;
        bottom: -20px;
        width: 110px;
        height: 110px;
        opacity: 0.5;
        border-radius: 50%;
        border: 1px dashed #2f8df7;
    }
/*.icon-box:before {
    position: absolute;
    content: '';
    right: -15px;
    top: -10px;
    width: 30px;
    height: 30px;
    z-index:0;
    border-radius: 50%;
    background-color: #05db56;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}*/
/*.dashboard-img img{
    width:100%;
}*/
.dashboard-img .logo-ketabaa  {
    width: 85px !important;
    z-index: 1;
    position: relative;
}
.dashboard h3{
    font-size:22px !important;
}
.dashboard-img .title {
    color: #fff;
    font-weight: bold;
    z-index: 1;
    position: relative;
}
.margin-negative-75 {
    margin-top: -75px;
}
.dashboard-img {
    height:190px;
    position: relative;
    width: 100%;
    margin-top: 0px;
    padding-top: 5px;
}
    .dashboard-img:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        right: 0;
        top: -10px;
        /*background-color: #1f8ee7;*/
        background-image: url(../../../dashboard-icons/banner.png); /*linear-gradient(315deg, #9f71bb 0%, #3c6196 100%) !important;*/
        /*background-image: url('../../../dashboard-icons/taieri.svg');
        background-position: right bottom;
        background-size: auto 100%;
        background-repeat: no-repeat;*/
        background-size:cover;
    }
body.min .dashboard-img:after{
    top:-15px;
}
.nav > li > a:focus {
    background: transparent !important;
}
.box-number h4 {
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 135px;
    border-radius: 6px;
    background: #46b8da;
    color: #fff;
    padding: 5px;
    margin-top: -20px;
    position: relative;
}
.box-number a {
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 135px;
    height:35px;
    border-radius: 6px;
    background: #1ede62;
    color: #fff;
    padding: 5px;
    margin-top: -20px;
    position: relative;
}
.share-box h4 {
    text-align: center;
    display: inline-block;
    width: 135px;
    border-radius: 6px;
    background: #46b8da;
    color: #fff;
    padding: 5px;
    margin-top: -20px;
    position: absolute;
    right: 30px;
}
.share-box .btn-tamdid {
    width: 135px;
    border-radius: 6px;
    background: #1ede62;
    color: #fff;
    padding: 5px !important;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-top: -20px;
    position: absolute;
    display: inline-block;
    left: 25px;
    height: 38px;
}
.border-radius-7 {
    border-radius: 7px;
}
.panel-search {
    border-radius: 7px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%) !important;
    border:none !important;
}
.dashboard-inner.title-long {
    margin-top:-22px !important;
}
.dashboard-inner {
    padding: 10px;
    margin-top: -65px;
}
.dashboard-inner .dashboard-search-btn {
    width:90px !important;
}
.desktop-hidden {
    display: none;
}
.desktop-hidden-inline {
    display: none;
}
.font-weight-bold
{
    font-weight:bold;
}
.fancy-file-upload > input {
    padding-right: 15px;
}
.price-clean h4 em {
    font-size:14px !important;
}
.margin-top-35{
    margin-top: 35px !important;
}
.text-align-left
{
    text-align:left !important;
}
.exact-title-search {
    display: inline;
    float: left;
    bottom: -4px;
    position: relative;
}
    .exact-title-search .check-line-exact {
        width:12px !important;
    }
.exact-title-search label {
    font-size: 12px;
    top: -8px;
    position: relative;
}
@media only screen and (max-width: 991px) {
    .left-circle .circle-one {
        left: 0px;
        bottom: 25px;
        width: 50px;
        height: 50px;
    }

    .left-circle .circle-two {
        left: -7px;
        bottom: 16px;
        width: 66px;
        height: 65px;
    }

    .left-circle .circle-three {
        left: -17px;
        bottom: 6px;
        width: 85px;
        height: 85px;
    }
    .margin-top-mo-0{
        margin-top:10px !important;
    }
    .more-filed-book {
        padding:0 25px;
    }
    .no-tab-padding{
        padding-left:0!important;
        padding-right:0!important;
    }
    .padding-tab-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .book-image{
        width:115%;
        height:auto;
    }
}
    @media only screen and (max-width: 768px) {
        .book-image {
            width: 120px;
            height: auto;
        }
        .desktop-hidden {
            display: block;
        }
        .desktop-hidden-inline {
            display: inline;
        }
        .icon-box img {
            margin-bottom: 0;
            width: 45px !important;
        }
        .menu-box .text{
            font-size:14px;
        }
        .padding-rl-20 {
            padding-right: 0px !important;
            padding-left: 5px !important;
        }

        .dashboard-inner {
            padding-bottom: 60px !important;
            margin-top: -30px;
        }

        .box-number h4 {
            margin-top: -20px;
        }

        .dashboard-img .title {
            font-size: 20px !important;
            padding: 10px;
        }

        .dashboard-img {
            padding-top: 20px;
        }
        .left-circle .circle-one {
            left: 0px;
            bottom: 25px;
            width: 50px;
            height: 50px;
        }

        .left-circle .circle-two {
            left: -7px;
            bottom: 16px;
            width: 66px;
            height: 65px;
        }

        .left-circle .circle-three {
            left: -17px;
            bottom: 6px;
            width: 85px;
            height: 85px;
        }
        .menu-box {
            padding: 0;
            margin: 6px 3px;
            height: 100px;
        }
            .menu-box .text {
                font-size: 13px;
                margin-top: 7px;
            }

        .box-number h4 {
            margin-top: -4px;
            width: 100px;
            padding: 2px;
            font-size: 16px;
        }
        .box-number a {
            margin-top: -4px;
            width: 100px;
            padding: 0;
            font-size: 13px;
            line-height: 32px;
        }
    }
@media only screen and (max-width:480px) {
    .menu-box {
        padding: 0;
        margin: 8px 5px;
        height: 100px;
    }
    .left-circle .circle-one {
        left: 0px;
        bottom: 30px;
        width: 40px;
        height: 40px;
    }
    .left-circle .circle-two {
        position: absolute;
        left: -10px;
        bottom: 21px;
        width: 56px;
        height: 55px;
    }
    .left-circle .circle-three {
        position: absolute;
        left: -22px;
        bottom: 12px;
        width: 75px;
        height: 75px;
    }
    .menu-box .text {
        font-size: 13px;
        margin-top: 7px;
    }
    .box-number h4 {
        margin-top: -5px;
        width: 100px;
        padding: 2px;
        font-size: 16px;
    }
    .box-number a {
        margin-top: -4px;
        width: 100px;
        padding: 0;
        font-size: 13px;
        line-height: 32px;
    }
    .alert-new-theme{
        font-size:12px !important;
        
    }
    .btn-list-item {
        margin: 0 2px !important;
    }
    }
@media only screen and (max-width:400px) {
    .media-book-list .btn {
        padding:6px 10px!important;
    }
}
.search-title-tab {
    font-size: 12px ;
}

    .search-title-tab .fancy-file-upload > input {
        font-size: 13px !important;
    }

    @media only screen and (max-width:372px) {
        .icon-box img {
        width: 50px;
    }
    .col-mx-6{
        width:50% !important;
    }
    .menu-box {
        padding: 0 5px;
        margin:8px 10px;
        height: 100px;
    }
    .menu-box .text {
        font-size: 13px;
        margin-top: 7px;
    }

    .box-number h4 {
        margin-top: -18px;
        width: 95px;
        padding: 0;
        font-size: 15px;
        margin-bottom: 3px;
    }

    .search-title-tab {
        font-size: 10px !important;
    }

        .search-title-tab .fancy-file-upload > input {
            font-size: 10px !important;
        }
}

    .form-control {
    border: #ddd 1px solid !important;
}
.book-dtl .book-img {
    position: relative;
    float: right;
    display: inline
}
.book-info-dtl {
    display: inline;
}

.z-index-5{
    z-index:5;
}
.bootstrap-select .dropdown-toggle .filter-option{
    text-align:right !important;
}
.filter-option-inner-inner .select-disable {
    display:none !important;
}
.filter-option-inner-inner .select-padding-right-15 {
    padding-right:15px !important;
}

.fancy-file-upload.fancy-file-info > span.button.btn-input-left {
    left: 52px;
}
.select2-all-results {
    background: #3ad43a;
    position: absolute;
    bottom: 0;
    left: 3px;
    padding: 5px 10px !important;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
}
@media only screen and (max-width:768px) {
    .fancy-file-upload.fancy-file-info > span.button.btn-input-left {
        left: 52px;
    }
}
.app-info-icon {
    font-size:16px;
    position: relative;
    bottom: -2px;
}
@media only screen and (max-width:372px) {
    .btn-list-price .btn-list-item{
        padding:8px 12px;
        font-size:13px;
        font-weight:normal;
    }
}
@media only screen and (max-width:1360px) {
    .btn-list-price .btn-list-item {
        margin-bottom:10px;
    }
}