input ,
select {
    outline: none !important;
    box-shadow:none !important;
}

input:focus ,
select:focus ,
textarea:focus {
    outline: none !important;
    box-shadow:none !important;
}


/* Browser Firefox to match the Chrome */
#buttonid::-moz-focus-inner, .buttonclass::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0 !important;
    border: 0 none !important;
}

.app-tk-wp-content{
    width:98%;
    /*height: 500px;*/
    float: right;
    display: block;
    margin-top: 10px;
    font-family: IRANSans;
    box-sizing: border-box;
}

.pars-content-grid{
    -webkit-column-count: 2;
    -moz-column-count:2;
    column-count: 2;
    -moz-column-fill: balance;
    column-fill: balance;
}

.pars-content-grid .app-tk-box{
    margin: 0;
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display: inline-block;
    margin-bottom: 20px;
}

.app-tk-title{
    display: block;
    width: 100%;
    margin-bottom: 10px;
 }

.app-tk-title h3{
    font:25px IRANSAns;
    font-weight: bold;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    display: inline-block;
}

.app-tk-page-title-action{
    padding: 5px 12px;
    background: #fbfbfb;
    font-weight: bold;
    border: 1px solid #afafaf;
    text-decoration: none;
    margin-right: 10px;
}

.app-tk-page-title-action:hover{
    background: #fb8222;
    border: 1px solid #fb8222;
    color:#fff;
}



#menu{
    margin-top: 30px !important ;
}


.app-tk-content-u-right{
    float: right;
    width: 70%;
}

.app-tk-content-u-left{
    float: left;
    width: 27%;
}


.app-tk-box {
    /*margin-top: 20px;*/
    padding-bottom: 5px;
    background:#fff;
    width:100%;
    /*height: 400px;*/
    box-shadow: 0 1px 5px 2px rgba(0,0,0,.04);
    float: right;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    margin-bottom: 20px;
}



.pars-list-type-info p {
    width: 100%;
    float: right;
    margin: 2px 0;
    border-bottom: 1px solid #eee;
}


.pars-list-type-info p:last-child{
    border-bottom: 1px solid #fff;
}


.pars-list-type-info p label{
    min-width: 40%;
    /*background: green;*/
    float: right;
    box-sizing: border-box;
    padding: 5px 0px;
}





.pars-list-type-info p label ,
.pars-list-type-info p select,
.pars-list-type-info p input[type=text]{
    height: 30px;
    font-size: 13px;
    border: 2px solid white;
    /*background: pink;*/
}
.pars-list-type-info p select:hover,
.pars-list-type-info p input[type=text]:hover{
    border-color: #0089ff;
}

.pars-list-type-info p select,
.pars-list-type-info p input[type=text],
.pars-list-type-info p span{
    width: 60%;
    float: left;
    box-sizing: border-box;
    margin: 0 0;
}

.pars-list-type-info p span{
    padding: 6px 0px;
    font-size: 13px;
}
.pars-list-type-info p span i {
    font-size: 20px;
    vertical-align: middle;
    color: #59aa42;
}
.pars-list-type-info p span div{
    display: inline-block;
}
.pars-list-items-row{
    float: right;
    width: 100%;
    border-bottom: 2px solid #f0f0f0;
}
.pars-list-items-row:hover{
    background: #fdfdfd;
}
.pars-list-items-row:hover>h3{
    color: #1a1a1a;
}
.pars-list-items-row:last-child{
    border-bottom: 0px solid #f0f0f0;
    margin-bottom: 0px;
}
/*.pars-list-items-row:nth-child(3n){*/
/*    background: red;*/
/*}*/
.pars-list-items-row h3{
    font-size: 13px;
    font-weight: normal;
    color: #626262;
    padding-right: 5px;
    position: relative;
}
/*.pars-list-items-row h3:before{*/
/*    width: 5px;*/
/*    height: 22px;*/
/*    position: absolute;*/
/*    display: block;*/
/*    content: "";*/
/*    right: 0px;*/
/*    background: #fcc246;*/
/*    border-radius: 10px;*/
/*    margin-right: -4px;*/
/*}*/
.pars-list-polls ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 6px;
    margin: 0px 0px;
    width: 100%;
    float: right;
    padding: 8px 0px;
}


.pars-list-polls ul li{
    width: 100%;
    float: right;
    font-size: 13px;
    cursor: pointer;
    color: #575757;
    background: #fbfbfb;
    padding: 5px 0px;
    border: 2px solid #f4f4f4;
    margin-left: 2px;
    box-sizing: border-box;
    border-radius: 5px;
}
.pars-list-polls ul li:hover{
    border: 2px solid #fcc246;
}
.pars-list-polls ul li:last-child{
    float: left;
    margin-left: 0px ;
}
.pars-list-polls ul li label{
    /*background: pink;*/
    width: 100%;
    float: right;
    font-size: 12px;
    cursor: pointer;
}
.pars-list-polls ul li label input{
    float: right;
    margin-left: 5px;
}


/*@-webkit-keyframes click-wave {*/
/*    0% {*/
/*        height: 40px;*/
/*        width: 40px;*/
/*        opacity: 0.35;*/
/*        position: relative;*/
/*    }*/
/*    100% {*/
/*        height: 200px;*/
/*        width: 200px;*/
/*        margin-left: -80px;*/
/*        margin-top: -80px;*/
/*        opacity: 0;*/
/*    }*/
/*}*/
/*@-moz-keyframes click-wave {*/
/*    0% {*/
/*        height: 40px;*/
/*        width: 40px;*/
/*        opacity: 0.35;*/
/*        position: relative;*/
/*    }*/
/*    100% {*/
/*        height: 200px;*/
/*        width: 200px;*/
/*        margin-left: -80px;*/
/*        margin-top: -80px;*/
/*        opacity: 0;*/
/*    }*/
/*}*/
@keyframes click-wave {
    0% {
        /*height: 40px;*/
        /*width: 40px;*/
        /*opacity: 0.35;*/
        /*position: absolute;*/
        /*margin-right: -10px;*/
        /*margin-top: -10px;*/
        transform: scale(.50);

    }
    100% {
        height: 100px;
        width: 100px;
        left: -41px;
        position: absolute;
        top: -41px;
        opacity: 0;
        transform: scale(1);
    }
}
.option-input {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    position: relative !important;
    height: 20px !important;
    width: 20px !important;
    -webkit-transition: all 0.15s ease-out 0s !important;
    -moz-transition: all 0.15s ease-out 0s !important;
    transition: all 0.15s ease-out 0s !important;
    background: #e1e1e1 !important;
    border: none !important;
    color: #fff !important;
    cursor: pointer !important;
    display: inline-block !important;
    outline: none !important;
    position: relative !important;
    z-index: 1000 !important;
    margin-top: 0px !important;
    margin-right: 5px !important;

}
.option-input:hover {
    background: #9faab7 !important;
}
.option-input:checked {
    background: #fcc246 !important;
}

.option-input:checked::before {
    height: 20px !important;
    width: 20px !important;
    position: absolute !important;
    content: '\f26b' !important;
    display: inline-block !important;
    font-size: 15px !important;
    font-family: 'Material-Design-Iconic-Font' !important;
    text-align: center !important;
    line-height: 19px !important;
    background: transparent !important;
    right: 0px;
    margin: 0px 0px !important;
    margin-top: 0px !important;
}
.option-input:checked::after  {
    -webkit-animation: click-wave 0.65s !important;
    -moz-animation: click-wave 0.65s !important;
    animation: click-wave 0.65s !important;
    background: #fcc246 !important;
    content: "" !important;
    display: block !important;
    z-index: 100 !important;
}
.option-input.radio {
    border-radius: 5px !important;
}
.option-input.radio::after {
    border-radius: 50% !important;
}

    /*
     *******************************************************
     Multi Upload File Style
     *******************************************************
    */

/*:focus {*/
/*    outline: 0;*/
/*    box-shadow: 0 0 0.0625rem 0.25rem #5e9ed6;*/
/*}*/

.upload-file{
    position: relative;
    overflow: hidden;
    width: 100%;
    display: block;
    /*background: red;*/
}

.hidden {
    display: none;
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden !important;
    width: 0.0625rem !important;
    height: 0.0625rem !important;
    padding: 0 !important;
    border: 0 !important;
    margin: -0.0625rem !important;
    clip: rect(0 0 0 0) !important;
}

.anchor {
    border-radius: 0.125rem;
    color: #000;
}

.upload-file .button {
    display: block;
    padding: 8px 12px;
    border: none;
    background-color: #888;
    color: #fff !important;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    font-size: 14px;
}
.upload-file .button:hover{
    background: #595959;
    color: #fff !important;
}

.upload-file .file {
    list-style: none;
    width: 100%;
    padding: 0px;
}
.upload-file .file__item {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    border-radius: 5px;
    margin-bottom: 0.0625rem;
    background-color: #f0f0f0;
}
.upload-file .file__name {
    flex-basis: 40%;
    overflow: hidden;
    padding: 0.3125rem;
    margin-right: 0.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.file__status {
    flex-basis: 40%;
    margin-right: 0.5rem;
}
.file__status--success {
    color: #008000;
}
.file__status--error {
    color: #800000;
}
.file__remove {
    flex-basis: 20%;
}

.dropzone {
    margin-bottom: 1rem;
}
.dropzone--actual {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem;
    border: 2px dashed #ddd;
    border-radius: 5px;
    background: #fdfdfd;
}
.dropzone--actual .dropzone__label {
    margin-bottom: 0;
}
.dropzone--actual .dropzone__label::after {
    content: "";
}
.dropzone--actual .dropzone__label--focused {
    outline: 0;
    box-shadow: 0 0 0.0625rem 0.25rem #5e9ed6;
}
.dropzone--actual .dropzone__file {
    position: absolute;
    left: -9999em;
    visibility: hidden;
}
.dropzone--actual .dropzone__upload {
    display: none;
}
.dropzone--dragover {
    background-color: #ddd;
}
.dropzone__label {
    display: inline-block;
    margin-bottom: 0.5rem;
}
.dropzone__label::after {
    content: ":";
}
.dropzone__file {
    display: block;
    padding: 0.375rem 0.75rem;
    border: 0.0625rem solid #000;
    border-radius: 0.125rem;
    font-family: inherit;
    font-size: inherit;
}
.dropzone__upload {
    margin-top: 0.5rem;
}



.tk-title-tab {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 3px solid #eaeaea;
    margin-bottom: 10px;
    padding-bottom: 8px;
}
.tk-title-tab h3{
    font:15px IRANSans;
    margin: 0 0 ;
    /*font-weight: bold;*/
    display: inline-block;
}

.tk-title-tab a{
    float: left;
    text-decoration: none;
    padding: 4px;
}


.tk-users-forms-search input, .tk-users-forms-search select{
    /*padding: 4px 7px;*/
    height: 30px;
    box-shadow: none;
    font-size: 13px;
    outline: none;
}

.tk-users-forms-search button , .pars-filter-date-time button{
    border: none;
    padding: 4px 12px;
    height: 30px;
    border-radius: 3px;
    background: #00c6f3;
    color: #fff;
    cursor: pointer;
    outline: none;
}
.tk-users-forms-search button:hover , .pars-filter-date-time button:hover{
    background: #46ddff;
}




.pars-list-items{
    width: 100%;
    float: right;
    /*background: red;*/
}

.pars-list-items .FilterSearchDesigner{
    width: 100%;
    font-size: 13px;
}

.pars-list-items ul {
    padding: 10px ;
    margin: 0 0 ;
    height: 200px;
    overflow-y: scroll;
}

.pars-list-items ul li{
    width: 100%;
    box-sizing: border-box;
    /*padding: 5px 0px;*/
    padding: 0px 8px;
    border-bottom: 2px solid #ededed;
    float: right;
    position: relative;
    margin-bottom: 0px;
}

.pars-list-items-selected{
    background: #fff8e7;
    border-bottom-color: #fff1cf !important;
}


.pars-list-items ul li label{
    width: auto;
    float: right;
}


.pars-list-items-info-bottom{
    /*background: #fbfbfb;*/
    float: right;
    width: 100%;
    padding: 5px 0px;
    font-size: 11px;
}

.pars-list-items-info-bottom a{
    float: right;
    margin-top: -4px;
    font-size: 11px;
    outline: none;
    box-shadow: none;
    color: #6c6c6c;
    padding: 3px 5px;
}
.pars-list-items-info-bottom a:hover{
    color:#0089ff;
}
.pars-list-items-info-bottom a:focus{
    outline: none;
}


.pars-select-des-status{
    float: left;
    padding: 2px 5px;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 10px;
    position: relative;
    left: 0px;
    /*top: 1px;*/
    /*margin-top: -7px;*/
}
.pars-select-des-status.pending{
    background: #ebebeb;
}

.pars-select-des-status.accept{
    background:#49c752;
    color: #fff;
}




.app-tk-table{
    /*background: red;*/
    /*height: 400px;*/
}

.app-tk-table-row{
    width: 100%;
    height: 30px;
    /*background: green;*/
    display: table;
    padding: 12px;
    box-sizing: border-box;
    position: relative;
    border-bottom:2px solid #f4f4f4;
}

.pars-title-res{
    float: right;
    margin-left: 5px;
    color: #7a9dd2;
    display: none;
}

.app-tk-table-row:last-child{
    border-bottom:0px solid #fff !important;
}
.app-tk-table-row:hover{
    background: #f4f4f4;
    border-bottom:2px solid #f4f4f4;
}

.app-tk-table-row-info-tooltipe{
    background: #ffe2e2;
    float: right;
    display: inline-block;
    width: 20px;
    text-align: center;
    font-size: 17px;
    position: relative;
}

.row-help {
    /* background: #02c3de; */
    /*float: right;*/
    padding: 0px 9px;
    font-size: 13px;
    color: #02c3de;
    border-radius: 5px;
    margin-top: 1px;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.row-help:hover{
    background: #02c3de;
    color: #fff;
}

.row-help:hover>i{
    color: #fff !important;
}


.row-help i{
    float: right !important;
    position: relative !important;
    margin: 0 0 0 0 !important;
    height: auto !important;
    width: auto !important;
    vertical-align: middle;
    color: #02c3de !important;
    margin-left: 3px !important;
    margin-bottom: -10px !important;
    margin-top: 3px !important;
}



.row-help strong{
    position: absolute;
    display: block;
    background: #02c3de;
    color: white;
    width: 140px;
    padding: 15px;
    border-radius: 5px;
    text-align: right;
    font-weight: normal;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    right: 0;
    bottom: 30px;
    /* display: none; */

    transform: translate(0px, -20px);
    opacity: 0;
    transition: all 200ms ease;
    visibility: hidden;

}


.row-help:hover>strong{
    display: block;
    transform: translate(0px, 0px);
    opacity: 1;
    visibility: visible;
}


.row-help strong::after {
    content: " ";
    position: absolute;
    top: 100%;
    right: 10%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #02c3de transparent transparent transparent;
}

.row-help strong i{
    color: #fff !important;
}
.app-tk-table-col{
    padding: 4px 0px;
    /*background: blue;*/
    text-align: right;
    display: inline-block;
    font-size: 13px;
    /*overflow: hidden;*/
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    float: right;
}
.app-tk-table-col a{
    color: #0b80e7;
}
.app-tk-table-col a:hover{
    color: #57b1ff;
}
.pars-msg-status-chat{
    color: #3a9631 !important;
    display: inline-block;
    vertical-align: middle;
    animation: txt_plus 700ms linear infinite;
}


.pars-tooltip-bottom {
    min-width:200px;
    top:40px;
    /*left:50%;*/
    /*transform:translate(-50%, 0);*/
    padding:10px 20px;
    color:#FFFFFF;
    background-color:#000000;
    font-weight:normal;
    font-size:13px;
    border-radius:5px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    border:1px solid transparent;box-shadow:0 1px 8px rgba(0,0,0,0.5);
    display:none;

}

.app-tk-table-col:hover .pars-tooltip-bottom {
    display:block;
}

.pars-tooltip-bottom i {
    position:absolute;
    bottom:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.pars-tooltip-bottom i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,50%) rotate(45deg);
    background-color:#000000;
    border:1px solid transparent;box-shadow:0 1px 8px rgba(0,0,0,0.5);
}



.app-tk-table-checkbox{
    float: right;
    width: 30px;
    vertical-align: middle;
    margin-top: 2px;
}

.app-tk-table-col span{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*width: 100px;*/
    display: block;

}

.app-tk-table-col label{
    font-weight: normal;
    display: inline-block;
    float: right;
    margin: 0 0 0 5px;
    padding: 0 0;
    font: 13px IRANsans;
    color: #4c99ea;
    /* vertical-align: -5px; */
    line-height: 15px;
    width: 80px;
}

.app-tk-col-title{
    color: #525252;
    /*border-bottom: 1px solid #d8d8d8;*/
    height: 25px;
    float: right;
    color: #7a9dd2;
}

.app-tk-col-5{
    width: 5%  !important;
}

.app-tk-col-10{
    width: 10%  !important;
}

.app-tk-col-15{
    width: 15%  !important;
}

.app-tk-col-20{
    width: 20%  !important;
}

.app-tk-col-25{
    width: 25%  !important;
}

.app-tk-col-30{
    width: 30%  !important;
}

.app-tk-col-35{
    width: 35%  !important;
}

.app-tk-col-40{
    width: 40%  !important;
}

.app-tk-col-45{
    width: 45%  !important;
}

.app-tk-col-50{
    width: 50%  !important;
}

.app-tk-col-55{
    width: 55% !important;
}

.app-tk-col-60{
    width: 60%  !important;
}
.app-tk-col-70{
    width: 70%  !important;
}
.app-tk-col-80{
    width: 80%  !important;
}
.app-tk-col-90{
    width: 90%  !important;
}
.app-tk-col-100{
    width: 100% !important;
}

.f-l{
    float: left !important;
}

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

#app-tk-table-user-profile{
    background: #f3f3f3;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    border-radius: 50em;

}




.app-tk-textmessage-normal{
    width:100%;
    display: table;
    text-align: center;
    margin-top: 50px;
    color: #bfbfbf;
}

/*.app-tk-table-bg-color{*/
/*padding: 9px 0;*/
/*}*/




.app-tk-row-update{
    /*background-image: linear-gradient(to left , #d5ff9d , white) !important;*/
    background: #efffdb;
}

.app-tk-row-delete{
    /*background-image: linear-gradient(to left , #ffcece , white) !important;*/
    background: #ffdbdb;
}

.app-tk-row-update , .app-tk-row-delete {

    transition: all 200ms ease;
}


.app-tk-button{
    display: block;
    border: none;
    margin: 0 auto;
    font-size: 15px;
    border-radius: 3px;
    padding: 4px 12px;
    cursor: pointer;
    outline: none;
    font-size:16px;
}
.app-tk-button:hover{
    opacity: .80;
}

.app-tk-button-new , .app-tk-button:disabled{
    color: #fff;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 4px 20px;
    box-shadow: 0 0 20px 1px #e6e6e6;
}
.app-tk-button-new{
    background: #51d626;
}

.app-tk-button:disabled{
    background: #d1d1d1;
    cursor: not-allowed;
}


.app-tk-button-delete-row{
    border: none;
    background: none;
    color: #da1f1f;
    padding: 0 0;
    outline: none;
    cursor: pointer;
}
.app-tk-button-delete-row:hover{
    color: #f62020;
}



.app-tk-button-new i , .app-tk-button:disabled i{
    font-size: 20px;
    vertical-align: middle;
    margin-left: 10px;
}



.app-tk-action-button-icon{
    border:none;
    background:none;
    font-size: 21px;
    cursor: pointer;
    outline: none;
    /*background: #f1f1f1;*/
    height: 35px;
    width: 35px;
    margin-right: 5px;
    border-radius: 50em;
    margin-top: -5px;
    margin-bottom: -5px;
    color: #d6d6d6 !important;
    display: inline-block;
    /*float: left;*/
    text-align: center;
    outline: none;
    vertical-align: middle;

}

.app-tk-action-button-icon:hover{
    color: #fff !important;
    background: #17c2e8;
}

.app-tk-table-row:hover > .app-action-col button{
    /*color:#7d7d7d ;*/
}

a.app-tk-action-button-icon i{
    padding-top: 5px;
}



.app-tk-text-align-left{
    text-align: left !important;
}
.app-tk-text-align-right{
    text-align: right !important;
}
.app-tk-text-align-center{
    text-align: center !important;
}


.app-tk-table-row:hover > .row-actions{
    right: 0;
}

.app-tk-table-row-bottom{
    width: 100%;
    padding: 4px 12px;
    box-sizing: border-box;
    margin-top: 8px;
}
.app-tk-table-row-bottom .app-tk-table-col{
    padding:7px;
}

.app-tk-table-row-bottom .app-tk-table-col:nth-child(1){
    border-right: 3px solid #ff4aa6;
    background-image: linear-gradient(to left , #fff2f9 , white);
}
.app-tk-table-row-bottom .app-tk-table-col:nth-child(2){
    border-right: 3px solid #6e4aff;
    background-image: linear-gradient(to left , #f4f2fd , white);

}
.app-tk-table-row-bottom .app-tk-table-col:nth-child(3){
    border-right: 3px solid #4ac5ff;
    background-image: linear-gradient(to left , #f2fbff , white);

}



.app-tk-box-data{
    display: table;
    width: 100%;
}



/*.app-tk-box-data p{*/
    /*background:red;*/
/*}*/
.app-tk-box-col-50 p{
    width: 50% !important;
    display: inline-block;
    float: right;
    box-sizing: border-box;
}


.app-tk-box-data p{
    padding: 5px 12px;
    margin: 5px 0px;
    float: right;
    width: 100%;
    box-sizing: border-box;
}




/*.app-tk-box-data p:nth-child(2n){*/
/*    background-image: linear-gradient(to left , #f7f7f7 , white);*/
/*}*/

.app-tk-box-data p label {
    width: 30%;
    display: inline-block;
    color: #76b0d4;
    float: right;
    padding: 10px 0px;
    font-size: 13px;
}
.app-tk-box-data p span{
    font-size: 13px;
    padding: 10px 0px;
}
.app-tk-box-data p input ,
.app-tk-box-data p textarea ,
.app-tk-box-data p select,
.pars-list-items .FilterSearchDesigner {
    max-width:100%;
    width: 70%;
    display: inline-block;
    box-shadow: none;
    resize: none;
    padding: 5px 10px;
    border: 2px solid #dddddd;
    font-family: inherit;
    font-size: 13px;
    border-radius: 5px;
    margin: 0px 0px !important;
    background: #fdfdfd;
}

.app-tk-box-col-single p label{
    width: 14.6% !important;
}

.app-tk-box-col-single p input,
.app-tk-box-col-single p textarea{
    width: 85.4% !important;
}





.app-tk-box-data p input:focus ,
.app-tk-box-data p textarea:focus  ,
.app-tk-box-data p select:focus ,
.pars-list-items .FilterSearchDesigner:focus,
.tagify:hover{
    border: 2px solid #17b9fd !important;
    background: #fff;
}


    /*.app-tk-box-data p select{*/
    /*width: 76%;*/
/*}*/

.app-tk-box-data p input , .app-tk-box-data p select{
    /*height: 40px;*/
}



.app-tk-box-data-type2 p label{
    width: 35%;
}

.app-tk-box-data-type2 p select , .app-tk-box-data-type2 p input {
    width: 60%;
}

p.pars-row-submit{
    width: 100% !important;
    padding: 0;
    margin-bottom: 0;
}



.tk-data-user-about-textarea{
    width: 86%;
    resize: none;
}


#tk-loading-on-input{
    position: absolute;
    margin-right: 80px;
    margin-top: -30px;
    font-size: 20px;
    display:block;
    visibility: hidden;
    float: right;
    background: white;
}

.tk-button-submit{
    border: none;
    padding: 7px 15px;
    float: left;
    border-radius: 4px;
    font-size: 14px;
    /*margin-left: 10px;*/
    color: #fff;
    background: #0089ff;
    cursor: pointer;
    outline: none;
    transition: all 200ms ease;
}
.tk-button-submit:hover{
    box-shadow: 0 0 8px 1px #92c7f5;
}
.tk-button-submit:focus{
    background: #0170d0;
}

.tk-button-submit:disabled{
    background: #b9d3e8;
    border-bottom: 3px solid #a8b9c7;
    cursor: not-allowed;
}
.tk-button-submit:disabled:hover{
    box-shadow: none;
}

.tk-button-submit i , .btn i{
    font-size: 20px;
    vertical-align: middle;
    margin-left: 5px;
}

.button-cancel-edit{
    padding: 8px 15px;
    outline: none;
    float: left;
    text-decoration: none;
    font-size: 14px;
    color: #f37474;
    margin-left: 10px;
}
.button-cancel-edit:focus , .tk-title-tab a{
    outline: none !important;
    box-shadow: none !important;
}



.btn{
    border: none;
    padding: 7px 15px;
    float: left;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    transition: all 200ms ease;
}
.btn-color-2{
    color: #797979;
    background: #f7f7f7;
}
.btn-color-2:hover{
    background: #797979;
    color: #fff;
}




.app-tk-box-data p input:focus , .tk-data-user-about-textarea{
    box-shadow: none !important;
}


.app-tk-box-data section{
    width:100%;
    display: table;

}

.pars-form-2 p{
    width: 100%;
    float: right;
    box-sizing: border-box;
    padding: 0px 0px;
}
.pars-form-2 p label{
    width: 20%;
    float: right;
    box-sizing: border-box;
    /*padding: 0px 0px;*/
    padding: 8px 0px;}


.pars-form-2 p input,
.pars-form-2 p textarea
{
    width: 80% !important;
    float: left;
    box-sizing: border-box;
    margin: 0px 0px;

}





/*             tagify               */

.tagify{
    width: 85.4% !important;
    border: 2px solid #dddddd !important;
    font-size: 13px;
    border-radius: 5px;
}


/* select image */
.bg-select-image-thumbnail {
    width: 100%;
    /* height: 290px; */
    /* background: #fff url(images/bg-select-upload-image-thumbnail.png) no-repeat center; */
    position: relative;
    display: block;
    box-sizing: border-box;
    margin-top: -20px;
}


.from-file-upload-image {
    border-radius: 8px;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
    color: #FFFFFF;
    background: #fbfbfb url(../images/icon-image-upload.png) no-repeat center;
    position: relative;
    transition: all 100ms ease-in-out;
    margin-bottom: 20px;
    overflow: hidden;
    margin-top: 50px;
}

.from-file-upload-image:hover {
    background-color: #fafafa;
    /* box-shadow: rgb(255 146 12) 0px 0px 80px -20px; */
}

.from-file-upload-image img {
    width: 200px;
    height: 200px;
    display: none;
}



.from-file-upload-image input[type=file] {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.from-file-upload-image:hover {

    color: #2590EB;
}

.single-file-upload-title-mini-image,
.single-file-upload-title-mini-colored {
    color: #ffffff;
    background: #ffb30f;
    padding: 5px 5px;
    width: 100px;
    border-radius: 8px;
    bottom: 0;
    text-align: center;
    font-size: 14px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-bottom: 40px;
}

.single-file-upload-title-mini-colored {
    width: 180px;
    margin-bottom: 35px;
}







.from-file-upload-image:hover>.single-file-upload-title-mini-image,
.from-file-upload:hover>.single-file-upload-title-mini-colored {
    background: #ff860f;
}


#single-file-upload-selected-image {
    /*background: #80d658b8;*/
    background: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 999;

}

.single-file-upload-delete-image {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background: #dd1616;
    color: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-top: 30%;
    display: block;
    font-size: 20px;
    border: none;
}

.single-file-upload-delete-image i {
    font-size: 40px;
}

.single-file-upload-delete-image:hover {
    opacity: .70;
}

#single-file-upload-selected-file-name-image {
    overflow: hidden;
    width: 200px;
    display: block;
    margin-top: 70px;
    margin-right: 30px;
    font-size: 13px;
    color: #fff;
    direction: rtl;
    padding: 8px;
}


#single-file-upload-selected-file-name-image::before {
    display: block;
    position: absolute;
    float: right;
    width: 20px;
    height: 20px;
    content: '\f058';
    font-family: 'FontAwesome';
    font-size: 20px;
    right: 8px;
}


.bg-icon-file {
    background-image: url(../images/upload-bg-file.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.bg-icon-word , .bg-icon-power , .bg-icon-file{
    transition: all 200ms ease;
}



.bg-icon-word:hover , .bg-icon-power:hover , .bg-icon-file:hover{
    background-position: 30px;
}



.single-file-upload-selected {
    background: #8fd070;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 999;
}

.single-file-upload-delete {
    float: left;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    margin-top: 6px;
    margin-left: 20px;
    background: #80c062;
    color: #fff;
}

.single-file-upload-delete i {
    font-size: 40px;
}

.single-file-upload-delete:hover {
    opacity: .70;
}

.single-file-upload-selected-file-name {
    overflow: hidden;
    width: 174px;
    display: block;
    margin-top: 69px;
    margin-right: 30px;
    font-size: 10px;
    color: #fff;
    direction: rtl;
    padding: 5px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.single-file-upload-selected-file-name::before {
    display: block;
    position: absolute;
    float: right;
    width: 20px;
    height: 20px;
    content: '\f058';
    font-family: 'FontAwesome';
    font-size: 15px;
    right: 8px;
}


#pars-iframe-page-get-history-sms{
    background: #f5f5f5;
    border-radius: 5px;
}

.pars-content-history-sms{
    width: 100%;
    /*height: 200px;*/
    background: #f5f5f5;
    float: right;
    /*margin-bottom: 10px;*/
}

.pars-content-history-sms-empty{
    width: 200px;
    background: transparent ;
    display: table;
    margin: 0px auto;
    margin-top: 20px;
}

.pars-content-history-sms-empty-img{
    width: 120px;
    height: 120px;
    background: transparent url(../images/pars-box-empty.png) no-repeat scroll center;
    display: table;
    margin: 0px auto;
}

.pars-content-history-sms-empty span{
    width: 100%;
    text-align: center;
    display: table;
    margin: 0px auto;
    padding: 4px 12px;
    /*background: #b1b1b1;*/
    color: #b1b1b1;
    border-radius: 20px;
    margin-top: 10px;
}

.pars-content-history-sms h3{
    font-weight: normal;
    font-size: 13px;
    margin: 0px 0px;
    color: #b70000;
}

.pars-content-history-sms ul{
    width: 100%;
    height: 250px;
    float: right;
    display: block;
    padding: 0px 0px;
}

.pars-content-history-sms ul li{
    width: 95%;
    background: #ffffff;
    padding: 5px;
    box-sizing: border-box;
    margin: auto;
    border-radius: 5px;
    border: 2px solid #d9d9d9;
    display: table;
    margin-bottom: 10px;
}

.pars-content-history-sms ul li small{
    float: left;
    font-size: 12px;
}



.pars-content-history-sms ul li p{
    border-bottom: transparent;
    text-align: justify;
}
.pars-content-history-sms ul li span{
    float: left;
}
.pars-content-history-sms ul li span i{
    font-size: 14px;
    vertical-align: middle
}



.tk-button{
    border: none;
    padding: 3px 12px;
    border-radius: 3px;
    cursor: pointer;
    font-size:14px;
    outline: none !important;
    margin-right: 5px;
    height: 30px;
    line-height: 22px;
    box-sizing: border-box;
    text-decoration: none;
}

.tk-btn-delete{
    background: #fff4f4;
    color: #e25454;
}

.tk-btn-delete:hover{
    background: #e25454;
    color:white ;
}

.tk-btn-normal{
    background: #f4f7ff;
    color: #54a0e2;
}

.tk-btn-normal:hover{
    background: #54a0e2;
    color:white ;
}



.tk-body-upload-file{
    width:100%;
    display: table;
}

.tk-body-upload-file label , .tk-body-upload-file button{
    /*width:100%;*/
    display: block !important;
    text-align: center;
    margin-top: 20px !important;

}
.tk-body-upload-file button{
    margin-left: auto !important;
    margin-right: auto !important;
}


.tk-list-checked-box{
    width: 100%;
    display: table;
    /*background: red;*/
}

.tk-list-checked-box p{
    padding: 0 12px;
    display: block;
    float: right;
    width: 100%;
    box-sizing: border-box;
    margin: 5px 0;
}




/* User image Profile */

.tk-user-image-profile-button-upload{
    width: 80%;
    height: 125px;
    margin: 0 auto;
    background: #fdfdfd;
    border: 2px dashed #dcdcdc;
    margin-bottom: 20px;
}

.tk-user-image-profile-button-upload:hover{
    background: #fff;
    border: 2px dashed #26dcdc;
}

.tk-user-image-profile-button-upload input[type=button]{
    margin:0 auto ;
    display: table;
    margin-top:50px;
}


.tk-user-content-image-profile{
    width: 80%;
    /* background: red; */
    display: table;
    margin: 0 auto;
    overflow: hidden;
}
.tk-user-content-image-profile img{
    width:100%;
    display: table;
    margin: 0 auto;
    border-radius: 50em;
}


  .tk-user-content-image-profile{
    display: none;
}


#tk-user-profile-delete{
    background: #fff;
    outline: none;
    color: #f91f1f;
    padding: 3px 12px;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #ffdbdb;
    margin: 10px 0;

}
#tk-user-profile-delete i{
    font-size:17px;
    vertical-align: middle;
}

#tk-user-profile-delete:hover{
    background: #f91f1f;
    color: #fff;
}



.block-user-info{
    width:90%;
    /*background:red;*/
    margin: 0 auto;
    display: block;
}

.block-user-info img{
    width:150px;
    height: 150px;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    margin: 0 auto;
    display: block;
}

.block-user-info p{
    font-size: 14px;
    padding: 4px 8px;
}














.tk_input_error{
    border-bottom: 1px solid #ff4848 !important;
}



.tk-notic-mini{
    border-right: 3px solid #ff7171;
    margin-right: 10px;
    padding: 3px 8px;
    color: #868686;
    font-size: 12px;
}


.pars-txt-align-center{
    text-align: center;
}

.pars-txt-align-left{
    text-align: center;
}

.pars-txt-align-right{
    text-align: center;
}



.tk-fright{
    float: right;
}


.tk-fleft{
    float: left;
}



.tk-users-forms-search{
    float: left;
}


.tk-search-result-empty{
    width: 100%;
    text-align: center;
    font-size : 15px;
    padding: 30px 0;
    color: #cacaca;
}
.tk-search-result-empty i{
    font-size: 50px;
    display: block;
    margin-bottom: 20px;

}



.pars-datepicker-input input{
    width: 80%;
    border: none;
    outline: none;
    background: #f5f5f5;
    padding: 8px 12px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}
.pars-datepicker-input i{
    font-size: 23px;
    float: right;
    padding: 10px 5px;
    margin-left: 15px;
}

.pdp-default .days , .pdp-default .pdp-footer{
    font: normal 12px IRANsans !important;
}

.pdp-default .dow {
    font: bold 14px IRANSans !important;
    font-weight: normal !important;
}



.pars-view-post-data , .pars-button-submit-flat{
    padding: 2px 15px;
    vertical-align: middle;
    background: transparent;
    border: 2px solid #00a5d6;
    color: #00a5d6;
    border-radius: 5px;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    margin-top: -2px;
}
.pars-view-post-data:hover , .pars-button-submit-flat:hover{
    background:#00a5d6 ;
    color: #fff;

}



.pars-total-amount-payments{
    display: inline-block;
    margin-right: 10px;
    background: #fdfdfd;
    padding: 8px;
    border-radius: 3px;
}

.pars-create-pay-link , .pars-btn-row-table{
    padding: 5px 12px;
    border-radius: 5px;
    transition: all 200ms ease;
    margin-top: -3px;
    font-size: 13px;
}
.pars-create-pay-link:hover{
    background: #59c85f;
}

.pars-create-pay-link{
    background: #58b05d;
    color: #fff;
}

.pars-btn-row-table{
    border: 2px solid #dbdbdb;
    color: #8c8c8c !important;
    background: white;
}
.pars-btn-row-table:hover{
    background:#58b05d ;
    border-color: #58b05d;
    color: #fff !important;
}







    /* modal */
.back-popup{
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    top: 0px;
    z-index: 9991;
}
.back-popup .loading-container{
    position: relative;
    top: 50%;
}

.bgpopup , .bgpopupConfirm {
    position:fixed;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0, 0.25);
    top: 0;
    right: 0;
    z-index: 9990 !important;
    display:none;
    /*transition: all 200ms ease;*/
}


.modal , .modal-small{
    width: 40%;
    display: table;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
    position: relative;
    border-radius: 3px;
    box-shadow: 0 0 13px -3px #909090;
    transition: all 200ms ease;
    top: -20%;
    /*top: 20%;*/
}
.modal-small{
    width: 35%;
}

.modal-fadeIn{
    top: 8%;
}
.modal-fadeOut{
    top: -20%;
    opacity: 0;
}

.modal span{
    width:100%;
    display: block;
    text-align: center;
    font-size: 22px;
    margin-bottom: 20px;
    position: relative;
    margin-top: 12px;
}
.modal span::after , .tk-modal-confirm span::after , .pars-modal-title::after{
    width: 70px;
    height: 8px;
    background: #e6e6e6;
    position: relative;
    content: '';
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    border-radius: 50em;}

.app-tk-modal{
    position: relative;
    margin-bottom: 12px;
}


.app-tk-modal label{
    /*position: absolute;*/
    /*bottom: 12px;*/
    /*color: #bdbdbd;*/
    /*transition: all 200ms ease;*/
    /*float: right;*/
    /*width: 20%;*/
}

.tk-modal-confirm p {
    width: 100%;
    float: right;
    display: block;
    font-size: 13px;
    margin: 10px 0px;
    text-align: center;
}
.tk-modal-confirm p:last-child{
    margin-bottom: 15px;
}

.tk-modal-confirm p label,
.tk-modal-confirm p input,
.tk-modal-confirm p select{
    /*width: 100%;*/
    /*display: inline-block;*/
}


.tk-modal-confirm p label{
    float: right;
    padding: 0 0;
    width: 29%;
    text-align: right;
    line-height: 35px;
}

#pars-form-action-pay p label{
    width: 20%;
    text-align: right;
}

#pars-form-action-pay p select,
#pars-form-action-pay p input,
#pars-form-action-pay p textarea{
    width: 79%;
}

.tk-modal-confirm p input[type=text] ,
.tk-modal-confirm p input[type=file] ,
.tk-modal-confirm p textarea ,
.tk-modal-confirm p select{
    width: 70%;
    float: left;
    padding: 5px 8px;
    font-size: 13px;
    border:2px solid #f1f1f1;
    border-radius: 5px;
    max-width: inherit !important;
    background: white;
}

.tk-modal-confirm p textarea{
    resize: none;
}


.tk-modal-confirm p input[type=text]:focus ,
.tk-modal-confirm p textarea:focus ,
.tk-modal-confirm p select:focus {
    border-color: #8ac4ff;

}



.tk-modal-confirm p select,
.tk-modal-confirm p select option,
.tk-modal-confirm p textarea{
    font-family: inherit;
}



.app-tk-modal input{
    display: block;
    width: 100%;
    /*float: left;*/
    border: 0;
    padding: 10px 5px;
    background: white no-repeat;
    box-sizing: border-box;
    outline: none !important;
    box-shadow: none;
    /*
    * IMPORTANT PART HERE
    */
    /* 2 imgs : 1px gray line (normal state) AND 2px green line (focus state) */
    background-image: linear-gradient(to bottom, #39c2d0, #39c2d0), linear-gradient(to bottom, #e0e0e0, #e0e0e0);
    /* sizes for the 2 images (default state) */
    background-size: 0 2px, 100% 2px;
    /* positions for the 2 images. Change both "50%" to "0%" or "100%" and tri again */
    background-position: 50% 100%, 50% 100%;
    /* animation solely on background-size */
    transition: background-size 0.5s cubic-bezier(0.64, 0.09, 0.08, 1);
}

.app-tk-modal input:focus{
    background-size: 100% 2px, 100% 2px;
    outline: none;
    box-shadow: none;
}

/*.app-tk-modal input:focus + label {*/
/*!*color: red;*!*/
/*bottom: 33px;*/
/*transform: scale(.85);*/
/*}*/


.pars-content-accepts-designer{
    width: 100%;
    padding: 20px;
    background: #fff;
    float: right;
    margin-top: 15px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 1px 5px 2px rgba(0,0,0,.04);
    overflow: hidden;
    position: relative;
    /*background: linear-gradient(30grad, rgb(255, 255, 255) 26%, rgb(154, 230, 198) 50%, rgb(42, 200, 133) 75%);*/


}
.pars-content-accepts-designer-icon{
    width: 120px;
    height: 120px;
    background:transparent url(../images/pars-icon-accept-project.png) no-repeat scroll center;
    display: table;
    margin: auto;
    animation: bg-accept-animate 1.5s 800ms linear infinite;
    transform: translateY(30px);
}

.pars-content-wait-accept-des-icon{
    width: 120px;
    height: 120px;
    background:transparent url(../images/pars-icon-wait-for-accept-des.png) no-repeat scroll center;
    display: table;
    margin: auto;
    animation: bg-accept-animate 1.5s 800ms linear infinite;
    transform: translateY(30px);
}

.pars-content-accepts-designer span{
    color: #6f6f6f;
    margin: 15px 0px;
    width: 100%;
    display: block;
    padding: 5px 12px;
    box-sizing: border-box;
}

.pars-content-accepts-designer button{
    padding: 8px 12px;
    border-radius: 5px;
    background: #52aa45;
    color: #fff;
    width: 50%;
    /*z-index: 9991;*/
    position: relative;
    font-size: 15px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 10px;
    transition: all 200ms ease;
    margin-bottom: 10px;
}
.pars-content-accepts-designer button i{
    font-size: 17px;
    vertical-align: middle;
}

.pars-content-accepts-designer button:hover{
    background: #3b8631;
 }


/* tricker text */


.tricker{
    height:50px;
    overflow:hidden;
    margin-top:20px;
    margin-bottom: 20px;
}
.tricker h2 ,
.tricker p,
.tricker span{
    color:#333;
    margin:0;
    height:50px;
    line-height:50px;
    font-size:12px;
    text-align:center;
    text-transform:uppercase;
    transition:margin-top 0.3s ease;
    font-weight: normal;
    color: #6f6f6f;
}




.waves-pulse {
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    width: 100%;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    z-index: 990;
    right: 80%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    top: 10%;
}
.waves-pulse:before {
    position: absolute;
    background: #f1ffef;
    margin-left: -12px;
    margin-top: -12px;
    width: 150px;
    height: 150px;
    content: "";
    display: block;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    animation: wave-animate 3s infinite ease-out;
}

.waves-pulse:after {
    position: absolute;
    background: #d1ffca;
    margin-left: -12px;
    margin-top: -12px;
    width: 150px;
    height: 150px;
    content: "";
    display: block;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    opacity: 0;
    animation: wave-animate 3s 1.5s infinite ease-out;
}

@keyframes wave-animate {
    0% {
        transform: scale(0);
        opacity: .50;
        transform-origin: center;
    }

    100% {
        transform: scale(3);
        opacity: 0;
        transform-origin: center;
    }
}

@keyframes bg-accept-animate {
    0% {
        opacity: 1;
        transform: translateY(30px);
    }
    50% {
        opacity: .50;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(30px);
    }
}


.modal button{
    padding: 5px 15px;
    border: none;
    border-radius: 3px;
    font-size: 15px;
    margin-top: 40px;
    cursor: pointer;
    /*box-shadow: 0 2px 0 1px #e2e2e2;*/
    position: relative;
    overflow: hidden;
    outline: none;
    transition: all 200ms ease;
}

.modal button i{
    vertical-align: middle;
    font-size: 17px;
    margin-left: 10px;
}

.modal button:disabled{
    background:#b1b1b1 !important;
    cursor: not-allowed;
}

.modal-btn-add{
    color: #fff;
    background: #0099d1;
    float: left;
}
.modal-btn-close{
    /*color: #fff;*/
    /*background: #fb4343;*/
    float: right;
    color: #b7b7b7;
    background: #ffffff;
    box-shadow: none !important;
}

.modal-btn-close:hover{
    color: #fff;
    background: #fb4343;
}




/* Modal Confirm */



.tk-modal-confirm{
    width:27%;
    margin: 0 auto;
    display: block;
    background: #fff;
    padding: 20px;
    /*margin-top: 10%;*/
    /*-webkit-border-radius: 3px;*/
    /*-moz-border-radius: 3px;*/
    border-radius: 10px;
    font-size: 20px;
    position: relative;
    /*transform: translateX(-4em);*/
    opacity: 0;
    transition: all 200ms ease;

    top: 50%;
    transform: translateY(-50%);
}

.tk-modal-confirm-fade{
    /*transform: translateX(0);*/
    opacity:1;

}


.tk-modal-confirm span , .pars-modal-title {
    width: 100%;
    display: block;
    padding: 8px 0;
    text-align: center;
    position: relative;

}
.tk-modal-confirm button{
    font-size: 14.5px;
    background: none;
    /*color: #269bff;*/
    border: none;
    /*margin-left: 20px;*/
    cursor: pointer;
    padding: 5px 12px;
    border-radius: 5px;
    outline: none;
    /*margin-right: -11px;*/
}

.tk-modal-confirm button:disabled{
    opacity: .50;
    cursor: not-allowed;
}


.tk-modal-confirm button:hover{
    background: #eff7ff;
}

#hm-action-delete {
    float: left;
}

.pars-bgpopup{
    background: rgba(0,0,0,.25);
    width: 100%;
    height: 100%;
    /*display: block;*/
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    display: none;
}

.pars-modal{
    width: 50%;
    height: 500px;
    background: #fff;
    display: flex;
    margin: 0 auto;
    margin-top: 15px;
    border-radius: 10px;
    flex-direction: column;
    top: 10%;
    position: relative;
}

/*.pars-modal-title{*/
/*    width: 100%;*/
/*    padding: 17px;*/
/*    text-align: right;*/
/*    font-size: 15px;*/
/*    position:relative;*/
/*    color:#8e8e8e;*/
/*    border-bottom: 1px solid #eaeaea;*/
/*}*/
/*.pars-modal-title::after{*/
/*width: 95%;*/
/*height: 1px;*/
/*background: #ececec;*/
/*position: absolute;*/
/*display: block;*/
/*float: right;*/
/*content: '';*/
/*left: 0;*/
/*right: 0;*/
/*margin-left: auto;*/
/*margin-right: auto;*/
/*margin-top: 10px;*/
/*}*/

.pars-modal-content{
    width: 95%;
    height: 100%;
    /*background: red;*/
    display: block;
    margin: 10px auto;
    overflow: hidden;
    /*box-sizing: border-box;*/
}

.pars-modal-footer{
    margin-top: auto;
    display: block;
    width: 100%;
}


.pars-modal-close{
    /*margin-top: auto;*/
    padding: 6px 20px;
    font-size: 14px;
    margin-right: 15px;
    margin-bottom: 15px;
    background: #fff;
    color: #ff2929;
    border-radius: 3px;
    border:none;
    outline:none;
    cursor: pointer;
}
.pars-modal-close:hover{
    background: #fff1f1;
}

.pars-modal-send{
    /*margin-top: auto;*/
    padding: 6px 20px;
    font-size: 14px;
    margin-right: 15px;
    margin-bottom: 15px;
    background: #fff;
    color: #5694e0;
    border-radius: 3px;
}
.pars-modal-send:hover{
    background: #eff6ff;
}
.pars-modal-send:disabled{
    color:#9e9e9e;
}


.pars-html-data{
    width: 100% ;
    display: block;
    padding-top: 5px;
}
.pars-html-data span{
    /*background: red;*/
    display: block;
    font-size: 14px;
    border-right: 5px solid #6dbb5f;
    padding: 5px 8px;
    color: #54734e;
    background-image: linear-gradient(to left , #f1ffef , white);
    margin-bottom: 10px;

}
.pars-html-data p{
    line-height:1.5;
    text-align: right;
    white-space: pre-line;
    margin-top: 0;
    font-size: 13px;
    /*margin-bottom: 20px;*/
    /*padding: 20px 0;*/
}

.pars-html-data p img{
    width:100%;
    height: auto;
}


.pars-main-box-icon{
    display: block;
    width: 100%;
    text-align: center;
}


.pars-main-box-icon i{
    font-size: 100px;
    /* display: block; */
    /*background: #f5f5f5;*/
    color: #b9b9b9;
    width: 200px;
    height: 200px;
    padding-top: 50px;
    border-radius: 50em;
}
.pars-main-box-icon p{
    display: block;
    font-size: 13px;
}

.pars-main-box-icon p button{
    background: #10b9d4;
    color: #fff;
    padding: 5px 12px;
    border-radius: 3px;
    margin-top: 20px;
}
.pars-main-box-icon p button:hover{
    background: #53cee2;
}


.pars-form-verification{
    text-align: center;
    direction: ltr;
}
.pars-form-verification p{
    text-align: center;
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    direction: rtl;
    color: #5a6370 ;
}
.pars-form-verification p b{
    font-weight: normal;
}

.pars-form-verification-icon{
    width: 150px;
    height: 150px;
    background: transparent url(../dashboard/images/pars-verification-code-icon.png) no-repeat scroll center;
    display: block;
    margin: 0 auto;
}

.segmentedInput-parent{
    width: 290px;
    /*background: red;*/
    display: table;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 25px;
    margin-bottom: 30px;
    direction: ltr;
}

.segmentedInput-parent input{
    width: 100%;
    height: 54px;
    text-align: center;
    /*margin: 0 10px;*/
    font-size: 25px;
    font-family: IRANSans , 'Tahoma';
    border: none;
    background: #dde1ec;
    border-radius: 5px;
    color: #485064;
    font-weight: bold;
    transition: all 100ms linear;
    box-sizing: border-box;
}

.segmentedInput-parent input:focus{
    box-shadow: 0px 0px 0px 4px #b0b6c8 !important;

}


.pars-form-verification-submit{
    padding: 12px !important;
    display: block;
    background: #5a6370 !important;
    margin: 0 auto;
    border: none !important;
    color: #fff;
    border-radius: 5px !important;
    width: 290px;
    cursor: pointer !important;
    height: 50px;
 }

.pars-form-verification-submit:hover{
    background: #ffc547 !important;
}
.pars-form-verification-submit:disabled{
    opacity: .50;
    cursor: not-allowed !important;
}

.pars-form-verification-submit:disabled:hover{
    background: #5a6370 !important;
}


.pars-send-code-countdown{
    width: auto;
    /*background: pink;*/
    display: table;
    margin: 0px auto;
    margin-top: 20px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
}
.pars-send-code-countdown p{
    margin: 0px 0px ;
    position: relative;
    color: #797f8e;
}
.pars-send-code-countdown p b{
    float: left;
    width: 40px;
    font-size: 15px;
    font-weight: normal;
    margin-right: 5px;

}
.pars-send-code-countdown p small{
    font-size: inherit;

}

.pars-send-code-countdown button{
    font-size: 14px !important;
    padding:0px 0px;
    margin: 0px 0px;
    color: #2f9dff;
}
.pars-send-code-countdown button:hover{
    background: #fff;
    opacity: .50;
}





.pars-modal-up-message{
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    /*display: block;*/
    width: 100%;
    height: 100%;
    z-index: 9991;
    top: 0px;
    right: 0px;
    border-radius: 10px;
    display: none;
}
.pars-modal-up-message-text{
    font-size: 13px;
    width: auto;
    text-align: center;
    position: relative;
    background: #f7f7f7;
    display: table;
    margin: 0 auto;
    margin-top: 0px;
    padding: 3px 12px;
    border-radius: 8px;
    color: #8c8c8c;
    margin-top: 10px;
}

.pars-width-content-show-loading{
    width:100%;
    text-align: center;
    display: none;
}
.pars-width-content-show-loading i{
    font-size: 20px;
}




.tk-pagenation{
    width: 100%;
    display: block;
    float: right;
}


.tk-pagenation .page-numbers{
    padding: 5px;
    font-size: 15px;
    /*background: red;*/
    width: 29px;
    position: relative;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
}

.tk-pagenation a{
    text-decoration: none;
    background: #fff;
    color: #00b8ff;
}

.page-numbers.current{
    background: #00b8ff !important;
    color: #fff !important;
}

.tk-pagenation span{
    color:#bbbbbb;
}

.loader {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 32px 0 #fff, -32px 0 #fff;
    position: relative;
    animation: flash 0.5s ease-out infinite alternate;
    margin:0px auto;
}

@keyframes flash {
    0% {
        background-color: #FFF2;
        box-shadow: 32px 0 #FFF2, -32px 0 #FFF;
    }
    50% {
        background-color: #FFF;
        box-shadow: 32px 0 #FFF2, -32px 0 #FFF2;
    }
    100% {
        background-color: #FFF2;
        box-shadow: 32px 0 #FFF, -32px 0 #FFF2;
    }
}

/* File Select input                                    */
/* **************************************************** */

.from-file-upload {
    height: 100px;
    border-radius: 15px;
    width: 45%;
    position: relative;
    display: inline-block;
    color: #FFFFFF;
    background-color: #f3f3f3;
    /* padding: 5px 0; */
    overflow: hidden;
    position: relative;
    transition: all 100ms ease-in-out;
}

.from-file-upload:hover {
    background-color: #f6f6f6;
    /* box-shadow: rgb(255 146 12) 0px 0px 80px -20px; */


}

.from-file-upload::before{
    width: 200px;
    height: 200px;
    content: '';
    display: block;
    background: #e8e8e8;
    border-radius: 50em;
    margin-right: -147px;
    margin-top: 50px;
    transition: all 200ms ease;
    position: absolute;
}



.from-file-upload:hover::before{
    transform: scale(2,2);
    /* z-index: 9; */
    opacity: .70;
}




.from-file-upload input[type=file] {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.from-file-upload:hover {

    color: #2590EB;
}

.single-file-upload-title-mini {
    font-size: 12px;
    padding: 5px 12px;
    background: #ffb30f;
    color: #fff;
    border-radius: 50em;
    display: block;
    float: right;
    text-align: center;
    margin-top: 35px;
    margin-right: 20px;
    box-sizing: border-box;
    position: absolute;
}









.pars-row-menu {
    /*background: red;*/
    font-size: 15px;
    width: 30px;
    float: left;
    position: relative;
    cursor: pointer;
}

.pars-row-menu span{
    text-align: center;
    padding: 4px;
    margin-top: -6px;
    position: absolute;
    width: 25px;
    height: 18px;
    border-radius: 5px;
}

.pars-row-menu span i{
    font-size:18px;
    z-index: -10;
}

.pars-row-menu span:hover{
    background: #f1f1f1;
}
.pars-row-menu:hover>ul{
    display: block;
}

.pars-row-menu ul{
    position: absolute;
    min-width: 150px;
    background: #fff;
    top: 0;
    left: 0;
    padding: 8px;
    margin-top: 20px;
    z-index: 9992;
    display: none;
    box-shadow: rgb(100 100 111 / 30%) 0px 0px 29px 0px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.pars-row-menu ul li{
    margin: 0px 0px ;
    text-align: right;

}

.pars-row-menu ul li button{
    background: transparent;
    border: none;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    padding: 8px 5px;
    border-radius: 5px;
    cursor: pointer;
}

.pars-row-menu ul li button:hover{
    background: #efefef;
}

.pars-row-menu ul li button i{
    font-size: 15px;
    width: 20px;
    text-align: center;
}








.hidden{
    display: none;
}


.bg-white{
    background: #fff !important;
}

.w-5{
    width:5% !important;
}
.w-10{
    width:10% !important;
}
.w-15{
    width:15% !important;
}
.w-20{
    width:20% !important;
}
.w-25{
    width:25% !important;
}
.w-30{
    width:30% !important;
}
.w-35{
    width:35% !important;
}
.w-40{
    width:40% !important;
}
.w-45{
    width:45% !important;
}
.w-50{
    width:50% !important;
}
.w-55{
    width:55% !important;
}
.w-60{
    width:60% !important;
}
.w-65{
    width:65% !important;
}
.w-70{
    width:70% !important;
}
.w-75{
    width:75% !important;
}
.w-80{
    width:80% !important;
}
.w-85{
    width:85% !important;
}
.w-90{
    width:90% !important;
}
.w-95{
    width:95% !important;
}
.w-100{
    width:100% !important;
}

/* */
.s-center {
    margin: 0 auto !important;
    left: 0 !important;
    right: 0 !important;
    display: block !important;
}

.top-0 {
    top: 0px !important;
}

.b-0 {
    bottom: 0px !important;
}


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

.m-bot-0 {
    margin-bottom: 0px !important;
}

.m-l-0 {
    margin-left: 0px !important;
}

.m-r-0 {
    margin-right: 0px !important;
}


.m-top-10 {
    margin-top: 10px !important;
}

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

.m-l-10 {
    margin-left: 10px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}





.m-top-15 {
    margin-top: 15px !important;
}

.m-bot-15 {
    margin-bottom: 15px !important;
}


.m-r-15 {
    margin-right: 15px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}






.m-bot-20 {
    margin-bottom: 20px !important;
}

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

.m-l-20 {
    margin-left: 20px !important;
}


.m-top-25 {
    margin-top: 25px !important;
}

.m-bot-25 {
    margin-bottom: 25px !important;
}

.m-r-25 {
    margin-right: 25px !important;
}

.m-l-25 {
    margin-left: 25px !important;
}


.m-top-30 {
    margin-top: 30px !important;
}

.m-bot-30 {
    margin-bottom: 30px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}


.m-top-10 {
    margin-top: 10px !important;
}

.m-top-15 {
    margin-top: 15px !important;
}

.m-top-20 {
    margin-top: 20px !important;
}

.m-top-25 {
    margin-top: 25px !important;
}


.m-top-30 {
    margin-top: 30px !important;
}


.m-top-35 {
    margin-top: 35px !important;
}


.m-top-40 {
    margin-top: 40px !important;
}


.m-top-45 {
    margin-top: 45px !important;
}


.m-top-50 {
    margin-top: 50px !important;
}


.m-top-55 {
    margin-top: 55px !important;
}


.m-top-60 {
    margin-top: 60px !important;
}




.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.p-b-40 {
    padding-bottom: 40px !important;
}

.p-b-50 {
    padding-bottom: 50px !important;
}

.f-s-20 {
    font-size: 20px !important;
}

.f-s-25 {
    font-size: 25px !important;
}


.f-s-30 {
    font-size: 30px !important;
}


.f-s-35 {
    font-size: 35px !important;
}

.f-s-40 {
    font-size: 40px !important;
}






.text-center {
    text-align: center;
}

.t-a-r {
    text-align: right !important;
}

.t-a-c {
    text-align:center !important;
}

.t-a-l {
    text-align: left !important;
}


.t-j{
    text-align: justify;
    display: block;
}


.padding-def {
    padding: 10px;
}

.p-0 {
    padding: 0px !important;
}


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

.p-20 {
    padding: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-30 {
    padding: 30px !important;
}

.p-35 {
    padding: 35px !important;
}

.p-40 {
    padding: 40px !important;
}

.p-l-10{
    padding-left: 10px;
}

.p-l-15{
    padding-left: 15px;
}

.p-l-20{
    padding-left: 20px;
}

.p-r-10{
    padding-right: 10px;
}

.p-r-15{
    padding-right: 15px;
}

.p-r-20{
    padding-right: 20px;
}


.m-top-5d {
    margin-top: 5% !important;
}

.m-top-10d {
    margin-top: 10% !important;
}

.m-top-15d {
    margin-top: 15% !important;
}

.m-top-20d {
    margin-top: 20% !important;
}


.m-c{
    margin: 0 auto !important;
    clear: both !important;
    float: none !important;
}


.btn-title {
    float: left;
    background: #fff;
    font-size: 13px;
    margin-top: -12px;
    min-width: 100px;
    border: 2px solid #0089ff;
    border-radius: 5px;
    color: #0089ff;
    cursor: pointer;
    padding: 5px 10px;
}
.btn-title:hover{
    background:  #0089ff;
    color: #fff;
}


.btn-colo-1{
    color: #5b5b5b;
}

.pars-label{
    padding: 4px 9px;
    box-sizing: border-box;
    font-size: 11px;
    border-radius: 30px;
    font-weight: normal;
}
.pars-label-color-1{
    background: #ffeec8;
    color: #796948;
}


.pars-btn{
    padding: 5px 12px;
    cursor: pointer;
    border-radius: 5px;
    border: none;
}
.btn-color-1{
    background: #f99313;
    color: #fff;
    border: none !important;
}
.btn-color-1:hover{
    background: #f9c713;
    color: #fff;
}



.pars-notice{
    width: 100%;
    padding: 10px;
    display: block;
    float: right;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}

.pars-notice span{
    font-size: 13px;
}

.notice-color-1{
    background: #fff5d1;
    border: 2px solid #e3d9b3;
    color: #77715c;
}

.notice-color-2 {
    background: #d1ffd6;
    border: 2px solid #afddb4;
    color: #516654;
}

.notice-color-3 {
    background: #ededff;
    border: 2px solid #d5d5fd;
    color: #6d6d82;
}

.notice-color-4 {
    background: #feffe1;
    border: 2px solid #ebeccc;
    color: #747558;
}

.notice-color-5 {
    background: #ffeded;
    border: 2px solid #f0d4d4;
    color: #976969;
}




/* CheckBox */

.ck-box {
    /*display: inline-block !important;*/
    float: right !important;
    padding: 5px 0 !important;
    position: relative !important;
    cursor: pointer !important;
    font-size: 13px !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    color: #808080 !important;
    padding-right: 25px !important;
    width: auto !important;
    font-size: 12px !important;
    line-height: 24px;
    box-sizing: border-box;
}


.ck-box input {
    position: absolute !important;
    opacity: 0 !important;
    cursor: pointer !important;
    height: 0 !important;
    width: 0 !important;
}

.checkmark {
    position: absolute !important;
    top: 7px !important;
    right: 0px !important;
    height: 20px !important;
    width: 20px !important;
    border-radius: 5px !important;
    background-color: #e6e6e6 !important;
    padding: 0px 0px !important;
}

.ck-box:hover input~.checkmark {
    background-color: #ccc !important;
}

.ck-box input:checked~.checkmark {
    background-color: #ecb63c !important;
}

.checkmark:after {
    content: "" !important;
    position: absolute !important;
    display: none !important;
}

.ck-box input:checked~.checkmark:after {
    display: block !important;
}

.ck-box .checkmark:after {
    left: 7px !important;
    top: 2px !important;
    width: 5px !important;
    height: 10px !important;
    border: solid white !important;
    border-width: 0 3px 3px 0 !important;
    -webkit-transform: rotate(45deg) !important;
    -ms-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
    background: transparent !important;
    border-radius: unset !important;
    margin-top: 0px !important;
}





/* Material checkbox Toggle */
.modal-up-loadnig{
    background: transparent;
    width: 100%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Loading Z */
.lds-grid {
    display: table;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.lds-grid div {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #e7e7e7;
    animation: lds-grid 1.2s linear infinite;
}
.lds-grid div:nth-child(1) {
    top: 8px;
    left: 8px;
    animation-delay: 0s;
    background: #ffc547;
}
.lds-grid div:nth-child(2) {
    top: 8px;
    left: 32px;
    animation-delay: -0.4s;
    background: #ffc547;
}
.lds-grid div:nth-child(3) {
    top: 8px;
    left: 56px;
    animation-delay: -0.8s;
    background: #ffc547;
}
.lds-grid div:nth-child(4) {
    top: 32px;
    left: 8px;
    animation-delay: -0.4s;
}
.lds-grid div:nth-child(5) {
    top: 32px;
    left: 32px;
    animation-delay: -0.8s;
    background: #ffc547;
}
.lds-grid div:nth-child(6) {
    top: 32px;
    left: 56px;
    animation-delay: -1.2s;
}
.lds-grid div:nth-child(7) {
    top: 56px;
    left: 8px;
    animation-delay: -0.8s;
    background: #ffc547;
}
.lds-grid div:nth-child(8) {
    top: 56px;
    left: 32px;
    animation-delay: -1.2s;
    background: #ffc547;
}
.lds-grid div:nth-child(9) {
    top: 56px;
    left: 56px;
    animation-delay: -1.6s;
    background: #ffc547;
}
@keyframes lds-grid {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}


/* Modal */

.back-popup-2 {
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    left: 0 ;
    top: 0 ;
    z-index: 9997;

}
.back-popup-color-defualt{
    background:rgba(0, 0, 0,0.30);
}
.back-popup-color-sucess{
    background:#87c53e;
}
.back-popup-color-white{
    background:rgba(255, 255, 255,0.50);
}

.back-popup-message{
    padding: 5px 12px;
    width:220px;
    margin: 0 auto;
    font-size: 14px;
    color: #ffffff;
}
.back-popup-logo{
    width: auto;
    height: 150px;
    background:transparent url(images/logo/radio-W-logo.svg)no-repeat scroll center;
    margin: 0 auto;
}

.modal-window{
    width:35%;
    height: auto;
    padding: 20px;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    display: table;
    margin-top: 130px;
    border-radius: 8px;
}
.modal-window i{
    font-size: 80px;
    display: block;
    width: 100%;
    float: right;
    /* background: red; */
    text-align: center;
    margin-bottom: 0;
    margin-top: 30px;
}
.modal-window span , .modal-window p {
    float: right;
    display:block;
    width: 100%;
    text-align: center;

}
.modal-window span {
    font-size: 20px;
}
.modal-window p {
    font-size: 13px;
}

.modal-window button{
    float: left;
    border: none;
    background: #f5f5f5;
    color: #585858 ;
    padding: 4px 15px;
    border-radius: 3px;
    font-size: 15px;
    margin-top: 20px;
    cursor: pointer;
}
.modal-window button:hover{
    background: #da1919;
    color: #fff;
}

.modal-i-color-green{
    color: #80b33f ;
}
.modal-i-color-red{
    color: #c7130e ;
}
.modal-i-color-yellow{
    color: #ebab09 ;
}


.re_input_error{
    border:1px solid red !important;
    /* background: red; */
}

.error_validate{
    border-color: #ff4848 !important;;
}






/*.span-anim-error{*/
/*animation:span_anim_error 900ms linear infinite;*/
/*color:#fff!important ;*/
/*background-color:#f52828  ;*/
/*border-right: 7px solid #fff !important;*/
/*box-shadow:0 0 20px -2px #ffbaba ;*/
/*}*/
/*.span-anim-succss{*/
/*animation:span_anim_succss 900ms linear infinite;*/
/*color:#fff!important ;*/
/*background-color:#23ad24  ;*/
/*border-right: 7px solid #fff !important;*/
/*box-shadow:0 0 20px -2px #cbffcb ;*/

/*}*/
.animate-scale{
    animation-name:anim_scale;
    animation-duration:500ms;
    animation-iteration-count: 1 ;
}
.animate-fadeIn{
    animation-name:anim_fadeIn;
    animation-duration:500ms;
    animation-iteration-count: 1 ;
}
.animation-bottom-fadeOut{
    transition: 300ms;
    transform: translateY(200px);
    opacity: 0 ;
}




@keyframes anim_scale {
    from{
        transform: scale(0.5,0.5);
        opacity: 0 ;
    }

    to{
        transform: translateY(1.1);
        opacity: 1 ;
    }
}

@keyframes anim_fadeIn {
    from{
        opacity: 0 ;
    }

    to{
        opacity: 1 ;
    }
}

/*.tk-toggle {*/
    /*position: relative;*/
    /*display: block;*/
    /*width: 40px;*/
    /*height: 20px;*/
    /*cursor: pointer;*/
    /*-webkit-tap-highlight-color: transparent;*/
    /*transform: translate3d(0, 0, 0);*/
/*}*/
/*.tk-toggle:before {*/
    /*content: "";*/
    /*position: relative;*/
    /*top: 3px;*/
    /*left: 3px;*/
    /*width: 34px;*/
    /*height: 14px;*/
    /*display: block;*/
    /*background: #9A9999;*/
    /*border-radius: 8px;*/
    /*transition: background 0.2s ease;*/
/*}*/
/*.tk-toggle span {*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*margin-left: 5px;*/
    /*width: 20px;*/
    /*height: 20px;*/
    /*display: block;*/
    /*background: white;*/
    /*border-radius: 10px;*/
    /*box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5);*/
    /*transition: all 0.2s ease;*/
/*}*/
/*.tk-toggle span:before {*/
    /*content: "";*/
    /*position: absolute;*/
    /*display: block;*/
    /*margin: -18px;*/
    /*width: 56px;*/
    /*height: 56px;*/
    /*background: rgba(79, 46, 220, 0.5);*/
    /*border-radius: 50%;*/
    /*transform: scale(0);*/
    /*opacity: 1;*/
    /*pointer-events: none;*/
/*}*/

/*#cbx:checked + .tk-toggle:before {*/
    /*background: #947ADA;*/
/*}*/
/*#cbx:checked + .tk-toggle span {*/
    /*background: #4F2EDC;*/
    /*transform: translateX(20px);*/
    /*transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;*/
    /*box-shadow: 0 3px 8px rgba(79, 46, 220, 0.2);*/
/*}*/
/*#cbx:checked + .tk-toggle span:before {*/
    /*transform: scale(1);*/
    /*opacity: 0;*/
    /*transition: all 0.4s ease;*/
/*}*/





.lbl {
    position: relative !important;
    display: block !important;
    height: 14px !important;
    width: 40px !important;
    background: #e3e3e3 !important;
    border-radius: 100px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: rgb(100 100 111 / 20%) 0px 0px 29px 0px !important;
    padding: 0px 0px !important;
}

.lbl:after {
    position: absolute !important;
    left: -2px !important;
    top: -3px !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 100px !important;
    background: #c1c1c1 !important;
    content: '' !important;
    transition: all 0.3s ease !important;
}

.lbl span {
    width: 300px !important;
    position: absolute !important;
    content: '' !important;
    display: block !important;
    font-size: 13px !important;
    right: 50px !important;
    color: #878787 !important;
    top: -3px !important;
    padding: 0px 0px !important;
}
.lbl:active:after {
    transform: scale(1.15, 0.85) !important;
}

.cbx:checked~label {
    background:#adf1a9 !important
}

.cbx:checked~label:after {
    left: 20px !important;
    background: #02de15 !important
}

.cbx:disabled~label {
    background: #d5d5d5 !important;
    pointer-events: none !important;
}

.cbx:disabled~label:after {
    background: #bcbdbc !important;
}

/* .press {
margin-bottom: 40px;
} */



.hidden{
    display: none !important;
}




.tk-fadeOut{
    animation: fadeOut 800ms linear infinite;
}

@keyframes fadeOut {
    0%{
          opacity: 1;
      }
    50%{
        opacity: .50;
    }

    100%{
        opacity: 1;
    }
}



/* Wordpress Add css */


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

    .app-tk-wp-content{
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: both;
    }


    .app-tk-content-u-right,
    .app-tk-content-u-left{
        width: 100%;
    }

    .app-tk-box-col-50 p{
        width: 100% !important;
    }

    .app-tk-box-col-single p label{
        width: 30% !important;
    }
    .app-tk-box-col-single p input,
    .app-tk-box-col-single p textarea,
    .tagify{
        width: 70% !important;
    }




    .tk-modal-confirm{
        width: 95%;
    }

    #pars-form-upload-file-msg button{
        width: auto !important;
    }



}











/* wpadminbar */
@media screen and (max-width:850px) {


    .hidden-res{
        display: none !important;
    }

    #menu{
        margin-top: 45px !important ;
    }

    .pars-content-grid {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }


    .app-tk-table-col{
        width: 100% !important;
    }
    .app-tk-table-col.t-a-c{
        text-align: right !important;
    }

    .pars-content-order-show-info p{
        border-bottom: 2px solid #f9f9f9;
    }

    .pars-content-order-show-info p label{
        width: 100% !important;
    }




    .pars-col-title{
        display: none;
    }

    .pars-title-res{
        display: block;
    }


}







@media screen and (max-width:600px) {
    #wpadminbar{
        position:fixed !important ;
    }


}


#days-of-the-week-add-toggle , #days-of-the-week-tabs .hide-if-no-js , #days-of-the-week-tabs .tabs{
    display: none !important;
}

ul#days-of-the-weekchecklist li{
    display: inline-block !important;
    width: 16vh;
}

ul#days-of-the-weekchecklist li label{
    width: 100%;
    float: right;
}

a{
    outline: none !important;
}

.pars-filter-date-time{
    display:none;
    margin-right: 20px;
}

.pars-filter-date-time input{
    box-shadow: none;
    width: 120px;
}

.pars-filter-date-time input , .pars-filter-date-time button{
    height: 30px;
}




.pars-btn-print-page{
    background: #c1b958;
    padding: 5px 20px;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    font-size: 15px;
    margin-right: 14px
}

.pars-btn-print-page:hover{
    color:#fff;
    background: #d6cd66;
}
.pars-btn-print-page:focus{
    color:#fff;
    box-shadow: none;
}






@media print {
    #wpfooter{
        display: none !important;
        visibility: hidden !important;;
    }



    #wpcontent{
        width: 100%;
        margin-right: 0px;
    }

    #adminmenu,
    #adminmenuback,
    #adminmenuwrap,
    #pars-insert-new-data-money ,
    .app-action-col,
    .tk-title-tab a ,
    .tk-users-forms-search,
    .pars-filter-date-time{
        display: none !important;
        visibility: visible;
    }

    .app-tk-box{
        box-shadow: none;
        /*border: 1px solid #b9b9b9;*/
    }


    /*.app-tk-content-u-left , .app-tk-content-u-right{*/
        /*width: 100%;*/
    /*}*/

    * {
        font-size: 1em !important;
        line-height: 1 !important;
    }

}