/*
 *
 * ArmaghanStyle
 *
 * Version: 1.0.0
 * Author: SeyedMohammad SeyedMohammadi
 * Description: proprietary style for Armaghan company
 */

/*operator background color*/
.bgc-mci {
    background-color: #54C5D0;
}

.bgc-mtn {
    background-color: #FDBE0F;
}

.bgc-rightel {
    background-color: #911E69;
}

.bgc-talia {
    background-color: #E90101;
}

.bgc-kish {
    background-color: #0016d0;
}

.bgc-international {
    background-color: #41d06d;
}

.bgc-mo {
    background-color: #e06412;
}

.bgc-mci,
.bgc-mtn,
.bgc-rightel,
.bgc-talia,
.bgc-kish,
.bgc-international,
.bgc-mo {
    color: #ffffff;
    text-align: center;
}

/*operator text color*/
.txt-mci {
    color: #54C5D0;
}

.txt-mtn {
    color: #FDBE0F;
}

.txt-rightel {
    color: #911E69;
}

.txt-talia {
    color: #E90101;
}

.txt-kish {
    color: #0016d0;
}

.txt-international {
    color: #41d06d;
}

/*statuses background color */
.bgc-deactive-color {
    background-color: rgba(127, 140, 141, 1);
}

.bgc-active-color {
    background-color: rgb(36, 177, 69);
}

.bgc-start-color {
    background-color: rgb(50, 172, 142);
}

.bgc-block-color {
    background-color: rgb(255, 144, 43);
}

.bgc-delete-color {
    background-color: rgb(238, 61, 61);
}

.bgc-expired-color {
    background-color: rgb(255, 204, 0);
}

.bgc-reserved-color {
    background-color: rgb(26, 172, 218);
}

.bgc-transferred-color {
    background-color: rgb(101, 88, 180);
}

.bgc-deactive-color-light {
    background-color: rgba(127, 140, 141, 0.5);
}

.bgc-active-color-light {
    background-color: rgba(36, 177, 69, 0.5);
}

.bgc-start-color-light {
    background-color: rgba(50, 172, 142, 0.5);
}

.bgc-block-color-light {
    background-color: rgba(255, 144, 43, 0.5);
}

.bgc-delete-color-light {
    background-color: rgba(238, 61, 61, 0.5);
}

.bgc-expired-color-light {
    background-color: rgba(255, 204, 0, 0.5);
}


.bgc-reserved-color-light {
    background-color: rgba(26, 172, 218, 0.5);
}

.bgc-transferred-color-light {
    background-color: rgba(101, 88, 180, 0.5);
}

/* important colors */
.bgc-expired-color-imp {
    background-color: rgb(255, 204, 0) !important;
}

.bgc-expired-color-light-imp {
    background-color: rgba(255, 204, 0, 0.5) !important;
}

.bgc-subsetlimit-color-imp {
    background-color: rgb(238, 61, 61) !important;
}

.bgc-subsetlimit-color-light-imp {
    background-color: rgba(238, 61, 61, 0.5) !important;
}

/*statuses text color */
.bgc-active-color,
.bgc-deactive-color,
.bgc-delete-color,
.bgc-block-color,
.bgc-reserved-color,
.bgc-start-color,
.bgc-transferred-color {
    color: #ffffff;
    text-align: center;
}

.bgc-active-color-light,
.bgc-deactive-color-light,
.bgc-delete-color-light,
.bgc-block-color-light,
.bgc-reserved-color-light,
.bgc-start-color-light,
.bgc-transferred-color-light {
    color: rgba(67, 67, 67, 0.78);
    text-align: center;
}

.txt-deactive-color {
    color: orangered;
}

.txt-active-color {
    color: rgb(36, 177, 69);
}

.txt-start-color {
    color: rgb(50, 172, 142);
}

.txt-block-color {
    color: rgb(255, 144, 43);
}

.txt-delete-color {
    color: rgb(238, 61, 61);
}

.txt-reserved-color {
    color: rgb(26, 172, 218);
}

.txt-transferred-color {
    color: rgb(101, 88, 180);
}

.status {
    width: 30px;
    height: 10px;
}

.error {
    color: #c30002;
    font-size: 100%;
}

input .error {
    border: solid 1px #ce0000;
}

#login-box {
    direction: rtl;
    padding: 7px;
    height: 380px;
    border-radius: 5px;
    box-shadow: rgba(49, 49, 49, 0.5) 10px 10px 100px;
    background-color: rgba(255, 255, 255, 1);
}

#mobile-login-box {
    width: 60%;
    margin: 20% 20%;
    direction: rtl;
    padding: 1%;
    border-radius: 5px;
    box-shadow: rgba(49, 49, 49, 0.5) 10px 10px 100px;
    background-color: rgba(255, 255, 255, 0.6);
}

/***************************************************************************/
/******************************** DataTable ********************************/
/***************************************************************************/

.dataTables_wrapper {
    direction: rtl;
    height: 46px;
    text-align: right;
    font-weight: bold;
    /*background-color: #418A95;*/
    margin-bottom: 0;
    border-radius: 4px 4px 0 0;
}

.dataTables_wrapper > thead > div:last-child {
    text-align: left;
    vertical-align: middle;
    /*line-height: 50px;*/
}

/*.dataTable > thead > tr{
    height: 30px;
    width: 100%;
    /!*background-color: #63ACB7 !important;*!/
    margin-top: 0;
}*/
.table > thead > tr > th {
    color: white !important;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    line-height: 21px;
}
.table{
}
.table tr {
    border-top:0 !important;
    cursor:pointer;
    background:transparent !important;
}
.table tr td{
    border-top:0 !important;
}
.table tr.odd td{
    background:#fafbfc !important;
}

.table tr:hover td{
    background:#f5f7fa !important;
}


.dataTables_wrapper > div:first-child {
    height: 40px;
}

.dataTables_wrapper > div:first-child > div:first-child > div, .dataTables_filter {
    /*margin-right: 100px;*/
    vertical-align: middle;
    line-height: 40px;
}

.dataTables_wrapper .dataTables_length label select {
    margin: 5px 5px 0 0;
}

.dataTables_wrapper > div:first-child > div:last-child > div {
    margin-left: 10px;
    vertical-align: middle;
    line-height: 40px;
}

.dataTables_wrapper > div:first-child > div:last-child > div > label > input, .dataTables_filter > label > input {
    width: 31px !important;
    background-color: transparent;
    color: white;
    cursor: pointer;
    border: solid 1px rgba(255, 255, 255, 0);
    border-radius: 0;

    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -ms-transition: 1s ease;
    background: url(../img/icon/search.png) no-repeat left;
}

.dataTables_wrapper > div:first-child > div:last-child > div > label > input:focus, .dataTables_filter > label > input:focus {
    width: 200px !important;
    border: solid 1px rgba(255, 255, 255, 1);

    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -ms-transition: 1s ease;

}

/*-------------------------------------*/

#table_contact_list > .dataTables_wrapper {
    direction: rtl;
    height: 0px !important;
    text-align: right;
    font-weight: bold;
    margin-bottom: 0;

    /*display: none !important;*/
}

#table_contact_list > .dataTables_wrapper > thead > div:last-child {
    text-align: left;
    vertical-align: middle;
}

#table_contact_list > .table > thead > tr > th {
    color: white !important;
    font-size: 16px;
}

#table_contact_list > .dataTables_wrapper > div:first-child {
    height: 0px;
}

#table_contact_list > .dataTables_wrapper > div:first-child > div:first-child > div, .dataTables_filter {
    /*vertical-align: middle;*/
    /*line-height: 65px;*/

    display: none !important;
}

#table_contact_list > .dataTables_wrapper > div:first-child > div:last-child > div {
    margin-left: 10px;
    vertical-align: middle;
    line-height: 65px;
}

#table_contact_list > .dataTables_wrapper > div:first-child > div:last-child > div > label > input, .dataTables_filter > label > input {
    /*width: 31px !important;
    background-image: url(../img/icon/search.png);
    background-repeat: no-repeat;
    background-color: transparent;
    color: white;
    cursor: pointer;
    border: solid 1px rgba(255 ,255 ,255 , 0);
    border-radius: 0;

    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -ms-transition: 1s ease;*/

    display: none !important;
}

#table_contact_list > .dataTables_wrapper > div:first-child > div:last-child > div > label > input:focus, .dataTables_filter > label > input:focus {
    /*width: 200px !important;
    border: solid 1px rgba(255 ,255 ,255 , 1);

    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -ms-transition: 1s ease;*/

    display: none !important;
}

/********************************END DataTable ********************************/

.top-menu-list > button, .top-menu-add > button, .top-menu-edit > button, .top-menu-delete > button, .top-menu-disable > button {
    vertical-align: middle;
    line-height: 24px;
}

.top-menu-back > button {
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.dashboard-menu-list > button {
    vertical-align: middle;
    line-height: 200px;
    /*margin-top:70px;*/
}

.hovicon.top-menu-disable {
    background: #cacdca;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.hovicon.top-menu-disable:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #cacdca;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(0.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(0.8);
    opacity: 0;
}

.hovicon.top-menu-disable > * {
    color: #383838;
}

.hovicon.top-menu-list {
    background: #3aabea;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.hovicon.top-menu-list:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #1797be;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(0.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(0.8);
    opacity: 0;
}

.hovicon.top-menu-list.sub-b:hover {
    background: #ffffff;
    color: #1797be;
    border: solid 1px #1797be;
}

.hovicon.top-menu-list.sub-b:hover i {
    background: #ffffff;
    color: #1797be;
    border: solid 1px #1797be;
}

.hovicon.top-menu-list.sub-b:after {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.hovicon.top-menu-list.sub-b:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.hovicon.top-menu-delete {
    background: #f05050;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.hovicon.top-menu-delete:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #f05050;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(0.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(0.8);
    opacity: 0;
}

.hovicon.top-menu-delete.sub-b:hover {
    background: #ffffff;
    color: #f05050;
    border: solid 1px #f05050;
}

.hovicon.top-menu-delete.sub-b:hover i {
    background: #ffffff;
    color: #f05050;
    border: solid 1px #f05050;
}

.hovicon.top-menu-delete.sub-b:after {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.hovicon.top-menu-delete.sub-b:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.hovicon.top-menu-add {
    background: #2b957a;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.hovicon.top-menu-add:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #2b957a;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(0.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(0.8);
    opacity: 0;
}

.hovicon.top-menu-add.sub-b:hover {
    background: #ffffff;
    color: #2b957a;
    border: solid 1px #2b957a;
}

.hovicon.top-menu-add.sub-b:hover i {
    background: #ffffff;
    color: #2b957a;
    border: solid 1px #2b957a;
}

.hovicon.top-menu-add.sub-b:after {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.hovicon.top-menu-add.sub-b:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.hovicon.top-menu-edit {
    background: #ff902b;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.hovicon.top-menu-edit:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #ff902b;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(0.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(0.8);
    opacity: 0;
}

.hovicon.top-menu-edit.sub-b:hover {
    background: #ffffff;
    color: #ff902b;
    border: solid 1px #ff902b;
}

.hovicon.top-menu-edit.sub-b:hover i {
    background: #ffffff;
    color: #ff902b;
    border: solid 1px #ff902b;
}

.hovicon.top-menu-edit.sub-b:after {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.hovicon.top-menu-edit.sub-b:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.hovicon.top-menu-back {
    background: #505150;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.hovicon.top-menu-back:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #505150;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(0.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(0.8);
    opacity: 0;
}

.hovicon.top-menu-back.sub-b:hover {
    background: #ffffff;
    color: #505150;
    border: solid 1px #505150;
}

.hovicon.top-menu-back.sub-b:hover i {
    background: #ffffff;
    color: #505150;
    border: solid 1px #505150;
}

.hovicon.top-menu-back.sub-b:after {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.hovicon.top-menu-back.sub-b:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.disabled, .disabled * {
    background-color: #dedede;
    cursor: not-allowed;
}

.disabled-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    cursor: not-allowed;
    z-index: 3;
}

.disabled-box > p {
    margin-top: 6%;
    text-align: center;
    color: white;
}

.top-menu-disable > button, .top-menu-add > button, .top-menu-edit > button, .top-menu-delete > button {
    vertical-align: middle;
}

.hovicon.top-menu-disable {
    background: #c9c6c7;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

/*.hovicon.top-menu-disable:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #c9c6c7;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(0.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(0.8);
    opacity: 0;
}

.hovicon.top-menu-disable.sub-b:hover {
    background: #ffffff;
    color: #c9c6c7;
    border: solid 1px #c9c6c7;
}

.hovicon.top-menu-disable.sub-b:hover i {
    background: #ffffff;
    color: #c9c6c7;
    border: solid 1px #c9c6c7;
}

.hovicon.top-menu-disable.sub-b:after {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.hovicon.top-menu-disable.sub-b:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}*/

.progress {
    display: inline-block;
    min-width: 45px;
    min-height: 45px;
    padding: 2px;
    border-radius: 100%;;
    position: relative;
    border: none;
    background-color: transparent;
}

.progress > button {
    position: absolute;
    top: 0;
    left: 0;
}

.progress > svg {
    height: 100%;
    display: block;
}

.aside-inner > nav > li:hover {
    background-color: red;
}

/**********************************/

.content-heading {
    font-size: 20px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    /*
        max-height: 60px !important;
        min-height: 60px !important;*/
}

#page_title, #page_icon > i {
    vertical-align: middle;
}

/******************************************/
/*style haye mokhtas be page haye khas*/
/******************************************/

/*************************asset_add***************************/

#preview_iphone5 {
    position: relative;
    height: 600px;
    width: 291px;
    margin: auto;
    background-image: url('../img/background/iphone6.png');
    background-repeat: no-repeat;
}

#preview_content_iphone5 {
    position: absolute;
    height: 457px;
    width: 270px;
    top: 68px;
    left: 12px;
    background-color: #fafff4;
}

/*************************************************************/

/*bulk_send*/
.bulk-box {
    position: relative;
    margin: 20px auto;
    opacity: 0.9;
    color: #fff;
    transition: 0.1s;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s ease;
    -o-transition: 0.1s ease;
    -ms-transition: 0.1s ease;
}

.bulk-box:hover, .bulk-box-hover{
    /*border: 1px solid white;*/
    /*opacity: 1;*/
    /*transition: 0.1s;*/
    /*-webkit-transition: 0.1s;*/
    /*-moz-transition: 0.1s ease;*/
    /*-o-transition: 0.1s ease;*/
    /*-ms-transition: 0.1s ease;*/
}

.bulk-box .header {
    text-align: center;
    margin: -15px -15px 0;
    display: block;
    width: initial;
    padding: 12px 0 17px;
    background: rgba(0, 0, 0, 0.07);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.bulk-box .notifier{
    background:white;
    margin: 2px 0 15px !important;
    color: #262e4a;
    padding: 10px 0px 5px;
    position: relative;
}
.bulk-box .notifier .form-group{
    display:inline-block;
    width: 100%;
    margin: 0;
}
.bulk-box .notifier .form-group label{
    margin-bottom: 2px;
}
.bulk-box .btn {
    opacity:0.83;
}
.panel-body {
    padding: 15px 15px 0;
}
.bordered .panel-body {
    padding: 0;
}

.bulk-box{
    border: 1px solid #eaeaea;
    border-radius:4px;
    color: #3a3f51;
}
.bulk-box .panel-body{
    min-height:210px
}
.bulk-box .btn-info{
    width: 85%;
    margin: auto;
    opacity: 1;
    display: block;
}

.bulk-body-footer {
    height: 65px !important;
    margin: 0;
    width: 100%;
    color: white;
    background-color: rgba(181, 179, 186, 0.5);
    text-align: center;
    align-content: center;
    vertical-align: middle;
    line-height: 60px;
}

.bulk-bg-anger {
    background-color: rgba(255, 57, 30, 0.6);
}

.ribbon-package {
    position: absolute;
    padding: 0;
    margin: 0;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform-origin: 0 100%;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .12), 0 1px 6px 0 rgba(0, 0, 0, .12);
    background-color: #c0392b;
    color: #ffffff;
    height: 35px;
    width: 180px;
    top: -35px;
    transform: rotateZ(45deg);
    padding-left: 35px;
    padding-right: 35px;
    line-height: 35px;
    right: -52.720779386421px;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
}

.ribbon-package-2 {
    position: absolute;
    padding: 0;
    margin: 0;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform-origin: 0 100%;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .12), 0 1px 6px 0 rgba(0, 0, 0, .12);
    background-color: #c0392b;
    color: #ffffff;
    height: 35px;
    width: 272px;
    top: -42px;
    transform: rotateZ(45deg);
    padding-left: 35px;
    padding-right: 35px;
    line-height: 33px;
    right: -82.720779px;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
}

.main-icon {
    position: relative;
}

.sub-icon-div {
    position: absolute;
    height: 20px;
    width: 20px;
    right: 70%;
    bottom: 0;
    font-size: 0.2em;
    background-color: #fff;
    border-radius: 100%;
    vertical-align: middle;
    line-height: 20px;
    text-align: center;
}

.text-user {
    color: #16a085;
}

.box-id-circle {
    float: right;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    background-color: #323031;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
    color: white;
    margin-left: 10px;
}

/*modals send message*/
.modal-sendMessage {
    position: absolute;
    top: 58px;
    background-color: #ffffff;
    box-shadow: 1px 1px 10px;
    height: auto;
    z-index: /*99999*/ 1000;
    max-width: 800px;
    left: 0;
    right: 0;
    margin: auto;
}

.modal-aimedBulkValues {
    position: fixed;
    top: 25px;
    left: 25%;
    background-color: #ffffff;
    box-shadow: 1px 1px 10px;
    height: auto;
    width: 50%;
    z-index: 99999;
    overflow-y: auto;
}

.wizard > .content {
    display: block;
    min-height: 35em;
    overflow-y: auto;
    position: relative
}

/*modals resend message*/
.modal-reSendMessage {
    position: absolute;
    top: 58px;
    background-color: #ffffff;
    box-shadow: 1px 1px 10px;
    height: auto;
    z-index: 10000;
    max-width: 800px;
    left: 0;
    right: 0;
    margin: auto;
}


/*****************************************************************/
/***************************short text****************************/
/*****************************************************************/
.iffyTip {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tabIffyTip {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wd20 {
    width: 20px;
}

.wd100 {
    width: 100px;
}

.wd200 {
    width: 200px;
}

.wd250 {
    width: 250px;
}

/******************************END********************************/

.min-h {
    min-height: 180px;
}

/*****************************contact list page****************************/
.activeContact {
    background-color: #eceff1 !important;
}

.activeContact * {
    color: #564AA3 !important;
}

/*****************************one_to_many_sms_send page****************************/
.modal_activeContact {
    background-color: #eceff1 !important;
}

.modal_activeContact * {
    color: #564AA3 !important;
}

.content_preview {
    width: 100%;
    border: solid 1px #e8e8e8;;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    outline: none;
    background-color: transparent !important;
    resize: none;
    /*cursor: pointer !important;*/
    cursor: text !important;
}

/*****************************bulk_view page****************************/

.stepwizard-step p {
    margin: 5px 0 8px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    background:#dddddd;
    color:#656565;
}
.stepwizard-step button{
    position: relative;
    background:#dddddd;
    color:#656565;
    border-radius: 0;
    width: 100%;
    font-size: 17px;
    padding-right: 12px;
    line-height:22px;
}
.stepwizard-step:not(:last-child) button:after{
    content:"";
    border: 22px solid transparent;
    border-right: 18px solid #dddddd;
    border-left: 0;
    top: -4px;
    height:0;
    left: -18px;
    position: absolute;
    z-index: 2;
}
.stepwizard-step .btn-success:disabled:hover, .stepwizard-step .btn-success:disabled:focus:hover {
    background:#dddddd;
    color:#656565;
}
.stepwizard-step.active button, .stepwizard-step.active button {
    color: #ffffff;
    background-color: #27c24c;
}
.stepwizard-step.active p a{
    color: black;
}
.stepwizard-step.active .btn-success:after {
    color: #ffffff;
    border-right-color: #27c24c;
}
.stepwizard-step .btn-success:active {
    box-shadow:none;
}
.stepwizard-step .btn-success:hover, .stepwizard-step .btn-success:focus:hover {
    color: #ffffff;
    background-color: #24b145 !important;
}
.stepwizard-step .btn-success:hover:after, .stepwizard-step .btn-success:focus:after{
    border-right-color: #24b145 !important;
}
.stepwizard-step.active button:after{
    border-right-color: #27c24c !important;
}
.stepwizard-step .btn-success:disabled:hover:after, .stepwizard-step .btn-success:disabled:focus:hover:after {
    border-right-color:#dddddd;
}
.stepwizard-step:not(:last-child) button:before{
    content:"";
    border: 22px solid transparent;
    border-right: 18px solid white;
    border-left: 0;
    height:0;
    top: -4px;
    left: -19px;
    position: absolute;
    z-index: 2;
}
.stepwizard-step button[disabled]:after{
    border-right-color: #dddddd;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.small-checkbox {
    width: 17px;
    height: 17px;
}

/***********************bootstrap classes for removing 15pix bootstrap margin*************************/

.mmLR15 {
    margin: 0px -15px;
}

.mmR15 {
    margin-right: -15px;
}

.mmL15 {
    margin-left: -15px;
}

.mmL12 {
    margin-left: -12px;
}

.mmT15 {
    margin-top: -15px;
}

.mmB15 {
    margin-bottom: -15px;
}

.mmB0 {
    margin-bottom: 0px;
}

.ppLR0 {
    padding: 0px;
}

.ppR0 {
    padding-right: 0px;
}

.ppL0 {
    padding-left: 0px;
}

/***********************glyphicon with font of negar*************************/

.txt-userblock1 {
    font-family: inherit !important;
    font-size: 12px !important;
}

/***********************factor_view page*************************/

.compact-height {
    line-height: 0.5 !important;
}

/********************pulse animation correction for heading items*************/

.cd-single-point.centered::after {
    /* this is used to create the pulse animation */
    content: '';
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: inherit;
    background-color: transparent;
    -webkit-animation: cd-pulse 2s infinite;
    -moz-animation: cd-pulse 2s infinite;
    animation: cd-pulse 2s infinite;
}

.asset-media {
    width: 100%;
    height: auto !important;
    min-height: 50px;
}

/************************* contact selection modal - input besiar kochak *********************************/
.input-xs {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5; /* If Placeholder of the input is moved up, rem/modify this. */
    border-radius: 3px;
}

/************************* Wizard Status *********************************/

#wizard-status{position:relative;}
#wizard-status:before{content:'';border-top:2px dotted #ededed;width: 90%;position:absolute;top: 42px;left: 0;right: 0;margin: auto;}
#wizard-status>div{background:white;padding: 0;}
#wizard-status .stepwizard{border:2px dotted #ededed;border-radius:5px;padding: 20px 0;}
#wizard-status .stepwizard-step p{float: none;display: inline-block;margin: 7px 0 0 6px;position: relative;z-index: 2;}
#wizard-status .stepwizard-step button{float: none;display: inline-block;width: 36px;height: 36px;padding: 0;font-size:0;margin-left: 3px;color:transparent;background:transparent;}
#wizard-status .stepwizard-step button.btn-success:hover{background-color: transparent !important;}
#wizard-status .stepwizard-step button:after{content:'';background:url("../img/icon/wizard-status.png") transparent;border: none;position: absolute;right: -1px;width: 40px;height: 40px;top: -1px;}
#wizard-status .stepwizard-step button.registered:after{content:'';background: url("../img/icon/wizard-status.png") -80px -40px;}
#wizard-status .stepwizard-step button.waiting:after{content:'';background: url("../img/icon/wizard-status.png") -40px -40px;}
#wizard-status .stepwizard-step button.ready:after{content:'';background: url("../img/icon/wizard-status.png") 0px -40px;}
#wizard-status .stepwizard-step.active button.registered:after{content:'';background: url("../img/icon/wizard-status.png") -80px 0px;}
#wizard-status .stepwizard-step.active button.waiting:after{content:'';background: url("../img/icon/wizard-status.png") -40px 0px;}
#wizard-status .stepwizard-step.active button.ready:after{content:'';background: url("../img/icon/wizard-status.png") 0px 0px;}
#wizard-status .stepwizard-step.active button.ready+p{color:#477ee0}
#wizard-status .stepwizard-step.active button.registered+p{color: #ed345f;}
#wizard-status .stepwizard-step.active button.waiting+p{color:#59bd79}
#wizard-status .stepwizard-step:not(:last-child):before{content:'';position: absolute;left: -8px;border: 11px solid transparent;border-right: 13px solid #a6a6a6;border-left: 0;top: 0;bottom: 0;margin: auto;height: 0;}
#wizard-status .stepwizard-step:not(:last-child):after{content:'';position: absolute;left: -7px;border: 11px solid transparent;border-right: 13px solid #fff;border-left: 0;top: 0;bottom: 0;margin: auto;height: 0;}

/************************* option select style *********************************/

.select7{position:relative;text-align:left;display:inline-block;line-height:1.428571429}.select7,.select7 *{box-sizing:border-box}.select7_native_dropdown .select7__current{cursor:default!important}.select7_native_dropdown .select7__caret{border-color:#222 transparent transparent!important}.select7_dropdown{display:inline-block;margin:0 -5px}.select7_dropdown .select7__current{height:auto;padding:0 15px 0 10px;border:0 none;position:relative;cursor:pointer;background-color:transparent}.select7_dropdown .select7__current:hover .select7__current-value{color:#25972a}.select7_dropdown .select7__current:hover .select7__caret{border-color:#25972a transparent transparent}.select7_dropdown .select7__drop{z-index:1000;top:0;left:0;min-width:100%;padding:35px 0 5px;margin-top:-6px;border-width:1px;border-radius:4px;background-clip:padding-box}.select7_dropdown .select7__current-value{overflow:visible;display:inline-block;border-bottom:1px dotted}.select7_dropdown .select7__caret{position:static;margin-top:0;border-color:#222 transparent transparent}.select7_dropdown .select7__option{padding:5px 10px}.select7_noopts .select7__caret{display:none}.select7_noopts .select7__current{cursor:default}.select7_noopts .select7__current:hover .select7__current-value{color:inherit}.select7_noopts .select7__current-value{border-bottom-color:transparent}.select7_position_right .select7__drop{left:auto;right:0}.select7_position_right .select7__option{text-align:right}.select7__current{position:relative;color:#222;border: 1px solid #eaeaea;border-radius:4px;background-color:#fff;padding:5px 22px 5px 10px;cursor:pointer;margin: 4px 0 0;height:35px;}.select7__current-value{text-overflow: ellipsis;display:block;text-align: center;line-height: 24px;}.select7__current:hover .select7__caret{border-color:#25972a transparent transparent}.select7__drop{display:none;position:absolute;top:0;left:0;z-index:1000;min-width:100%;padding:35px 0 5px;margin:0;font-size:14px;background-color:#fff;border-width:1px;border-style:solid;border-color:#ccc;border-radius:4px;box-shadow:0 3px 4px rgba(0,0,0,0.1);background-clip:padding-box}.select7__drop-list{list-style:none;margin:0;padding:0;max-height:168px;overflow-y:auto;-webkit-overflow-scrolling:touch}.select7__caret{position:absolute;top:50%;margin-top:-3px;right:9px;display:inline-block;width:0;height:0;margin-left:5px;vertical-align:middle;border-width:6px 4px 0;border-style:solid;border-color:#222 transparent transparent;transition:border-color .1s linear}.select7__option,.select7__optgroup{display:block;overflow:hidden;padding:5px 10px;clear:both;text-decoration:none;font-weight:400;color:#383838;white-space:nowrap}.select7__option{cursor:pointer;transition:background-color .2s ease-in-out;font-weight:400;text-align: center;border-top: 1px solid #f1f1f1;}.select7__option_disabled{background-color:#fbfbfb!important;color:#a7a7a7!important;cursor:default!important}.select7__option:hover{color:#222;background-color:#f4f4f4}.select7__option_current:before{content:"✓ "}.select7__optgroup{cursor:default;font-weight:700}.select7__optgroup:hover{background-color:#fdfdfd}.select7__optgroup_collapse .select7__optgroup-label:after{content:" ↓"}.select7__optgroup_collapse .select7__optgroup-items{display:none}.select7__optgroup_collapse_open .select7__optgroup-label:after{content:" ↑"}.select7__optgroup_collapse_open .select7__optgroup-items{display:block}.select7__optgroup-items{padding:0}.select7__placeholder{color:#a7a7a7!important}.select7__icon{display:inline-block;height:24px;margin-right:5px;vertical-align:text-top;text-align:center;letter-spacing:0;font-size:0}.select7__icon:after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.select7__icon > img{letter-spacing:normal;font-size:12px;border:0 none;margin:0 auto;max-width:100%;max-height:100%;display:inline-block;vertical-align:middle}.select7_open .select7__current{z-index:1001;border-color:transparent;box-shadow:none;background-color:transparent;}.select7_open .select7__current:hover .select7__current-value{border-color:transparent}.select7_open .select7__current:hover .select7__caret{border-color:transparent transparent #25972a}.select7_open .select7__caret{border-color:transparent transparent #222;border-width:0 4px 6px}.select7_open .select7__drop{display:block}.select7_open.select7_dropdown .select7__current{box-shadow:none}.select7_open.select7_dropdown .select7__current:hover .select7__caret{border-color:transparent transparent #25972a}.select7_open.select7_dropdown .select7__caret{border-color:transparent transparent #222} .select7-fullwidth .select7__current{margin:0}
.selector .select7__current{margin:0}

/************************* datepicker *********************************/

.pdp-default{background: #272626;box-shadow: 0 1px 6px 0 rgba(0,0,0,0.17);overflow: hidden;border: none;border-radius: 0;z-index:1100 !important;}
.pdp-default.displayCombination{padding: 0 0 10px 0;}
.pdp-default.displayCombination:not(.noborder):before{content:'';position:absolute;top: 10px;bottom: 8px;left: 8px;right: 8px;display: block;z-index: -1;}
.pdp-default.displayCombination:not(.noborder) .ui-datepicker-calendar{width: 90%;margin: auto;}
.pdp-default.displayCombination:not(.noborder) .ui-datepicker-header{width: 90%;margin: auto;clear: both;}
.pdp-default.displayCombination #rangeSelector{display:none;}
.pdp-default.displayCombination.range #rangeSelector{display:block;position: relative;font-size: 11px;width: 100%;height: 10px;}
.pdp-default.displayCombination.noborder #rangeSelector{margin-top:7px!important;}
.pdp-default.displayCombination.range .ui-datepicker-type+#rangeSelector{margin-top:0 !important;}
.pdp-default.displayCombination.range #rangeSelector:before{content:'';background: #666666;position:absolute;height: 28px;left: 8px;right: 50%;margin-right: 3px;z-index: -1;top: 5px;border: 1px solid #999999;}
.pdp-default.displayCombination.range #rangeSelector:after{content:'';background: #666666;position:absolute;height: 28px;right: 8px;left: 50%;top: 5px; margin-left: 2px !important; z-index: -1;border: 1px solid #999999;}
.pdp-default.displayCombination.range #rangeSelector.from .title:first-child{color:white;}
.pdp-default.displayCombination.range #rangeSelector.to .title:last-child{color:white;}
.pdp-default.displayCombination.range #rangeSelector.from:after{border-color:white;z-index:0;}
.pdp-default.displayCombination.range #rangeSelector.to:before{border-color:white;z-index:0;}
.pdp-default.displayCombination.range #rangeSelector .title{margin: 9px 0 8px;color: #eaeaea;position: relative;z-index: 1;text-align: right;padding-right: 18px;overflow: visible;width: 50%;padding-top: 2px;padding-bottom: 1px;float: right;}
.pdp-default.displayCombination.range #rangeSelector .title:nth-child(2){padding-right: 10px;}
.pdp-default.displayCombination.range #rangeSelector .title span{position: absolute;top: 3px;right: 40px;height: 100%;text-align: right; left: 0;}
.pdp-default.displayCombination.range #rangeSelector .title:nth-child(2) span{right: 30px;}
.pdp-default.displayCombination.range #rangeSelector .selectTo {display:none;}
.pdp-default.displayCombination .ui-datepicker-buttonpane .selectRange{display:none;background: #51c24b;border:0;color:white;bottom: 0;top: 0;width: 70px;height: 26px;border-radius: 2px;position: absolute;left: 0;right: 30px;float: none !important;margin: auto !important;}
.pdp-default.displayCombination .ui-datepicker-buttonpane .selectRange:hover{background: #4ed147;}
.pdp-default.displayCombination.range .ui-datepicker-buttonpane .selectRange{display:block;}
.pdp-default.displayCombination.range .ui-datepicker-buttonpane .close{background: #f2645a;width:27px;height:26px;opacity:1;position: absolute;left: 73px;border-radius: 3px;right: 0;margin: auto;top: 0;bottom: 0;}
.pdp-default.displayCombination.range .ui-datepicker-buttonpane .close:before{content:'';width:2px;height:15px;background:white;position:absolute;right:0;left:0;top:0;bottom:0;margin:auto;transform:rotate(45deg)}
.pdp-default.displayCombination.range .ui-datepicker-buttonpane .close:after{content:'';width:2px;height:15px;background:white;position:absolute;right:0;left:0;top:0;bottom:0;margin:auto;transform:rotate(135deg)}
.pdp-default.displayCombination.range .ui-datepicker-buttonpane .close:hover{border:none;background:hsla(4, 100%, 45%, 1);}
.pdp-default .ui-datepicker-header{clear:both; background: #272626;border: none;border-radius: 0;border-bottom: 1px solid #414141;}
.pdp-default .ui-datepicker-next, div.ui-datepicker .ui-datepicker-prev{width: 26px;height: 26px;padding: 0;left: 7px !important;top: 7px;}
.pdp-default .ui-datepicker-next:hover, div.ui-datepicker .ui-datepicker-prev:hover{border: none;}
.pdp-default .ui-datepicker-next:hover, div.ui-datepicker .ui-datepicker-prev:hover{background: none;}
.pdp-default .ui-datepicker-next:before{content:'';position: absolute;width: 26px;height: 26px;top: 0;left: 0;background: #272626;border-radius: 3px;border: 1px solid #666;}
.pdp-default .ui-datepicker-next:after{content:'';position: absolute;width: 0;height: 0;top: 8px;left: 9px;border: 5px solid transparent;border-right: 7px solid #bfbfbf;border-left:0;}
.pdp-default .ui-datepicker-prev i, div.ui-datepicker .ui-datepicker-next i{display:none;}
.pdp-default .ui-datepicker-prev, div.ui-datepicker .ui-datepicker-prev:hover{width: 26px;height: 26px;right: 7px !important;padding: 0;}
.pdp-default .ui-datepicker-prev:before{content:'';position: absolute;width: 26px;height: 26px;top: 0;right: 0;background: #272626;border-radius: 3px;border: 1px solid #666;}
.pdp-default .ui-datepicker-year:hover, div.ui-datepicker .ui-datepicker-month:hover, div.ui-datepicker .ui-datepicker-prev:hover:before, div.ui-datepicker .ui-datepicker-next:hover:before{background: #403f3f;border: 1px solid #999;}
.pdp-default .ui-datepicker-prev:after{content:'';position: absolute;width: 0;height: 0;top: 8px;right: 9px;border: 5px solid transparent;border-left: 7px solid #bfbfbf;border-right:0;}
.pdp-default .ui-datepicker-title{margin:0 37px 0 38px}
.pdp-default .ui-datepicker-title select{font-family: iran_sans;border-radius: 3px;background: #272626;font-weight: normal;border: 1px solid #666;color: #ccc;top: -1px;position: relative;cursor: pointer;}
.pdp-default .ui-datepicker-title select:last-child{margin-right: 2px;}
.pdp-default .ui-datepicker-title select:hover{background:#403f3f;}
.pdp-default .ui-datepicker-calendar span{color:white;font-weight:normal;display: block;text-align: center;}
.pdp-default .ui-state-disabled, div.ui-datepicker .ui-state-disabled span{opacity:1;color:#999 !important;}
.pdp-default th{padding: 5px 0 8px!important;}
.pdp-default thead{background:#272626;border-bottom: 1px solid #414141;}
.pdp-default tbody tr:first-child td{padding-top:7px}
.pdp-default .ui-state-default{background:#272626;color:white;padding:5px 0 4px;border-radius: 0;border-color: #ff4d4d;}
.pdp-default .ui-datepicker-today a{background: #4d4c4c;border: 1px solid #999999;border-radius: 0;}
.pdp-default .ui-datepicker-buttonpane{background:#272626;border-top-color: #434343;position: relative;}
.displayCombination .ui-datepicker-buttonpane{width:90%;margin: auto !important;}
.pdp-default .ui-datepicker-buttonpane button{background:#272626;border-color: #666666;margin: 7px;font-family: iran_sans;color: #ccc;font-size: 12px;}
.pdp-default .ui-datepicker-buttonpane button:hover{background:#403f3f;}

/************************* header *********************************/

.nav-wrapper .nav.navbar-nav li{height: 55px;width: 55px!important;display: inline-table;text-align: center;background:transparent;}

.nav-wrapper .nav.navbar-nav > li > a{padding:0;height:auto;line-height: inherit;display: table-cell;vertical-align: middle; min-width:30px;}
.nav-wrapper .nav.navbar-nav > li > a .bulk{background: url("../img/icon/header-notifications.png") no-repeat center center;width: 30px;height: 30px;display: block;left: 0;right: 0;position: absolute;top: 0;bottom: 0;margin: auto;}
.nav-wrapper .nav.navbar-nav > li > a .ticket{background: url("../img/icon/header-notifications.png") no-repeat center left;width: 30px;height: 30px;display: block;left: 0;right: 0;position: absolute;top: 0;bottom: 0;margin: auto;}
.nav-wrapper .nav.navbar-nav > li > a .order{background: url("../img/icon/header-notifications.png") no-repeat center right;width: 30px;height: 30px;display: block;left: 0;right: 0;position: absolute;top: 0;bottom: 0;margin: auto;}

#autoResponderAlert .bulk{background: url("../img/icon/header-notifications-2.png") no-repeat 0 0;width: 30px;height: 30px;display: block;left: 0;right: 0;position: absolute;top: 0;bottom: 0;margin: auto;}
#pollAlert .bulk{background: url("../img/icon/header-notifications-2.png") no-repeat -90px 0;width: 30px;height: 30px;display: block;left: 0;right: 0;position: absolute;top: 0;bottom: 0;margin: auto;}
#codereaderAlert .bulk{background: url("../img/icon/header-notifications-2.png") no-repeat -60px 0;width: 30px;height: 30px;display: block;left: 0;right: 0;position: absolute;top: 0;bottom: 0;margin: auto;}
#mycustomerAlert .bulk{background: url("../img/icon/header-notifications-2.png") no-repeat -30px 0;width: 30px;height: 30px;display: block;left: 0;right: 0;position: absolute;top: 0;bottom: 0;margin: auto;}
#visitCardAlert .bulk{background: url("../img/icon/header-notifications-visitCard.png") no-repeat 0 0;width: 30px;height: 30px;display: block;left: 0;right: 0;position: absolute;top: 0;bottom: 0;margin: auto;}

.nav-wrapper .nav.navbar-nav > li > a .color-notif{background-color: #ccc !important;}

.nav-wrapper .nav.navbar-nav .fa-navicon, .fa-reorder, .fa-bars{width: 19px;height: 3px;top: 0;left: 0;bottom: 0;right: 0;margin: auto;border-radius: 2px;background: white;position: absolute;}
.nav-wrapper .nav.navbar-nav .fa-navicon:before, .fa-reorder:before, .fa-bars:before{content:'';width: 19px;height: 3px;border-radius: 2px;background: white;position: absolute;top: 5px;left: 0;right: 0;margin: auto;}
.nav-wrapper .nav.navbar-nav .fa-navicon:after, .fa-reorder:after, .fa-bars:after{content:'';width: 19px;height: 3px;border-radius: 1px;background: white;position: absolute;top: -5px;left: 0;right: 0;margin: auto;}

.nav-wrapper .nav.navbar-nav .fa-navicon.black, .fa-reorder, .fa-bars.black{background: black;}
.nav-wrapper .nav.navbar-nav .fa-navicon.black:before, .fa-reorder.black:before, .fa-bars.black:before{background: black;}
.nav-wrapper .nav.navbar-nav .fa-navicon.black:after, .fa-reorder.black:after, .fa-bars.black:after{background: black;}

.nav-wrapper .nav.navbar-nav .icon-user{position:absolute;width: 32px;height: 32px;background-size: 22px;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.nav-wrapper .nav.navbar-nav .icon-user:before{content:'';background: url(../img/icon/user-white.png) no-repeat center;position:absolute;width: 32px;height: 32px;background-size: 22px;left: 0;}
.nav-wrapper .nav.navbar-nav .fa-send{position:absolute;width: 32px;height: 32px;background-size: 22px;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.nav-wrapper .nav.navbar-nav .fa-send:before{content:'';background: url(../img/icon/send.png) no-repeat center;position:absolute;width: 32px;height: 32px;background-size: 22px;left: 0;}
.nav-wrapper .nav.navbar-nav .icon-equalizer{position:absolute;width: 32px;height: 32px;background-size: 22px;top: 0;bottom: 1px;left: 3px;right: 0;margin: auto;}
.nav-wrapper .nav.navbar-nav .icon-equalizer:before{content:'';background: url(../img/icon/setting.png) no-repeat center;position:absolute;width: 32px;height: 32px;background-size: 22px;left: 0;}
.nav-wrapper .nav.navbar-right li > a > em{font-size: 19px;line-height: 29px;color:white;}
.nav-wrapper .nav.navbar-right:hover li > a > em, .nav-wrapper .nav.navbar-right:focus li > a > em{color:white;}
.nav-wrapper .nav.navbar-right .label-danger{line-height: 16px;font-size: 11px;border-radius: 50%;width: 20px;height: 20px;margin: 2px 0 0 7px;}
.nav-wrapper .nav.navbar-right .icon-bell:before {top: 1px; position: relative;}
.nav-wrapper .nav.navbar-right .dropdown-menu li{width:100% !important;}
.fa-chevron-circle-right:before {font-size: 21px;line-height: 25px;}
#content-wrapper .panel.panel-blue {border-top-width:1px;}
#content-wrapper .panel-blue > .panel-heading{background-color: transparent;padding: 20px 20px 0;}
#content-wrapper.is-dashboard{
    background: rgb(245,245,245);
    background: -moz-linear-gradient(135deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(227,227,227,1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(227,227,227,1) 100%);
    background: linear-gradient(-135deg, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(227,227,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e3e3e3',GradientType=0 );
}

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

#header-alert{display: none;width: 100% !important;text-align: right;padding: 0 20px;position: absolute;background: #0068b3;}
#header-alert:hover{background: #005999;}
#header-alert:hover span{color:white !important;}

.alertContainer{padding:0 15px;}
.alertContainer .alert{line-height: 26px;font-weight: normal !important;}
.alertContainer .alert:last-child{margin-bottom: 35px;}

.header-title {font-size: 18px !important;margin-top: 13px;position:relative;color: #4d4d4d !important;margin-right: 7px !important;}
.header-title a{position:absolute;left:-12px;top:-5px;}

.nav-wrapper .left-separator{border-left:1px solid rgba(0,0,0,0.09); position:relative;}
.nav-wrapper .left-separator:before{content:''; position: absolute; height:100%; border-left:1px solid rgba(255,255,255,0.17); left:0px;}
.nav-wrapper .dropdown-list > .dropdown-menu {min-width: 300px;}
.nav-wrapper .dropdown-list > .dropdown-menu .message{padding-right:20px;height: 52px;}
.nav-wrapper .dropdown-list > .dropdown-menu .message:nth-child(even){background:#fafafa;}
.nav-wrapper .dropdown-list > .dropdown-menu .message .media-box{padding-right: 30px;background: url(../img/icon/notification-message-icon.png) no-repeat center right;}
.nav-wrapper .dropdown-list > .dropdown-menu .message .message-content{width: 169px;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;top: 6px;}
.nav-wrapper .dropdown-list > .dropdown-menu .message .media-box>.date{color:#0088d3;font-size: 14px;min-height:30px;}
.nav-wrapper .dropdown-list > .dropdown-menu .date .time{color:#0088d3;font-size: 14px;}
.nav-wrapper .dropdown-list > .dropdown-menu .date .date{color:#009bea;font-size: 10px;}
.nav-wrapper .dropdown-list > .dropdown-menu .see-more{font-size:11px; background: #0088d3; color:white;padding: 4px;}

/************************* Side Navigation *********************************/

#side-navigation .fa:before {content:'';display:block;position: relative;top: 0;margin-bottom: -14px;width:30px;height:30px;background-size: 1080px 60px !important;}
#side-navigation .fa-bank:before {background: url(../img/icon/dashboard.png) no-repeat -1033px -17px;}
#side-navigation .fa-dashboard:before {background: url(../img/icon/dashboard.png) no-repeat -974px -18px;}
#side-navigation .fa-envelope:before {background: url(../img/icon/dashboard.png) no-repeat -916px -19px;}
#side-navigation .fa-user:before {background: url(../img/icon/dashboard.png) no-repeat -856px -17px;}
#side-navigation .fa-users:before {background: url(../img/icon/dashboard.png) no-repeat -796px -16px;top: -2px;}
#side-navigation .fa-bank-accounts-management:before {background: url(../img/icon/dashboard-bank-accounts.png) no-repeat !important;top: -2px;}
#side-navigation .fa-tty:before {background: url(../img/icon/dashboard.png) no-repeat -737px -17px;}
#side-navigation .fa-pie-chart:before {background: url(../img/icon/dashboard.png) no-repeat -677px -18px;}
#side-navigation .fa-file-text:before {background: url(../img/icon/dashboard.png) no-repeat -618px -17px;}
#side-navigation .fa-book:before {background: url(../img/icon/dashboard.png) no-repeat -555px -19px;}
#side-navigation .fa-shopping-cart:before {background: url(../img/icon/dashboard.png) no-repeat -496px -18px;}
#side-navigation .fa-responder:before {background: url(../img/icon/dashboard.png) no-repeat -435px -18px;}
#side-navigation .fa-barcode:before {background: url(../img/icon/dashboard.png) no-repeat -378px -18px;}
#side-navigation .fa-check:before {background: url(../img/icon/dashboard.png) no-repeat -316px -18px;}
#side-navigation .fa-gamepad:before {background: url(../img/icon/dashboard.png) no-repeat -255px -18px;}
#side-navigation .fa-birthday-cake:before {background: url(../img/icon/dashboard.png) no-repeat -196px -18px;}
#side-navigation .fa-credit-card:before {background: url(../img/icon/dashboard.png) no-repeat -136px -18px;}
#side-navigation .fa-comment:before {background: url(../img/icon/dashboard.png) no-repeat -77px -17px;}
#side-navigation .fa-sign-out:before {background: url(../img/icon/dashboard.png) no-repeat -17px -17px;}
#side-navigation .notification:before {background: url(../img/icon/notification-dashboard.png) no-repeat -2px -8px;background-size: auto !important;}
#side-navigation #fromMobile:before {background: url(../img/icon/mobile-send.png) no-repeat -2px -5px;background-size: auto !important;}
#side-navigation .fa-podcast:before {background: url(../img/icon/podcast.png) no-repeat 5px 1px;background-size: auto !important;}
#side-navigation .fa-group-message:before {background: url(../img/icon/group-message.png) no-repeat 5px 1px;background-size: auto !important;}
#side-navigation .fa-google-news:before {background: url(../img/icon/google-news.png) no-repeat 5px 1px;background-size: auto !important;}


#side-navigation .send_message:before {background: url(../img/icon/dashboard-new.png) no-repeat -10px -13px;background-size: auto !important;}
#side-navigation .message_list:before {background: url(../img/icon/dashboard-new.png) no-repeat -10px -69px;background-size: auto !important;}
#side-navigation .sms_services:before {background: url(../img/icon/dashboard-new.png) no-repeat -10px -123px;background-size: auto !important;}
#side-navigation .simcard:before {background: url(../img/icon/dashboard-new.png) no-repeat -11px -401px;background-size: auto !important;}
#side-navigation .control_panel:before {background: url(../img/icon/dashboard-new.png) no-repeat -13px -510px;background-size: auto !important;}

#account-icon:before {background: url(../img/icon/dashboard.png) no-repeat -1033px -14px;display:block;position: relative;top: 2px;width: 30px;height: 30px;content:'';display:block;background-size: 1080px auto;}
#dashboard-icon:before {background: url(../img/icon/dashboard.png) no-repeat -976px -15px;display:block;position: relative;top: 2px;width: 30px;height: 30px;content:'';display:block;background-size: 1080px auto;}
#message-management:before {background: url(../img/icon/dashboard.png) no-repeat -916px -16px;display:block;position: relative;top: 6px;width: 30px;height: 30px;content:'';display:block;background-size: 1080px auto;}
#role-management:before {background: url(../img/icon/dashboard.png) no-repeat -856px -15px;display:block;position: relative;top: 6px;width: 30px;height: 30px;content:'';display:block;background-size: 1080px auto;}
#customer-management:before {background: url(../img/icon/dashboard.png) no-repeat -796px -16px;display:block;position: relative;top: 5px;width: 30px;height: 30px;content:'';display:block;background-size: 1080px auto;}
#domain-management:before {background: url(../img/icon/domain-management.png) no-repeat -4px -16px;display:block;position: relative;top: 5px;width: 30px;height: 30px;content:'';display:block;}

.main_menu_old #domain-management:before {
    top: -3px;
    right: -3px;
}
#number-management:before {background: url(../img/icon/dashboard.png) no-repeat -737px -12px;display:block;position: relative;top: 2px;width: 30px;height: 30px;content:'';display:block;background-size: 1080px auto;}
#report-management:before {background: url(../img/icon/dashboard.png) no-repeat -677px -14px;display:block;position: relative;top: 3px;width: 30px;height: 30px;content:'';display:block;background-size: 1080px auto;}
#asset-management:before {background: url(../img/icon/dashboard.png) no-repeat -618px -14px;display:block;position: relative;top: 6px;width: 30px;height: 30px;content:'';display:block;background-size: 1080px auto;}
#contact-management:before {background: url(../img/icon/dashboard.png) no-repeat -555px -14px;display:block;position: relative;top: 3px;width: 30px;height: 30px;content:'';display:block;background-size: 1080px auto;}
#order-management-icon:before {background: url(../img/icon/dashboard.png) no-repeat -496px -14px;display:block;position: relative;top: 4px;width: 30px;height: 30px;content:'';display:block;background-size: 1080px auto;}
#responder-management:before {background: url(../img/icon/dashboard.png) no-repeat -435px -14px;display:block;position: relative;top: 7px;width: 30px;height: 30px;content:'';display:block;background-size: 1080px auto;}
#reader-management:before {background: url(../img/icon/dashboard.png) no-repeat -378px -14px;display:block;position: relative;top: 3px;width: 30px;height: 30px;content:'';display:block;background-size: 1080px auto;}
#poll-management:before {background: url(../img/icon/dashboard.png) no-repeat -316px -14px;display:block;position: relative;top: 3px;width: 30px;height: 30px;content:'';display:block;background-size: 1080px auto;}
#contest-management:before {background: url(../img/icon/dashboard.png) no-repeat -255px -14px;display:block;position: relative;top: 5px;width: 30px;height: 30px;content:'';display:block;background-size: 1080px auto;}
#occasion-management:before {background: url(../img/icon/dashboard.png) no-repeat -196px -14px;display:block;position: relative;top: 3px;width: 30px;height: 30px;content:'';display:block;background-size: 1080px auto;}
#businesscard-management:before {background: url(../img/icon/dashboard.png) no-repeat -136px -14px;display:block;position: relative;top: 3px;width: 30px;height: 30px;content:'';display:block;background-size: 1080px auto;}
#ticket-management:before {background: url(../img/icon/dashboard.png) no-repeat -77px -14px;display:block;position: relative;top: 3px;width: 30px;height: 30px;content:'';display:block;background-size: 1080px auto;}
#notification-management:before {background: url(../img/icon/notification-dashboard.png) no-repeat 0px 0px;display:block;position: relative;top: 3px;background-size: auto 70px !important;width: 30px;height: 30px;content:'';display:block;background-size: 1080px auto;}
#mobile-send-management:before{background: url(../img/icon/mobile-send.png) no-repeat -4px -35px;display:block;position: relative;top: 3px;background-size: auto 70px !important;width: 30px;height: 30px;content:'';display:block;background-size: 1080px auto;}
#predefined_text:before{background: url(../img/icon/predefined-text.png) no-repeat 0px -75px;display:block;position: relative;top: 3px;background-size: auto 70px !important;width: 30px;height: 30px;content:'';display:block;background-size: 1080px auto;}

/************************* General *********************************/

.aside-inner{overflow: auto;}
.aside-inner .sidebar{overflow: auto;margin: 0;}

#aboutPage {padding: 0 30px;background:#eaeaea!important;position: relative;}
#aboutPage h2{padding: 10px 0;}
#aboutPage .row{background: white;padding: 13px 15px;border-radius: 7px;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);}
#aboutPage .icon{background: url("../img/icon/negar.png") no-repeat right;padding: 12px 48px 8px 0;background-size: contain;}
#aboutPage .version, #aboutPage .date{padding-right:35px;position: relative;}
#aboutPage .version:before{content:'';background: url("../img/icon/about.png") no-repeat right;width: 29px;height: 29px;position: absolute;right: 0;top: -2px;}
#aboutPage .date:before{content:'';background: url("../img/icon/about.png") no-repeat left;width: 29px;height: 29px;position: absolute;right: 0;top: -4px;}

input.fullwidth {position: absolute;width: 100%;height: 100%;margin: 0;left: 0;top: 0;right: 0;z-index: 3;}
a.upload{cursor: pointer; border: 1px solid #adc8eb;color: #0068b3;background: white;padding: 3px 35px 3px 10px;border-radius: 4px;position: relative;}
a.upload:before{content:"\f0c5";font-family: 'FontAwesome';position: absolute;right: 11px;}
a.upload.image:before{content:"\f1c5";top: 5px;right: 8px;}
.glyphicon-folder-open {font-family: FontAwesome;}

.modal-header .close {margin: 4px 0 0 5px;}

.topnavbar .navbar-header .navbar-brand {width: 100%;}
.topnavbar-wrapper .topnavbar, .topnavbar .nav-wrapper, .topnavbar-wrapper {
    background-color: #009ceb;
    background-image: -webkit-linear-gradient(bottom, #0088cc 0%, #009ceb 100%);
    background-image: -o-linear-gradient(bottom, #0088cc 0%, #009ceb 100%);
    background-image: linear-gradient(to top, #0088cc 0%, #009ceb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff23b7e5', endColorstr='#ff51c6ea', GradientType=1);
}
[role="navigation"] .setting-box.open{background-color: #0088cc;position:absolute;top: 56px;height: 58px;left: 0;padding: 0 15px 0 0;width: 250px !important;right: auto;display: block !important;border-radius:0 0 4px 0;}
[role="navigation"] .setting-box.open li{overflow:hidden; height:58px; display:block; taxt-align:center;}
[role="navigation"] .setting-box.open li a{padding: 14px 0 !important;width: 100%;display: block;height: 58px;}
.aside-collapsed .sidebar > .nav > li > a, .aside-collapsed .sidebar > .nav > li > .nav-item{right: -4px;}
.aside-toggled .wrapper{overflow: hidden;}
.user-block > .user-block-picture{width:auto !important;}
.user-block > .user-block-picture a{display: block;}
.user-block > .user-block-picture span{display: block; width:100%;}

.wrapper > section, body{background: white !important;}

p:empty{display: none;}

span#armaghan-icon{background: url("../img/logo-icon.png");position: absolute;width: 38px;height: 31px;top: 0;bottom: 0;margin: auto;left: 0;right: 0;}

.table-responsive {overflow: inherit;display: inline-table;}
.searchbar+.table-responsive table.dataTable{width: 100% !important;}
.searchbar+.table-responsive table.dataTable tbody{position:relative;}
@-moz-document url-prefix() {
    .searchbar+.table-responsive table.dataTable tbody:before{content:'';position: absolute;height:100%;left:0px;width:1px;background: #e1e1e1;z-index: 10000;float: left;}
}

.panel-footer {padding: 10px 15px;}

h1.col-xs-3 {padding: 10px;font-size: 18px;margin: 0;color: #0077cc;}
h1.col-xs-3~.col-xs-1 i:before {line-height: 40px;}

#page_menu .hovicon.small {font-size: 14px;line-height: 31px;width: 30px;height: 30px;margin: 5px;border: solid 1px transparent;}
.additional-icon{position:absolute;right:-4px;bottom:-2px;padding:2px 4px;border-radius:50%;}
.top-menu-add .additional-icon{background:#FF5722;}

.cd-single-point .icon-question:before {position: absolute; top: 0; font-size:11px;}
.cd-single-point{width:11px !important;height:11px !important;margin: 2px 0 0 0;}
.cd-single-point:after {-webkit-animation: none 2s infinite !important;-moz-animation: none 2s infinite !important; animation: none 2s infinite !important;}
.cd-single-point:hover:after {-webkit-animation: cd-pulse 2s infinite !important;-moz-animation: cd-pulse 2s infinite !important;animation: cd-pulse 2s infinite !important;border-radius: 50%;}

fieldset.nodash{border-bottom: none;}

.h-155{height: 155px;}
.h-155 .text-md{position: absolute;bottom: 30px;left: 0;font-size: 21px;right: 0;}
.balk{background: white !important;border: 1px solid #eaeaea;color: black !important;}
.balk p{border-top: 1px solid #f1f1f1;margin-top: -10px;position: relative;z-index: 1;font-size: 15px;padding: 0 0 6px;}

.sidebar > .nav > li > a, .sidebar > .nav > li > .nav-item {padding: 12px 15px !important;}

.alert {margin-bottom: 4px;}
.alert strong{font-weight: normal;}
.alert button.close{padding: 3px 6px 0;border: 1px solid rgba(0,0,0,0.3);background: rgba(0,0,0,0);}
.alert button.close:hover{background: rgba(0,0,0,0.1);}
.table-row{display: table-row;}
.display-table{display: table;}
.table-cell{display: table-cell;vertical-align:middle;}
.select7-fullwidth .select7, .selector .select7{width:100%;}
.select7-fullwidth li:empty, .selector li:empty{min-height:30px;}
.select7-fullwidth li:empty:before, .selector li:empty:before{content:'-'; font-size:21px; line-height:14px; position:relative; top:3px;}

.asset-holder {width: 146px;background: #ffb31a;margin:10px auto 0;padding: 6px 5px 5px 5px;border-radius: 4px;}
.asset-holder *{color: white !important;font-size: 14px !important;}
.asset-holder .number-lb{color: hsla(35, 100%, 50%, 1) !important;font-size: 16px !important; background:white; font-weight:bold; margin-top:9px; border-radius:3px}

#messagesPerOperator{border:none;background:none;font-size: 12px !important;padding: 0;}
head[lang="fa"]+body #creditTip{direction:rtl;}
#creditTip{position:absolute;display: none;padding:4px 7px;background: #193d77;min-width: 222px;border-radius: 0 0 4px 4px;table-layout: fixed;right: 10px;pointer-events: none;}
#creditTip>p{display:table-caption;background: #193d77;text-align: center;padding: 4px 0 0 0;margin: 0;font-size: 14px !important;color: white;position: relative;border-radius: 4px 4px 0 0;}
#creditTip>p:before{content:'';position:absolute;width:95%;bottom: -4px;height:1px;background:white;left:0;right:0;margin: auto;opacity: 0.8;}
#creditTip div{display:table-row;}
#creditTip div span{display:table-cell;color:white;font-size: 13px;text-align: center;width: 69px;padding: 5px 0 3px;border-bottom: 1px solid rgba(255,255,255,0.8);}
#creditTip div:last-child span{border-bottom:none;}
#creditTip:before{content:'';border: 6px solid transparent;border-bottom: 6px solid #193d77;border-top:0;position:absolute;top: -6px;width:0;left: 0;right:0;margin:auto;}

#content-wrapper{background:white;position: relative;}

.header{background: #f2f2f2;display: inline-block;width: 100%;padding: 10px;/* overflow: hidden; */border-bottom: 1px solid #e6e6e6;}
.content-wrapper > h3, .content-wrapper > .content-heading{background: none !important; border:none !important;}

table.dataTable{background: white;border-bottom: 1px solid #e1e1e1;}
#treeDiv{border:1px solid #e1e1e1; background: white;}
.form-horizontal{background: white;}
div.dataTables_info {padding-top: 5px;font-weight: normal;}

#add-message{background: url(../img/icon/add-message.png) no-repeat 107px 6px #f0f0f0;background-size: auto 26px;padding: 12px 40px 6px 6px;margin: 5px 0;color: #595959;border-radius: 3px;height: 38px;width: 146px;border: 1px solid #ccc;}
#add-message:hover {background-color:#ffb31a; border-color:#ffb31a;color:black;}
#add-message:before{content:'';}
.user-block .user-block-info{padding:15px 0;}

.sidebar > .nav > li > a, .sidebar > .nav > li > .nav-item {padding: 9px 24px 11px;color: #515253;letter-spacing: .025em;border-top: 1px solid #f1f1f1;}
label.error{position: absolute;text-align:center;z-index: 30;left: 0;right: 0;background: white;padding: 7px;border: 1px solid #ccc;border-radius: 4px;}
.formBody label.error{display:block !important;top: 40px;margin: 0 auto;line-height:14px;font-size: 14px;text-align: center;width: fit-content;}
.formBody label.error[for="content"]{top:197px}
.formBody label.error:after{content:'';position:absolute;width:0;height:0;margin: auto;top: -5px;left:0;right: 0;border:6px solid transparent;border-bottom:6px solid white;border-top:0;}
.formBody label.error:before{content:'';position:absolute;width:0;height:0;margin: auto;top: -6px;left:0;right: 0;border: 6px solid transparent;border-bottom: 6px solid #cccccc;border-top:0;}
.error:empty:not(input):not(textarea){display:none !important;}

#groupAddedAlert{background:#00b27f;width:100%;padding:7px 14px;color:white;margin-bottom:35px;border-radius:4px;}

.bordered .col-xs-8{border:1px solid #eaeaea;}
.bordered .widget.panel{box-shadow: none; -webkit-box-shadow:none;}
.boxed {border: 1px solid #dbdbdb !important;}
.inline-block {display: inline-block;}
.side-borderless{border-left: none !important;border-right: none !important;}
.rounded {border-radius: 4px;}

.halfed {position: relative;}
.halfed:after {content:'';position: absolute;width:1px;height:100%;top: 0;bottom: 0;background: #eaeaea;left: 0;right: 0;margin: auto;}

#divContactList, #contact_group_tree {border: 1px solid #eaeaea;border-radius:4px;margin-top:6px;padding: 0;display: inline-block;}
#divContactList .contact-parent, #contact_group_tree .contact-parent{border-bottom: 1px solid #eaeaea;padding:7px 0 5px;margin: 0px;background: white;}
#divContactList .contact-parent:last-child, #contact_group_tree .contact-parent:last-child{border-bottom: 0;}
#contact_group_tree [data-target] .fa-folder{position:relative}
#contact_group_tree [data-target] .fa-folder:after{content: '+';position: absolute;color: white;top: 2px;right: 5px;font-size: 13px;margin: auto;}

.download-button {background: white;border:1px solid;padding: 7px 0;border-radius: 3px;}

.notifier {position:absolute;margin-left:-50%;width:100%;padding: 8px 7px 7px;text-align:center;z-index: 100;border:1px solid #ccc;color: #c30002;background: white;border-radius: 4px;}
.notifier:before {content:''; position:absolute; left:0; width:0; right:0; margin:auto; top:-7px; border:8px solid transparent; border-bottom:7px solid #ccc; border-top:0;}
.notifier:after {content:''; position:absolute; left:0; width:0; right:0; margin:auto; top:-6px; border:6px solid transparent; border-bottom:6px solid white; border-top:0;}

.popover{font-family: iran_sans, tahoma, verdana, helvetica}
.popover-custom label{margin: 0 !important;}
.fa-check:before {font-family:"FontAwesome" !important;}

#customerDiv[disabled], #customerDiv[disabled] .open-box{pointer-events: none;}

#password-error, #user_name-error {position: absolute;z-index: 4;margin-top: -3px;text-shadow: none !important;font-weight: normal;}
#user_name-error:after {top: auto; bottom: -5px; border-bottom: 0; border-top: 6px solid white;}
#user_name-error:before {top: auto; bottom: -7px; border-bottom: 0; border-top: 7px solid #ccc;}
#password-icon{position: absolute;left: 9px;top: 23px;width: 46px;height: 46px;right: auto;line-height: 46px;}
#username-icon{position: absolute; left: 9px; top: 23px;width: 46px; height: 46px; right: auto;line-height: 46px;}

.dataTables_wrapper .col-xs-6:not(:first-child){padding: 0!important;}
.buy-sms {width:598px;height: 300px;position: relative;background-size: auto 222px;z-index: 2;border-bottom: 1px solid #eaeaea;}
.buy-sms img{width:auto;height:100%; display:block; margin:auto;}
#side-navigation, #side-navigation .aside-inner{width: 240px;top: 55px;bottom: 0;border-left: 1px solid #cccccc;z-index: 0;}
.aside-collapsed #side-navigation, .aside-collapsed #side-navigation .aside-inner{width: 70px;}

.date_to_visual {background:#E6E6E6;display: block;padding: 2px;line-height: 14px;font-size: 13px;height: 24px;}
.date_to_visual span{padding: 3px 4px 1px;display: inline-block;float: left;border: 1px solid white;}
.date_to_visual .year{color:#4D4D4D;border: none;font-size: 15px;line-height: 18px;}
.date_to_visual .month{background:white;color:#808080;font-size: 14px;line-height: 12px;padding: 3px 4px;}
.date_to_visual .day{background:#4C82DA;color:white;}

.time_to_visual{background: #E8E8E8;border: 1px solid #B2B2B2;border-radius: 5px;padding: 2px 2px;display: inline-block;}
.time_to_visual span{background: #333333;color: white;line-height: 13px;font-size: 12px;width: 22px;text-align: center;padding: 3px 0 1px;display: inline-block;float: left;}
.time_to_visual i{padding: 0px 2px;line-height: 16px;font-size: 14px;display: block;font-style:normal;float: left;font-weight:bold;}
.time_to_visual .minute{border-radius: 0 3px 3px 0}
.time_to_visual .hour{border-radius: 3px 0 0 3px}

.button-border {border: 1px solid #eaeaea !important;padding: 4px 6px;margin: -2px;border-radius: 4px;}
.choice-yes{background: #F8FFF1;position:relative;border:1px solid #019940;color:#1E8045;text-align:right;font-size: 14px;padding: 0 7px 0 25px;border-radius: 11px;display: block;line-height: 20px;height: 22px;}
.choice-yes:before{background: #019940;background: -moz-radial-gradient(center, ellipse cover, #019940 0%, #76c578 100%);background: -webkit-radial-gradient(center, ellipse cover, #019940 0%,#76c578 100%);background: radial-gradient(ellipse at center, #019940 0%,#76c578 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019940', endColorstr='#76c578',GradientType=1 );
    content:'';position:absolute;left: 4px;top: 3px;width: 13px;height: 13px;border:1px solid #1E8045;border-radius: 7px;box-shadow: 0 2px 1px 0 rgba(0,0,0,0.3);}
.choice-no{background:#E8E8E8;position:relative;border:1px solid #B2B2B2;background: #E8E8E8;color:#595959;text-align:right;font-size: 14px;padding: 0 22px 0 7px;border-radius: 10px;display: block;line-height: 18px;height: 20px;}
.choice-no:before{background: #808080;background: -moz-radial-gradient(center, ellipse cover, #019940 0%, #76c578 100%);background: -webkit-radial-gradient(center, ellipse cover, #8A8A8A 0%,#BDBDBD 100%);background: radial-gradient(ellipse at center, #8A8A8A 0%,#BDBDBD 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019940', endColorstr='#76c578',GradientType=1 );
    content:'';position:absolute;right: 3px;top: 3px;width: 12px;height: 12px;border: 1px solid #8A8A8A;border-radius: 7px;}

.no-bullet li{list-style: none;}

.pr-40{padding-right:40px;}
.h40{height:40px;}
.h70{height:70px;}
.mh35{min-height:35px;}
.mh70{min-height:70px;}
.mh80{min-height:80px;}
.mw200{max-width:200px;}

[role="navigation"] .window a{background: url(../img/icon/window.png) no-repeat center;width: 18px;height: 18px !important;display: block !important;background-size: 18px 18px;margin: auto;top: 0;position: absolute;bottom: 1px;left: 0;right: 0;border-radius: 2px;}

.scrollbar-light{overflow-y: hidden !important;}

#loginBox [role="alert"]{position: absolute; left: -125%; margin-left: -17px; top: 240px; width: 125%;}

body.wait:before{content:'';position: fixed; width:100%;height:100%;left:0;top:0;cursor:wait;z-index:10000;}

.offsidebar{
    position: fixed !important;
}
body.offsidebarfixed .offsidebar{
    position: fixed !important;
    margin-top:0;
}

/************************* Side links *********************************/



#side-links>div{padding: 5px 0;}
#side-links>div:not(:last-child){border-bottom:3px solid #ececec; position: relative;}
#side-links>div:not(:last-child):before{content:''; position:absolute; width:100%; height:1px; background:#b1b1b1; bottom:-2px;}

#side-links>div.active{background:white;border-radius:3px;border-bottom-color:white!important;position: relative;}
#side-links>div:last-child.active:after{bottom:0px;}
#side-links>div:first-child.active:after{top:0px;}

#side-links #fullscreen a{display:block;width:25px;height:30px;margin: -3px 0 0;background: url(../img/icon/sidelinks.png) no-repeat center center;}
#side-links #notices a{display:block;width:25px;height:30px;margin: -3px 0 0;background: url(../img/icon/sidelinks.png) no-repeat center bottom;}
#side-links #settings a{display:block;width:25px;height: 26px;margin: 2px 0 -3px;background: url(../img/icon/sidelinks.png) no-repeat center -4px;}

#app-notification{position: absolute;height: 100%;width: 100%;}
#app-notification li{list-style:none;}
#app-notification .tab-holder{height: 79px;margin: -15px -15px 15px;background: #f2f2f2;padding: 0;}
#app-notification .tab-holder li{width: 33.3333%;float: right;list-style: none;height: 80px;text-align: center;position: relative;cursor: pointer;}
#app-notification .tab-holder li a{position:absolute;top: 49px;color:#333;display:block;width: 100%;left: 0;font-size: 13px;}
#app-notification .tab-holder li.active:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:white;}
#app-notification .tickets:after{content:'';display: block;background: url('../img/icon/side-notification.png') center center no-repeat;width:40px;height:40px;margin: auto;position: relative;top: 10px;}
#app-notification .orders:after{content:'';display: block;background: url('../img/icon/side-notification.png') center -128px no-repeat;width:40px;height:40px;margin: auto;position: relative;top: 10px;}
#app-notification .bulks:after{content:'';display: block;background: url('../img/icon/side-notification.png') center -10px no-repeat;width:40px;height:40px;margin: auto;position: relative;top: 10px;}

#app-notification [data-listen]{padding: 15px 15px 0;overflow:hidden;position: absolute;height: 100%;}
#app-notification .ticket{list-style:none;background:#eaeaea;border-radius: 4px 4px 0 0;padding:5px 10px;position: relative;margin: 0 0 40px;width: 100%;}
#app-notification .ticket h3{margin:5px;font-size: 16px;line-height: 24px;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#app-notification .ticket h3 b, #app-notification .ticket h3 i, #app-notification .ticket h3 small{font-weight:normal;font-size: 16px;font-style:normal;line-height:24px;}
#app-notification .more, #app-notification .less{position:absolute;opacity:0;cursor:pointer;bottom: 0px;display: none;width:100%;text-align:center;left: 0;height: 16px;line-height: 5px;font-style: normal;font-size: 25px;letter-spacing: -2px;color: #4d4d4d;background: -moz-linear-gradient(top, rgba(235,235,235,0.9) 0%, rgba(0,0,0,0.15) 100%);background: -webkit-linear-gradient(top, rgba(235,235,235,0.9) 0%,rgba(0,0,0,0.15) 100%);background: linear-gradient(to bottom, rgba(235,235,235,0.9) 0%,rgba(0,0,0,0.15) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 );}
#app-notification .more:before,  #app-notification .less:before{content:'';height:1px;background:rgba(0,0,0,0.1);position:absolute;left: 10px;right: 10px;margin:auto;top: 0px;}
#app-notification .less:after{content:'';position:absolute;width:0;height:0;top:0;bottom:0;left:0;right:0;margin:auto;border: 4px solid transparent;border-bottom: 6px solid #4d4d4d;border-top:0;}
#app-notification .information{font-size:12px;width:100%;height: 10px;border-bottom:1px solid white;}
#app-notification .information b, #app-notification .information i{font-weight:normal; font-style:normal;}
#app-notification .information .left{float:left;background:white;padding:1px 4px;border-radius:4px;margin: 0;}
#app-notification .information .right{float: right;background:white;padding:1px 4px;border-radius:4px;margin: 0;}
#app-notification .context{width:100%;text-align:right;clear:both;margin: 16px 0 3px;display: block;color: #333;font-size: 13px;line-height: 20px;height: 40px;overflow: hidden;text-overflow: ellipsis;}
#app-notification .order .context{height:23px}
#app-notification .order form input{height:25px;line-height:25px;margin-bottom:3px}
#app-notification .context.detailed{font-size: 12px; margin: 9px 0 -6px; display: inline-block;}
#app-notification .context.detailed span{width:100%;display: block;}
#app-notification .hasMore .context{margin: 18px 0 5px;height: 58px;}
#app-notification .hasMore .more{display:block;opacity:1;}
#app-notification .control-panel{position:absolute;bottom: -30px;width: 100%;left: 0;font-size: 12px;padding: 5px;border:1px solid #eaeaea;border-radius: 0 0 5px 5px;}
#app-notification .control-panel p{float:right;margin: -1px 0 0;}
#app-notification .control-panel a{float:left;margin-right:3px;padding: 1px 4px;color:white;font-size:11px;border-radius: 3px;}

[role="tabpanel"] [data-listen]{display: none;width: 100%;}
[role="tabpanel"] [data-listen].active{display: block;}

/************************* View Assets *********************************/

#view-assets .icon {float:right;width: 60px;height: 60px;padding: 10px;}
#view-assets .timeline-badge .fa-user{background: url("../img/icon/user.png") no-repeat right; width: 36px; height: 36px;}
#view-assets .timeline-badge .fa-dollar{background: url("../img/icon/user.png") no-repeat center; width: 36px; height: 36px;}
#view-assets .timeline-badge .fa-tags{background: url("../img/icon/user.png") no-repeat left; width: 36px; height: 36px;}

#view-assets .icon em{background-size: auto 60px !important;width: 60px;height: 60px;display: block;margin: 0px auto;}
#view-assets .view-count {background: url("../img/icon/asset-view.png") no-repeat top right;}
#view-assets .max-visit {background: url("../img/icon/asset-view.png") no-repeat -240px center;}
#view-assets .reg-date {background: url("../img/icon/asset-view.png") no-repeat -600px center;}
#view-assets .eval-date {background: url("../img/icon/asset-view.png") no-repeat -180px center;}
#view-assets .start-date {background: url("../img/icon/asset-view.png") no-repeat -540px center;}
#view-assets .end-date {background: url("../img/icon/asset-view.png") no-repeat -120px center;}
#view-assets .analysis-status {background: url("../img/icon/asset-view.png") no-repeat -480px center;}
#view-assets .analysis-description {background: url("../img/icon/asset-view.png") no-repeat -416px center;}
#view-assets .status {background: url("../img/icon/asset-view.png") no-repeat -360px center;}
#view-assets .attachment {background: url("../img/icon/asset-view.png") no-repeat -60px center;}
#view-assets .tag {background: url("../img/icon/asset-view.png") no-repeat -300px center;}

#view-assets .pull-right>.panel-body {margin:15px 0;}

#attachedLink{position: absolute;right: 75px;font-size: 14px;height: 18px;left: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/************************* View Assets *********************************/

#occasion-sms-view .icon{background-size: auto 60px !important;width: 60px;height: 60px;display: inline-block;float: right;margin: 0px auto;}
#occasion-sms-view .timer{background: url("../img/icon/occasion-sms-icon.png") no-repeat -240px center;}
#occasion-sms-view .sender{background: url("../img/icon/occasion-sms-icon.png") no-repeat -180px 2px;}
#occasion-sms-view .sendtime{background: url("../img/icon/occasion-sms-icon.png") no-repeat -118px center;}
#occasion-sms-view .active{background: url("../img/icon/occasion-sms-icon.png") no-repeat -60px center;}
#occasion-sms-view .deactive{background: url("../img/icon/occasion-sms-icon.png") no-repeat 0px center;}

/************************* User Single Page *********************************/

#user-single-page .timeline-badge .fa:before{content: '';}
#user-single-page .timeline-badge .fa-user{background: url("../img/icon/user.png") no-repeat right; width: 36px; height: 36px;}
#user-single-page .timeline-badge .fa-dollar{background: url("../img/icon/user.png") no-repeat center; width: 36px; height: 36px;}
#user-single-page .timeline-badge .fa-tags{background: url("../img/icon/user.png") no-repeat left; width: 36px; height: 36px;}

/************************* Customer Single Page *********************************/

#customer-single-page .timeline-badge .fa:before{content: '';}
#customer-single-page .timeline-badge .fa-user{background: url("../img/icon/customer.png") no-repeat -108px 0; width: 36px; height: 36px;}
#customer-single-page .timeline-badge.primary .fa-user{background: url("../img/icon/customer.png") no-repeat -72px 0; width: 36px; height: 36px;}
#customer-single-page .timeline-badge .fa-dollar{background: url("../img/icon/customer.png") no-repeat -36px 0; width: 36px; height: 36px;}
#customer-single-page .timeline-badge .fa-sitemap{background: url("../img/icon/customer.png") no-repeat 0px 0px;width: 36px;height: 36px;background-color: transparent;}
#customer-single-page .timeline-badge {background-color:transparent;}

/************************* Register Process *********************************/

.popin-image{width:70px; height:70px; display: inline-block; margin: auto; border-radius: 50%;border: 2px solid #ccc;}
.popin-image .image-popup{margin: 1px; width:64px; height:64px; display:inline-block; overflow: hidden; border-radius: 50%;}
.popin-image128{width:134px; height:134px; display: inline-block; margin: auto; border-radius: 50%;border: 2px solid #ccc;}
.popin-image128 .image-popup{margin: 1px; width:128px; height:128px; display:inline-block; overflow: hidden; border-radius: 50%;}
.popin-image .img64{width:64px; height:auto;}
.popin-image .img128{width:128px; height:auto;}

/************************* Custom Dashboard *********************************/

.dashboard{padding: 0 15px;text-align: center;/* max-width: 770px; */margin: auto;}
.dashboard.small{width: 70%;max-width: none;float: right;text-align: right;padding-right: 20px;}
.dashboard .dashboard-item{width:170px;height:170px;border:1px solid #e8e8e8;margin: 10px 10px 0;float:right;position:relative;border-radius:4px;box-shadow:0 0 0 0 rgba(0,0,0,0.1)}
.dashboard .dashboard-item:hover{box-shadow:0 0 7px 0 rgba(0,0,0,0.1);border-color:rgb(210,210,210)}
.dashboard .dashboard-item:before{content:'';width:100%;height:100%;position:absolute;background:white;left:0;right:0;z-index:0;opacity:0;}
.dashboard .dashboard-item:hover:before{opacity:0.4}
.dashboard .dashboard-item.has-notice a.switch{position:absolute;right:9px;top:0;cursor: pointer;z-index: 10;border-radius: 0 0 4px 4px;width:16px;height:16px;background: url(../img/icon/notification-dashboard-identifier.png) white;}
.dashboard .dashboard-item.has-notice.flip a.switch{position:absolute;right:9px;top:0;width:16px;height:16px;background:url(../img/icon/notification-dashboard-identifier.png) #2ea2db bottom;}
.dashboard .dashboard-item.big{width:340px;}
@media (max-width: 1030px) {.dashboard .dashboard-item.big{width:170px;}}
.dashboard .dashboard-item .icon{position:relative;height: 70px;width: 70px;margin: auto;z-index:1;}
.dashboard .dashboard-item .icon:before{margin:auto;left: 0;right: 0;top: 0 !important;}
.dashboard .dashboard-item .text{width:100%;padding:0 20px;text-align:center;z-index:1;position: relative;}
.dashboard .dashboard-item .link{position:absolute;left:0; right:0; top:0; bottom:0;z-index:2; cursor:pointer;}
.dashboard .dashboard-item .link button{position:absolute;left:0;right:0;top:0;bottom:0;}
.dashboard .dashboard-item .notification{display:none;width: 100%;height: 168px;border-radius: 4px;background: #0088d3;}
.dashboard .dashboard-item .notification p{position:relative;margin: 0;font-size: 14px;line-height: 19px;color: white;padding: 5px 35px 5px 10px;text-align: right;width: 100%;height: 57px;border-bottom: 1px solid rgba(255,255,255,0.1);}
.dashboard .dashboard-item .notification p:last-child{border:none;}
.dashboard .dashboard-item .notification p:before{content:'';position: absolute;right: 10px;top: 0;margin: auto;bottom: 2px;height:20px;width:20px;background: url(../img/icon/notification-white-icon.png) no-repeat center right;}
.dashboard .dashboard-item .notification p b{font-weight:normal;float: left;margin: 2px 0 -3px;}
.dashboard .dashboard-item .notification p i{font-style:normal;float: left;bottom: 6px;clear: both;font-size: 11px;}
.dashboard .dashboard-item .notification p span{padding-right:10px}
.dashboard .dashboard-item .notification .notify-link{color: black;line-height: 18px;font-size: 10px;height: 20px;}
.dashboard .dashboard-item.flip.active{-moz-animation: noticeflip 0.6s; -webkit-animation: noticeflip 0.6s; animation: noticeflip 0.6s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}
.dashboard [class*="khat"]{display: inline-block;clear:both;}

.dashboard .khat .dashboard-item{background: #e8e8e8;}
.dashboard .khat1 .dashboard-item{
    background: #e8e8e8;
    background: -moz-linear-gradient(top, #e8e8e8 0%, #f2f2f2 100%);
    background: -webkit-linear-gradient(top, #e8e8e8 0%,#f2f2f2 100%);
    background: linear-gradient(to bottom, #e8e8e8 0%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f2f2f2',GradientType=0 );
}
.dashboard .khat2 .dashboard-item{
    background: #f2f2f2;
}
.dashboard .khat3 .dashboard-item{
    background: #e8e8e8;
    background: -moz-linear-gradient(bottom, #e8e8e8 0%, #f2f2f2 100%);
    background: -webkit-linear-gradient(bottom, #e8e8e8 0%,#f2f2f2 100%);
    background: linear-gradient(to top, #e8e8e8 0%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e8e8e8',GradientType=0 );
}

.info-column{padding: 10px 0px 40px 40px;width:30%;float: right;}
.info-column>div{background:#f0f0f0;border:1px solid #e0e0e0;border-radius:4px;}
.info-column h2{text-align:center;font-size: 21px;margin: 25px 0;position:relative;}
.info-column h2:after{content:'';position:absolute;left:20%;right:20%; height:1px; background:#d9d9d9; bottom:-25px;}

.info-column .piechart{border-bottom:1px solid #e0e0e0;}
.info-column .barchart{border-bottom:1px solid #e0e0e0}

.info-column .chart:last-child{margin-bottom: 0!important;}

/************************* Charts *********************************/

.piechart{position: relative;}
.piechart .chart-name{background: #f0f0f0;box-shadow: 0 0 4px 2px rgba(255,255,255,0.25);border:1px solid rgba(0,0,0,0.25);color: #393d45;position: absolute;left: 0;right: 0;top: 0;z-index: 4;bottom: 0;overflow: hidden;width: 35%;height: 35%;font-size: 13px;text-align: center;border-radius:50%;margin: auto;}
.piechart .chart-name b{font-weight: normal;display: block;left: 0;right: 0;bottom: 0;top: 0;max-height: 100%;margin: auto;padding: 0 8%;overflow: hidden;text-overflow: ellipsis;}
.piewrap{border-radius:50%;background:gray;position: absolute;left: 8%;right: 8%;top: 8%;bottom: 8%;}
.piecontainer{margin-left:auto;margin: auto;position: absolute;z-index: 1;right: 0;left: 0;top: 0;bottom: 0;}
.piewrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;z-index: 1;}
.piewrapper.shadow{filter: drop-shadow(0 0px 1px rgba(0, 0, 0, 0.5));}
.piewrapper .part{position:absolute;width: 98%;height: 98%;top: 1%;right: 1%;border-radius: 50%;display:table;}
.piewrapper .part b{font-weight:normal; display:table-cell; vertical-align:middle; opacity:0;}
.piewrapper:hover .part b, .piewrapper .part:hover b{opacity:1;}
.piechart .hintwrapper{position: absolute;background: white;border-radius: 7px;border:3px solid #ccc;width: 50%;text-align: right;z-index: 4;padding: 5px 30px 5px 5px;pointer-events:none;}
.piechart.onethird .hintwrapper{width: 100%;margin-left: -25%;font-size:13px;}
.piechart.onethird .hintwrapper b{font-size:13px;}
.piechart .hintwrapper:after{content:'';position:absolute;left:0;right:0;top: -6px;border:8px solid transparent;border-bottom:7px solid white;border-top:0;width:0;margin:auto;}
.piechart .hintwrapper:before{content:'';position:absolute;left:0;right:0;top: -9px;border: 11px solid transparent;border-bottom: 7px solid #ccc;border-top:0;width:0;margin:auto;}
.piechart .hintwrapper b{font-size:16px;}
.piechart .hintwrapper span{display:block;}
.piechart .hintwrapper small{position:absolute;right:-20px;top:0;bottom:0;margin:auto;line-height: 23px;width:40px;height:40px;background: #5d9cec;border-radius:50%;text-align: center;color:white;border:2px solid white;padding: 8px 0;}
.piechart .chart .hint{display: none;}

.barchart .display-table{width:80%;margin:auto;}
.barchart .line{width: 100%;display:table-row;}
.barchart .line small{display:table-cell;position:relative;z-index: 1;text-align: center;font-size: 13px;padding: 0 4px;}
.barchart .line small b{content: '';border-radius: 5px;border: 1px solid #ccc;position: absolute;height: 84%;z-index: -1;top: 0;min-width: 30px;margin: auto;bottom: 0;left: 0;background: #eaeaea;text-align: center;padding: 0px 3px;line-height: 16px;}
.barchart .line b{display:table-cell;font-weight: normal;}
.barchart .line span{height: 6px;border-radius: 3px;position: relative;display:table-cell;z-index:1;}
.barchart .line span b{content:'';position:absolute;right: 0;top:9px;border-radius: 6px;height: 6px;background:#e6e6e6;}
.barchart .line i{display:block;height: 6px;border-radius: 3px;position: relative;}

.linechart .chart-name, .barchart .chart-name{width: 100%;display: block;text-align: center;margin: 15px 0;}
.linechart .chart-name b, .barchart .chart-name b{font-weight:normal;color: #4d4d4d;}
.linechart  .vertical{position: absolute;left: -40px;margin-left: 10%;top: -20px;width: 80px;text-align: center;font-size: 12px;}
.linechart  .horizontal{position: absolute;right: 0;margin-right: 10%;bottom: 24px;text-align: center;font-size: 12px;}

.linechart .charttable{width:80%;margin: auto;display: table;border-left: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;height:150px;}
.linechart .comparetable{width:80%;margin: auto;display: table;height:150px;position:absolute;top:0;left: 0;right: 0;border: 1px solid transparent;border-width: 0 1px;}
.linechart .linetable .point, .linechart .comparetable .point{display:table-cell;position: relative;}
.linechart .linetable .point .part{width: 12px;height: 12px;right: 0;margin: auto;z-index: 1;left: 0;border-radius: 50%;border: 1px solid white;position: absolute;}
.linechart .linetable .point .joint{height: 2px;right: 50%;margin-bottom: 5px;position: absolute;z-index: 0;background:#d9d9d9;transform-origin: right;-webkit-transform-origin: right;}
.linechart .linetable .point>b{opacity: 0;z-index: 0;position: absolute;display: block;text-align: center;border-radius: 6px;left: -25px;right: -25px;padding: 4px;background: white;border:3px solid #e3e3e3;font-weight: normal;pointer-events: none;}
.linechart .linetable .point.hover b{z-index: 2;opacity: 1;}
.linechart .linetable .point b:after{content:'';position:absolute;left:0;right:0;bottom: -7px;width:0;border: 8px solid transparent;border-top: 8px solid white;border-bottom:none;margin:auto;}
.linechart .linetable .point b:before{content:'';position:absolute;left:0;right:0;bottom: -10px;width:0;border: 11px solid transparent;border-top: 9px solid #e3e3e3;border-bottom:none;margin:auto;}
.linechart .linetable .point i{display:block;font-style: normal;font-size: 14px;}

.guide .cell:before{content:'';width:10px;height: 10px;float:right;border-radius: 50%;margin: 6px 0 0 6px;}
.guide .cell b{font-weight: normal;}
.guide .cell small{float:left;text-align: left;width:40px;}
.guide .cell span{float:left;margin-left:10px;text-align: left;}
.guide .total b{right:15px;}
.guide .total span{float:left;margin-left:50px;text-align: left;}

.chart .part{display: block;}
.chart .part:nth-child(1),.guide .cell:nth-child(1):before, .chart .wrap:nth-child(1) .part{background: #ff6b77;}
.chart .part:nth-child(2),.guide .cell:nth-child(2):before, .chart .wrap:nth-child(2) .part{background: #00a6c7;}
.chart .part:nth-child(3),.guide .cell:nth-child(3):before, .chart .wrap:nth-child(3) .part{background: #00c18e;}
.chart .part:nth-child(4),.guide .cell:nth-child(4):before, .chart .wrap:nth-child(4) .part{background: #80d173;}

.chart .part:nth-child(5),.guide .cell:nth-child(5):before, .chart .wrap:nth-child(5) .part{background: #b3d962;}
.chart .part:nth-child(6),.guide .cell:nth-child(6):before, .chart .wrap:nth-child(6) .part{background: #e3e359;}
.chart .part:nth-child(7),.guide .cell:nth-child(7):before, .chart .wrap:nth-child(7) .part{background: #ffe76e;}
.chart .part:nth-child(8),.guide .cell:nth-child(8):before, .chart .wrap:nth-child(8) .part{background: #ff9c5f;}
.chart .part:nth-child(9),.guide .cell:nth-child(9):before, .chart .wrap:nth-child(9) .part{background: #ff886a;}

.chart .part:nth-child(10),.guide .cell:nth-child(10):before, .chart .wrap:nth-child(10) .part{background: #ff6c7e;}
.chart .part:nth-child(11),.guide .cell:nth-child(11):before, .chart .wrap:nth-child(11) .part{background: #ed6685;}
.chart .part:nth-child(12),.guide .cell:nth-child(12):before, .chart .wrap:nth-child(12) .part{background: #e26e96;}
.chart .part:nth-child(13),.guide .cell:nth-child(13):before, .chart .wrap:nth-child(13) .part{background: #c46aa0;}
.chart .part:nth-child(14),.guide .cell:nth-child(14):before, .chart .wrap:nth-child(14) .part{background: #8580be;}

.chart .part:nth-child(15),.guide .cell:nth-child(15):before, .chart .wrap:nth-child(15) .part{background: #5a88c3;}
.chart .part:nth-child(16),.guide .cell:nth-child(16):before, .chart .wrap:nth-child(16) .part{background: #0090b9;}
.chart .part:nth-child(17),.guide .cell:nth-child(17):before, .chart .wrap:nth-child(17) .part{background: #00c18e;}
.chart .part:nth-child(18),.guide .cell:nth-child(18):before, .chart .wrap:nth-child(18) .part{background: #00b699;}
.chart .part:nth-child(19),.guide .cell:nth-child(19):before, .chart .wrap:nth-child(19) .part{background: #00b4ac;}

.chart .part:nth-child(20),.guide .cell:nth-child(20):before, .chart .wrap:nth-child(20) .part{background: #ffc558;}
.chart .part:nth-child(21),.guide .cell:nth-child(21):before, .chart .wrap:nth-child(21) .part{background: #ffb358;}
.chart .part:nth-child(22),.guide .cell:nth-child(22):before, .chart .wrap:nth-child(22) .part{background: #b571ac;}
.chart .part:nth-child(23),.guide .cell:nth-child(23):before, .chart .wrap:nth-child(23) .part{background: #a377b6;}

.onethird+.guide .cell:nth-child(1):before, .onethird .wrap:nth-child(1) .part, .onethird .part:nth-child(1), .onethird .cell:nth-child(1) .part{background: #0090b9;}
.onethird+.guide .cell:nth-child(2):before, .onethird .wrap:nth-child(2) .part, .onethird .part:nth-child(2), .onethird .cell:nth-child(2) .part{background: #ff6c7e;}
.onethird+.guide .cell:nth-child(3):before, .onethird .wrap:nth-child(3) .part, .onethird .part:nth-child(3), .onethird .cell:nth-child(3) .part{background: #b3d962;}
.onethird+.guide .cell:nth-child(4):before, .onethird .wrap:nth-child(4) .part, .onethird .part:nth-child(4), .onethird .cell:nth-child(4) .part{background: #ffe76e;}
.onethird+.guide .cell:nth-child(5):before, .onethird .wrap:nth-child(5) .part, .onethird .part:nth-child(5), .onethird .cell:nth-child(5) .part{background: #8580be;}
.onethird+.guide .cell:nth-child(6):before, .onethird .wrap:nth-child(6) .part, .onethird .part:nth-child(6), .onethird .cell:nth-child(6) .part{background: #b571ac;}
.onethird+.guide .cell:nth-child(7):before, .onethird .wrap:nth-child(7) .part, .onethird .part:nth-child(7), .onethird .cell:nth-child(7) .part{background: #ed6685;}

.lesscolor+.guide .cell:nth-child(1):before, .lesscolor .wrap:nth-child(1) .part, .lesscolor .part:nth-child(1), .lesscolor .cell:nth-child(1) .part{background: #ffb358;}
.lesscolor+.guide .cell:nth-child(2):before, .lesscolor .wrap:nth-child(2) .part, .lesscolor .part:nth-child(2), .lesscolor .cell:nth-child(2) .part{background: #00b4ac;}
.lesscolor+.guide .cell:nth-child(3):before, .lesscolor .wrap:nth-child(3) .part, .lesscolor .part:nth-child(3), .lesscolor .cell:nth-child(3) .part{background: #0090b9;}
.lesscolor+.guide .cell:nth-child(4):before, .lesscolor .wrap:nth-child(4) .part, .lesscolor .part:nth-child(4), .lesscolor .cell:nth-child(4) .part{background: #8580be;}
.lesscolor+.guide .cell:nth-child(5):before, .lesscolor .wrap:nth-child(5) .part, .lesscolor .part:nth-child(5), .lesscolor .cell:nth-child(5) .part{background: #b571ac;}
.lesscolor+.guide .cell:nth-child(6):before, .lesscolor .wrap:nth-child(6) .part, .lesscolor .part:nth-child(6), .lesscolor .cell:nth-child(6) .part{background: #ed6685;}
.lesscolor+.guide .cell:nth-child(7):before, .lesscolor .wrap:nth-child(7) .part, .lesscolor .part:nth-child(7), .lesscolor .cell:nth-child(7) .part{background: #ed6685;}

.linetable.compare .part:hover{z-index: 2;}
.linetable.compare .point:hover b{z-index: 3;}
.linetable.compare:nth-child(1) .part:not(:hover){background: #777 !important;}
.linetable.compare:nth-child(2) .part:not(:hover){background: #ababab !important;}
.linetable.compare:nth-child(2) .joint:not(:hover){background: #e6e6e6 !important;}
.linetable.compare:nth-child(3) .part:not(:hover){background: #bababa !important;}
.linetable.compare:nth-child(3) .joint:not(:hover){background: #f2f2f2 !important;}

.darkgray{background: #393d45;}

@media (max-width: 1280px){
    .guide .cell b{font-size:12px;}
    .guide .cell span{font-size:12px;}
}

/************************* User Management *********************************/

#register-user-info, #register-personal-info{position: relative;}
#register-user-info:before {content:'';background: url("../img/icon/register.png") right top;width:90px;height:90px;position: absolute;right: 10px;top: 0;bottom: 0;margin: auto;}
#register-user-info.fmail-img:before ,#register-personal-info.fmail-img:before {background: url("../resources/img/user/female.png") !important;}
#register-personal-info:before {content:''; background: url("../img/icon/register.png") left top; width:90px; height:90px; position: absolute;right: 10px;top: 0;bottom: 0;margin: auto;}

#content-wrapper  .fausers:before {content:'';background: url(../img/icon/user-management.png) no-repeat right top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#content-wrapper  .fauser:before {content:'';background: url(../img/icon/user-management.png) no-repeat center top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#content-wrapper  .fatags:before {content:'';background: url(../img/icon/user-management.png) no-repeat left top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#content-wrapper  .fatag:before {content:'';background: url(../img/icon/user-management.png) no-repeat right bottom;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#content-wrapper  .fasitemap:before {content:'';background: url(../img/icon/user-management.png) no-repeat center bottom;position:absolute;width: 70px;height: 70px;left: 0;top: 40px;}
#content-wrapper .panel .panel-heading em.fa-5x{height: 160px;  display: block;}
#content-wrapper .panel .panel-heading .col-xs-9.text-right.text-center.text-justify.fz-16{height:160px; display: table;}
#content-wrapper .panel .panel-heading .col-xs-9.text-right.text-center.text-justify.fz-16 p{display: table-cell; vertical-align: middle;}

/************************* Customer Management *********************************/

#content-wrapper  .cu-users:before {content:'';background: url(../img/icon/customer-management.png) no-repeat right top;position: absolute;width: 70px;height: 70px;right: 0; top:40px;}
#content-wrapper  .cu-user:before {content:'';background: url(../img/icon/customer-management.png) no-repeat center top;position: absolute;height: 70px;width: 70px;right: 0;top:40px;}
#content-wrapper  .cu-check:before {content:'';background: url(../img/icon/customer-management.png) no-repeat left top;position: absolute;width: 70px;height: 70px;right: 0; top:40px;}
#content-wrapper  .online-users:before {content:'';background: url(../img/icon/customer-management.png) no-repeat right bottom;position: absolute;width: 70px;height: 70px;right: 0; top:40px;}

/************************* Phone Book *********************************/

#content-wrapper  .fa-tty:before {content:'';background: url(../img/icon/phonebook.png) no-repeat right top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}

/************************* Phone Book *********************************/

#notification-dashboard  .add:before {content:'';background: url(../img/icon/notification-dashboard.png) no-repeat -30px top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#notification-dashboard  .list:before {content:'';background: url(../img/icon/notification-dashboard.png) no-repeat -100px top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}

/************************* Accounting Management *********************************/

#content-wrapper  .famoney:before {content:'';background: url(../img/icon/accounting-management.png) no-repeat right top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#content-wrapper  .addmoney:before {content:'';background: url(../img/icon/accounting-management.png) no-repeat center top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#content-wrapper  .falist:before {content:'';background: url(../img/icon/accounting-management.png) no-repeat left top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#content-wrapper  .culist:before {content:'';background: url(../img/icon/accounting-management.png) no-repeat right bottom;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#content-wrapper  .fafiletext:before {content:'';background: url(../img/icon/accounting-management.png) no-repeat center bottom;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#content-wrapper  .fashoppingcart:before {content:'';background: url(../img/icon/accounting-management.png) no-repeat left bottom;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}

/************************* Message Management *********************************/

#content-wrapper  .faenvelope:before {content:'';background: url(../img/icon/message-management.png) no-repeat right top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#content-wrapper  .cuenvelope:before {content:'';background: url(../img/icon/message-management.png) no-repeat center top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#content-wrapper  .fasendo:before {content:'';background: url(../img/icon/message-management.png) no-repeat left top;position:absolute;width: 70px;height: 70px;right: 0;top: 30px;}
#content-wrapper  .blenvelope:before {content:'';background: url(../img/icon/message-management.png) no-repeat right center;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#content-wrapper  .cusendo:before {content:'';background: url(../img/icon/message-management.png) no-repeat center center;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#content-wrapper  .mapsend:before {content:'';background: url(../img/icon/bulk-map-icon.png) no-repeat center center;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#content-wrapper  .fasending:before {content:'';background: url(../img/icon/message-management.png) no-repeat left center;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#content-wrapper  .famobile:before {content:'';background: url(../img/icon/message-management.png) no-repeat right bottom;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#content-wrapper  .blsendo:before {content:'';background: url(../img/icon/message-management.png) no-repeat center bottom;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#content-wrapper  .fafileso:before {content:'';background: url(../img/icon/message-management.png) no-repeat left bottom;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}

#content-wrapper  .voiceinteactive:before {content:'';background: url(../img/icon/voice-message.png) no-repeat center bottom;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#content-wrapper  .voiceeditor:before {content:'';background: url(../img/icon/voice-message.png) no-repeat right bottom;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#content-wrapper  .voicebulk:before {content:'';background: url(../img/icon/voice-message.png) no-repeat left bottom;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}

#content-wrapper  .predefinedText:before{content:'';background:url(/static/img/icon/predefined-text.png) no-repeat 0 0;position:absolute;width:70px;height:70px;right:0;top:40px;}

/************************* Asset Management *********************************/

#asset-dashboard .fafileso:before {content:'';background: url(../img/icon/asset-management.png) no-repeat right top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#asset-dashboard .facheck:before {content:'';background: url(../img/icon/asset-management.png) no-repeat center top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#asset-dashboard .fafiletext:before {content:'';background: url(../img/icon/asset-management.png) no-repeat left top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}

/************************* Occasion SMA*********************************/

#occasion-sms .list:before {content:'';background: url(../img/icon/occasion-sms.png) no-repeat right top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#occasion-sms .add:before {content:'';background: url(../img/icon/occasion-sms.png) no-repeat left top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}



/************************* Auto Responder Management *********************************/

#auto-responder-dashboard .fafileso:before {content:'';background: url(../img/icon/auto-responed-management.png) no-repeat right top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#auto-responder-dashboard .add-responder:before{content:'';background: url(../img/icon/auto-responed-management.png) no-repeat left top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}

/************************* Code Reader Management *********************************/

#code-reader-dashboard .fafileso:before {content:'';background: url(../img/icon/barcode-management.png) no-repeat right top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#code-reader-dashboard .fasearch:before {content:'';background: url(../img/icon/barcode-management.png) no-repeat left top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#code-reader-dashboard .fafiletext:before {content:'';background: url(../img/icon/barcode-management.png) no-repeat center top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}

/************************* Poll Management *********************************/

#poll-dashboard .fafileso:before {content:'';background: url(../img/icon/poll-management.png) no-repeat center top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#poll-dashboard .fasearch:before {content:'';background: url(../img/icon/poll-management.png) no-repeat left top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#poll-dashboard .addpoll:before {content:'';background: url(../img/icon/poll-management.png) no-repeat right top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}

/************************* Contest Management *********************************/

#contest-dashboard .fafileso:before {content:'';background: url(../img/icon/contest-management.png) no-repeat center top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#contest-dashboard .fasearch:before {content:'';background: url(../img/icon/contest-management.png) no-repeat left top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#contest-dashboard .addcontest:before {content:'';background: url(../img/icon/contest-management.png) no-repeat right top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}

#contest-steps{border:1px solid #eaeaea; border-radius:4px; padding:14px 0; margin-bottom: 20px;}
#contest-steps h3{background: #550066;border-radius: 4px;position: relative;height: 30px;margin:auto;font-size: 18px;line-height: 25px;color: white;top: -29px;padding: 3px 18px;font-weight: normal;display: inline-block;}
#contest-steps .step-title {position: absolute;right: -24px;height: 55px;top: 0;bottom: 0;margin: auto;z-index: 2;display: inline-block;width: 50px;}
#contest-steps .step-title span{border: 3px solid purple;border-radius: 50%;text-align:center;position: absolute;width: 50px;background: white;height: 50px;left: 0;}
#contest-steps .step-title span:before{content:'';width: 44px;height: 44px;border: 1px solid #2a0033;left:0;position:absolute;border-radius:50%;}
#contest-steps .step-title span small{font-size: 18px;line-height: 46px;color:#550066;}
#contest-steps .step-title i{border: 1px solid rgba(255,255,255,0.4);bottom: 0;right: 7px;border-radius: 2px;background: #550066;position: absolute;width: 36px;color: white;height: 16px;font-style: normal;line-height: 14px;font-size: 11px;text-align: center;}
#contest-steps .list-functions{left: -28px; top: 0; bottom: 0; margin: auto; height: 55px; position: absolute;}
#contest-steps .edit {position: absolute;background: white; border:1px solid #acd2ac; width: 30px;height: 30px;left: 13px;top: -19px;border-radius: 4px 4px 0 0;}
#contest-steps .edit .hovicon{width:30px;height: 30px;margin: 0;line-height: 30px;text-align: center; color:green; position: relative; left:2px; top:-1px}
#contest-steps .delete {position: absolute;background: white;border: 1px solid #f2d9d9;width: 30px;height: 30px;left: 13px;bottom: -19px;border-radius: 0 0 4px 4px;}
#contest-steps .delete button{width:30px;height: 30px;margin: 0;line-height: 30px;text-align: center;color:red;position: relative;left: 2px;top: 0px;}
#contest-steps button{padding:0 !important; font-size:14px;}

#answer-list tr:nth-child(even) {background:#f5f5f5;width: 100%;}
#answer-list .number span{border: 2px solid #ccc;width:20px;height:20px;display: block;border-radius: 3px;text-align: center;line-height: 19px;margin: 0px 0 4px 3px;position: relative;top: 2px;}
#answer-list .option_number{position:relative;z-index: 1;color: #333;font-size: 12px;top: -1px;}
#answer-list .option_number span{display:block;background:white;float: left;color: red;padding: 0 7px;position: relative;top: 1px;margin: 0 4px 0 2px;border-radius: 3px;}
#answer-list .option_number:before{content:'';background: #eaeaea;border-radius: 4px;height: 22px;position:absolute;left: -3px;right: 25px;top: 2px;text-align: center;z-index: -1;line-height: 19px;margin-left: 3px;margin: 0 0 2px 3px;}

#contest-steps .view {position: absolute;background: white;border:1px solid #acd2ac;width: 30px;height: 30px;left: 13px;top: -2px;border-radius: 4px 4px 0 0;}
#contest-steps .view .hovicon{width:30px;height: 30px;margin: 0;line-height: 30px;text-align: center;color:green;position: relative;left: 1px;top:-1px;}
#contest-steps .erase {position: absolute;background: white;border: 1px solid #f2d9d9;width: 30px;height: 30px;left: 13px;bottom: -2px;border-radius: 0 0 4px 4px;margin: 0;}
#contest-steps .erase button{width:30px;height: 30px;margin: 0;line-height: 30px;text-align: center;color:red;position: absolute;left: -1px;top: -1px;}

/************************* Business Card Management *********************************/

#business-card-dashboard .fafileso:before {content:'';background: url(../img/icon/business-card-management.png) no-repeat right top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#business-card-dashboard .fafiletext:before {content:'';background: url(../img/icon/business-card-management.png) no-repeat left top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}

#businessCard-add .icon-plus, #businessCard-add .icon-close{background: none;border: none;float: left;padding: 2px 0;position: absolute;left: 2px;top: 4px;}
#tell_group .icon-plus, #email_group .icon-plus{left: 18px;z-index:1;}
#businessCard-add .icon-close{position:absolute;left: 8px;top: 10px;}

/************************* Ticket Management *********************************/

#ticket-dashboard .fafileso:before {content:'';background: url(../img/icon/ticket-management.png) no-repeat right top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#ticket-dashboard .cufileso:before {content:'';background: url(../img/icon/ticket-management.png) no-repeat center top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#ticket-dashboard .sefileso:before {content:'';background: url(../img/icon/ticket-management.png) no-repeat left top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}

/************************* Product List *********************************/
/*#product_order_form{min-height: 1050px}*/
#package-title {color:#002d5d;border-top:3px solid #006098;padding: 14px 0 16px;text-align: center;margin: 20px 0 0;position: relative;}
#package-title b{background:#0075c9;border-left: 2px solid white;border-right: 2px solid white;transform: skewX(-35deg);min-width: 170px;height:3px;right: 86px;position:absolute;top: -3px;}
#sms-count:after {content:'';background: url(../img/icon/product-list.png) no-repeat right top;position:absolute;width: 60px;height: 60px;right: 20px;top: 40px;background-size: 200% auto !important;}
#phone-number:after {content:'';background: url(../img/icon/product-list.png) no-repeat left top;position:absolute;width: 60px;height: 80px;right: 20px;top: 40px;background-size: 200% auto !important;}
#voucher-code:after {content:'';background: url(../img/icon/voucher-code.png) no-repeat left top;position:absolute;width: 60px;height: 80px;right: 20px;top: 40px;background-size: 100% auto !important;}
#package-unpaid:after {content:'';background: url(../img/icon/package-unpaid.png) no-repeat left top;position:absolute;width: 80px;height: 80px;right: 9px;top: 29px;}
#package-paid:after {content:'';background: url(../img/icon/package-paid.png) no-repeat left top;position:absolute;width: 80px;height: 80px;right: 10px;top: 29px;}
#voucher-code:before, #package-unpaid:before, #package-paid:before, #sms-count:before, #phone-number:before {content:'';width: 100px;height:140px;right: 0;top:0;position:absolute;background: #f2f2f2;background: -moz-linear-gradient(top, #f2f2f2 0%, #e6e6e6 100%);background: -webkit-linear-gradient(top, #f2f2f2 0%,#e6e6e6 100%);background: linear-gradient(to bottom, #f2f2f2 0%,#e6e6e6 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e6e6e6',GradientType=0 );}
.eachMessagePrice{position:relative;height: 46px;width: 160px;background: #002d5d;}
.eachMessagePrice:after{content:'';border: 23px solid transparent;border-top: 33px solid #0075c9;border-left: 16px solid #0075c9;position: absolute;left: 0;}
.eachMessagePrice:before{content:'';border: 23px solid transparent;border-top: 33px solid white;border-left: 16px solid white;position: absolute;left: 2px;}
.eachMessagePrice .price{border:3px solid #001f41;position:absolute;top:0;line-height: 18px;right:0;background:#0075c9;width:50px;text-align:center;padding: 4px 0 2px;font-size: 18px;}
.eachMessagePrice .unit{background:#001f41;color:white;width: 50px;position:absolute;bottom:0;font-size: 12px;right:0;padding: 0px 0 2px;text-align: center;}
.eachMessagePrice .each{position:absolute;right: 50px;padding: 9px 10px 10px;font-size: 18px;}
.eachMessagePrice .each:after{content:'';border-right: 1px solid white;position:absolute;height:100%;top:0;right:0; opacity:0.1;}
#package-order .packageName{background: #006098;z-index:2;position:relative;padding: 9px 20px 10px;}

.packagePrice {background: #0075c9;padding: 9px 0px 10px 46px;font-size: 18px;position:relative;}
.packagePrice:after{content:'';border: 23px solid transparent;border-top: 33px solid #006098;border-left: 16px solid #006098;position: absolute;left: 0;top: 0;}
.packagePrice:before{content:'';border: 23px solid transparent;border-top: 33px solid white;border-left: 16px solid white;position: absolute;left: 2px;top: 0;}

.packageName{font-size:18px; padding:9px 0 10px;}

#package-order .description{text-align: right;padding: 1px 0 0;}
#package-order .description b{border:1px solid #9b9b9b;background:#d9d9d9;font-weight: normal;padding: 0 5px;margin-left: 5px;border-radius: 4px;line-height: 1px;}
#package-order .properties{background: #f5f5f5;padding-top: 50px;}
#package-order .properties:before{content:'';background: url("../img/icon/packages.png") right;position: absolute;width: 50px;height:50px;left: 0;right: 0;margin: auto;top: 10px;}
#package-order .services{background: #ebebeb;padding-top: 50px;}
#package-order .services:before{content:'';background: url("../img/icon/packages.png") center;position: absolute;width: 50px;height:50px;left: 0;right: 0;margin: auto;top: 10px;}
#package-order .features{background: #f5f5f5;padding-top: 50px;}
#package-order .features:before{content:'';background: url("../img/icon/packages.png") left;position: absolute;width: 50px;height:50px;left: 0;right: 0;margin: auto;top: 10px;}
#package-order .packages{display: table;}
#package-order .packages div{position: relative;display: table-cell;float: none;}
#package-order .packages div h4{position:relative;padding-bottom: 12px;margin-bottom: 20px;margin-top: 7px;text-align: center;}
#package-order .packages div h4:after{content:''; width:80%; height:1px; background:#cdcdcd; position:absolute; bottom:0px; left:10%; right:10%;}
#package-order .packages div label{font-size:16px;}
#package-order .packages div label:not(.first){border-top:1px solid white;padding-top: 6px !important;}
#package-order .packageshow{padding: 9px 10px 10px; }
#package-order .widget{border: solid 2px transparent}
#package-order .widget.warning-select{border-color:#dc3545 !important;}
#package-order .widget.succes-select{border-color:#28a745 !important;}
#package-order .warning-select .c-radio span{border-color:#dc3545;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
#package-order .succes-select .c-radio span{border-color:#28a745;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
#package-order .c-radio input[type="radio"]:checked + span:before{color:#28a745;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
#package-order .c-radio span{-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.panel-custom #package-order .panel-body.text-center{display: none}
#package-order .panel-title>a, .panel-title>a:active{display:block;padding:15px;color:#555;font-size:16px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;word-spacing:3px;text-decoration:none;}
#package-order .panel-heading  a:before {font-family: 'Glyphicons Halflings';content: "\e114";float: right;transition: all 0.5s;font-size: 0.9em;color: #fff;}
#package-order .panel-heading a.plus:before {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
#package-order .arrowshow:before{-webkit-animation: 3s arrow-bt infinite ease;animation:3s arrow-bt infinite ease;position: relative}
@-webkit-keyframes arrow-bt {
    0%,100% {top:-4px;}
    50% {top:6px;}
}
@keyframes arrow {
    0%,100% {top:-4px;}
    50% {top:6px;}
}


#package-order .c-checkbox,#package-order .c-radio{    margin-left: 20px;}
#package-order .msgcurrent{opacity: 0;position: absolute;font-size: 0.95em;color: #dc3545;bottom: -2px;display: block;right: 0;left: 0;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
#package-order .warning-select .msgcurrent{opacity: 1}
.package-chart {margin:auto; display: inline-block;}
.package-chart input{width:131px !important;right:0!important; left:0; margin-left: auto !important; margin-right: auto !important;}

.payment {background: #f7f7f7;border: 1px solid #ccc;margin: 0;border-radius: 5px;clear: both;}
.payment h2{text-align: right;background: url(../img/icon/payment.png) no-repeat left center;}

/************************* List Table *********************************/

div.dataTables_length label {font-weight: normal; position: absolute; left: 0; text-align: left; margin-top: 1px;}
div.dataTables_length label .select7{min-width: 60px;padding: 0;}
div.dataTables_length {position: relative;right: 200%;margin-right: -80px;width: 120px;height: 40px;}
div.dataTables_length label:before {content:'تعداد';color: white;}
.inline-table{border: 1px solid #eaeaea; border-radius: 7px;}
.inline-table .form-inline{background: transparent;}

.inline-table .form-inline .row{height: 32px;}
.inline-table .form-inline .dataTables_length{line-height: 29px !important; height: 34px;}
.inline-table .form-inline .select7__current{padding-top: 0; height: 24px; padding-bottom: 0;}
.inline-table .form-inline .table{margin-top: 0!important;margin-bottom: 5px !important;}
.inline-table .form-inline .table th{padding: 0 0 4px 8px;font-size: 14px;line-height: 26px;}
.inline-table .form-inline .table td{padding: 4px 0;}
.inline-table .form-inline .dataTables_paginate{margin-left: -10px;}
.inline-table .form-inline .dataTables_info{padding-top: 3px;}
.inline-table .form-inline .pagination > li > a, .inline-table .form-inline .pagination > li > span{padding: 3px 7px 7px;}
.inline-table .form-inline .pagination > li:not(.previous):not(.next) > a{padding: 3px 9px 7px;}

.tools .fa-eye:before{font-size: 16px;top: 2px;position: relative;}
.tools a{margin-left:5px;}
td .fa-circle{top: 3px;position: relative;}

#bulk-view .table > tbody > tr > td {padding: 10px 5px 6px !important;}

#mtMessage_list_table .request{display: inline-block;padding: 0 7px;position: relative;height: 35px;top: 0;}
#mtMessage_list_table .sent{display: inline-block;padding: 0 7px;height: 35px;position: relative;margin-right: 20px;top: 0px;}
#mtMessage_list_table .request:before, #mtMessage_list_table .sent:before{content:'';background: url("../img/icon/sms-list.png") center no-repeat;position: absolute;width: 20px;height: 20px;left: 0;right: 0;margin: auto;top: 18px;}
#mtMessage_list_table .request p, #mtMessage_list_table .sent p{border: 1px solid #333;background:white;padding: 3px 8px 1px;border-radius: 3px;line-height: 12px;position: relative;z-index: 1;top: 6px;}
#mtMessage_list_table .request p:after, #mtMessage_list_table .sent p:after{content:'';border: 4px solid transparent;border-top: 4px solid;border-bottom: 0;position:absolute;top: 16px;left: 0;right: 0;margin:auto;width: 0;}
#mtMessage_list_table .request p:before, #mtMessage_list_table .sent p:before{content:'';border: 4px solid transparent;border-top: 4px solid black;border-bottom: 0;position:absolute;top: 17px;left: 0;right: 0;margin:auto;width: 0;}
#mtMessage_list_table thead th{font-size:13px; padding:3px 0 3px 10px;}

#mtMessage_list_table .request:after{content:'';background: url("../img/icon/sms-list.png") 82px -8px white;width: 13px;height: 13px;position:absolute;top: 1px;right: 1px;z-index: 2;border-radius: 6px;}
#mtMessage_list_table .sent:after{content:'';background: url("../img/icon/sms-list.png") 22px -9px white;width: 13px;height: 13px;position:absolute;top: 2px;right: 2px;z-index: 2;border-radius: 6px;}

/************************* Contact Search *********************************/

#search-contact {padding:0 !important;position: relative;height: 34px;}
#search-contact .open-box{position: absolute;left: 5px;top: 5px;background: url(../img/icon/phone-book.png) center no-repeat #23b7e5;height: 24px;width: 24px;border: 1px solid #15a5d1;border-radius: 3px;z-index: 1;}
#search-contact .open-box:hover{background: url(../img/icon/phone-book.png) center no-repeat #37c1eb;border: 1px solid #0f94bd;}
#search-contact a {position: absolute !important; width: 100%; height: 100%;}
#search-contact .fa-search {width: 100%;height: 100%;position: absolute;top: 0;left: 0 !important;right: 0 !important;padding: 9px 7px 6px 34px;color: black;z-index: 1;cursor: text;}
#search-contact .fa-search input{border:none;position:absolute;width: 100%;background: transparent;left: 0;right: 0;top: 0;padding: 10px 7px 10px 35px;font-size: 14px;font-family: 'iran_sans';line-height: 18px;}
#search-contact .fa-search:before {content:'';}
#search-contact li {display: none;}
#searchable-contacts {background: white;position: absolute;top: 32px;right: 0;width: 100%;border: 1px solid #eaeaea;border-top:none;z-index: 20;border-radius: 0 0 4px 4px;}
#searchable-contacts li{list-style:none; padding:3px 5px;}
#searchable-contacts li{border-top:1px solid #eaeaea;color: #333;}
*:not(.input)>#customer_name{position:absolute;left: 0 !important;right: 0 !important;padding: 6px 7px 6px 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;z-index: 0;height: 30px;}

#customer_tree_modal .modal-body{background: white;position: absolute;top: 168px;bottom: 99px;width: 100%;box-shadow: 0 2px 14px 0 rgba(0,0,0,0.4);/* overflow: scroll; */}
#customer_tree_modal .modal-body .tree{height: 100%;border:1px solid #eaeaea !important;overflow-x: hidden;overflow-y: auto;padding: 0;margin: 0;position: relative;}
#customer_tree_modal .modal-body .tree .result-not-found{position:absolute;z-index: 0;text-align: center;padding: 7px 0 0;width: 100%;}
#customer_tree_modal .search-all{width:100%;background:white;height:50px;position:absolute;z-index: 1;text-align: center;}
#customer_tree_modal .search-all p{position:absolute;left: 51px;right: 15px;border-radius: 4px;border: 1px solid #eaeaea;top: 14px;bottom: 0;margin: 0 !important;display: block;text-align: right;padding: 5px 7px 3px;}
#customer_tree_modal .search-all button{padding:0;width: 37px;height: 36px;top: 14px;border-radius: 4px;background: url(../img/icon/search.png) no-repeat 7px center;border:1px solid #eaeaea;left:15px;position:absolute;}
#customer_tree_modal .search-filter{width: 120px;position: absolute;font-size: 13px;line-height: 22px;left: 52px;height: 36px;z-index: 5;margin: 14px auto 0;cursor: pointer;padding: 0;border-right: 1px solid #eaeaea;}
#customer_tree_modal .search-filter:before{content:'';position:absolute;width:0;height:0;left: 11px;border:6px solid transparent;border-top:6px solid #ccc;border-bottom:0;top:0;bottom:0;margin:auto;}
#customer_tree_modal .search-filter:after{content:'';position:absolute;width:1px;top:0;bottom:1px;left: 35px;background:#eaeaea;}
#customer_tree_modal .search-filter p{border:none;top: 1px;left: auto;right: 1px;width: 83px;height: 36px;margin: 0;line-height: 36px;padding-right: 7px;}
#customer_tree_modal .search-filter li{display:none;}
#customer_tree_modal .search-filter.shown li{display:block;background: white;border: 1px solid #eaeaea;margin-top: -1px;padding: 3px;}
#customer_tree_modal .modal-body ul{padding: 0;margin: 0;z-index: 1;}
#customer_tree_modal .modal-body ul li{padding:0;border-bottom:0 !important;}
#customer_tree_modal .modal-body ul li ul{margin-right:20px;}
#customer_tree_modal .modal-body ul li ul:last-child li{border-bottom: 0!important;}
#customer_tree_modal .modal-body ul li span{border:0 !important;padding: 6px 5px 4px;width: 100%;border-bottom:1px solid #eaeaea !important;background: white;}
#customer_tree_modal .modal-body ul li span i:not(.icon-folder-open){font-style:normal;font-size:13px;margin-right:5px}
#customer_tree_modal .modal-body ul li span small{float:left;}
#customer_tree_modal .modal-body ul li span.activeBranch small{left:30px;position:relative;}
#customer_tree_modal .modal-dialog{margin: 0 auto;height:100%;}
#customer_tree_modal .modal-content {width:100%;height:100% !important;background: transparent;box-shadow: none;border: none;padding: 60px 0;}
#customer_tree_modal .modal-footer {background: white;box-shadow: 0 8px 14px 0px rgba(0,0,0,0.2);z-index: 1;position: absolute;bottom: 35px;width: 100%;text-align: left !important;}
#customer_tree_modal .modal-footer .pagination{position:absolute;right:15px;top:0;margin: 15px 0;}
#customer_tree_modal .modal-footer .pagination *{float:right;width: 32px;margin-left: -1px;text-align: center;line-height: 33px;height: 32px;display:block;border:1px solid #eaeaea;cursor: pointer;}
#customer_tree_modal .modal-footer .pagination a:not(.active){color:#595959;}
#customer_tree_modal .modal-footer .pagination .next:after{content:"\f061"; font-family:'FontAwesome';position:relative;top:-1px;left:1px;font-size:14px;}
#customer_tree_modal .modal-footer .pagination .prev:after{content:"\f060"; font-family:'FontAwesome';position:relative;top:-1px;right:0px;font-size:14px;}
#customer_tree_modal .modal-footer .pagination a:not(.next):not(.prev):nth-child(n+9){display:none;}
#customer_tree_modal a.deselect{border: 2px dashed white;color: white;width: 22px;height: 22px;position: absolute;left: 6px;top: 6px;}
#customer_tree_modal a.deselect:before{content:'×';position: absolute;margin: auto;font-size: 18px;width: 11px;height: 10px;line-height: 13px;left: 0;right: 0;top: 0px;bottom: 0;}

/************************* Form *********************************/

input.form-control[type="text"], input.form-control[type="email"]{padding:7px;}
fieldset :not(.stepwizard-step) .form-group p{display:none;}
fieldset .form-group {margin-bottom: 20px !important;margin-top: 3px;}
:not(#mobile_hidden) ~ .intl-tel-input {/* width: 60% !important; */}
.intl-tel-input.allow-dropdown input{text-align: right;padding: inherit;}
input.tel_input{padding:0; font-family:"iran_sans"}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code{padding: 5px 0px 0 7px;font-size: 17px!important;line-height: 18px;}

/************************* Select Customer Type *********************************/

#selectCustomerType .real-user:before{content:'';background: url(../img/icon/customer-types.png) no-repeat -320px 0px;display: block;width: 80px;height: 80px;right: 0;top: 0px;}
#selectCustomerType .legal-user:before{content:'';background: url(../img/icon/customer-types.png) no-repeat -240px 0px;display: block;width: 80px;height: 80px;right: 0;top: 0px;}
#selectCustomerType .real-representative:before{content:'';background: url(../img/icon/customer-types.png) no-repeat -160px 0px;display: block;width: 80px;height: 80px;right: 0;top: 0px;}
#selectCustomerType .legal-representative:before{content:'';background: url(../img/icon/customer-types.png) no-repeat -80px 0px;display: block;width: 80px;height: 80px;right: 0;top: 0px;}
#selectCustomerType .legal-organization:before{content:'';background: url(../img/icon/customer-types.png) no-repeat 0px 0px;display: block;;width: 80px;height: 80px;right: 0;top: 0px;}

/************************* Contact Dashboard *********************************/

#ContactDashboard .audience-management:before{content:'';background: url(../img/icon/contact-dashboard.png) no-repeat -140px 0px;width: 70px;height: 70px;right: 0;top: 0;position: absolute;bottom: 0;margin: auto;}
#ContactDashboard .audience-groups:before{content:'';background: url(../img/icon/contact-dashboard.png) no-repeat -70px 0px;width: 70px;height: 70px;right: 0;top: 0;position: absolute;bottom: 0;margin: auto;}
#ContactDashboard .audience-add:before{content:'';background: url(../img/icon/contact-dashboard.png) no-repeat -0px 0px;width: 70px;height: 70px;right: 0;top: 0;position: absolute;bottom: 0;margin: auto;}

/************************* Order Dashboard *********************************/

#reports-dashboard .reports:before{content:'';background: url(../img/icon/reports.png) no-repeat 0px 0px;width: 70px;height: 70px;right: 0;top: 0;position: absolute;bottom: 0;margin: auto;}

/************************* Order Dashboard *********************************/

#order-management .shopping-cart:before{content:'';background: url(../img/icon/order-management.png) no-repeat -140px 0px;width: 70px;height: 70px;right: 0;top: 0;position: absolute;bottom: 0;margin: auto;}
#order-management .shopping-cart-add:before{content:'';background: url(../img/icon/order-management.png) no-repeat -70px 0px;width: 70px;height: 70px;right: 0;top: 0;position: absolute;bottom: 0;margin: auto;}
#order-management .fa-file-text:before{content:'';background: url(../img/icon/order-management.png) no-repeat -0px 0px;width: 70px;height: 70px;right: 0;top: 0;position: absolute;bottom: 0;margin: auto;}

.downArrow{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
.bounce {-moz-animation: bounce 3s 3;-webkit-animation: bounce 3s 3;animation: bounce 3s 3;}
@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);transform: translateY(0);}
    40% {-moz-transform: translateY(-10px);transform: translateY(-10px);}
    60% {-moz-transform: translateY(-5px);transform: translateY(-5px);}
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
    40% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
    60% {-webkit-transform: translateY(-5px);transform: translateY(-5px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
    40% {-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-webkit-transform: translateY(-10px);transform: translateY(-10px);}
    0% {-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-webkit-transform: translateY(-5px);transform: translateY(-5px);}
}

@-moz-keyframes noticeflip {
    0% {-moz-transform: rotateX(0);transform: rotateX(0);}
    50% {-moz-transform: rotateX(90deg);transform: rotateX(90deg);}
    100% {-moz-transform: rotateX(0deg);transform: rotateX(0deg);}
}
@-webkit-keyframes noticeflip {
    0% {-webkit-transform: rotateX(0);transform: rotateX(0);}
    50% {-webkit-transform: rotateX(90deg);transform: rotateX(90deg);}
    100% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);}
}
@keyframes noticeflip {
    0% {-moz-transform: rotateX(0);-ms-transform: rotateX(0);-webkit-transform: rotateX(0);transform: rotateX(0);}
    50% {-moz-transform: rotateX(90deg);-ms-transform: rotateX(90deg);-webkit-transform: rotateX(90deg);transform: rotateX(90deg);}
    100% {-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-webkit-transform: rotateX(0deg);transform: rotateX(0deg);}
}

.notifier, .nav-wrapper .nav.navbar-nav li, #add-message, .stepwizard-step button, .stepwizard-step button:after
{-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}

.eachMessagePrice .each{position:absolute;right: 50px;padding: 9px 10px 10px;font-size: 18px;}
.eachMessagePrice .each:after{content:'';border-right: 1px solid white;position:absolute;height:100%;top:0;right:0; opacity:0.1;}

.packagePrice {background: #0075c9;padding: 9px 0px 10px 40px;font-size: 18px;position:relative;}
.packagePrice:after{content:'';border: 23px solid transparent;border-top: 33px solid #006098;border-left: 16px solid #006098;position: absolute;left: -5px;top: 0;}
.packagePrice:before{content:'';border: 23px solid transparent;border-top: 33px solid white;border-left: 16px solid white;position: absolute;left: -3px;top: 0;}

.packageName{font-size:18px; padding:9px 0 10px;}

#package-order .description{text-align: right;}
#package-order .description b{border:1px solid #9b9b9b;background:#d9d9d9;font-size: 13px;position: relative;top: 0;}

#about-footer {position: fixed;bottom:0;left:0;right:0;margin:auto;height: 65px;text-align: center;}
#about-footer p{margin: auto;font-size: 13px;line-height: 15px;margin-top: 9px;}

/************************* List Table *********************************/

div.dataTables_length label {font-weight: normal; position: absolute; left: 0; text-align: left; margin-top: 1px;}
div.dataTables_length label .select7{min-width: 60px;padding: 0;margin-right: 5px;}
div.dataTables_length {position: relative;right: 200%;margin-right: -82px;width: 121px;height: 40px;}
.inline-table{border: 1px solid #eaeaea; border-radius: 7px;}
.inline-table .form-inline{background: transparent;}

.inline-table .form-inline .row{height: 32px;}
.inline-table .form-inline .dataTables_length{line-height: 29px !important; height: 34px;}
.inline-table .form-inline .select7__current{padding-top: 0; height: 24px; padding-bottom: 0;}
.inline-table .form-inline .table{margin-top: 0!important;margin-bottom: 5px !important;}
.inline-table .form-inline .table th{padding: 0 0 4px 8px;font-size: 14px;line-height: 26px;}
.inline-table .form-inline .table td{padding: 4px 0;}
.inline-table .form-inline .dataTables_paginate{margin-left: -10px;}
.inline-table .form-inline .dataTables_info{padding-top: 3px;}
.inline-table .form-inline .pagination > li > a, .inline-table .form-inline .pagination > li > span{padding: 3px 7px 7px;}
.inline-table .form-inline .pagination > li:not(.previous):not(.next) > a{padding: 3px 9px 7px;}

/************************* Form *********************************/

input.form-control[type="text"], input.form-control[type="email"]{padding:7px;}
fieldset :not(.stepwizard-step) .form-group p{display:none;}
fieldset .form-group {margin-bottom: 20px !important;margin-top: 3px;}
:not(#mobile_hidden) ~ .intl-tel-input {/* width: 60% !important; */}
.intl-tel-input.allow-dropdown input{text-align: right;padding: inherit;}
input.tel_input{padding:0; font-family:"iran_sans"}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code{padding: 5px 0px 0 7px;font-size: 17px!important;line-height: 18px;}

/************************* Select Customer Type *********************************/

#selectCustomerType .real-user:before, #selectChangeCustomerType .real-user:before
{content:'';background: url(../img/icon/customer-types.png) no-repeat -320px 0px;display: block;width: 80px;height: 80px;right: 0;top: 0px;}

#selectCustomerType .legal-user:before, #selectChangeCustomerType .legal-user:before
{content:'';background: url(../img/icon/customer-types.png) no-repeat -240px 0px;display: block;width: 80px;height: 80px;right: 0;top: 0px;}

#selectCustomerType .real-representative:before, #selectChangeCustomerType .real-representative:before
{content:'';background: url(../img/icon/customer-types.png) no-repeat -160px 0px;display: block;width: 80px;height: 80px;right: 0;top: 0px;}

#selectCustomerType .legal-representative:before, #selectChangeCustomerType .legal-representative:before
{content:'';background: url(../img/icon/customer-types.png) no-repeat -80px 0px;display: block;width: 80px;height: 80px;right: 0;top: 0px;}

#selectCustomerType .legal-organization:before, #selectChangeCustomerType .legal-organization:before
{content:'';background: url(../img/icon/customer-types.png) no-repeat 0px 0px;display: block;;width: 80px;height: 80px;right: 0;top: 0px;}

/************************* Contact Dashboard *********************************/

#ContactDashboard .audience-management:before{content:'';background: url(../img/icon/contact-dashboard.png) no-repeat -140px 0px;width: 70px;height: 70px;right: 0;top: 0;position: absolute;bottom: 0;margin: auto;}
#ContactDashboard .audience-groups:before{content:'';background: url(../img/icon/contact-dashboard.png) no-repeat -70px 0px;width: 70px;height: 70px;right: 0;top: 0;position: absolute;bottom: 0;margin: auto;}
#ContactDashboard .audience-add:before{content:'';background: url(../img/icon/contact-dashboard.png) no-repeat -0px 0px;width: 70px;height: 70px;right: 0;top: 0;position: absolute;bottom: 0;margin: auto;}

/************************* short access *********************************/

#mobile-send-dashboard .add:before{content:'';background: url(../img/icon/mobile-send.png) no-repeat -40px top;width: 70px;height: 70px;right: 0;top: 0;position: absolute;bottom: 0;margin: auto;}
#mobile-send-dashboard .list:before{content:'';background: url(../img/icon/mobile-send.png) no-repeat -115px top;width: 70px;height: 70px;right: 0;top: 0;position: absolute;bottom: 0;margin: auto;}

/************************* Order Dashboard *********************************/

#order-management .shopping-cart:before{content:'';background: url(../img/icon/order-management.png) no-repeat -140px 0px;width: 70px;height: 70px;right: 0;top: 0;position: absolute;bottom: 0;margin: auto;}
#order-management .shopping-cart-add:before{content:'';background: url(../img/icon/order-management.png) no-repeat -70px 0px;width: 70px;height: 70px;right: 0;top: 0;position: absolute;bottom: 0;margin: auto;}
#order-management .fa-file-text:before{content:'';background: url(../img/icon/order-management.png) no-repeat -0px 0px;width: 70px;height: 70px;right: 0;top: 0;position: absolute;bottom: 0;margin: auto;}

/************************* Operators *********************************/

#operators .panel{box-shadow:none;}
#operators > div:not(.panel-heading){width: 260px;float:right;position: relative;}
#operators .bg-white-dark{position:absolute;right: 85px;left: 0px;top: 0;width: 180px;height: 70px;background: #fafafa;}
#operators .bg-white-dark .text-center{padding:0;}
#operators .bg-white-dark .text-center .row{margin:0;}
#operators .bg-white-dark .txt-label+div{width: 70px !important;padding: 0;float: left;margin-left: 6px;}
#operators .bg-white-dark .txt-label+div input{line-height:14px;height: 28px;margin: 5px 0 0;text-align: center;}
#operators [class*="bgc"]{display: block;float: right;}
#operators .bgc-mci{background: url(../img/icon/operators-2.png) no-repeat -435px 0px;width: 70px;height: 70px;font-size: 0;}
#operators .bgc-mtn{background: url(../img/icon/operators-2.png) no-repeat -363px 0px;width: 70px;height:70px;font-size: 0;}
#operators .bgc-rightel{background: url(../img/icon/operators-2.png) no-repeat -292px 0px;width:70px;height:70px;font-size: 0;}
#operators .bgc-talia{background: url(../img/icon/operators-2.png) no-repeat -220px 0px;width:70px;height:70px;font-size: 0;}
#operators .bgc-kish{background: url(../img/icon/operators-2.png) no-repeat -147px 0px;width:70px;height:70px;font-size: 0;}
#operators .bgc-international{background: url(../img/icon/operators-2.png) no-repeat -73px 0px;width:70px;height:70px;font-size: 0;}
#operators .bgc-mo{background: url(../img/icon/operators-2.png) no-repeat 0px 0px;width:70px;height:70px;font-size: 0;}
#operators .bgc-voice{background:#945eba;width:70px;height:70px;font-size:0;position:relative;}
#operators .bgc-voice:before{content:'';background:url(../img/icon/voice-message.png) no-repeat center right;width:70px;height:70px;display:block;margin:auto;top:0;bottom:0;left:0;right:0;position:absolute;}
#operators .txt-label{margin: 6px;padding: 0;width: 55px;}

/************************* Inline Edit *********************************/

.editing[data-inlinedit] {margin-right: 26px !important;}
a[data-edit] {background: url(../img/icon/inline-edit.png) no-repeat right center; cursor: pointer; display: block; width: 26px; height: 26px; border: 1px solid #eaeaea; border-radius: 4px; margin: -2px 0 0 5px;}
[data-changeable] {display:none;}
select[data-changeable] {display:none !important;}
.editing a[data-edit] {background: url(../img/icon/inline-edit.png) no-repeat left center;cursor: pointer;display: block;width: 26px;height: 26px;border: 1px solid #eaeaea;border-radius: 4px;margin: -2px -26px 0 5px;}
.editing [data-current] {display:none;}
.editing [data-changeable] {display:block;}
.editing .select7[data-changeable] {display:block; margin:-10px 0 0;}
.editing select[data-changeable] {display: block !important;}

/************************* Arrow Animation *********************************/

#ticket-view .fa-question{background: url("../img/icon/ticket-view.png") right; width:36px;height:36px;border-radius: 50%;}
#ticket-view .fa-share{background: url("../img/icon/ticket-view.png") left;width:36px;height:36px;border-radius: 50%;}
#ticket-view .fa-question:before, #ticket-view .fa-share:before{display: none;}
#ticket-view  li.timeline-separator:before{background: #0070cc; border-radius: 4px;}

/************************* Bulk Map *********************************/

#bulk_map *{font-family: 'iran_sans';}
#bulk_map [id*="inputCount"]{text-align: center;padding: 5px 5px 5px 16px;height: 34px;width:80px;float: right;}
#bulk_map [id*="inputCount"]+button{float:left;}
#bulk_map .gmnoprint{bottom:0; top:initial !important;}
#bulk_map img[src*="google4.png"]{display: none;}
[id*="hidden_postal_count"]+label{float:right;}
#order-box{position: absolute;z-index: 1;background: white;left: 25px;top: 22px;width: 321px;padding: 0 3px 0;border-radius: 3px;}
#select-city{position: absolute;z-index: 1;right: 24px;background: rgba(255,255,255,0.7);top: 22px;padding: 5px 7px 5px 6px !important;border-radius: 4px;border: 1px solid rgba(0,0,0,0.2);}
#select-city:hover{background: rgba(255,255,255,1);border: 1px solid rgba(0,0,0,0.4);}
#btn_check_maps_postal_code{background: url(../img/icon/bulk-map.png) #27c24c right;border-radius:3px;width: 24px;height: 24px;background-size: 48px 24px;border: none;margin: 9px 2px 0 6px;}
#btn_check_maps_postal_code+button{background: url(../img/icon/bulk-map.png) #f05050;border-radius:3px;width: 24px;height: 24px;background-size: 48px 24px;border: none;margin: 9px 5px 0 1px;}

/************************* Arrow Animation *********************************/

.downArrow{position: absolute; left: 0; right: 0; margin: auto; z-index: 0 !important;}
.bounce{-moz-animation: bounce 3s 3; -webkit-animation: bounce 3s 3; animation: bounce 3s 3;}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(10px);
        transform: translateY(10px);
    }
    60% {
        -moz-transform: translateY(5px);
        transform: translateY(5px);
    }
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    60% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    60% {
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
}

@keyframes loading {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    60% {
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
}

/************************* intelligent message *********************************/

#intelligent-message-file-tab lable{color:#797979;}
#intelligent-message-file-tab p{color:black;}
#intelligent-message-file-tab .row div{min-height: 45px;}
#intelligent-message-file-tab .row{padding: 25px;}

#activation-status p{float:right;}
#activation-status small{float:right;position:relative;top:2px;margin-left:7px;border:1px solid transparent;border-radius: 10px;font-size: 12px;line-height: 12px;padding: 3px 5px 0 20px;height: 20px;}
#activation-status small:after{content:''; position:absolute; width:10px; height:10px; left:4px; top:4px; border-radius:5px;}
#activation-status .active{border:1px solid #37bc9b; color:#37bc9b;}
#activation-status .active:after{background:#37bc9b;}
#activation-status .deactive{border:1px solid #f05050; color:#f05050;}
#activation-status .deactive:after{background:#f05050;}

/********************************* date *********************************/

#to-date{background: url(../img/icon/date.png) no-repeat center left; width: 22px; height: 24px; position: absolute; left: 0; top: 0; bottom: 3px; margin: auto; opacity: 0.4;}
#from-date{background: url(../img/icon/date.png) no-repeat center right; width: 22px; height: 24px; position: absolute; left: 0; top: 0; bottom: 3px; margin: auto; opacity: 0.4;}

/************************* captcha *********************************/

#captcha{padding: 0; border: 1px solid #eaeaea; border-radius: 4px;height: 73px;}
#captcha button {
    background: url(../img/icon/reload.png) no-repeat 3px 3px / 11px 11px #eaeaea;
    width: 60px;
    height: 25px;
    line-height: 25px;
    left: -8px;
    position: absolute;
    top: 22px;
    padding: 0 5px 0 0;
    text-align: right;
    z-index: 1;
}
.divInputCaptcha {position: relative;}
#captcha img{position: absolute; left: 0; top: 0; padding: 10px; width: 150px; height: 71px;}
#captcha input {
    width: 100%;
    position: absolute;
    height: 40px;
    line-height: 40px;
    right: 15px;
    padding: 5px 10px 5px 75px;
    top: 15px;
    font-family: tahoma;
    font-size: 14px;
    text-align: center;
}
/*#captcha .error:not([name="answer"]){top:74px;z-index:5;}*/
#captcha .error:before, #captcha .error:after{left:auto;right:30px;}

/************************* Head Part of Page *********************************/

.headpart{height: 120px;width:100%;position: relative;margin-top: -30px;}
.headpart i{width:70px;height:70px;position:absolute;left:0;right:0;top:0;bottom: 30px;margin:auto;}
.headpart p{height:20px;position:absolute;left:200px;right: 200px;top: 65px;bottom:0;margin:auto;line-height:20px;text-align: center;}
.headpart .links{position: absolute;left:0;width: 200px;top:0;bottom:0;display: table;height: 100%;}
.headpart .links span{display: table-cell;vertical-align: middle;}
.headpart .links div{display: inline-block;position: relative;}
.headpart .links div a{background:#f2f2f2;border: 2px solid #e5e5e5;height: 50px;display: block;border-radius: 25px;line-height: 47px;width: 200px;color:#49535b;padding-left: 60px;text-align: center;font-size: 14px;}
.headpart .links div a:before{content:'';width: 44px;height: 44px;position: absolute;left: 3px;top: 3px;border:1px solid #e5e5e5;background:white;border-radius:50%;}
.headpart .links div a:after{content:'';position: absolute;}
.headpart .links div a:hover{background:white;}
.headpart .links div a:hover:before{background:#f2f2f2;}
.headpart .links div a.toggleGuide{width: 54px !important;height: 54px !important;line-height: 50px;border-radius:27px;text-align:center;padding:0;position: absolute;top: 0;left: 210px;}
.headpart .links div a.toggleGuide:before{display:none;}

/************************* Body Part of Form *********************************/

.formBody{background: #f2f2f2;border:1px solid #e5e5e5;border-radius: 4px;padding: 20px;position: relative;display: inline-block;width: 100%;}
.formBody .fields:not(:last-child){margin-bottom:20px;}
.formBody .field{background: white;border:1px solid #eaeaea;margin-bottom: -1px;width:100%;height: 45px;padding: 7px;position: relative;}
.formBody .field .title{float:right;margin: 3px;user-select: none;}
.formBody .field .input input{float:right;margin-right: 10px;border: none;position: relative;top: 3px;direction: rtl !important;}
.formBody .field .input.single input{width: 100%;position:  absolute;top: 0;padding-left: 50px;}
.formBody .field .input{position:relative;display: inline-block;float: right;}
.formBody .field.single>*{width:100%}
.formBody .field .input:not(.single):before{content:'';border-left:1px solid #eaeaea;left: 10px;position:absolute;top: -7px;bottom: -7px;z-index: 1;}
.formBody .field .input:last-child:before{display:none;}
.formBody .field .selector{margin-right: 0;position: absolute;top: -8px;right: -6px;min-width: 150px;height: 44px;left: 10px;border: 0;bottom: -5px;border-left: 1px solid #ebebeb;}
.formBody .field .selector .notifier{left:auto !important;right:0 !important;}
.formBody .field .selector.last{left: -8px;right: -10px;}
.formBody .field .selector:after{content:'';position:absolute;width:0;height:0;left: 14px;top:0;bottom:0;margin:auto;border:6px solid transparent;border-top:8px solid #ccc;border-bottom:none;pointer-events: none;}
.formBody .field .selector:before{content:'';position:absolute;right: 0px;top: 1px;bottom: 0px;background:white;z-index:-1;}
.formBody .field .selector select{width:100%;padding: 6px 0 7px;margin-top: 1px;z-index:-1;position: absolute;left:0;}
.formBody .field .selector .title{padding:7px;}
.formBody .field .selector h4{position:absolute;line-height: 49px;top: 0px;width: 100%;padding-left: 50px;right: 0;height: 100%;margin: 0;text-align:center;}
.formBody .field .selector span{margin: 45px 0 0;display: block;width: 100% !important;}
.formBody .field .selector span.open p{display: block !important;}
.formBody .field .selector p{display: none;width:100%;background: #f7f7f7;margin:0;z-index:1000;position:relative;text-align: center;padding: 6px 10px;border: 1px solid #eaeaea;border-top: 0;}
.formBody .field .selector p:hover{background:white;}
.formBody .field:first-child{border-radius:4px 4px 0 0;}
.formBody .field:last-child{border-radius:0 0 4px 4px;}
.formBody .field:last-child{border-radius:0 0 4px 4px;}

.formBody .form-control-feedback{left: 15px; float: left; right: auto; top: -3px;}
.formBody :last-child .help-block{float: right;width: auto;}

.formBody .hint{font-size: 14px;display: block;padding-top: 10px;clear: both;margin-bottom: -10px;}
.formBody .hint p{margin-bottom:5px;}

.formBody .field .dateholder .title{float: right;position: relative;z-index: 2;}
.formBody .field .title p{float:right;margin: 0;}
.formBody .field .title .show-pop{float:right;margin-right:2px;position: relative;}
.formBody .field .dateholder .date{float: right;position: absolute;top: -3px;height: 32px;width: 100%;}
.formBody .field .dateholder .date input{border:none;position: absolute;border-radius: unset;width: 100% !important;right: -7px;line-height: 36px;padding-right: 105px;}

.formBody .field .timeholder .title{float: right;position: relative;z-index: 2;}
.formBody .field .title p{float:right;margin: 0;}
.formBody .field .title .show-pop{float:right;margin-right:2px;position: relative;}
.formBody .field .timeholder .time{float: right;position: absolute;top: -3px;height: 32px;width: 100%;}
.formBody .field .timeholder .time input{border:none;position: absolute;line-height: 36px;border-radius: unset;right: 2px;width: 95% !important;padding-right: 90px;}

.formBody .fields .textBox, .formBody #code_group{position:relative;display: inline-block;width: 100%;}
.formBody .fields .textBox .field{border-bottom: none;text-align:center;}
.formBody .fields .textBox>.notifier{bottom: -25px;top: auto !important;width: 200px !important;right: 0;}
.formBody #code_group .textBox label.error{display: none !important;}
.formBody .fields .textBox button{margin: -15px auto 0;float:none !important;display: block;position: relative;z-index: 1;}
.formBody .fields .textBox button.add{padding-right: 32px;}
.formBody .fields .textBox button.add:before{content:'';position:absolute;right: 15px;background: white;height: 12px;width: 2px;top: 0;bottom: 0;margin: auto;}
.formBody .fields .textBox button.add:after{content:'';position:absolute;right:10px;background: white;height: 2px;width: 12px;top: 0;bottom: 0;margin: auto;}
.formBody .fields .textBox .field:after{content:'';position:absolute;bottom: 1px;height:1px;background:#ebebeb;left: 10px;right: 10px;}
.formBody .fields .textBox textarea{width:100%;top: 1px;position: relative;border: 1px solid #ebebeb;border-top:none;min-height: 150px;padding: 7px 10px 15px;text-align: right;border-radius: unset;margin: 0;}

.formBody .fields .reminder, #countSmsCharacters .reminder{position:absolute;bottom: -11px;right: 10px;}
.formBody .fields .reminder b, #countSmsCharacters .reminder b{position:relative;border: 1px solid #eaeaea;border-radius: 10px;background: white;font-size: 12px;font-weight: normal;padding: 0 10px;}
.formBody .fields .reminder i, #countSmsCharacters .reminder i{position:relative;border: 1px solid #eaeaea;border-radius: 10px;background: white;font-size: 12px;font-style: normal;margin-right: 5px;padding: 0 10px;}

.formBody .fields .addedCode{background:white;display:inline-block;width: 100%;position:relative;padding-top: 4px;border-bottom: 2px solid firebrick;}
.formBody .fields .addedCode p:first-child{margin-bottom:-1px;width: 30px;}
.formBody .fields .addedCode p{float:right;margin: 0;padding: 4px 7px 4px;}
.formBody .fields .addedCode input{border:none;padding:7px 0;}
.formBody .fields .addedCode .h4{float:right;margin: 0;padding: 8px 0 9px;font-size: 16px;border:none;border-left: 1px solid #ededed;width: 80px;display: inline-block;}
.formBody .fields .addedCode .textcontainer{position:absolute;margin-bottom: 7px;left: 0px;right: 155px;}
.formBody .fields .addedCode textarea{float:right;padding: 9px 10px 0;height: 34px;padding: 7px;line-height: 19px;border: none;width: 100%;font-size: 14px;}
.formBody .fields .addedCode .code_btn_remove{cursor:pointer;position:absolute;left: 7px;top: 7px;width: 23px;height: 22px;background: #ff0040;border: none;opacity: 0;}
.formBody .fields .addedCode .code_btn_remove:before{content:'';position:absolute;width:11px;left:0;right:0;top:0;bottom:0;margin:auto;height: 2px;background:white;}
.formBody .fields:hover .addedCode .code_btn_remove{opacity:1;}

.formBody .field .date label.error{min-width: 300px;margin-bottom: 0;}
.formBody .field .date.set label.error{display:none !important;}

.formBody .field .upload{float: right;margin: -7px;}
.formBody .field .upload .title{background: url("../img/icon/upload.png") no-repeat right  8px #2c88db;color:white;padding: 6px 40px 5px 15px;border-radius: 3px;border:1px solid #2c88db;cursor:pointer;}
.formBody .field .upload:hover .title{background: url("../img/icon/upload.png") no-repeat right 8px #479eeb;}
.formBody .field-display .download,.formBody .field.smartlabel{pointer-events: auto;}
.formBody .field-display.disable-st .download,.formBody .field.smartlabel.disable-st {pointer-events: none;}
.formBody .field .download a{background: url("../img/icon/download.png") no-repeat right 8px;color:#2c88db;padding: 3px 40px 3px 15px;border-radius: 3px;border: 1px solid #d5e7f8;position: relative;top: 3px;}
.formBody .field .download:hover a{background: url("../img/icon/download.png") no-repeat right  8px #e8f3fc;position: relative;top: 3px;}

.formBody .field .checkbox:not(.c-checkbox){float:right;margin: 0 20px 0 0;padding: 0;top: 3px;position: relative;}
.formBody .field .checkbox:not(.c-checkbox) [type="checkbox"]{position: absolute;height: 100%;left: 0;top: 0;width: 100%;margin: 0;opacity: 0;z-index: 2;cursor: pointer;}
.formBody .field .checkbox:not(.c-checkbox) label{padding-right: 25px;position: relative;}
.formBody .field .checkbox:not(.c-checkbox):hover label{color:black;}
.formBody .field .checkbox:not(.c-checkbox) label:before{content:'';background: url("../img/icon/checkbox.png") left;position:absolute;right: 0px;width:21px;height:21px;}
.formBody .field .checkbox:not(.c-checkbox) label:after{content:'';opacity:0;background: url("../img/icon/checkbox.png") right;position:absolute;right:0px;width:21px;height:21px;}
.formBody .field .checkbox:not(.c-checkbox).checked label:after{opacity:1;top: 0;}
.formBody .field .checkbox:not(.c-checkbox).checked label:before{opacity:0;}

.formBody .field.smartlabel .smartlabels{float:right;padding: 3px 5px 0 0px;margin-right: 10px;border-right: 1px solid #f2f2f2;position: relative;}
.formBody .field.smartlabel .smartlabels p{float:right;display:inline-block;padding: 3px 10px 0;margin: 0 !important;font-size:13px;}
.formBody .field.smartlabel .smartlabels button{display:inline-block;padding: 1px 10px;margin: 0 !important;border: 1px solid #cfe2fc;background: none;color: #1f5cad;border-radius: 3px;}
.formBody .field.smartlabel .smartlabels button:hover{border: 1px solid #1f5cad;background: #1f5cad;color: white;}
.formBody .field.smartlabel .smartlabels button:nth-child(4n-3){border: 1px solid #fcdacf;background: none;color: #ff5900;}
.formBody .field.smartlabel .smartlabels button:nth-child(4n-3):hover{border: 1px solid #ff5900;background: #ff5900;color: white;}
.formBody .field.smartlabel .smartlabels button:nth-child(4n-2){border: 1px solid #d4f7d7;background: none;color: #39ac4e;}
.formBody .field.smartlabel .smartlabels button:nth-child(4n-2):hover{border: 1px solid #39ac4e;background: #39ac4e;color: white;}
.formBody .field.smartlabel .smartlabels button:nth-child(4n-1){border: 1px solid #e3ddee;background: none;color: #57248f;}
.formBody .field.smartlabel .smartlabels button:nth-child(4n-1):hover{border: 1px solid #57248f;background: #57248f;color: white;}

.formBody .field.smartlabel .smartlabels a.next, .formBody .field.smartlabel .smartlabels a.prev
{position: absolute;border:1px solid #eaeaea;width: 23px;height: 23px;left: 0;top: 3px;border-radius:3px;cursor: pointer;}
.formBody .field.smartlabel .smartlabels a.prev{left: 25px;}
.formBody .field.smartlabel .smartlabels a.next:before{content:'';border:5px solid transparent; border-right:6px solid #ccc; border-left:none; height:0;width:0; position:absolute;top:0;bottom:0;left:0;right:1px;margin:auto;}
.formBody .field.smartlabel .smartlabels a.prev:before{content:'';border:5px solid transparent;border-left: 6px solid #bfbfbf;border-right:none;height:0;width:0;position:absolute;top:0;bottom:0;left:1px;right:0;margin:auto;}
.formBody .field.smartlabel .smartlabels a.next:hover, .formBody .field.smartlabel .smartlabels a.prev:hover{border:1px solid #ccc}

.formBody .mobileNumber .selected-flag{margin-left:-7px;}
.formBody .mobileNumber input{border: none;padding: 7px 5px 4px 80px !important;width: 100% !important;font-size: 16px !important;line-height: 32px;}
.formBody .mobileNumber .intl-tel-input{padding: 0;top: -3px;position: relative;right: 0;}

.formBody .modalbutton{float:right;background:#2b8cee;border:none; height:44px;margin:-8px -7px; padding:0 10px; color:white;}
.formBody .modalbutton:hover{background:#3399ff;}

.formBody #actionBar{position:absolute; left: 0;right: 0;bottom: -75px;}
.tabLinks .formBody #actionBar{position:relative;bottom: 0px;border: 0 !important;padding-top: 5px;}

.simpleUI .tab-content{border:none;}
.simpleUI .nav-pills{padding: 0 20px;position: relative;z-index: 2;}
.simpleUI .nav-pills li{background: #e0e0e0;border:1px solid #e5e5e5;margin: 0 0 -1px -1px;border-radius: 5px 5px 0 0;}
.simpleUI .nav-pills li:not(.active):hover{background:#f7f7f7}
.simpleUI .nav-pills li:not(.active){box-shadow:inset 0 -2px 3px 0 rgba(0,0,0,0.07)}
.simpleUI .nav-pills li.active{border:1px solid #e5e5e5;margin: 0 0 -1px -1px;border-radius: 5px 5px 0 0;border-bottom-color:#f2f2f2;background:#f2f2f2;}
.simpleUI .nav-pills li a, .simpleUI .nav-pills li a:hover, .simpleUI .nav-pills li a:focus{background:none !important;color:#777}

/************************* Search Bar *********************************/

.searchbar .title{position:absolute;margin: 0;padding: 6px 7px;font-size: 14px;right: 0px;z-index: 3;pointer-events: none;}
.searchbar #search-contact .title{pointer-events: none;}
.searchbar .title .cd-single-point{left:-5px;top: 2px;}
.searchbar #search-contact{background:white;}
.searchbar #search-contact a:not(.cd-single-point){position:relative !important;display:inline-block;height: 34px;border: 1px solid #eaeaea;}
.searchbar #search-contact ul{border:none;top: 33px;}
.searchbar #searchable-contacts li{border: 1px solid #eaeaea;margin-top: -1px;}
.searchbar #search-contact .fa-search input{padding: 8px 7px 8px 35px;}
.searchbar #search-contact .open-box{top:4px;left:4px;}
.searchbar.oneLine{min-height: 64px !important;margin-left: 145px;}
.searchbar.oneLine:before, .searchbar.oneLine .hasdownload{width: 145px !important;left: -145px !important;height: 64px !important;border-right: 0;padding: 15px 0 15px 15px;}
.searchbar.oneLine .hasdownload .download{float:right !important;}
.searchbar.oneLine .hasdownload .download button{width: 30px;font-size:0;height:33px;background: url("../img/icon/download.png") no-repeat 5px 6px white;}
.searchbar.oneLine .hasdownload .download:hover button{width: 30px;font-size:0;height:33px;background: url("../img/icon/download.png") no-repeat 5px 6px #d5e7f8;border:1px solid #5088d2;}
.searchbar.oneLine .result{width: 134px;left: -134px;text-align: left;}
.searchbar .selector{width:100%;border:1px solid #eaeaea;height: 34px;font-size: 14px;padding: 3px 5px;}
.searchbar .label{color:#656565;border: 1px solid #eaeaea;font-size: 14px;line-height: 21px;font-weight: normal;height: 34px;padding: 6px 7px;border-radius: 0;text-align: right;}

.searchbar .input, .searchbar .datepick, .searchbar .timepick{width:100%;border: 1px solid #eaeaea;height: 34px;}
.searchbar .input input, .searchbar .datepick input, .searchbar .timepick input{border:none;width:100%;padding: 6px 6px 5px;font-size: 14px;height: auto;}
.searchbar #search-contact a:hover, .searchbar .selector:hover, .searchbar .input:hover, .searchbar .datepick:hover{border-color:#ccc;}
.searchbar input, .searchbar #search-contact a, .searchbar .selector, .searchbar .input, .searchbar .datepick{border-radius: 3px;}
.searchbar input:disabled{background: #ebebeb;cursor:not-allowed}
.searchbar input{z-index:2;position:relative;background:none;}

.searchbar .mobileNumber input{border: 1px solid #ebebeb;padding: 7px 5px 4px 80px !important;width: 100% !important;display: block;}
.searchbar .mobileNumber .cd-single-point{left:-3px;}
.searchbar{background: #f5f5f5;position:relative;padding: 13px 7px 10px;border-radius: 0 5px 5px 0;border: 1px solid #eaeaea;margin: 0 0px 39px 100px;border-bottom-color: #d8d8d8;min-height: 100px;}
.searchbar:before{content:'';border:1px solid #eaeaea;border-right: 1px solid #f5f5f5;background: #f5f5f5;border-bottom-color: #d8d8d8;position:absolute;bottom: -1px;width: 100px;top: -1px;left: -100px;border-radius: 5px 0 0 5px;}
.searchbar .result{position: absolute;text-align: right;left: -91px;padding: 0 6px 0;top: 0px;bottom: 0px;margin: auto;height: 33px;width: 103px;text-align: center;}
.searchbar .result.hasdownload{height: 71px;}
.searchbar .result .download button{position:relative;z-index:1;border: 1px solid #5088d2;background:white;color: #5088d2;border-radius: 3px;padding: 3px 15px;width: 91px;}
.searchbar .result .search{position:relative;z-index:1;border: 1px solid #5088d2;background:white;color: #5088d2;padding: 3px 10px 4px;border-radius: 3px;padding-right: 30px;margin-bottom: 6px;}
.searchbar .result .search:before{content:'';position:absolute;top: 3px;right: 3px;width: 22px;height: 22px;background: url(../img/icon/search.png) no-repeat left;}
.searchbar .result .search:after{content:'';opacity:0;position:absolute;top: 3px;right: 5px;width: 22px;height: 22px;background: url(../img/icon/search.png) no-repeat right;}
.searchbar .result .search:hover:before{opacity:0}
.searchbar .result .search:hover:after{opacity:1}
.searchbar .result .search:hover{background:#5088d2;color:white;border-color:#5088d2;}
.searchbar .result .download button:hover{background:#ebb700;color:white;border-color:#ebb700;}

.searchbar .line5, .searchbar .line4, .searchbar .line3, .searchbar .line2{height:34px;margin-bottom: 0.35vw;padding: 0 0.5% 0 0;}
.searchbar .line5 > *{width: 19.5% !important;margin-left: 0.5%;float:right;position: relative;background: white;}
.searchbar .line4 > *{width: 24.5% !important;margin-left: 0.5%;float:right;position: relative;background: white;}
.searchbar .line3 > *{width: 32.8333% !important;margin-left: 0.5%;position: relative;float:right;background: white;}
.searchbar .line2 > *{width: 49.5% !important;margin-left: 0.5%;float:right;position: relative;background: white;}
.searchbar .line4 > :last-child, .searchbar .line3 > :last-child, .searchbar .line2 > :last-child{margin-left: 0%;}

.searchbar .checkbox:not(.c-checkbox){float:right;padding: 0;top: 6px;margin: 0;position: relative;background: none;}
.searchbar .checkbox:not(.c-checkbox) [type="checkbox"]{position: absolute;height: 100%;left: 0;top: 0;width: 100%;margin: 0;opacity: 0;z-index: 2;cursor: pointer;}
.searchbar .checkbox:not(.c-checkbox) label{padding-right: 25px;position: relative;}
.searchbar .checkbox:not(.c-checkbox):hover label{color:black;}
.searchbar .checkbox:not(.c-checkbox) label:before{content:'';background: url("../img/icon/checkbox.png") left;position:absolute;right: 0px;width:21px;height:21px;}
.searchbar .checkbox:not(.c-checkbox) label:after{content:'';opacity:0;background: url("../img/icon/checkbox.png") right;position:absolute;right:0px;width:21px;height:21px;}
.searchbar .checkbox:not(.c-checkbox).checked label:after{opacity:1;top: 0;}
.searchbar .checkbox:not(.c-checkbox).checked label:before{opacity:0;}

.searchbar .advanced-search-button{background: none;border: 1px solid #eaeaea;border-width: 1px 0;position: absolute;bottom: 14px;padding: 2px 0 2px 15px;left: 13px;right: 13px;text-align: center;color: #777;cursor: pointer;}
.searchbar .advanced-search-button:after{content:'';position:absolute;width:0;height:0;left:0;right: 125px;margin:auto;border:6px solid transparent;border-top: 8px solid #ccc;border-bottom: 0;top: 0;bottom: 0;}
.searchbar .advanced-search-button.opened:after{border-bottom: 8px solid #ccc;border-top: 0;}
.searchbar .advanced-search-button:hover{background:white;}
.searchbar .advanced-search-items{display: none;width: 100%;opacity: 0;margin-bottom: 45px;transform: scale(0);-webkit-transform: scale(0);}
.searchbar .advanced-search-items.display{display:block;animation-name: fadein; animation-duration: 0.3s; animation-fill-mode: forwards;}
@-webkit-keyframes fadein {
    0% {opacity: 0;transform: scale(0);-webkit-transform: scale(0);}
    100% {opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
}

.setGroup#grouplist{border-radius: 3px;margin: 0;padding: 0 5px;position: relative;width: 100%;font-size: 14px;}
.setGroup#grouplist .title{position:relative;float:right;top: 2px;right: 2px; padding:6px 7px;}
.setGroup#grouplist>div{border:1px solid #eaeaea;background:white;border-radius: 3px;}
.setGroup#grouplist #divContactList{border:none;margin: -4px 0 -5px;top: 3px;position: relative;}
.setGroup#grouplist #divContactList .contact-parent{float:right;display: inline-block;width: auto;border: none;background: none;}
.setGroup#grouplist #divContactList .collapse{float: right;display: none;height: 35px;border-left: 1px solid #eaeaea;}
.setGroup#grouplist #divContactList .collapse .link{background:white;padding-right: 10px;margin-left: 0;padding-left: 5px;}
.setGroup#grouplist #divContactList .collapse .link>span{font-size: 14px;color:#656565 !important;line-height: 30px;}
.setGroup#grouplist #divContactList .collapse .link span:before{font-size:18px;color:#7266ba !important;line-height:21px}
.setGroup#grouplist #divContactList #span_icon{display:none!important;}
.setGroup#grouplist #divContactList .collapse .c-checkbox{float:right;position: relative;padding-right: 20px;top: 4px;margin-left: -6px;right: -7px;}
.setGroup#grouplist #divContactList .collapse .c-checkbox [type="checkbox"]{width:100%;left: 0;top: 0;height: 100%;margin: 0;z-index: 3;}
.setGroup#grouplist #divContactList .collapse .c-checkbox span:before{color:white !important;font-weight:normal;font-size:13px;top:-2px;}
.setGroup#grouplist #divContactList .link{float:right;top: 2px;margin-right: 2px;position: relative;margin-left: 10px;}
.setGroup#grouplist #linkToExport{float:left;top: 6px;width: 30px;height: 24px;position: absolute;left: 11px;}
.setGroup#grouplist #linkToExport button{padding: 4px 0;}

@media (max-width: 1024px) {
    .searchbar .title, .searchbar .selector, .searchbar input{font-size: 13px !important;line-height: 21px;}
}
@media (max-width: 900px) {
    .searchbar .title, .searchbar .selector, .searchbar input{font-size: 12px !important;}
}

@media (max-width: 1280px) {
    .formBody .field{height:35px;}
    .formBody .field input{line-height: 25px !important;height: 33px;}
    .formBody .field .selector, .formBody .field p, .formBody .field .title, .formBody .field h4{font-size: 13px !important;line-height: 35px !important;height: 35px !important;}
    .formBody .field .title{line-height: 33px !important;height: 33px !important;margin: 0 0 -7px 0;padding: 0 10px 0 0 !important;}
    .formBody .field .checkbox .title{line-height: 23px !important;height: 23px !important;margin: 8px 2px -7px 0;padding: 0 25px 0 0 !important;min-width: 150px;}
    .formBody .field .upload .title{padding: 0px 40px 0 15px !important;line-height: 30px !important;}
    .formBody .field .input .title{top:-7px;position:relative;}
    .formBody .field .download a, .formBody .field .download a:hover{top: -2px;font-size: 14px;padding: 0 40px 0 15px;background-position: right 4px;}
    .formBody .field .selector select{padding: 0;}
    .formBody .field .selector span{margin-top:35px;}
    .dateholder, .timeholder, .textBox .title{top:-7px;position:relative;}
    .dateholder .date, .timeholder .time{top: 0 !important;}
    .formBody .field.smartlabel .smartlabels{top: -5px;height: 26px;max-width: 90%;overflow: hidden;}
    .formBody .field.smartlabel .smartlabels.overflow{padding-left: 50px;float: left;}
    .formBody .field.smartlabel .smartlabels p{height: 35px !important;top: -7px;position: relative;padding-top: 0;}
    .formBody .fields .textBox .field:after{margin: 0;left: 0;right: 0;}
    .formBody .field.smartlabel .smartlabels .contain{position:relative;}
    .formBody .field .smartlabels .contain button{margin-left:5px !important;}
    .formBody .field .checkbox:not(.c-checkbox) label{font-size:14px;}
    .formBody .field .btn {padding: 1px 10px;}
    .formBody .field .fileupload-buttonbar .btn{height:43px;background:white;}
    .formBody .field .checkbox:not(.c-checkbox){position:relative;top:-3px;}
    .formBody .field .selector p{line-height: 24px !important;}
    .formBody .field .input input{top: -7px;position: absolute;left: 0;}
    .formBody .field .input.single .title p{top: -7px;position:relative;}
    .formBody .field .input:not(.single):before{height:34px}
    .searchbar .title{font-size: 11px !important;}
    #predefined_text .categories div ul li .addSubCat span{height:26px;line-height:24px;padding:0 20px 0 5px!important;}
}
@media (max-device-width: 1280px) {
    .header-title{font-size: 14px !important;}
    .searchbar .selector, .searchbar .title, .searchbar .input input, .searchbar .datepick input, .searchbar .timepick input{font-size: 10px !important;}
    .dataTables_wrapper .dataTables_length label select{padding:0 5px;}
    .timeline-panel p{font-size: 13px;}
}

/************************* control panel *********************************/

#control-panel-dashboard  .updateData:before {content:'';background: url(../img/icon/control-panel.png) no-repeat 0px top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}
#control-panel-dashboard  .notificationSettings:before {content:'';background: url(../img/icon/control-panel.png) no-repeat -70px top;position:absolute;width: 70px;height: 70px;right: 0;top: 40px;}

/************************* profile view *********************************/

#profile-view {border: 1px solid #eaeaea; padding: 4px 5px 0; border-radius: 47px; display: inline-block; width: 100%;}
#profile-view .header{background: #f2f2f2;border:1px solid #e6e6e6;border-radius:43px; height:85px; margin-bottom:10px;}
#profile-view #profile-title{height:64px;position:relative;display:table;padding-right:15px;}
#profile-view #profile-title p{margin:0;vertical-align:middle;display:table-cell;}
#profile-view #user-edit{cursor: pointer;position: relative; width: 175px; height: 63px; background: #f7f7f7; border: 1px solid #e6e6e6; border-radius: 31px;}
#profile-view #user-edit:hover{background:white}
#profile-view #user-edit:before{content:'';background:url('../img/icon/user-profile.png');position:absolute; left: 9px; width: 47px; height: 47px; top: 3px; z-index: 1;}
#profile-view #user-edit p{position: relative; margin: 0; top: 18px; right: 15px;color: #4d4d4d;}
#profile-view>div:nth-child(2){border-left:2px solid #eaeaea}
#profile-view>div:nth-child(3){border-right:2px solid #eaeaea; margin-right:-2px; padding-bottom:25px;}
#user-data {border:1px solid #e6e6e6; background: #f7f7f7; border-radius:3px;}
#user-data .credit{padding: 0px 10px 0 0;}
#user-data .credit .pull-right{color:#ff9c0d;}
#user-data .credit .pull-left{background:#ff9c0d;color:white;padding:2px 4px 0;min-width: 85px;text-align:center;}
#user-data .numbers{padding: 2px 10px 0 0;}
#user-data .numbers .pull-right{color:#49535b}
#user-data .numbers .pull-left{background:#49535b;color:white;padding:2px 4px 0; width:85px; text-align:center;}

#user-details .customer-info:before{content:'';background:url('../img/icon/user-profile.png') -3px -196px;display:block;width:36px;height:36px;}
#user-details .user-info:before{content:'';background:url('../img/icon/user-profile.png') -3px -235px;display:block;width:36px;height:36px;}
#user-details .profit-info:before{content:'';background:url('../img/icon/user-profile.png') -3px -356px;display:block;width:36px;height:36px;}
#user-details .hierarchy:before{content:'';background:url('../img/icon/user-profile.png') -3px -316px;display:block;width:36px;height:36px;}
#user-details .message-info:before{content: ''; background: url(../img/icon/user-profile.png) -6px -278px; display: block; width: 33px; height: 33px;}
#user-details .role-info:before{content: ''; background: url(../img/icon/user-profile.png) -6px -319px; display: block; width: 33px; height: 33px;}
#user-details .row .title{position:relative;padding-left: 10px;}
#user-details .row .title:after{content: '';position:absolute;left:10px;top:10px;bottom:10px;width:1px;background:#eaeaea;}
#user-details .row:first-child .title{top:-10px; padding-bottom: 10px;}
#user-details .row:first-child .title:after{top:0px;bottom:0px;}
#user-details .row:first-child .title+td{position:relative;padding: 0 0 10px;}
#user-details .row:not(:last-child){border-bottom:1px solid #eaeaea;}
#user-details .row .title p{padding: 9px 6px 0 0;}
#user-details .row .title+td{padding:10px 0;}
#user-details .row .title+td p{margin:7px 0;}

#user-details .role-table{width: 100%;}
#user-details .role-table tbody tr:first-child th{padding-bottom: 4px;}
#user-details .role-table tbody tr:not(:first-child) td{border:1px solid #eaeaea;border-width:1px 0 0;padding: 3px 0;}

#activation-status{padding:12px 0 6px; border-bottom:1px solid #eaeaea;}
#activation-status>div{display: inline-block;width:100%;}

#user-information .contact-info{padding:15px 0;border-bottom:1px solid #eaeaea;}
#user-information .contact-info p{font-size:13px;margin:3px 0;padding-right:25px;}
#user-information .contact-info p.address:before{content:'';background:url('../img/icon/user-profile.png') -16px -57px;position:absolute;width:18px;height:18px;right: 16px;}
#user-information .contact-info p.mobile:before{content:'';background:url('../img/icon/user-profile.png') -16px -81px;position:absolute;width:18px;height:18px;right: 16px;}
#user-information .contact-info p.tel:before{content:'';background:url('../img/icon/user-profile.png') -16px -103px;position:absolute;width:18px;height:18px;right: 16px;}
#user-information .contact-info p.fax:before{content:'';background:url('../img/icon/user-profile.png') -16px -126px;position:absolute;width:18px;height:18px;right: 16px;}
#user-information .contact-info p.pc:before{content:'';background:url('../img/icon/user-profile.png') -16px -147px;position:absolute;width:18px;height:18px;right: 16px;}
#user-information .contact-info p.email:before{content:'';background:url('../img/icon/user-profile.png') -13px -167px; position: absolute; width: 18px; height: 18px; right: 19px;}

#user-information .user-id{padding-top:15px;}

/************************* drop down selector *********************************/

.dropselect{border:1px solid #f2f2f2;border-radius: 4px;display: inline-block;cursor: pointer; background:white;}
.dropselect p{margin:0;width: 100%;display: inline-block;position: relative;padding: 3px 5px 3px 35px;}
.dropselect p:after{content:'';position:absolute;left: 10px;width:0;height:0;border: 6px solid transparent;border-top: 7px solid #ccc;border-bottom:none;top: 1px;bottom:0;margin:auto;}
.dropselect p:before{content:'';position:absolute;left: 30px;width:1px;background:#f2f2f2;top:0;bottom:0;}
.dropselect span{display:none;border-top:1px solid #f2f2f2;width:100%;padding:3px 5px; text-align:center;}
.dropselect.active span{display:block;}

/************************* contest result *********************************/

#contest_result h1{background: #eeeeee;margin: -33px -5px 0;padding:24px 0;text-align:center;font-size:21px;color: #000;border-top:1px solid #fff;}
#contest_result .steps{clear:both;}
#contest_result .cell{border:1px solid #eaeaea;margin-bottom:-1px; padding:3px 7px 2px 9px;border-radius:3px;}
#contest_result .cell:nth-child(even){background: #f7f7f7;}
#contest_result .cell small{width:60px}
#contest_result .cells .total{padding:3px 7px 4px 9px;border-bottom:1px solid #eaeaea;}
#contest_result .steps .piechart .chart-name b{font-size:11px;top: 7px;}
#contest_result.row.per_contest .steps .piechart .chart-name b{top: 0px;}
#contest_result .steps h2{width:100%;margin: 0;height: 40px;position: relative;z-index: 2;}
#contest_result.per_contest .questionList{width:90%;margin: auto 5%;display: inline-block;border: 1px solid #f3f3f2;border-radius: 5px 5px 0 0;}
#contest_result.per_contest .questionList .tac{border-right:1px solid #f3f3f2;margin-right:-1px;}
#contest_result.per_contest .questionList h2{font-size:16px;width:100%;text-align:center;background:#f2f2f2;height: auto;padding: 5px 0;border-radius: 4px 4px 0 0;}
#contest_result .steps h2.select span{height: 30px;line-height: 29px;padding: 0px 10px 0 20px;margin: 5px 23px 0 -15px;}
#contest_result .steps h2.select p, #contest_result .steps h2.select u, #contest_result .steps h2.select span{cursor:pointer}
#contest_result .steps h2.select>p{right: 125px;border:1px solid #eaeaea;line-height: 36px;}
#contest_result .steps h2.select>p:hover{background: #f7f7f7;}
#contest_result .steps h2.select>p:before{content:'';width: 32px;height: 31px;border:1px solid #eaeaea;background:white;position:absolute;left: 4px;top: 4px;border-radius: 3px;}
#contest_result .steps h2.select>p:after{content:'';width: 0;height: 0;border:6px solid transparent;border-top:7px solid #656565;border-bottom:0;position:absolute;left: 14px;top: 1px;bottom: 0;margin:auto;}
#contest_result .steps h2.select ul li{clear:both;margin-right: 85px;position: relative;height: 39px;list-style: none;display: none;}
#contest_result .steps h2.select.active ul li{display:block}
#contest_result .steps h2.select ul{clear: both; top: -1px; position: relative;}
#contest_result .steps h2.select ul li u{position:absolute;border-radius: 0;height: 34px;width: 34px;top: 3px;right: 3px;border: none;background: #f3f3f2;}
#contest_result .steps h2.select ul li p{right: 0px;left:33px;line-height: 36px;top:0;border-radius:0;border:1px solid #f3f3f2;background:white;}
#contest_result .steps h2.select ul li p:hover{background:#fafafa;}
#contest_result .steps h2 span{background:#ff6b77;height:22px;line-height: 22px;padding: 0 5px 0 10px;font-size:12px;border-radius: 4px;color:white;float:right;margin: 8px 30px 0 -6px;}
#contest_result .steps h2 u{border:1px solid #f2f2f2;border-radius:50%;height:40px;width:40px;background:white;float:right;text-align:  center;text-decoration: none;font-size: 21px;line-height: 40px;position: relative;z-index: 2;}
#contest_result .steps h2 p{position: absolute;height:40px;border-radius:4px;background:#f2f2f2;left: 30px;right: 85px;padding: 0 30px 0 85px;font-size: 18px;line-height: 40px;text-align: center;}
#contest_result .steps .questions{border-right:1px solid #f2f2f2;height: 132px;overflow: auto;top: 20px;}
#contest_result .steps .question{background:#f2f2f2;width: 150px;float: right;height: 30px;line-height: 30px;margin:0 0 3px 3px;position: relative;}
#contest_result .steps .question .title{float:right;padding: 0 5px;margin-right: 25px;}
#contest_result .steps .question.correct:before{content:'';position:absolute;right: 5px;top: 5px;width:20px;height:20px;background: url(../img/icon/edit-delete.png) -30px -83px;}
#contest_result .steps .question.wrong:before{content:'';position:absolute;right: 5px;top: 5px;width:20px;height:20px;background: url(../img/icon/edit-delete.png) -5px -83px;}
#contest_result .steps .question .answer{font-size: 14px;line-height: 26px;float:left;width: 24px;height: 24px;margin: 3px;background: white;text-align: center;position: relative;}
#contest_result .steps .question.correct .answer{color:#00b27f;}
#contest_result .steps .question.wrong .answer{color:#ff6b77;}
#contest_result .steps .question .answer .system{display:none;position: absolute;top: 0;right: -27px;width: 24px;height: 24px;background: white;}
#contest_result .steps .question.wrong .answer .system{display:block;color:#00b27f;}
#contest_result .steps .question.guide{background:white;}
#contest_result .steps .question.guide:before{display:none}
#contest_result .steps .question.guide .title{margin-right:0}
#contest_result .steps .question.guide .answer{font-size:10px;line-height: 13px;}
#contest_result .steps .question.guide .answer div{color:#333 !important;}
#contest_result .steps .line>b{width: 85px;font-size: 12px;right: -15px;position: relative;text-align:left;}
#contest_result .questionList .chart-name{margin: 5px 0 -5px;}
#contest_result .questionList .chart-name small{background:#eaeaea;width: 24px;display: inline-block;height: 24px;border-radius: 12px;line-height: 24px;margin-left: 5px;float: right;}
#contest_result .questionList .chart-name span{display:inline-block;position: absolute;right: 30px;left: 7px;top: 5px;text-align: right;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#contest_result .questionList .chart-name b{border: 1px solid #eaeaea;border-radius: 15px;padding: 2px 2px 2px 10px;font-size: 13px;display: inline-block;width: 90%;position: relative;}
#contest_result .steps .line span{right: -10px;position: relative;}
#contest_result .steps .line span b{top: 6px;position: relative;}
#contest_result .barchart .line small{padding: 3px 4px 0;top: -3px;position: relative;}

/************************* short access *********************************/

.icon-shortaccess{position:relative;}
.icon-shortaccess p{position:absolute;bottom:0; left:15px; right:15px; background:white; border:2px solid #0a604b; color:#0a604b; border-radius:4px; padding: 4px 0;}
#bulk-shortaccess:before{background: url("../img/icon/sms-shortaccess.jpg") no-repeat center left;content:'';position:absolute;left: 5px;right: 5px;top: 0px;bottom: 10px;background-size: auto 100%;}
#onetomeny-shortaccess:before{background: url("../img/icon/sms-shortaccess.jpg") no-repeat center right;content:'';position:absolute;left: 5px;right: 5px;top: 0px;bottom: 10px;background-size: auto 100%}
#menytomeny-shortaccess:before{background: url("../img/icon/sms-shortaccess.jpg") no-repeat center center;content:'';position:absolute;left: 5px;right: 5px;top: 0px;bottom: 10px;background-size: auto 100%}

/************************* Title Tip *********************************/

.titletip{font-size:12px;direction:rtl;max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#222;border-radius:4px;z-index:100000;word-break: break-all;}
.titletip:before{content:'';position:absolute;left:0;right:0;margin:auto;top:-6px;width:0;border:5px solid transparent; border-bottom:6px solid #222; border-top:0;}
.titletip.left:before{right:auto;left:3px;}
.titletip.right{left:auto!important;right:3px!important;}
.titletip.right:before{display:none;}

/************************* predefined text *********************************/

#predefined_text.addToContext{background:rgba(255,255,255,0.75);position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;pointer-events: none;opacity: 0;}
#predefined_text.addToContext>div{position:absolute;box-shadow:0 0 5px 0 rgba(0,0,0,0.15);width: 800px;height: 375px;top:0;left:0;overflow-y: scroll;right:0;bottom:0;padding: 40px 0 30px 40px;margin:auto;background:white;border-radius: 4px;border: 1px solid #d4d4d4;}
#predefined_text h4 .add{background: white;border:1px solid #D9D9D9;left: 9px;top: 9px;position: absolute;width: 30px;height: 30px;}
#predefined_text h4 .add:hover{background: #39B54A;border:1px solid #2e9e3d;left: 9px;top: 9px;position: absolute;width: 30px;height: 30px;}
#predefined_text h4 .add:before{content:'';background:#39B54A;height: 2px;width: 12px;position:absolute;margin:auto;left:0;right:0;top:0;bottom: 0;}
#predefined_text h4 .add:after{content:'';background:#39B54A;height: 12px;width: 2px;position:absolute;margin:auto;left:0;right:0;top:0;bottom: 0;}
#predefined_text h4 .add:hover:before, #predefined_text h4 .add:hover:after{background: white;}
#predefined_text.addToContext h4 .add, #predefined_text.addToContext h4 .add:hover{top: 24px;}

#predefined_text .categories .boxed{padding: 0 0 20px !important;position: relative;}
#predefined_text .categories div ul{padding: 0;margin:10px 0;}
#predefined_text .categories div ul ul{margin: 0;padding-bottom: 1px;position:relative;}
#predefined_text .categories div ul ul:before{content:'';position:absolute;background:#eaeaea;height:1px;bottom:0px;left: 7px;right: -22px;}
#predefined_text .categories div ul li{list-style:none;padding-right: 30px;position: relative;}
#predefined_text .categories div ul>li:before{content:'';position:absolute;right: 19px;top: 25px;bottom: 19px;width:1px;background:#eaeaea;}
#predefined_text .categories div ul>li.collapsed ul li{display:none;}
#predefined_text .categories div ul li:last-child ul:before{display:none;}
#predefined_text .categories div ul li li{list-style:none;padding-right: 10px;position:relative;}
#predefined_text .categories div ul li li:before{content:'';height:1px;width:20px;position:absolute;right:-10px;top: auto;bottom: 18px;background:#eaeaea;}
#predefined_text .categories div ul li li.addSubCat{margin-top: 7px;}
#predefined_text .categories div ul li span:not(.addSubCat){position:relative;display: block;margin: 3px 0 3px 10px;border: 1px solid transparent;padding: 5px;cursor: pointer;min-height: 36px;}
#predefined_text .categories div ul li span:not(.addSubCat).active, #predefined_text .categories div ul li span:not(.addSubCat):hover{border:1px solid #eaeaea;color: #0098e6;}
#predefined_text .categories div ul li span:not(.addSubCat).editing{border:1px solid #eaeaea;z-index:2}
#predefined_text .categories div ul li .addSubCat span{color:#999;font-size:13px;border: 1px solid #eaeaea;display:inline-block;padding: 1px 20px 1px 5px;top: -5px;position: relative;cursor: pointer;min-height: auto;}
#predefined_text .categories div ul li .addSubCat span:hover{background:#39B54A;color:white;border-color:#2e9e3d;}
#predefined_text .categories div ul li .addSubCat span:before{content:'';position:absolute;width:9px;height:1px;background: #999;margin:auto;right: 6px;top:0;bottom:0;}
#predefined_text .categories div ul li .addSubCat span:after{content:'';position:absolute;width:1px;height:9px;background: #999;margin:auto;right: 10px;top:0;bottom:0;}
#predefined_text .categories div ul li .addSubCat span:hover:after, #predefined_text .categories div ul li .addSubCat span:hover:before{background:white;}
#predefined_text .categories div ul li .addSubCat.adding{margin: 7px 0 0px 10px;}
#predefined_text .categories div ul li .addSubCat.adding span{background:white;color: #555;font-size: 16px;padding: 5px 10px 4px;width:100%;top: -4px;border-color: #eaeaea;}
#predefined_text .categories div ul li .addSubCat.adding span:before, #predefined_text .categories div ul li .addSubCat.adding span:after{display:none;}
#predefined_text .categories div ul li span .expand{border:1px solid #D9D9D9;background: transparent;right: -19px;top: 8px;position: absolute;width: 16px;height: 17px;}
#predefined_text.addToContext .categories div ul li span .expand{top:22px;}
#predefined_text .categories div ul li span .expand:before{content:'';position:absolute;width:9px; height:1px; background:#4D4D4D;margin:auto;left:0;right:0;top:0;bottom:0;}
#predefined_text .categories div ul li.collapsed span .expand:after{content:'';position:absolute;height: 9px;width:1px;background:#4D4D4D;margin:auto;left: 0px;right:0;top:0;bottom: 0px;}
#predefined_text .edit{opacity:0;background:transparent;border: 1px solid #eaeaea;left: 4px;top: 4px;position: absolute;width: 26px;height: 26px;z-index: 1;}
#predefined_text .delete{opacity:0;background:transparent;border: 1px solid #eaeaea;left: 34px;top: 4px;position: absolute;width: 26px;height: 26px;z-index: 1;}
#predefined_text.addToContext .edit{top:19px;}
#predefined_text.addToContext .delete{top:19px;}
#predefined_text .edit:before{content:'';background: url('../img/icon/edit-delete.png') -29px -2px;position:absolute;width:100%;height:100%;left: 0;top: 0;}
#predefined_text .delete:before{content:'';background: url('../img/icon/edit-delete.png') -3px -2px;position:absolute;width:100%;height:100%;left: 0;top: 0;}
#predefined_text .edit:hover{background: #39B54A;border: 1px solid #09992b;}
#predefined_text .delete:hover{background: #f65555;border: 1px solid #B21212;}
#predefined_text .delete:hover:before{background: url('../img/icon/edit-delete.png') -3px -31px;}
#predefined_text .edit:hover:before{content:'';background: url('../img/icon/edit-delete.png') -29px -57px;}

#predefined_text .accept{background:transparent;border: 1px solid #eaeaea;left: 8px;top: 7px;position: absolute;width: 26px;height: 26px;z-index: 1;}
#predefined_text .cancel{background:transparent;border: 1px solid #eaeaea;left: 38px;top: 7px;position: absolute;width: 26px;height: 26px;z-index: 1;}
#predefined_text .accept:before{content:'';background: url('../img/icon/edit-delete.png') -28px -82px;position:absolute;width:100%;height:100%;left: 0;top: 0;opacity: 0.5;}
#predefined_text .cancel:before{content:'';background: url('../img/icon/edit-delete.png') -59px -81px;position:absolute;width:100%;height:100%;left: 0;top: 0;opacity: 0.5;}
#predefined_text .cancel:hover{background:#F7EDED;border-color:#FFCCCC;}
#predefined_text .accept:hover{background:#E9F5EC;border-color:#CFE8D7;}
#predefined_text .accept:hover:before, #predefined_text .cancel:hover:before{opacity:1;}
#predefined_text.addToContext .accept{/* top:19px; */}
#predefined_text.addToContext .cancel{/* top:19px; */}

#predefined_text .categories div ul li span:hover button, #predefined_text .categories div ul li span.editing button{opacity:1;}
#predefined_text .content ul li:hover button{opacity:1;}
#predefined_text .content ul li.editing button{top: 7px;}
#predefined_text .deleteConfirm{background:white; position: relative;width: 98px;margin: 29px -44px 0;font-size: 12px;padding: 2px 0;border: 1px solid #eaeaea;border-radius: 0 0 4px 4px;}
head[lang="fa"]+body #predefined_text .deleteConfirm{direction:ltr;}
#predefined_text .deleteConfirm:before{content:'';position:absolute;width:0;left:0;right:0;margin:auto;top:-8px;border: 9px solid transparent;border-bottom: 8px solid #eaeaea;border-top: none;}
#predefined_text .deleteConfirm:after{content:'';position:absolute;width:0;left:0;right:0;margin:auto;top:-7px;border: 7px solid transparent;border-bottom: 7px solid white;border-top: none;}
#predefined_text .deleteConfirm .yes{line-height: 12px;padding: 2px 3px 0;border-radius: 3px;font-size: 11px;display: inline-block;color: #51c24b;margin: 1px 4px 2px 0;}
#predefined_text .deleteConfirm .no{line-height: 12px;padding: 2px 3px 0;border-radius: 3px;font-size: 11px;display: inline-block;color: #ed5523;margin: 1px 0 2px 0;}
#predefined_text .deleteConfirm .yes:hover{background:#51c24b;color: white;}
#predefined_text .deleteConfirm .no:hover{background:#FF5722;color: white;}

#predefined_text .categories div ul li span p{height: 25px;display: block;z-index: 1;position: relative;padding-left: 65px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0;}
#predefined_text .categories div ul li span i{font-style: normal}

#predefined_text .categories .boxed>.addCat, #predefined_text .content .boxed>.addText{position:absolute;cursor:pointer;display: block;width: 140px;bottom: -15px;text-align: right;background: white;border: 1px solid #dbdbdb;left:0;font-size: 15px;right:0;padding: 3px 7px 3px 0;margin:auto;border-radius: 3px;}
#predefined_text .categories .boxed>.addCat:before, #predefined_text .content .boxed>.addText:before{content:'';width: 2px;height: 12px;background: #4bb54a;position:absolute;left: 15px;top: 0;bottom: 0;margin: auto;right: auto;}
#predefined_text .categories .boxed>.addCat:after, #predefined_text .content .boxed>.addText:after{content:'';height: 2px;width: 12px;background: #4bb54a;position:absolute;left: 10px;top: 0;bottom: 0;margin: auto;right: auto;}
#predefined_text .categories .boxed>.addCat:hover, #predefined_text .content .boxed>.addText:hover{border: 1px solid #09992b;background: #4bb54a; color:white;}
#predefined_text .categories .boxed>.addCat:hover:before, #predefined_text .content .boxed>.addText:hover:before{background: white;}
#predefined_text .categories .boxed>.addCat:hover:after, #predefined_text .content .boxed>.addText:hover:after{background: white;}

#predefined_text .content ul{list-style: none;padding:0 20px 0;margin: 0px 0 30px;}
#predefined_text .content ul li{position: relative; border:1px solid #eaeaea;border-width:1px 0;margin-bottom:-1px;}
#predefined_text .content ul li:first-child{border-top:none;}
#predefined_text .content ul li button{top:8px;}
#predefined_text .content ul li p{margin: 0 0 0 70px;padding: 9px;}
#predefined_text.addToContext .content ul li p{padding: 5px;}
#predefined_text.addToContext h4{background:#f2f2f2;position: relative;}
#predefined_text.addToContext .content ul{margin:20px 0;}
#predefined_text.addToContext .content ul li p{cursor:pointer}
#predefined_text.addToContext .content ul li{border-left:1px solid transparent;border-right:1px solid transparent;border-top:1px solid transparent;}
#predefined_text.addToContext .content ul li:hover{border:1px solid #e6e6e6;background:#f2f2f2}
#predefined_text .content ul li.editing{border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea;}

#predefined_text .textAdding{clear:both;margin: 0 20px 20px;position: relative;}
#predefined_text .textAdding textarea{width:100%;min-height:100px;border-color:#eaeaea; padding:7px 10px 7px 40px;}
#predefined_text.addToContext .textAdding textarea{border-top:1px solid #eaeaea;}

#predefinedText{cursor:pointer;opacity:0;position: absolute;right: -40px;top: 0;bottom: 0;margin: auto;width: 37px;z-index: 2;height: 40px;}
#predefinedText .hover{content:'';position: absolute;right: 0px;top: 0;bottom: 0;margin: auto;width: 37px;z-index: 2;height: 40px;background: url('../img/icon/template-text.png') no-repeat;transform-origin:center left;-webkit-transform-origin:center left;transform:scale(1);-webkit-transform:scale(1);}
#predefinedText.typing:not(:hover) .hover{opacity:0;transform:scale(0);-webkit-transform:scale(0);}
#predefinedText.typing:not(:hover) .unhover{content:'';position: absolute;left: 0px;top: 0;bottom: 0;margin: auto;width: 18px;z-index: 2;height: 20px;background: #e7e7e4;border-radius: 3px;border: 1px solid #dbdbdb;}
#predefinedText.typing:not(:hover) .unhover:after{content:'+';position:absolute;font-size: 14px;text-align: center;width: 17px;height: 19px;line-height: 21px;color: #777;}
#predefinedText:before{content:'';position: absolute;left: -6px;top: 0;bottom: 0;height: 0;margin: auto;border: 5px solid transparent;border-right: 6px solid #b9e096;border-left:0;}
#predefinedText.typing:not(:hover):before{border-right-color:#dbdbdb}

#predefined_text.addToContext .close{position: absolute;top: 15px;padding: 7px 10px 7px 30px;left: 0;font-size: 14px;border-bottom: 1px solid #f1f1f1;opacity: 1;color: #999;font-weight:  normal;text-shadow: none;}
#predefined_text.addToContext .close:hover{background:#f2f2f2;}
#predefined_text.addToContext .close:before{content:'';width:1px;background: #f44336;height: 12px;position:absolute;left: 14px;top: 0;bottom: 0;margin: auto;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#predefined_text.addToContext .close:after{content:'';width:1px;background: #f44336;height: 12px;position:absolute;left: 14px;top: 0;bottom: 0;margin: auto;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}

/************************* payments *********************************/

a.payOrder, a.payOrderDeactived, a.cancelPay{margin:10px;text-align:center;color:#6f7486;cursor: pointer;}

a.payOrder:before{content:'';background: url(../img/icon/payment-icon.png) -116px no-repeat;width: 70px;height: 70px;display:block;border:1px solid #eaeaea;border-radius: 7px;}
a.payOrderDeactived:before{content:'';background: url(../img/icon/payment-icon.png) left;width:60px; height:60px; display:block; border:1px solid #eaeaea; border-radius: 7px;}
a.cancelPay:before{content:'';background: url(../img/icon/payment-icon.png) -56px center;width: 70px;height: 70px;display:block;border:1px solid #eaeaea;border-radius: 7px;}
a.payOrder:hover:before, a.payOrderDeactived:hover:before, a.cancelPay:hover:before{background-color:white}

/************************* reports *********************************/

.tabselector{height: 90px;padding: 0 100px 0 30px;line-height: 90px;position: relative;border: 1px solid #eaeaea;border-radius: 45px;cursor: pointer;}
.tabselector.active{background-color:#f2f2f2;}
.tabselector[data-call="text"]:before{content:'';background: url(../img/icon/report-selector.png) right top;width:70px;height:70px;position: absolute;right: 20px;top: 0;bottom: 0;margin: auto;}
.tabselector[data-call="voice"]:before{content:'';background: url(../img/icon/report-selector.png) left top;width:70px;height:70px;position: absolute;right: 20px;top: 0;bottom: 0;margin: auto;}

/************************* login *********************************/

#loginPage{background: #ad2550 !important;display: inline-block;width: 100%;height: 100% !important;min-height: 660px;margin-bottom: -2px;text-align: center;position: absolute;}
#loginPage .alertContainer{position:relative;z-index:2;top:-47px;}
#loginPage:before, #bodyTwoStepVerification:before{content:'';background: url(../img/login/login-background.png) left bottom #ad2550 no-repeat !important;background-size: auto 88% !important;top: 0;bottom: 0;height: auto;right: 0;left: 0;position: absolute;}
#loginPage .login-container{max-width:810px;min-width: 550px;float: right;margin: auto 80px auto 0;text-align: center;height: 560px;position: absolute;right: 0;direction: rtl;border-radius: 10px;width: 40%;top: 0;bottom: 0;box-shadow: 0 0 14px 0 rgba(0,0,0,0.3);}
#loginPage .login-container .credits{float:right;width:80%;height: 560px;position: absolute;top: 0;bottom: 0;margin: auto;background: white;border-radius: 0 9px 9px 0;}
#loginPage .login-container .operators{left: 0;width:20%;background: #f1f1f1;border-radius: 9px 0 0 9px;z-index: 1;top: 0;bottom: 0;position: absolute;margin: auto;height: 560px;}
#loginPage .login-container .operators img{max-height:560px;padding:20px 5px;}
#loginPage .login-container h2{margin: 40px 0;}
#loginPage .login-container h2 p{font-size: 16px;padding-top:10px;width:130px;text-align:center;margin:auto;line-height:21px}
#loginPage .login-container h2:before{content:'';position:absolute;top:0px;left:0;right:0;margin:auto;width:140px;height:4px;background:#adafb8;}
#loginPage .login-container h2 img{height:75px;}
#loginModel {padding:0 40px;}
#loginPage .login-container .logindata{height: 43px;margin-bottom: 6px;background: #f2f2f2;border-bottom: 3px solid #d4145a;}
#loginPage .login-container .logindata:first-child{border-radius: 7px 7px 0 0;border-bottom: 3px solid #22b573;}
#loginPage .login-container .logindata p{float:right;width: 80px;text-align: right;padding-right: 10px;margin: 8px 0;}
#loginPage .login-container .logindata .input-container{position:absolute;right: 120px;left: 40px;height: 40px;}
#loginPage .login-container .logindata input{border:none;margin: 2px 0;padding: 0;background-color: #f2f2f2;}
#loginPage .login-container .logindata input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px #f2f2f2 inset !important;}
#loginPage .login-container .options {margin: 10px 0 0;display:inline-block;width:100%;height: 30px;}
#loginPage .login-container .options .forgetPass{color:#777;float:left;}
#loginPage .login-container .controls{width:100%;height: 40px;display: table;}
#loginPage .login-container .controls #login{color: white;border: none;padding: 6px 20px 8px 22px;border-radius: 4px;display: table-cell;position:relative;background:transparent;z-index:1;width: auto;}
#loginPage .login-container .controls #login:before{content:'';background: #22b573;left: 2px;position:absolute;height:100%;top:0;right:0;border-radius:4px;z-index:-1;}
#loginPage .login-container .controls #login:hover:before{background: #89c270;}
#loginPage .login-container .controls #register{padding: 6px 20px 7px 27px;border-radius: 4px;color:#808080;display: table-cell;z-index:1;position: relative;}
#loginPage .login-container .controls #register:before{content:'';border:1px solid #eaeaea;left: 7px;position:absolute;height:100%;top:0;right:0;border-radius:4px;z-index:-1;}
#loginPage .login-container .controls #register:hover:before{background:#f2f2f2}
#loginPage .login-container .controls #activeRegistration{padding: 6px 20px 7px;border-radius: 4px;border:1px solid #eaeaea;color:#808080;display: table-cell;}
#loginPage .login-container .controls #activeRegistration:hover{background:#f2f2f2}

#loginPage .checkbox{float:right;margin: 0;position: relative;}
#loginPage .checkbox [type="checkbox"]{position: absolute;height: 100%;left: 0;top: 0;width: 100%;margin: 0;opacity: 0;z-index: 2;cursor: pointer;}
#loginPage .checkbox p{padding-right: 25px;position: relative;}
#loginPage .checkbox:hover label{color:black;}
#loginPage .checkbox p:before{content:'';background: url("../img/icon/checkbox.png") left;position:absolute;right: 0px;width:21px;height:21px;}
#loginPage .checkbox p:after{content:'';opacity:0;background: url("../img/icon/checkbox.png") right;position:absolute;right:0px;width:21px;height:21px;}
#loginPage .checkbox.checked p:after{opacity:1;top: 0;}
#loginPage .checkbox.checked p:before{opacity:0;}
#loginPage .developedBy{bottom:0;position:absolute;left: 0;right: 0;width: 140px;margin: auto;padding: 0 0 10px;border-radius: 5px 5px 0 0;border: 1px solid #eaeaea;border-width: 0 1px;border-bottom: 5px solid #adafb8;}
#loginPage .developedBy p{background:#eaeaea;border-radius:5px 5px 0 0;font-size: 13px;padding: 3px 0 4px;}
#loginPage .developedBy img{width:80%;margin-top:5px}

/************************* Side Menu *************************/

#main_menu .has-submenu .opener{background: url('../img/icon/button-arrows.png');padding: 0 !important;border: none;position: absolute;width: 32px;height: 32px;left: 9px;top: 9px;opacity: 0.6;z-index: 2;cursor: pointer;}
#main_menu .has-submenu:before{content:'';position:absolute;height:50px;width:50px;left: 0;z-index: 1;}
#main_menu .has-submenu .opener:hover{opacity:1;}
#main_menu .has-submenu li{display:none;list-style:none;padding: 10px 15px;position:relative;}
#main_menu .has-submenu li a{color:#515253}
#main_menu li a:hover{color:#527fe0}
#main_menu .has-submenu li:before{content:'';position:absolute;top:0;border-top:1px solid #f2f2f2;left:15px;right: 10px;}
#main_menu .has-submenu.opened li{display:block;}
#main_menu .has-submenu .isOpen{background: #f7f7f7;}
#main_menu .has-submenu.opened>a:not(.opener){background: #f2f2f2;}
#main_menu .has-submenu.opened .opener{opacity: 1;}
#main_menu .has-submenu ul{padding:0;}
#main_menu .has-submenu ul ul{display:none;}
#main_menu .has-submenu ul .opener{background-position:bottom center;top:7px;left:10px;opacity:0.6 !important;}
#main_menu .has-submenu ul .opener:hover, #main_menu .has-submenu .isOpen .opener{opacity:1 !important;}
#submenu_level_3 {background: #f7f7f7;padding:0 15px;position:absolute;z-index:1000;border: 1px solid #cccccc;border-right: 0;width:200px;box-shadow: -1px 0px 2px 0px rgba(0,0,0,0.1);}
#submenu_level_3 li{list-style:none;}
#submenu_level_3 li a{color:#515253;padding:10px 0;display:block;text-align:right;border-bottom: 1px solid #e0e1e1;}
#submenu_level_3 li:last-child a{border-bottom:none;}
.switch_menu{font-size: 12px;border:1px solid #527fe0;color:#527fe0;position: absolute;left: 0;right: 0;margin: -19px auto 0;width: 100px;z-index: 3;background: white;text-align: center;border-radius: 4px 4px 0px 0px;cursor: pointer;}
.switch_menu:hover{color:white;background: #527fe0;}

/************************* Contact list *********************************/

#send_message_modal .panel{text-align: center;box-shadow:none;}
#send_message_modal .panel-body{display: inline-block;margin: auto;width: 100%;}
#send_message_modal .icon-shortaccess{display:inline-block;height: 237px;min-width: 237px;background-size: auto 237px;}

/************************* Voucher *********************************/

#voucher{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center top;transform-origin:center top;position:absolute;opacity:0;pointer-events:none;width: 301px;margin: -2px -137px;text-align: center;z-index: 30;background: white;height: 200px;padding: 5px;border-radius: 2px;box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);}
#voucher.opened{opacity:1;pointer-events:auto;-webkit-transform:scale(1);transform:scale(1);}
#voucher:before{content:'';position:absolute;top:-6px;border: 6px solid transparent;border-bottom:6px solid white;border-top:none;margin: auto;width: 0;height: 0;}
.voucher-opener:hover i.hovicon, .voucher-opener i.hovicon:hover{background: #3dad8a !important;}

/************************* Table row - view related object *********************************/

table .fa-eye:before{display:none;}
.table>tbody>tr>td{padding-top: 0 !important;padding-bottom: 0 !important;position:relative;height: 46px;overflow: visible !important;}
.table>tbody>tr>td:first-child{padding-right: 12px !important;}
.table>tbody>tr>td:last-child{padding-left: 12px !important;}
table a.viewer{width:100%;color: #676767;line-height: 21px;text-align: center;display: block;padding: 13px 0;margin: -13px 0;}

/************************* dropdown-menu *********************************/

[role="navigation"] .setting-box .dropdown-menu .list-group{padding-bottom: 22px;}
[role="navigation"] .setting-box .dropdown-menu .list-group a.see-more{position:absolute;bottom:0;width:100%;}

/************************* Access Denied page *********************************/

#accessDenied{position: absolute;left: 0;right: 0;top: 64px;bottom: 0;background: #F6F6F6;}
#accessDenied .wrap{position:absolute;left:0;right:0;top:0px;bottom:0;background:white;margin:auto;width:340px;height:150px;border-radius: 5px;border:1px solid #F0F0F0;}
#accessDenied .notificate{width: 90px;text-align: center;margin: -13px auto 0;background: #FF9500;color: white;font-size: 14px;padding: 3px 0 2px;border-radius: 4px;}
#accessDenied .message{background: url(../img/access-denied.png) 230px 5px no-repeat;height: 135px;padding: 20px 120px 0 28px;font-size: 18px;}

/************************* Top Bar Buttons *********************************/

.topBarHolder{border-top:1px solid #eaeaea;font-size:12px;color:#808080;clear:both;position:relative;margin: 50px 0 -10px;background: white;display: table;width: 100%;z-index: 100;}
.topBarHolder:before{content:'';width:10px;background:white;position: absolute;left: -10px;top: -1px;bottom: 0;border-top: 1px solid #eaeaea;}
.topBarHolder:after{content:'';width:10px;bottom: 0;background:white;position: absolute;right: -10px;top: -1px;border-top: 1px solid #eaeaea;}
.topBarIcon{cursor:pointer;font-size:12px;color:#808080;text-align: center;display: table-cell;position: relative;height: 50px;padding: 42px 10px 10px;border-right: 1px solid #eaeaea;}
.topBarIcon:hover{background:#f5f5f5;}
.topBarIcon:last-child{border-left: 1px solid #eaeaea;}.topBarIcon p{display:block;margin: 0;line-height: 13px;}
.topBarIcon:before{content:'';display:block;background: url(../img/icon/top-bar-icons.png) 0px 0px no-repeat;width:40px;height:30px;opacity:1;position: absolute;right: 0;top: 10px;left: 0;margin: auto;}
.topBarIcon:after{content:'';display:block;background: url(../img/icon/top-bar-icons.png) 0px -30px no-repeat;width:40px;height:30px;opacity:0;position: absolute;right: 0;top: 10px;left: 0;margin: auto;}
.topBarIcon:hover:before{opacity:0;}
.topBarIcon:hover:after{opacity:1;}

.header.smallToolbar{height:60px;}
.header.smallToolbar .topBarHolder{top: -60px;width: auto;float: left;margin: 0 0 0 -10px;background: transparent;}
.header.smallToolbar .topBarHolder:before, .header.smallToolbar .topBarHolder:after{display: none;}
.header.smallToolbar .topBarIcon{padding-top:37px;top: 6px;}
.header.smallToolbar .topBarIcon:before, .header.smallToolbar .topBarIcon:after{top: 8px;}
.header.smallToolbar .topBarHolder .topBarIcon:hover, .header.smallToolbar .topBarHolder .topBarIcon.active{background: white;}

#userList:before, #userList:after, #userList:hover p{background-position-x: -200px;color: #3f993c;}
#creditList:before, #creditList:after, #creditList:hover p{background-position-x: -80px;color: #660499;}
#editUser:before, #editUser:after, #editUser:hover p{background-position-x: -320px;color: #3f993c;}
#changePass:before, #changePass:after, #changePass:hover p{background-position-x: -480px;color: #5266cc;}
#resetPass:before, #resetPass:after, #resetPass:hover p{background-position-x: -520px;color: #5266cc;}
#deleteUser:before, #deleteUser:after, #deleteUser:hover p{background-position-x: -360px;color: #ee6355;}
#deactiveUser:before, #deactiveUser:after, #deactiveUser:hover p{background-position-x: -400px;color: #ee6355;}
#activeUser:before, #activeUser:after, #activeUser:hover p{background-position-x: -440px;color: #3f993c;}
#deactiveUser:before, #deactiveUser:after, #deactiveUser:hover p{background-position-x: -400px;color: #ee6355;}
#restoreUser:before, #restoreUser:after, #restoreUser:hover p{background-position-x: -560px;color: #5266cc;}
#accessList:before, #accessList:after, #accessList:hover p{background-position-x: 0px;color: #A82888;}
#customerList:before, #customerList:after, #customerList:hover p{background-position-x: -240px;color: #BF3950;}
#packageAssignment:before, #packageAssignment:after, #packageAssignment:hover p{background-position-x: -278px;color: #9BB324;}
.topBarIcon.packageAssignment:before{content:'';display:block;background: url(../img/icon/packageAssignment.png) 0px 0px no-repeat;width:39px;height:30px;opacity:1;position: absolute;right: 0;top: 8px;left: 0;margin: auto;}
.topBarIcon.packageAssignment:after{content:'';display:block;background: url(../img/icon/packageAssignment.png) 0px -30px no-repeat;width:39px;height:30px;opacity:0;position: absolute;right: 0;top: 8px;left: 0;margin: auto;}
.topBarIcon.packageAssignment:hover:before{opacity:0;}
.topBarIcon.packageAssignment:hover:after{opacity:1;}
.packageAssignment:before, .packageAssignment:after, .packageAssignment:hover p{background-position-x: 5px !important;color: #9BB324;}
.topBarIcon#changeDomain:before{content:'';display:block;background: url(../img/icon/changeDomain.png) 0px 0px no-repeat;width:39px;height:30px;opacity:1;position: absolute;right: 0;top: 13px !important;left: 0;margin: auto;}
.topBarIcon#changeDomain:after{content:'';display:block;background: url(../img/icon/changeDomain.png) 0px -30px no-repeat;width:39px;height:30px;opacity:0;position: absolute;right: 0;top: 15px !important;left: 0;margin: auto;}
.topBarIcon#blackListUsage:before{background: url(../img/icon/top-bar-blacklist.png) 0px 0px no-repeat;}
.topBarIcon#blackListUsage:after{background: url(../img/icon/top-bar-blacklist.png) 0px -30px no-repeat;}
.topBarIcon#webSiteUsage:before{background: url(../img/icon/top-bar-blacklist.png) 0px 0px no-repeat;}
.topBarIcon#webSiteUsage:after{background: url(../img/icon/top-bar-blacklist.png) 0px -30px no-repeat;}
.topBarIcon#setRecieveDeliveryUrls:before{background: url(../img/icon/top-bar-recieveDelivery.png) 0px 0px no-repeat;}
.topBarIcon#setRecieveDeliveryUrls:after{background: url(../img/icon/top-bar-recieveDelivery.png) 0px -30px no-repeat;}
.topBarIcon#receiveUrlUsage:before{background: url(../img/icon/top-bar-messageTransfer.png) 0px 0px no-repeat;}
.topBarIcon#receiveUrlUsage:after{background: url(../img/icon/top-bar-messageTransfer.png) 0px -30px no-repeat;}
.topBarIcon.blackListUsageActivated:before{background: url(../img/icon/top-bar-blacklist-omit.png) 0px 0px no-repeat !important;}
.topBarIcon.blackListUsageActivated:after{background: url(../img/icon/top-bar-blacklist-omit.png) 0px -30px no-repeat !important;}
.topBarIcon.webSiteUsageActivated:before{background: url(../img/icon/top-bar-blacklist-omit.png) 0px 0px no-repeat !important;}
.topBarIcon.webSiteUsageActivated:after{background: url(../img/icon/top-bar-blacklist-omit.png) 0px -30px no-repeat !important;}
.topBarIcon.receiveUrlUsageActivated:before{background: url(../img/icon/top-bar-messageTransfer-omit.png) 0px 0px no-repeat !important;}
.topBarIcon.receiveUrlUsageActivated:after{background: url(../img/icon/top-bar-messageTransfer-omit.png) 0px -30px no-repeat !important;}
.topBarIcon#setRecieveDeliveryUrls:hover:before, .topBarIcon#changeDomain:hover:before,.topBarIcon#blackListUsage:hover:before,.topBarIcon.blackListUsageActivated:hover:before,.topBarIcon#webSiteUsage:hover:before, .topBarIcon.webSiteUsageActivated:hover:before,.topBarIcon#forgingSession:hover:before,.topBarIcon#receiveUrlUsage:hover:before, .topBarIcon.receiveUrlUsageActivated:hover:before{opacity: 0 !important;}
.topBarIcon#setRecieveDeliveryUrls:hover:after, .topBarIcon#changeDomain:hover:after, .topBarIcon#blackListUsage:hover:after, .topBarIcon.blackListUsageActivated:hover:after,.topBarIcon#webSiteUsage:hover:after, .topBarIcon.webSiteUsageActivated:hover:after, .topBarIcon#forgingSession:hover:after,.topBarIcon#receiveUrlUsage:hover:after, .topBarIcon.receiveUrlUsageActivated:hover:after{opacity: 1 !important;}
.topBarIcon#forgingSession:before{background: url(../img/icon/top-bar-impersonation.png) 0px 0px no-repeat;}
.topBarIcon#forgingSession:after{background: url(../img/icon/top-bar-impersonation.png) 0px -30px no-repeat;}
#changeDomain:before, #changeDomain:after, #changeDomain:hover p{background-position-x: 4px !important;color: #5266cc;}
#numberList:before, #numberList:after, #numberList:hover p{background-position-x: -160px;color: #803333;}
#tarifList:before, #tarifList:after, #tarifList:hover p{background-position-x: -120px;color: #5266CC;}
#orderList:before, #orderList:after, #orderList:hover p{background-position-x: -40px;color: #D96C00;}
#userEdit:before, #userEdit:after, #userEdit:hover p{background-position-x: -320px;color: #0F993D;}
#customerEdit:before, #customerEdit:after, #customerEdit:hover p{background-position-x: -600px;color: #0F993D;}
#activeUser:before, #activeUser:after, #activeUser:hover p{background-position-x: -440px;color: #0F993D;}
#deactiveUser:before, #deactiveUser:after, #deactiveUser:hover p{background-position-x: -400px;color: #ee6355;}
#deleteUser:before, #deleteUser:after, #deleteUser:hover p{background-position-x: -360px;color: #ee6355;}
#blockUser:before, #blockUser:after, #blockUser:hover p{background-position-x: -640px;color: #ee6355;}
#releaseUser:before, #releaseUser:after, #releaseUser:hover p{background-position-x: -680px;color: #72C285;}
#changePassword:before, #changePassword:after, #changePassword:hover p{background-position-x: -480px;color: #5266CC;}
#editElement:before, #editElement:after, #editElement:hover p{background-position-x: -720px;color: #0F993D;}
#cancelElement:before, #cancelElement:after, #cancelElement:hover p{background-position-x: -760px;color: #FF6555;}
#deleteElement:before, #deleteElement:after, #deleteElement:hover p{background-position-x: -800px;color: #FF6555;}
#restoreElement:before, #restoreElement:after, #restoreElement:hover p{background-position-x: -840px;color: #5266CC;}
#sendElement:before, #sendElement:after, #sendElement:hover p{background-position-x: -880px;color: #660099;}
#listElement:before, #listElement:after, #listElement:hover p{background-position-x: -920px;color: #A82888;}
#addElement:before, #addElement:after, #addElement:hover p{background-position-x: -960px;color: #0F993D;}
.topBarIcon#voucherInfo:before{content:'';display:block;background: url(../img/icon/voucherInfo.png) 0px 0px no-repeat;width:39px;height:30px;opacity:1;position: absolute;right: 0;top: 8px;left: 0;margin: auto;}
.topBarIcon#voucherInfo:after{content:'';display:block;background: url(../img/icon/voucherInfo.png) 0px -30px no-repeat;width:39px;height:30px;opacity:0;position: absolute;right: 0;top: 8px;left: 0;margin: auto;}
.topBarIcon#voucherInfo:hover:before{opacity:0;}
.topBarIcon#voucherInfo:hover:after{opacity:1;}
#voucherInfo:before, #voucherInfo:after, #voucherInfo:hover p {background-position-x: 5px !important;color: #a82888;}
#dotnet_Import:before, #dotnet_Import:after, #dotnet_Import:hover p {background-position-x:-960px;color:#0F993D;}
#acceptElement:before, #acceptElement:after, #acceptElement:hover p{background-position-x: -1000px;color: #0F993D;}
#downloadElement:before, #downloadElement:after, #downloadElement:hover p{background-position-x: -1400px;color: #5266CC;}
#addVoucher:before, #addVoucher:after, #addVoucher:hover p{background-position-x: -1040px;color: #660099;}
#emailList:before, #emailList:after, #emailList:hover p{background-position-x: -1080px;color: #A82888;}
#notificationList:before, #notificationList:after, #notificationList:hover p{background-position-x: -1120px;color: #660099;}
#smsList:before, #smsList:after, #smsList:hover p{background-position-x: -1160px;color: #5266CC;}
#blockElement:before, #blockElement:after, #blockElement:hover p{background-position-x: -1200px;color: #FF6555;}
#sendList:before, #sendList:after, #sendList:hover p{background-position-x: -1240px;color: #5266CC;}
#receiveList:before, #receiveList:after, #receiveList:hover p{background-position-x: -1280px;color: #5266CC;}
#unblockList:before, #unblockList:after, #unblockList:hover p{background-position-x: -1320px;color: #0F993D;}
#doLottery:before, #doLottery:after, #doLottery:hover p{background-position-x: -1360px;color: #660099;}
#packageList:before, #packageList:after, #packageList:hover p{background-position-x: -1440px;color: #0F993D;}
#searchList:before, #searchList:after, #searchList:hover p{background-position-x: -1480px;color: #A82888;}
#addOrder:before, #addOrder:after, #addOrder:hover p{background-position-x: -1520px;color: #FF6555;}
.topBarIcon#discountInfo:before{content:'';display:block;background: url(../img/icon/discount.png) 0px 0px no-repeat;width:40px;height:30px;opacity:1;position: absolute;right: 0;top: 8px;left: 0;margin: auto;}
.topBarIcon#discountInfo:after{content:'';display:block;background: url(../img/icon/discount.png) 0px -30px no-repeat;width:40px;height:30px;opacity:0;position: absolute;right: 0;top: 8px;left: 0;margin: auto;}
.topBarIcon#discountInfo:hover:before{opacity:0;}
.topBarIcon#discountInfo:hover:after{opacity:1;}
#discountInfo:before, #discountInfo:after, #discountInfo:hover p {background-position-x: 5px !important;color: #d96c00;}
.topBarIcon.messaging:before, .topBarIcon.messaging:after{background: url(../img/icon/messaging-icon.png) 0px 0px no-repeat;}
.topBarIcon.messaging:before{background: url(../img/icon/messaging-icon.png) 0 -29px no-repeat;}
#messageSend:before, #messageSend:after, #messageSend:hover p{background-position-x: -160px;color: #3083C9;}
#messageList:before, #messageList:after, #messageList:hover p{background-position-x: -120px;color: #3083C9;}
#userGroup:before{background-position-y:-30px;}
#userGroup:before, #userGroup:after, #userGroup:hover p{background-position-x: -80px;color: #4d4d4d;}
#voiceMessage:before, #voiceMessage:after, #voiceMessage:hover p{background-position-x: -40px;color: #F16051;}
#textTemplate:before, #textTemplate:after, #textTemplate:hover p{background-position-x: 0px;color: #006BCC;}


#resendMessage:before {
    content: "\f045";
    position: absolute;
    top: 13px;
    right: 30px;
    font-size: 16px;
}

a#resendMessage {
    position: relative;
    padding: 37px 10px 10px 10px;
    border-right: 1px solid #eaeaea;
    top: 6px;
    color: #808080;
}

a#resendMessage:hover {
    color: #3083c9;
    transition: all 0.3s;
}

#resendMessage p {
    line-height: 13px;
    font-size: 12px;
    margin-bottom: 0;
    font-family: iran_sans;
}

#div_exception div.alert {
    position: relative;
    z-index: 9;
    margin: auto;
    text-align: center;
    z-index: 99999
}


/************************* Messaging tab *********************************/

.tabLinks{border:1px solid #ccc;padding: 20px 20px 0;margin-top: 18px;border-radius: 7px;background-color: white;display: inline-block;width: 100%;}
.tabLinks .formBody{margin: 0 0 20px;}
.tabLinks .tab-content{border:0}
.tabLinks .table-responsive table{width:100% !important;}
.tabLinks .tabs{margin: -63px 0px 21px;display:table;width: 100%;text-align:center;position:relative;}
.tabLinks .tabs a{display:table-cell;position: relative;z-index: 1;height: 39px;padding: 7px 0;color:#777;font-size: 14px;}
.tabLinks .tabs a:before{content:'';position:absolute;left: -1px;right: -1px;top:0px;bottom:0px;border-right: 1px solid #e3e3e3;background:#EFEFEF;z-index: -1;border-radius: 6px 6px 0 0;}
.tabLinks .tabs a.active{z-index:2;padding:10px 0;color:#222;}
.tabLinks .tabs a.active:before{content:'';position:absolute;left:-1px;right:-1px;top: -5px;bottom: -1px;border:1px solid #ccc;border-bottom: 1px solid white;background: white;border-radius: 6px 6px 0 0;}
.tabLinks .nav.nav-pills a{color:#808080;}
.tabLinks .nav.nav-pills .active>a{background:#f3f3f2;color:#222;border-radius:7px 7px 0 0;border: 1px solid #eaeaea;border-bottom: 0;}
.tabLinks .nav.nav-pills .active{top: 1px;position: relative;z-index: 1;}
.tabLinks .searchbar{margin-bottom:20px;}

#serviceModalContent .tabLinks > div {text-align:center; border:1px solid #cccccc;border-width:0 1px 1px;margin: -18px 0 18px;}
#serviceModalContent .tabLinks > div.tabs {border-right-color: transparent;border-left-color: transparent;}
#serviceModalContent .tabLinks > div > div:last-child{margin:0 0 -9px;}
#serviceModalContent .tabLinks > div > div {font-size:14px !important;padding: 4px 0;}
#serviceModalContent .tabLinks > div > div:nth-child(even) {background: #eaeaea;display: inline-block;width: 100%;}

/*************************  *********************************/

[data-call="guide"] {font-size: 14px; color: #777; background: white; position: absolute; left: -150px; right: -150px; margin: 0 50%; border: 1px solid #eaeaea; padding: 15px; width: 300px; top: 59px; text-align: right; border-radius: 4px;}
[data-call="guide"]:before{content:'';position:absolute;width:0;height:0;left:0;right:0;margin:auto;top:-7px;border: 6px solid transparent;border-bottom:7px solid #eaeaea;border-top: 0;}
[data-call="guide"]:after{content:'';position:absolute;width:0;height:0;left:0;right:0;margin:auto;top:-6px;border: 5px solid transparent;border-bottom:6px solid white;border-top: 0;}
[data-call="guide"] ul{padding:0px;}
[data-call="guide"] ul li{list-style: none; padding-right: 7px;}
[data-call="guide"] p{line-height: 18px; color: #5266CC;}

.table>tbody>tr>td:first-child .isChild{background: url(../img/icon/child-entry.png) no-repeat 4px -6px;padding: 0 35px 0 0 !important;}

/************************* Responsive and Animate *********************************/

@media (max-width:1199px){
    #loginPage:before{top: 20%;bottom: 20%;background-size: auto 100% !important;}
}
@media (max-width:970px){
    #loginPage:before{display: none;}
    #loginPage .login-container{margin: 40px auto;float: none;display: inline-block;}
}

.pdp-footer{background: unset !important; text-align: unset !important; font-size: 11px; display: flex; justify-content: center; align-items: center; padding: 0 8px;}
.goToday{border-radius: 2px; background: #5f5d5d;padding: 0 5px;}
.ui-datepicker-type{font-size: 12px !important;}
.day.cell {transition: all ease-in-out 100ms; border-radius: 2px !important; color: white !important;}
.day.selday {border: 1px solid #c91d1d !important; line-height: 22px !important;}
.day.today {background:  #8d8d8d82 !important;}
.day.cell:hover{background-color: #a7a7a761 !important;}
.pdp-default, .nul, .days, .day {border: none !important; background:  #272626 !important;}
.pdp-header {display: flex; justify-content: space-between;}
.pdp-header div {position: unset !important;}
.day.cell, .dow.cell, .pdp-footer {cursor: pointer !important; font-family: iran_sans, tahoma, verdana, helvetica, serif !important;}
.dow.cell{font-size: 11px;}
.day.cell {font-size: 14px !important;}

.new-datepicker {padding-right: 10px; line-height: 1; border: none;}
.switch_menu, #main_menu .has-submenu>a, #main_menu .has-submenu .opener, #predefined_text.addToContext, .formBody .modalbutton, .formBody .field.smartlabel .smartlabels button, .formBody .fields .addedCode .code_btn_remove, div.ui-datepicker .ui-datepicker-buttonpane button, div.ui-datepicker .ui-datepicker-title select, div.ui-datepicker .ui-datepicker-prev:before, div.ui-datepicker .ui-datepicker-next:before, .linechart .charttable .point b, .animateDuration, .dashboard .has-notice a.switch, #side-links, #select-city, #search-contact .open-box, .notifier, .nav-wrapper .nav.navbar-nav li, #add-message, .stepwizard-step button, .stepwizard-step button:after
{-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}

.searchbar .advanced-search-button:after, .searchbar .advanced-search-button,
.formBody .field.smartlabel .smartlabels .contain, .formBody .field.smartlabel .smartlabels a, a.payOrder:before, a.payOrderDeactived:before,
a.cancelPay:before, .tabselector, #user-edit, #predefined_text .cancel:before, #predefined_text .cancel:after, #predefined_text .accept:before,
#predefined_text .accept:after, #predefined_text.addToContext .close, #predefined_text .add:before, #predefined_text .add:after,
#predefined_text .add, #predefined_text .add *, #contest_result .steps h2.select p, #predefined_text div ul *, .linetable.compare .part,
.alert .close, .simpleUI .nav-pills li, #loginPage .login-container .controls *:before, #loginPage .login-container .controls *, #predefinedText *,
.formBody .field .upload .title, .formBody .field .download a, .formBody .field .checkbox.checked label, #voucher,
.formBody .field .checkbox.checked label:after, .formBody .field .checkbox.checked label:before, .searchbar .result :after,
.searchbar .result :before,.searchbar .hasdownload .download, .setGroup#grouplist #divContactList .collapse.shown, .setGroup#grouplist #divContactList .collapse.shown>*,
#loginPage .checkbox p:before, #loginPage .checkbox p:after, .searchbar #search-contact a, .searchbar .selector, .searchbar .input, .searchbar .datepick, .searchbar .result .search,
.headpart .links div a, .headpart .links div a:before, .dashboard .dashboard-item, .dashboard .dashboard-item:hover:before, #side-links,
.topBarIcon, .topBarIcon:before, .topBarIcon:after, .topBarIcon p
{-webkit-transition: all 07.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

/*custom css*/
/*
.addToContext,#modalContentCustomerStory{display: none}
*/
#disapproval_description{height: 75px;}
.dis-modal{display: block !important;}
#start-tour{margin: 0 15px 0 0 !important;float: right;background: #fff !important;border: solid 1px #cccc;width: 130px;height: 40px;display: flex;align-items: center;padding: 0 15px;}
#start-tour i{color: #ffc107;font-size: 2em;position: relative;left: 3px}
#start-tour span{position: relative;right: 3px}
.popover.tour{direction: rtl}
.popover.tour button.btn-default[data-role=end]{margin: 0 15px 8px 0;}
.btn-tour{margin: 0 15px 0 0 !important;float: right;background: #fff !important;}
#grouptour.tour-step-backdrop ,#grouptour4.tour-step-backdrop{    background: #5d9cec;}
#one_to_many_send_form_text.tour-step-backdrop,#manytomanytour.tour-step-backdrop ,#savetour4.tour-step-backdrop{background: #27c24c;}
#modalContent{display: none}
#videotour{text-align: center;margin: auto;}
#videotour video{width: 80%;margin: auto;display: none;}
.height-tour{height: inherit !important}
.formBody .field .tour-step-backdrop.input:not(.single):before{border-left-color: transparent !important;}
#interactivetourimg img{display: none;max-width: 100%;margin: auto}
#interactivetourimg{width: 60%;margin: auto;text-align: center;display: inline-block}
#interactivetourimg.tour-step-backdrop{height: 100%}
#btntickettour.tour-step-backdrop{background-color: #ff902b;}
#smssearchtour.tour-step-backdrop{border: 1px solid #5088d2;background: white;color: #5088d2;z-index: 9999;}
#access_table_wrapper .table .checkbox{position: relative;right: 18px !important;}
#checkAllTh.tour-step-backdrop{position: relative;z-index: 999999;}
.dataTables_wrapper .dataTables_length label select.labelselectst{z-index: 999999;position: relative;}
#btnroletour.tour-step-backdrop{background-color: #ff902b;}
#holderlistimg, #serviceContentimg ,#selectcustomerimg,#addexcelimg img,#currentpackageimg img,
#selectpackageimg img, #grouplistimg img{display: none}
#holderlistimg, #serviceContentimg, #selectcustomerimg,#addexcelimg,#currentpackageimg,#selectpackageimg,#grouplistimg{width: 60%;margin: auto;text-align: center;}
#holderlistimg.tour-step-backdrop, #serviceContentimg.tour-step-backdrop, #selectcustomerimg.tour-step-backdrop,
#addexcelimg.tour-step-backdrop,#selectpackageimg.tour-step-backdrop,#currentpackageimg.tour-step-backdrop,
#grouplistimg.tour-step-backdrop{height: 100%}
.table > thead > tr > th.tour-step-backdrop{position: relative;color: #333 !important;}
#addUser.tour-step-backdrop{background-color: #24b145;border-color: #1f9c3d;}
.padding-tour{padding-bottom: 80px !important;}
#save.tour-step-backdrop{background-color: #27c24c;border-color: #26be4a;}
#btnaddcodetour.tour-step-backdrop{background: #5d9cec !important;z-index: 9999}
#btnactiontour.tour-step-backdrop{background-color: #ff902b !important;}
#smartlabeltour.tour-step-backdrop #tagOfPoll ,#smartlabeltour.tour-step-backdrop #tagOfContest,#contestnametour.tour-step-backdrop input{width: 85% !important;}
.headtour .topBarHolder{top:-60px !important}
#one_to_many_send_form.tour-step-backdrop{background-color: #27c24c !important;}
.nopadding{padding: 0 !important;}
.CustomAlert{padding: 0 4px;line-height: 1.2}
#help-count{position: absolute;z-index: 9;padding: 15px}
.modal-count{display: inline-block;padding:0 15px;float: left}
.modal-count span{display: inline-block;float: right}
.modal-count span:before{content:'';display:block;background: url(../img/icon/count.png) 0px 0px no-repeat;width:39px;height:30px;opacity:1;position: absolute;top: 6px !important;left: 75px;margin: auto;}
.modal-count span:after{content:'';display:block;background: url(../img/icon/count.png) 0px -30px no-repeat;width:39px;height:30px;opacity:0;position: absolute;top: 8px !important;left: 75px;margin: auto;}
.modal-count:hover span:before{opacity:0;}
.modal-count:hover span:after{opacity:1;}
.modal-count span:before, .modal-count span:after, .modal-count:hover span p{background-position-x: 4px !important;color: #5266cc;}
#countbody button.close{position: relative;bottom: 22px;margin: 0}
#countbody .modal-body{font-size: 0.8em;clear: both;display: table;}
#countbody .modal-body input[type=text]{float: left;width: 100%;display: inline-block}
#countbody .input-show{border: none}
#countbody .modal-title{font-size: 1.2em}
#countbody label{margin-top: 6px}
#countbody label.col-md-4{padding-left: 0}
.alert_st{display: block;background-color: #fcf8e3;border-color: #faf2cc;color: #8a6d3b;width: 100%;}

/*drag group contacts*/
.topBarIcon#customerList2:before{content:'';display:block;background: url(../img/icon/listcontact.png) 0px 0px no-repeat;width:39px;height:30px;opacity:1;position: absolute;right: 0;top: 8px;left: 0;margin: auto;}
.topBarIcon#customerList2:after{content:'';display:block;background: url(../img/icon/listcontact.png) 0px -30px no-repeat;width:39px;height:30px;opacity:0;position: absolute;right: 0;top: 8px;left: 0;margin: auto;}
.topBarIcon#customerList2:hover:before{opacity:0;}
.topBarIcon#customerList2:hover:after{opacity:1;}
#customerList2:before, #customerList2:after, #customerList2:hover p {color: #a82888;}

.topBarIcon#refuse:before{content:'';display:block;background: url(../img/icon/backpage.png) 0px 0px no-repeat;width:39px;height:30px;opacity:1;position: absolute;right: 0;top: 8px;left: 0;margin: auto;}
.topBarIcon#refuse:after{content:'';display:block;background: url(../img/icon/backpage.png) 0px -30px no-repeat;width:39px;height:30px;opacity:0;position: absolute;right: 0;top: 8px;left: 0;margin: auto;}
.topBarIcon#refuse:hover:before{opacity:0;}
.topBarIcon#refuse:hover:after{opacity:1;}
#refuse:before, #refuse:after, #refuse:hover p {color: #5266CC;}

.accordion-st{position: relative;z-index: 9999;width: 80%;margin:0px auto;padding: 50px;background-color: rgba(245, 245, 245,1);border: solid 1px #eee;border-radius: 2px;max-height: 585px;overflow-y: scroll}
.contact-item {margin-bottom: 2px;float: left;width: 100%;background-color: rgba(255,255,255,0.7);padding: 10px 25px;border: solid 1px #fff;border-radius: 2px;}
.contact-item2 {margin-bottom: 2px;float: left;width: 100%;background-color: rgba(255,255,255,0.7);padding: 10px 25px;border: solid 1px #fff;border-radius: 2px;}
.contact-item2 ul{margin-bottom: 0}
.contact-item .contact-title {color: #556080;cursor: pointer;position: relative;padding: 0px 28px 0 0;}
.contact-item .contact-title .plus ,.contact-item .contact-title .minus{position:relative;left:0px;float:left;top:2px}
.contact-item .contact-title .plus:before {margin-top: 0px;display: inline-block;content: "+";color: #7383BF;font-size: 1em;font-style: normal;}
.contact-item .contact-title .minus:before {margin-top: 0px;display: inline-block;content: "-";color: #7383BF;font-size: 1em;font-style: normal;}
.contact-item .contacts {line-height: 2 !important;text-align: justify !important;padding: 20px 0px 10px;display: none;font-size: 0.9em;}
ul li.item{cursor: move;list-style-type: none}
ul li.item .id-contact{display: none}
ul li.item h6{margin: 0;padding: 0;line-height: 2}
ul li.item h6 .remove-item{display: inline-block;float: left;position: relative;top:5px}
ul li.item h6 .remove-item:hover{color: #dc3545!important;}
.contact-title{position: relative}
.contact-title .icon-group {float: right;background: url(../img/icon/user-management2.png) no-repeat right top;position:absolute;width: 25px;height: 23px;right: 0;top: 0px;}
.group-title{background: #FFB31A;font-size: 1.2em;color: #fff;padding: 10px;border-radius: 2px;margin-top: 0;}
@keyframes headShake{
    0%{
        transform:translateX(0)
    }
    6.5%{
        transform:translateX(-6px) rotateY(-9deg);color: #28a745;
    }
    18.5%{
        transform:translateX(5px) rotateY(7deg);color: #28a745;
    }
    31.5%{
        transform:translateX(-3px) rotateY(-5deg);color: #28a745;
    }
    43.5%{
        transform:translateX(2px) rotateY(3deg);color: #28a745;
    }
    50%{
        transform:translateX(0);color: #28a745;
    }
}
.headShake{animation-timing-function:ease-in-out;animation-name:headShake}
#wrapper {text-align: center;width: 500px;margin: auto;}
.accordion-st::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: #F5F5F5;border-radius: 10px;}
.accordion-st::-webkit-scrollbar {width: 10px;background-color: #F5F5F5;}
.accordion-st::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #FFB31A}
.search-items{margin-bottom: 15px;height: 40px;float: right;width: 100%}
#custom-search-input{padding: 3px;border: solid 1px #E4E4E4;border-radius:3px;background-color: #fff;float: left;width: 48.2%;}
#custom-search-input input{border: 0;box-shadow: none;float: right;width: 85%;}
#custom-search-input button{margin: 2px 0 0 0;background: none;box-shadow: none;border: 0;color: #556080;padding: 0 10px 0 8px;border-right: solid 1px #ccc;}
#custom-search-input button:hover{border: 0;box-shadow: none;border-right: solid 1px #ccc;}
#custom-search-input .glyphicon-search{font-size: 23px;}

.topBarIcon#blackList:before{content:'';display:block;background: url(../img/icon/blacklist.png) 0px 0px no-repeat;width:39px;height:30px;opacity:1;position: absolute;right: 0;top: 8px;left: 0;margin: auto;}
.topBarIcon#blackList:after{content:'';display:block;background: url(../img/icon/blacklist.png) 0px -30px no-repeat;width:39px;height:30px;opacity:0;position: absolute;right: 0;top: 8px;left: 0;margin: auto;}
.topBarIcon#blackList:hover:before{opacity:0;}
.topBarIcon#blackList:hover:after{opacity:1;}
#blackList:before, #blackList:after, #blackList:hover p {color: #000;}
.blacklist-sec{background-color: #F2F2F2;border: 1px solid #e6e6e6;border-radius: 3px;margin: 30px;}
.blacklist-sec .set-blue-panel{width: 70%;margin: 30px auto}
.blacklist-sec .txt-label{margin: 10px auto}

.topBarIcon#webSite:before{content:'';display:block;background: url(../img/icon/blacklist.png) 0px 0px no-repeat;width:39px;height:30px;opacity:1;position: absolute;right: 0;top: 8px;left: 0;margin: auto;}
.topBarIcon#webSite:after{content:'';display:block;background: url(../img/icon/blacklist.png) 0px -30px no-repeat;width:39px;height:30px;opacity:0;position: absolute;right: 0;top: 8px;left: 0;margin: auto;}
.topBarIcon#webSite:hover:before{opacity:0;}
.topBarIcon#webSite:hover:after{opacity:1;}
#webSite:before, #webSite:after, #webSite:hover p {color: #000;}
.webSite-sec{background-color: #F2F2F2;border: 1px solid #e6e6e6;border-radius: 3px;margin: 30px;}
.webSite-sec .set-blue-panel{width: 70%;margin: 30px auto}
.webSite-sec .txt-label{margin: 10px auto}
/***********************/
#divMessageTagSideBar {
    background-color: whitesmoke;
    position: absolute;
    z-index: 1000;
    right: 0px;
    width: 240px;
    top: 0px;
    padding: 0 15px;
    border-left: 1px solid #cccccc;
    border-right: 0px;
    display: none;
}
input#inputMessageTag {
    width: 100%;
}
div#divMessageTagSearch {
    position: relative;
}
#divMessageTagSearch span.fa.fa-search {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #cccccc;
}
input#inputMessageTag {
    width: 100%;
    padding: 0 10px 0 35px;
    line-height: 35px;
    font-size: 14px;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    margin-bottom: 10px;
}
.messageTagged {
    transition: 0.3s ease-in;
}
#main_menu li.messageTagged:not(.has-user-block) {
    display: none;
}
.has-user-block.messageTagged {
    background-color: whitesmoke !important;
}
#divMessageTagSideBar.messageTagged {
    display: block !important;
}
span#spanMessageTagTitle {
    background: #527fe0 !important;
    color: #ffffff !important;
    position: absolute;
    top: 0;
    cursor: auto;
    font-size: 12px;
    border: 1px solid #527fe0;
    position: absolute;
    left: 0;
    right: 0;
    margin: -19px auto 0;
    width: 100px;
    text-align: center;
    border-radius: 4px 4px 0px 0px;
}
input#inputMessageTag::placeholder {
    font-size: 13px;
    color: #8d8d8d;
}
.treeTag {
    padding: 5px;
    margin-bottom: 5px;
    background-color: white;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    border-radius: 4px;
}
.parentTag, .childTag {
    background-color: #dfdff0;
    color: hsla(240, 36%, 50%, 1);
    border: 1px solid #dfdff0;
    padding: 0 5px;
    float: right;
    clear: both;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 13px;
    max-width: 100%;
    line-height: 20px;
    height: auto;
    cursor: pointer;
}
.divChildTags {
    display: flex;
    flex-direction: column;
    float: right;
    clear: both;
    text-align: center;
    max-width: 100%;
    padding-right: 30px;
}
.childTag {
    margin-top: 5px;
    border-right: 5px solid #527ee0;
    font-size: 12px;
    line-height: 15px;
    display: none;
}
div#divMessageTagFields {
    /*height: 100%;*/
}
div#divMessageTags {
    overflow: auto;
    /*height: 100%;*/
    background-color: #ffffff;
    border: 1px solid #eaeaea;
    /*border-top-left-radius: 4px;*/
    /*border-top-right-radius: 4px;*/
    border-radius: 4px;
    padding: 5px 10px 10px 10px;

}
.parentTag {
    margin-top: 5px;
}
.parentTag.tagOpened + .divChildTags .childTag {
    display: block !important;
}
.messageTag:not(.tagChecked):hover {
    background-color: hsla(221, 70%, 90%, 1);
    transition: 0.3s all;
    color: #527ee0;
}
.messageTag.tagChecked:hover {
    color: #527ee0;
}
.tagChecked {
    background-color: #527ee0;
    color: #ffffff !important;
    border-color: hsla(221, 70%, 50%, 1);
    transition: 0.3s all;
}
.hideTag {
    display: none;
    transition: 0.3s all;
}
span.addedMessageTag, span.addedMessageTag_modal {
    float: right;
    position: relative;
    background-color: #dfdff0;
    box-sizing: border-box;
    color: hsla(240, 36%, 50%, 1);
    font-size: 13px;
    line-height: 20px;
    margin: 2px 2px 2px 2px;
    padding: 0 20px 0 5px;
    border-radius: 4px;
}
.addedMessageTag .close, .addedMessageTag_modal .close {
    position: absolute;
    right: 0;
    top: 3px;
    font-size: 17px;
    color: hsla(240, 36%, 30%, 1);
    text-align: center;
    width: 20px;
}
.divTagOutput {
    line-height: 25px;
}
#aAddMessageTag, #aAddMessageTag_2, #aAddMessageTag_one, #aAddMessageTag_many, #aAddMessageTag_voice {
    cursor: pointer;
    opacity: 1;
    position: absolute;
    right: -25px;
    top: 10px;
    bottom: 0;
    margin: auto;
    width: 37px;
    z-index: 2;
    height: 40px;
}
#aAddMessageTag:before, #aAddMessageTag_2:before, #aAddMessageTag_one:before, #aAddMessageTag_many:before, #aAddMessageTag_voice:before {
    content: '';
    position: absolute;
    left: -6px;
    top: 0;
    bottom: 0;
    height: 0;
    margin: auto;
    border: 5px solid transparent;
    border-right: 6px solid #b9e096;
    border-left: 0;
}
#aAddMessageTag .hover, #aAddMessageTag_2 .hover, .hover, #aAddMessageTag_one .hover, #aAddMessageTag_many .hover, #aAddMessageTag_voice .hover {
    content: '';
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 37px;
    z-index: 2;
    height: 40px;
    background: url(../img/icon/message-tag.png) no-repeat;
    transform-origin: center left;
    -webkit-transform-origin: center left;
    transform: scale(1);
    -webkit-transform: scale(1);
}
span#spanMessageTagSideBarDestroy {
    /* border: 2px solid #ee8484; */
    cursor: pointer;
    position: absolute;
    width: 15px;
    height: 15px;
    line-height: 18px;
    top: -35px;
    box-sizing: border-box;
    font-size: 24px;
    text-align: center;
    border-radius: 4px;
    background-color: transparent;
    color: #999999;
    transition: 0.2s all ease-in;
}
span#spanMessageTagSideBarDestroy:hover {
    /*border-color: hsla(4, 100%, 65%, 1);*/
    color: #555555;
}
#bulk_send_divTagOutput, #bulk_send_divTagOutput_2 {
    background-color: #ffffff;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    margin-top: -15px;
}
#bulk_send_divTagOutput #aAddMessageTag, #bulk_send_divTagOutput_2 #aAddMessageTag_2, #aAddMessageTag_voice {
    right: -40px;
    top: 0;
}
div#firstPageNotification {
    margin: 0 60px 35px 60px;
    border: 1px solid #cccccc;
    background-color: #eaeaea;
    padding: 15px;
    border-radius: 4px;
    direction: rtl;
}
div#notification {
    line-height: 28px;
    margin-top: -5px;
}
span.messageTagError {
    background-color: hsl(358, 75%, 92%);
    border-radius: 4px;
    padding: 0px 5px;
    color: hsla(358, 74%, 60%, 1);
    font-size: 13px;
    text-align: center;
    margin-top: 5px;
    line-height: 20px;
}
#divTableMessageTagSideBarLink:before {
    content: '';
    background: url(../img/icon/hashtag.png) center no-repeat;
    position: absolute;
    width: 15px;
    height: 15px;
    left: 0;
    right: 0;
    margin: auto;
    top: 3px;
}
#divMessageTagSideBar .fa-search:before {
    content: '\f002';
    width: inherit;
    height: inherit;
    margin: 0;
}
#divTableMessageTagSideBarLink {
    transition: 0.2s all ease-in;
    z-index: 1 !important;
    position: absolute;
    background-color: white;
    width: 25px;
    height: 25px;
    border: 2px solid #469ceb;
    border-radius: 4px;
    top: 11px;
    right: 13px;
    cursor: pointer !important;
    display: block;
}
#divTableMessageTagSideBarLink:hover, #divTableMessageTagSideBarLink.messageTagged {
    border-color: #345fc0;
}
.send_voice_divTagOutput {
    margin: 15px 0 0 0 !important;
}
span.caution {
    font-size: 13px;
    float: left;
    line-height: 24px;
    color: #f05050;
    display: none;
}
.aAddMessageFolder {
    position: absolute;
    background-color: #b9e096;
    color: hsla(92, 54%, 30%, 1);
    padding: 0 25px 0 10px;
    bottom: -25px;
    right: 0;
    line-height: 20px;
    height: 20px;
    font-size: 13px;
    border-radius: 4px;
    transition: all 0.3s;
}
.aAddMessageFolder span {
    color: #5f8a3b;
    line-height: 20px;
    text-align: center;
    width: 25px;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 11px;
    padding-top: 1px;
    height: 20px;
    transition: all 0.3s;
}
.aAddMessageFolder span::before {
    content: '\f067' !important;
    width: 25px !important;
    position: absolute;
    height: 20px !important;
    right: 0;
    margin: 0 auto;
    display: block;
}
.aAddMessageFolder:hover {
    background-color: #cccccc;
    color: #656565;
}
.aAddMessageFolder:hover span {
    color: #656565;
}
/****************************************************/
.divACustomerServices a:before {content: ''; width: 20px; height: 20px; display: block; margin: 0 auto; }
.divAImpersonation a:before {background: url(../img/icon/list-impersonation.png);}
.divACustomerList a:before {background: url(../img/icon/list-customers.png);}
.divACustomerServices { float: right; margin: 0 8px; }
.divCustomerServices { width: fit-content; margin: 0 auto;}
/****************************************************/
.divBankAccountsContainer {
    padding: 15px;
    width: 100%;
    margin-top: 35px;
}
.divBankAccountContainer {
    float: right;
    margin-bottom: 60px;
}
.divBankAccount {
    position: relative;
    background-color: #f2f2f2;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    padding: 30px 30px 15px 30px;
    box-sizing: border-box;
}
.divBankTitle {
    color: #999999;
    transition: all 0.3s;
    position: absolute;
    background-color: #f2f2f2;
    top: -40px;
    right: 30px;
    font-size: 17px;
    border: 1px solid #e6e6e6;
    padding: 0 45px 0 15px;
    line-height: 40px;
    box-sizing: border-box;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom: 0;
}
.spanBankLogo {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 25px;
    height: 25px;
}
.spanBankLogo::before, .spanBankLogo::after {
    display: block;
    content: '';
    width: 25px;
    height: 25px;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}
.spanBankLogo::before { opacity: 1; }
.spanBankLogo::after { opacity: 0; }
#divBankAccount_mellat .spanBankLogo::before { background:  url(../img/icon/bankLogo.png) 0 -25px no-repeat; }
#divBankAccount_mellat .spanBankLogo::after { background:  url(../img/icon/bankLogo.png) 0 0px no-repeat; }
#divBankAccount_saderat .spanBankLogo::before { background:  url(../img/icon/bankLogo.png) -25px -25px no-repeat; }
#divBankAccount_saderat .spanBankLogo::after { background:  url(../img/icon/bankLogo.png) -25px 0px no-repeat; }
#divBankAccount_sepehr .spanBankLogo::before { background:  url(../img/icon/bankLogo.png) -25px -25px no-repeat; }
#divBankAccount_sepehr .spanBankLogo::after { background:  url(../img/icon/bankLogo.png) -25px 0px no-repeat; }
.divBankAccount:hover .spanBankLogo::before  { opacity: 0; }
.divBankAccount:hover .spanBankLogo::after { opacity: 1; }
.divBankAccount:hover .divBankTitle { color: #656565; }
/*.divBankAccount:hover .inputBankAccount, .divBankAccount:hover .textareaBankAccount { border-color: #e6e6e6; }*/
/*.divBankAccount:hover .labelTextareaBankAccount { background-color: #e6e6e6; }*/
.btnBankAccount {
    width: 35px;
    position: absolute;
    /* background-color: #999999; */
    height: 35px;
    /* border: 1px solid #999999; */
    border-radius: 4px;
    box-sizing: border-box;
    transition: all 0.3s;
    font-size: 22px;
    /* background-color: #cccccc; */
    /* color: #656565; */
    border: none;
    background-color: #5d9cec;
    color: #ffffff;
}
.btnBankAccount:hover {
    background-color: #cccccc;
    color: #656565;
}
.btnBankAccountEmpty, .btnBankAccountRestore {
    right: -20px;
    top: 30px;
}
.btnBankAccountExit {
    right: -20px;
    top: -20px;
    font-size: 28px;
    line-height: 28px;
    padding-top: 5px;
    text-align: center;
    padding-left: 7px;
    background-color: #ff6459;
    color: #ffffff;
}
.divInputBankAccount {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}
.labelBankAccount {
    position: absolute;
    border-radius: 4px;
    line-height: 25px;
    padding: 0 5px;
    left: 5px;
    top: 5px;
    margin: 0;
    color: #828282;
    background-color: #f2f2f2;
    box-sizing: border-box;
    height: 25px;
    border: 1px solid hsla(0, 0%, 90%, 1);
}
.labelBankAccount::after {
    /*content: ' :';*/
}
.inputBankAccount {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border: 0;
    height: 35px;
    transition: all 0.3s;
    width: 100%;
    line-height: 35px;
    box-sizing: border-box;
    padding: 0 5px 0 5px;
    text-align: left;
    direction: ltr;
    border-bottom: 2px solid #e6e6e6;
    /*border-bottom: 2px solid #ffffff;*/
}

#divBankAccount_mellat .divInputBankAccount:nth-child(n) .inputBankAccount {
    /*border-bottom: 2px solid #f7cb049e;*/
}
#divBankAccount_mellat .divInputBankAccount:nth-child(2n) .inputBankAccount {
    /*border-bottom: 2px solid #ec2c0459;*/
}
#divBankAccount_saderat .divInputBankAccount:nth-child(n) .inputBankAccount {
    /*border-bottom: 2px solid #564a8d6b;*/
}
.textareaBankAccount {
    width: 100%;
    border: none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    /*border-bottom: 2px solid #ffffff;*/
    border-bottom: 2px solid #e6e6e6;
    /*border-bottom: 2px solid #564a8d6b;*/
    line-height: 20px;
    padding: 5px;
    height: 135px;
    direction: ltr;
    resize: none;
    text-align: left;
    transition: all 0.3s;

}
.divTextareaBankAccount {
    height: 135px;
    margin-bottom: 35px;
}
.divTextareaBankAccount:nth-child(2) {
    margin-bottom: 20px !important;
}
.labelTextareaBankAccount {
    /*background-color: #564a8d6b;*/
    /*background-color: #ffffff;*/
    background-color: #e6e6e6;
    position: absolute;
    bottom: -20px;
    right: 0;
    margin: 0;
    color: #656565;
    /*color: #ffffff;*/
    transition: all 0.3s;
    padding: 0 5px 0 5px;
    line-height: 20px;
    font-size: 14px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.divBankAccountIntro {
    width: 100%;
    border-radius: 4px;
    height: fit-content;
    margin-bottom: 15px;
    cursor: pointer;
    transition: all 0.3s;
    padding-top: 30px;
}
.divBankLogo {
    width: 250px;
    position: relative;
    height: 250px;
    margin: 0 auto 45px auto;
}
#divBankAccount_sepehr .divBankLogo { background:  url(../img/icon/lgBankLogo.png) 0px -250px no-repeat; }
#divBankAccount_mellat .divBankLogo { background:  url(../img/icon/lgBankLogo.png) 0px 0px no-repeat; }
#divBankAccount_saderat .divBankLogo { background:  url(../img/icon/lgBankLogo.png) 0px -250px no-repeat; }
.divBankTxt {
    float: right;
    width: 100%;
    border-top: 2px solid #999999;
    font-size: 18px;
    position: relative;
    background-color: #ffffff;
    padding: 0 15px;
    line-height: 40px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    box-sizing: border-box;
}
.spanAddBankAccount {
    width: 60px;
    background-color: #c6c6c6;
    height: 60px;
    border-radius: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 36px;
    position: absolute;
    bottom: -15px;
    right: -15px;
    transition: all 0.3s;
    color: #777777;
}
.divBankAccountIntro:hover .spanAddBankAccount {
    color: #ffffff;
    background-color: #7eac80;
}
.divBankAccountIntro:hover {
    background-color: hsla(0, 0%, 98%, 1);
}
.btnBankAccountSubmit {
    box-sizing: border-box;
    height: 35px;
    line-height: 35px;
    border: none;
    position: absolute;
    bottom: -36px;
    padding: 0 15px;
    font-size: 16px;
    left: 30px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    /* background-color: #7eac80; */
    background-color: #24b145;
    color: #ffffff;
    transition: all 0.3s;
}
.btnBankAccountSubmit:hover {
    background-color: #cccccc;
    color: #656565;
}
.divOutputBankAccount, .divLgOutputBankAccount {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e6e6e6;
    direction: ltr;
    padding: 5px 0;
    line-height: 30px;
}
.spanBankAccountKey {
    font-weight: bold;
    line-height: 30px;
    font-size: 17px;
    margin-right: 15px;
}
.spanBankAccountKey::after {
    content: ': ';
}
.spanBankAccountLgKey {
    font-size: 17px;
    width: 100%;
    font-weight: bold;
    display: block;
    line-height: 30px;
}
.spanBankAccountLgValue {
    word-wrap: break-word;
    line-height: 30px;
    width: 100%;
    font-size: 14px;
}
.btnBankAccountMore {
    background-color: #cccccc;
    color: #656565;
    line-height: 30px;
    width: 60px;
    position: absolute;
    font-size: 23px;
    height: 40px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0 auto;
    display: block;
    top: 0px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.btnBankAccountMore:hover {
    background-color: #656565;
    border-color: #656565;
    color: #cccccc;
}
.divBankAccountInfoMore {
    position: relative;
    height: 0;
    transition: all 0.3s;
}
#bank-account-management-icon:before {
    background: url(../img/icon/dashboard-bank-accounts.png) no-repeat !important;
    display: block;
    position: relative;
    top: 2px;
    width: 30px;
    height: 30px;
    content: '';
    background-size: 1080px auto;
}
.divBankAccount.unEditable .inputBankAccount, .divBankAccount.unEditable .textareaBankAccount {
    cursor: default;
    background-color: #e6e6e6;
    border-color: hsla(0, 0%, 80%, 1);
}
.divBankAccount.unEditable .labelBankAccount {
    color: hsla(0, 0%, 45%, 1);
    background-color: hsl(0, 0%, 80%);
    border: 1px solid hsla(0, 0%, 75%, 1);
}
.divBankAccount.unEditable .labelTextareaBankAccount {
    color: hsla(0, 0%, 45%, 1);
    background-color: hsl(0, 0%, 80%);
}
.btnBankAccountSubmit[disabled="disabled"] {
    background-color: #cccccc;
    color: hsla(0, 0%, 95%, 1);
    cursor: not-allowed;
}
#owner_number_list_table tr td:nth-child(11) button, #owner_number_list_table tr td:nth-child(11) a {
    padding: 0 !important;
    width: 20px !important;
    height: 20px !important;
    float: right;
    margin: 0 5px;
    background: transparent !important;
    position: relative;
}
.btnRecieveUrl i:before, .btnRecieveUrl i:after, .btnRecieveDelivery i:after, .btnRecieveDelivery i:before,
.btnRecieveUrlRemove i:before, .btnRecieveUrlRemove i:after, .btnRecieveDeliveryRemove i:after, .btnRecieveDeliveryRemove i:before,
.btnNegateNumber i:after, .btnShareNumber i:after, .btnNegateNumber i:before, .btnShareNumber i:before {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    content: '';
    transition: all 0.3s;
    position: absolute;
    top: 0 !important;
    right: 0 !important;
}
.btnRecieveUrl i:before {background: url(../img/icon/url-status.png) 0 0 no-repeat;}
.btnRecieveUrl i:after {background: url(../img/icon/url-status.png) 0 -20px no-repeat;}

.btnRecieveUrlRemove i:before {background: url(../img/icon/url-status.png) 0 -20px no-repeat;}
.btnRecieveUrlRemove i:after {background: url(../img/icon/url-status.png) 0 0 no-repeat;}

.btnRecieveDelivery i:before {background: url(../img/icon/url-status.png) -20px 0 no-repeat;}
.btnRecieveDelivery i:after {background: url(../img/icon/url-status.png) -20px -20px no-repeat;}

.btnRecieveDeliveryRemove i:before {background: url(../img/icon/url-status.png) -20px -20px no-repeat;}
.btnRecieveDeliveryRemove i:after {background: url(../img/icon/url-status.png) -20px 0 no-repeat;}


.btnRecieveUrl i:before, .btnRecieveUrlRemove i:before, .btnRecieveDelivery i:before, .btnRecieveDeliveryRemove i:before {opacity: 1}
.btnRecieveUrl i:after, .btnRecieveUrlRemove i:after, .btnRecieveDelivery i:after, .btnRecieveDeliveryRemove i:after {opacity: 0}
.btnRecieveUrl:hover i:before, .btnRecieveUrlRemove:hover i:before, .btnRecieveDelivery:hover i:before, .btnRecieveDeliveryRemove:hover i:before {opacity: 0}
.btnRecieveUrl:hover i:after, .btnRecieveUrlRemove:hover i:after, .btnRecieveDelivery:hover i:after, .btnRecieveDeliveryRemove:hover i:after {opacity: 1}

.inputUrl {
    line-height: 35px;
    height: 35px;
    font-size: 14px !important;
    direction: ltr;
    padding: 0 10px !important;
    transition: all 0.3s;
    border: 1px solid hsla(249, 100%, 90%, 1);
}
.inputUrl:focus {
    border: 2px solid hsla(249, 100%, 90%, 1);
}
.divInputUrl {
    margin-bottom: 15px;
}
#recieveUrlModal .modal-header {
    background-color: #6458b4;
}
#recieveUrlModal .modal-header h4 {
    color: #ffffff !important;
}
#recieveUrlModal .modal-body {
    padding: 15px 15px 0 15px;
}
#recieveUrlModal .modal-header .close {
    color: #ffffff !important;
    text-shadow: none;
    transition: all 0.3s;

}
.labelUrl {
    padding-right: 0;
}
.btnUrl {
    float: left;
    margin-right: 15px;
}
#spanRecieveUrlError {
    font-size: 14px;
    transition: all 0.3s;
    display: none;
}
#spanRecieveUrlError::before {
    content: '* ';
}
.tdRecieveUrlResult p {
    float: right;
    clear: both;
}
.tdRecieveUrlResult p b {
    float: left;
    text-align: left;
    direction: ltr;
    margin-top: 5px;
}
.tdRecieveUrlTitle p {
    text-align: right;
    font-size: 14px;
}
.labelDisabled {
    border-color: #cccccc !important;
    color: #bbbbbb !important;
    background-color: #ffffff !important;
}
.labelDisabled:hover {
    background-color: #ffffff !important;
    cursor: default !important;
}
.divSmartLabels {
    float: right;
    position: relative;
    z-index: 1;
}
.forbiddenOccasion + label {
    color: #bbbbbb !important;
}
.uploadDisabled {
    background-color: #cccccc !important;
    border-color: hsla(0, 0%, 75%, 1) !important;
    cursor: default !important;
}
.btnNegateNumber, .btnShareNumber {
    padding: 0 !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 5px;
    background: transparent !important;
    position: relative;
}
.btnShareNumber i:before {background: url(../img/icon/number-shareable-status.png) 0 0 no-repeat;}
.btnShareNumber i:after {background: url(../img/icon/number-shareable-status.png) 0 -20px no-repeat;}

.btnNegateNumber i:before {background: url(../img/icon/number-shareable-status.png) 0 -20px no-repeat;}
.btnNegateNumber i:after {background: url(../img/icon/number-shareable-status.png) 0 0 no-repeat;}

.btnShareNumber i:before, .btnNegateNumber i:before, .btnNegateNumber:hover i:after, .btnShareNumber:hover i:after {opacity: 1}
.btnShareNumber i:after, .btnNegateNumber i:after, .btnNegateNumber:hover i:before, .btnShareNumber:hover i:before {opacity: 0}
#divCustomerAgreementNote span {
    display: inline-block;
    background-color: #dbdee3;
    padding: 0 5px;
    font-size: 13px;
    line-height: 20px;
    border-radius: 3px;
    color: #666666;
    border: 1px solid hsla(217, 12%, 82%, 1);
}
#divCustomerAgreementData {
    margin-top: 15px;
    border: 1px solid #eaeaea;
    padding: 20px;
    border-radius: 30px;
}
#divCustomerAgreementData {
    margin-top: 15px;
    border: 1px solid #eaeaea;
    padding: 20px;
    border-radius: 30px;
}
#divCustomerAgreementNote {
    font-size: 14px;
    line-height: 60px;
    text-align: center;
}
#divCustomerAgreementData {
    margin-top: 15px;
    border: 1px solid #eaeaea;
    padding: 0 20px;
    border-radius: 30px;
    width: max-content;
    float: left;
}
.topBarIcon#allocateUrlMessage:before{background: url(../img/icon/top-bar-send-message-with-url-toggle.png) 0px 0px no-repeat;}
.topBarIcon#allocateUrlMessage:after{background: url(../img/icon/top-bar-send-message-with-url-toggle.png) 0px -30px no-repeat;}
.topBarIcon#negateUrlMessage:before{background: url(../img/icon/top-bar-send-message-with-url-toggle.png) -40px 0px no-repeat;}
.topBarIcon#negateUrlMessage:after{background: url(../img/icon/top-bar-send-message-with-url-toggle.png) -40px -30px no-repeat;}
.topBarIcon#negateUrlMessage:hover:before, .topBarIcon#allocateUrlMessage:hover:before {opacity: 0 !important;}
.topBarIcon#negateUrlMessage:hover:after, .topBarIcon#allocateUrlMessage:hover:after {opacity: 1 !important;}
.divInputInline, .divInputInlineHint {
    position: relative;
}
.btnSubmitInline {
    width: 25px;
    background: #ffffff;
    height: 25px;
    box-sizing: border-box;
    border: 1px solid #5d9cec;
    left: 20px;
    position: absolute;
    bottom: 5px;
    border-radius: 3px;
    line-height: 23px;
    text-align: center;
    color: #5d9cec;
    font-size: 16px;
    transition: all 0.3s;
    cursor: pointer;
    padding: 0;
    margin: 0;
}
.btnSubmitInline:hover {
    background-color: #5d9cec;
    border-color: #488eea;
    color: #ffffff;
}
.labelInputInlineHint {
    position: absolute;
    font-size: 13px;
    background-color: #ffffff;
    border: 1px solid #e4eaec;
    border-radius: 3px;
    line-height: 35px;
    padding: 0 7px;
    margin: 0;
}
.divInputInline input {
    padding-left: 35px;
}
.divInputInline input.successed {
    border-color: green;
}
.spanErrorInline.successed, .divFieldInlineError.successed {
    opacity: 1;
    color: green;
}
.divInputInline input.failed {
    border-color: red;
}
.spanErrorInline.failed, .divFieldInlineError.failed {
    opacity: 1;
    color: red;
}
.spanErrorInline {
    opacity: 0;
    width: 100%;
    position: absolute;
    font-size: 13px;
    line-height: 30px;
    bottom: -30px;
    right: 15px;
    transition: all 0.3s;
}
.divFieldInlineHint {
    line-height: 30px;
    padding: 0;
    margin: 0;
    float: right;
    font-size: 14px;
}
.divFieldInlineError {
    opacity: 0;
    line-height: 30px;
    text-align: right;
    margin: 0;
    float: left;
    padding: 0;
    transition: all 0.3s;
    font-size: 14px;
}
.divFieldInlineMessage {
    position: absolute;
    top: 50px;
    margin: 0 -10px;
    width: 100%;
}
button[data-content="ip"][disabled="disabled"] {
    color: red;
    border-color: red;
    background-color: #ffffff;
    cursor: not-allowed;
}
.divDocumentImg img {
    width: 200px !important;
    height: 200px !important;
}
.divDocumentImg label {
    font-size: 18px;
}
#divSmsCountError, #smsCount_error_div {
    position: absolute;
    bottom: 0;
    font-size: 80%;
}
.spanTooltip {
    display: none;
    opacity: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.74);
    color: #f3f3f2;
    border: 1px solid rgba(0, 0, 0, 0.8);
    padding: 0 5px;
    line-height: 18px;
    border-radius: 5px;
    font-size: 12px;
    bottom: -25px;
    left: 0;
    z-index: 1;
    transition: ease-in 1s;
}
.aDomainOwner {
    position: relative;
    display: block;
}
.aDomainOwner:hover .spanTooltip, td:hover .spanTooltipNotice {
    opacity: 1;
    display: block;
}
.divTooltipArrow {
    width: 0;
    position: absolute;
    top: -6px;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid rgba(0, 0, 0, 0.8);
}
.spanTooltipNotice {
    background-color: hsla(5, 82%, 40%, 1);
    border: 1px solid hsla(5, 83%, 30%, 1);
    bottom: -11px;
    width: max-content;
    right: 0;
    width: -moz-max-content;
}
.spanTooltipNotice .divTooltipArrow {
    border-bottom: 5px solid hsla(5, 83%, 30%, 1);
    right: 40px;
}
.divRevivalCheckBox {
    margin: 0 auto;
    width: fit-content;
    width: -moz-fit-content;
}
.aSendList {
    font-size: 18px;
    line-height: 20px;
    color: #009ceb;
    transition: all 0.3s;
}
.aUnlockMessage {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #f7f7f7;
    bottom: 0px;
    right: 0px;
    border-radius: 100%;
    line-height: 28px;
    border: 2px solid #cacaca;
    color: grey;
    text-align: center;
    font-size: 17px;
    transition: all 0.3s;
}
.aUnlockMessage:hover {
    border-color: #c6d2ec;
    color: #6d8bce;
}
#inputSmsCount[type=number]::-webkit-inner-spin-button,
#inputSmsCount[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#inputSmsCount-error {
    font-size: 80%;
}
.divBtnMessageStatus {
    width: 100%;
    position: absolute;
    bottom: 19px;
    left: 20px;
}
.btnMessageStatus {
    float: right;
    margin: 0 5px;
    width: 93px;
    height: 36px;
    text-align: center;
    border-radius: 35px !important;
    display: none;
}
[id^="contact_list_table_"] > div.row:last-child div.col-xs-6:last-child {
    width: 100% !important;
}
.table>tbody>tr>td{
    direction: ltr!important;
}