@font-face {
    font-family: vazirM;
    src: url("../fonts/vazir/Vazir-Medium-FD-WOL.eot"), url("../fonts/vazir/Vazir-Medium-FD-WOL.ttf"), url("../fonts/vazir/Vazir-Medium-FD-WOL.woff"), url("../fonts/vazir/Vazir-Medium-FD-WOL.woff2"); }

@font-face {
    font-family: vazirB;
    src: url("../fonts/vazir/Vazir-Bold-FD-WOL.eot"), url("../fonts/vazir/Vazir-Bold-FD-WOL.ttf"), url("../fonts/vazir/Vazir-Bold-FD-WOL.woff"), url("../fonts/vazir/Vazir-Bold-FD-WOL.woff2"); }

@font-face {
    font-family: vazirL;
    src: url("../fonts/vazir/Vazir-Light-FD-WOL.eot"), url("../fonts/vazir/Vazir-Light-FD-WOL.ttf"), url("../fonts/vazir/Vazir-Light-FD-WOL.woff"), url("../fonts/vazir/Vazir-Light-FD-WOL.woff2"); }

html{
    font-size: 86% !important;
}
body{
    font-family: vazirL !important;
    color: #b8c7ce !important;
    font-size: 1rem !important;
}
input,select,button{
    font-size: 1rem !important;
    font-family: vazirL !important;
}
input:focus{
    outline: none !important;
}
.fontM{
    font-family: vazirM;
}
a,button{
    cursor: pointer;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover{
    background-color: #201d47;
}
.skin-blue .main-header .logo:hover{
    background: transparent;
}
.mx-auto{
    margin: 0 auto !important;
}
.product-title{
    font-size: 1.1rem;
}
a,a:hover,a:focus,button,button:hover,button:focus{
    text-decoration: none !important;
}
.form-group.has-error label,.form-group.has-error .help-block{
    color: #bc1e4a ;
}
.custom_login_title{
    font-size: 1.5rem;
    color: #f7f7f7;
}
.form-check label{
    font-weight: unset !important;
    margin-bottom: 1rem;
}
.custom_ul_list{
    width: max-content !important;
}
.custom_header_siteUrl {
    position: absolute;
    left: 50%;
    top: .5rem;
}
.custom_header_profile{
    padding: 0 !important;
    padding-top: .5rem !important;
    padding-left: .5rem !important;
}
.custom_header_profile:hover,.custom_header_profile:focus{
    background-color: transparent !important;
    color: #01C8EF !important;
}
/*CUSTOM ELEMENTS*/
.custom_green_rounds{
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #01b07538;
    border-radius: 100%;
}
.custom_green_rounds_inside{
    position: absolute;
    width: .7rem;
    height: .7rem;
    background-color: #01b075;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.custom_login_bg{
    font-family: vazirL !important;
    background-image: none !important;
    background: #020230 !important;
}
.custom_dark_bg{
    background-color: #1a183f;
}
.custom_border_btn{
    color: #b8c7ce !important;
    background-color: transparent !important;
    border: 1px solid #b8c7ce !important;
}
.custom_border_btn:hover,.custom_border_btn:focus{
    color: #01C8EF !important;
    background-color: transparent !important;
    border: 1px solid #01C8EF !important;
}
.justify-content-between{
    justify-content: space-between;
}
.custom_login_wrap{
    background-color: unset !important;
    padding: 0 !important;
    align-items: center;
    width: 90% !important;
}
.custom_primary_txt{
    color: #01C8EF !important;
}
.custom_secondary_txt{
    color: #F9636B !important;
}
.custom_green_txt{
    color: #01b075;
}
.custom_green_border_btn{
    color: #b8c7ce !important;
    background-color: transparent !important;
    border: 1px solid #b8c7ce !important;
}
.custom_green_border_btn:hover,.custom_green_border_btn:focus{
    color: #01b075 !important;
    background-color: transparent !important;
    border: 1px solid #01b075 !important;
}
.custom_blue_border_btn{
    color: #b8c7ce !important;
    background-color: transparent !important;
    border: 1px solid #b8c7ce !important;
}
.custom_blue_border_btn:hover,.custom_blue_border_btn:focus{
    color: #0084ff !important;
    background-color: transparent !important;
    border: 1px solid #0084ff !important;
}
.custom_red_border_btn{
    color: #b8c7ce !important;
    background-color: transparent !important;
    border: 1px solid #b8c7ce !important;
}
.custom_red_border_btn:hover,.custom_red_border_btn:focus{
    color: #bc1e4a !important;
    background-color: transparent !important;
    border: 1px solid #bc1e4a !important;
}
.custom_forget_pass{
    color: #a0f2fe !important;
}
.custom_forget_pass:hover,.custom_forget_pass:focus{
    color: #ffffff !important;
}
.custom_primary_btn{
    background-color: #01C8EF !important;
    border-color:#01C8EF !important ;
    color: #ffffff !important;
}
.custom_primary_btn:hover,.custom_primary_btn:focus{
    background-color: #01d3fa !important;
    color: #ffffff !important;
}
.custom_secondary_btn{
    background-color: #F9636B !important;
    border-color:#F9636B !important ;
    color: #ffffff !important;
}
.custom_secondary_btn:hover,.custom_secondary_btn:focus{
    background-color: #F9636B !important;
    color: #ffffff !important;
}
.custom_login_input{
    color: #ffffff !important;
    font-size: 1rem !important;
    border: 1px solid #635f99 !important;
    background: none !important;
    width: 50% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    padding-right: 15px !important;
}
.custom_login_input:hover,.custom_login_input:focus{
    border: 1px solid #01C8EF !important;
    box-shadow: none !important;
}
.custom_login_input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #01C8EF !important;
    opacity: 1 !important; /* Firefox */
}
.custom_login_btn button{
    width: 30% !important;
    height: 3rem !important;
}
.login100-pic{
    flex: 60%;
}
.login100-pic img{
    width: 100%;
}
.login100-form{
    flex: 40%;
}
#register_box{
    margin-top: 10rem;
}
#login-form{
    margin-top: 3rem;
}
/*layouts*/
.content-wrapper, .right-side{
    background-color: #1a183f !important;
}
.box{
    background-color: #201d47 !important;
    border: none !important;
    padding: 1.5rem;
}
/*TABLES START*/
.table th , .table tr{
    white-space: nowrap;
}
.table-responsive{
    border: none !important;
}
.table thead select,.table thead input{
    min-width: 12rem;
}
 input, select,textarea,.select2-container--krajee .select2-selection,.select2-container--krajee .select2-results__option[aria-selected]{
    background-color: #2d2962 !important;
    border-color: #2d2962 !important;
    color: #f7f7f7 !important;
}
.select2-dropdown{
    background-color: #242055;
}
.select2-container--krajee.select2-container--open .select2-selection, .select2-container--krajee .select2-selection:focus,.has-success .select2-container--open .select2-selection, .has-success .select2-container--krajee.select2-container--focus .select2-selection{
    box-shadow: none !important;
}
.select2-container--krajee .select2-selection--single .select2-selection__rendered{
    color: #f7f7f7 !important ;
}
.select2-container--krajee .select2-dropdown{
    border-color: transparent !important;
}
.table th a{
    color: #9794bc !important;
}
.table-striped > tbody > tr:nth-of-type(2n+1){
    background-color: #1a183f !important;
}
label{
    color: #b8c7ce !important;
    font-weight: unset !important;
    font-family: vazirB !important;
}
.table tbody tr{
    color: #b8c7ce !important;
}
.grid-view{
    color: #495860 !important;
}
.table th,.table td,.table{
    border: none !important;
}
/*TABLES END*/
/* checkbox custom style start*/
input[type="checkbox"]{
    cursor: pointer;
    -webkit-appearance: none;
    position: unset;
    margin-right: 10px;
    margin-top: 0;
    padding-right: 5px;
    width: 20px;
    height: 20px;
    background: transparent !important;
    border: 1px solid #57547D !important;
    margin-bottom: -5px;
    border-radius: 100%;
    margin-left: .5rem;
    padding-top: 2px; }

input[type="checkbox"]:checked{
    width: 20px;
    height: 20px;
    border-color: #01b075 !important;
    position: relative;
    /*background: #e63545;*/
}

input[type="checkbox"]:checked:after{
    content: "\2713";
    position: absolute;
    top: 1px;
    right: 6px;
    font-size: .8rem;
    color: #01b075 !important; }
/* checkbox custom style end*/

/* SIDEBAR MENU START*/
.main-header .logo img{
    width: 3rem;
    height: 3rem;
    margin: unset !important;
}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a{
    color: #01C8EF !important;
    background: none !important;
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side{
    background-color: #201d47  !important;
    box-shadow: none !important;
}
.sidebar-menu li{
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
    border-bottom: 1px solid #312e5b !important;
}
.sidebar-menu{
    margin-top: 1rem !important;
}
.sidebar-menu li:hover{
    background-color: #2a2657;
}
.sidebar-menu li.active{
    background-color: #2a2657;
    border-left: 3px solid #3c8dbc;
}
.sidebar-menu li.active a{
    border-left: 0 !important;
}
.sidebar ul li:last-child a:hover{
    color:#F9636B !important;
}
.navbar{
    background-color: #201d47 !important;
    /*background-color: #1A183F !important;*/
}
.skin-blue .main-header .logo{
    font-family: vazirB !important;
    background-color: #201d47 !important;
    color: #fff;
    /*border-bottom: 1px solid #423f6a;*/
    /*border-left: 1px solid #423f6a;*/
}
.sidebar-menu{
    margin-top: 2rem;
}
/* SIDEBAR MENU END*/

/*SERVICES PAGE*/
.product span.feature-value{
    font-weight: unset !important;
    font-family: vazirB;
}
.custom_service_item_gift{
    width: 1.3rem;
    height: 1.3rem;
    fill: #f9636b;
    /*fill: #ef5025;*/
}
.custom_service_item_ip{
    width: 1.3rem;
    height: 1.3rem;
    fill: #01c8ef;
}
.custom_service_item_info svg{
    width: 1.3rem;
    height: 1.3rem;
    fill: #c6e2e8;
}
.custom_service_item_info{
    cursor: pointer;
}
.product ul{
    padding-right: 0 !important;
}
.product ul li{
    margin-bottom: 1rem;
}
.product,.product-info,.order-summary{
    border: 1px solid #433F79 !important;
    color: #b8c7ce !important;
    background-color: transparent !important;
    padding: 10px 15px;
}
.summary-container{
    font-size: .9rem;
    background-color: transparent !important;
}
.summary-container .total-due-today{
    padding-top: 1rem;
    border-top: 1px dashed #433F79;
}
.summary-container .total-due-today .amt{
    color: #01b075;
    font-size: 1.3rem;
}
.summary-container .clearfix{
    margin-bottom: 1rem;
}
.total-due-today{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}
.sub-heading{
    border-color: #2d2962 !important;
}
.sub-heading span{
    background-color: #2d2962;
    border-right: 3px;
    color: #b8c7ce;
}
.panel-addon .panel-body label{
    font-weight: unset;
    color: #b8c7ce;
}
.panel-addon .panel-price{
    background-color: #1a183f;
}
/*.product:hover{*/
/*    border-color: #01C8EF !important;*/
/*    transition: all .5s;*/
/*}*/
.product .product-desc{
    padding: 0 !important;
}
.product footer{
    margin: 0;
}

/*SERVICE - PAYMENT START*/
.view-cart-items{
    border-bottom: none !important;
    border: 1px solid #1a183f;
}
.view-cart-items .item{
    background-color: transparent;
    border: 1px solid #1a183f;
}
.view-cart-items-header{
    background-color: #1a183f;
}
.custom_delete_btn_table{
    background: #bc1e4a38 !important;
    padding: .3rem .8rem !important;
    color: #bc1e4a !important;
}
.custom_delete_btn_table:hover,.custom_delete_btn_table:focus{
    background: #ff39704f !important;
    color: #bc1e4a !important;
}
.custom_edit_btn_table{
    background: #0084ff36 !important;
    padding: .3rem .8rem;
    color: #0084ff;
}
.custom_edit_btn_table:hover,.custom_edit_btn_table:focus{
    background: #0084ff6e !important;
    color: #0084ff;
}
.custom_green_label{
    color: #01b075 !important;
    background: #01b07533 !important;
    padding: .3rem .5rem !important;
    width: max-content !important;
    border-radius:3px !important;
}
.custom_purple_label{
    color: #c607c0;
    background: #ff32f91c;
    padding: .3rem .5rem;
    width: max-content;
    border-radius: 3px;
}
.custom_primary_label{
    color: #c7c3ff;
    background: #7b75bc24;
    padding: .3rem .5rem;
    width: max-content;
    border-radius: 3px;
}
.item-price span{
    font-size: 1.2rem;
}
/*SERVICE - PAYMENT END*/

/*SERVICE - FINAL PAY START*/
.custom_pay_item_money{
    width: 1.5rem;
    height: 1.5rem;
    fill: #01b075;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.custom_pay_item_cart{
    width: 1.5rem;
    height: 1.5rem;
    fill: #ff32f9;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.custom_dark_rounds{
    background-color: #1a183f;
    width: 3rem;
    height: 3rem;
    position: relative;
    border-radius: 100%;
}
/*SERVICE - FINAL PAY END*/

/*TICKET START*/
.inner-container,.panel{
    background-color: transparent;
    border: 1px solid #433F79 !important;
    color: #b8c7ce !important;
}
.alert-default{
    background-color: transparent !important;
}
.custom_ticket_view{
    color: #b8c7ce;
    border: 1px dashed #433F79 !important;
}
.custom_ticket_view_comment p{
    color: #b8c7ce !important;
}
.custom_ticket_view_comment .nav-tabs{
    border-bottom:none !important;
}
.custom_ticket_view .alert-default{
    box-shadow: none !important;
    color: #b8c7ce;
    margin-bottom:0 !important;
    padding: 0 !important;
}
.custom_ticket_item_note svg{
    width: 1.5rem;
    height: 1.5rem;
    fill: #0084ff;
}
.custom_ticket_item_note h3{
    color: #0084ff !important;
}
.custom_icon_bg_orange svg{
    width: 1rem;
    height: 1rem;
    fill:#ff6c00;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.custom_icon_bg_orange{
    background-color: #ec86493d;
    position: relative;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    margin-left: .5rem;
}
.custom_icon_bg_green svg{
    width: 1rem;
    height: 1rem;
    fill:#01b075;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.custom_icon_bg_green{
    background-color: #01b07533 ;
    position: relative;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    margin-left: .5rem;
}
.custom_icon_bg_purple svg{
    width: 1rem;
    height: 1rem;
    fill:#ff32f9;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.custom_icon_bg_purple{
    background-color: #f843f326 ;
    position: relative;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    margin-left: .5rem;
}
.custom_icon_bg_blue svg,.custom_icon_bg_blue .fa{
    width: 1rem;
    height: 1rem;
    fill:#41c1ff;
    color:#41c1ff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    margin-left: 0;
}
.custom_icon_bg_blue{
    background-color: #0084ff30  ;
    position: relative;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    margin-left: .5rem;
}
.custom_icon_blue{
    width: 1.3rem;
    height: 1.3rem;
    fill:#41c1ff;
}
.custom_txt_blue{
    color: #41c1ff !important;
}
.clientticket:not(:last-child){
    border-bottom: 1px solid #433F79  ;
}
.clientticket,.send-ticket-replay{
    box-shadow: none !important;
}

/*TICKET END*/
/*RESPONSIVE*/
@media (max-width: 1024px){
    #register_box{
        margin-top: 5rem;
    }
.custom_login_input{
    width: 80% !important;
}
}
@media (max-width: 992px){
    html{
        font-size: 80%;
    }
    .login100-pic{
        display: block;
    }
    .custom_login_wrap{
        flex-direction: column-reverse;
    }
    .login100-pic{
        width: 70% !important;
    }
}
@media (max-width: 576px) {
    /*.box{*/
    /*    padding: 0;*/
    /*}*/
    html{
        font-size: 75%;
    }
    .login100-pic{
        display: none;
    }
    .custom_login_input{
        width: 100% !important;
    }
}

.modal-content{
    background-color: #1f1d45 !important;
}
.modal-content .modal-header {
    border-bottom-color: #161432 !important;
}
.modal-content .modal-footer{
    border-top-color: #161432 !important;
}
.custom_login_logo{
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translate(-50%,0);
}
.custom_login_logo h1{
    font-family: vazirL !important;
}

hr{
    border-top:1px solid #5b5b5b;
}


/*NEW IN ADMIN*/
.skin-blue .sidebar a {
    color: #b8c7ce !important;
}
.sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion{
    color: unset !important;
    font-size: unset !important;
}
.skin-blue .sidebar-menu > li > .treeview-menu{
    background:#201d47 !important;
}
.skin-blue .sidebar-menu .treeview-menu > li > a{
    border-bottom:none !important;
}

/*BUTTONS*/
.custom_green_fill_btn{
    color: #ffffff !important;
    background-color: #01b075 !important;
    border: 1px solid #01b075 !important;
}
.custom_green_fill_btn:hover,.custom_green_fill_btn:focus{
    color: #ffffff !important;
    background-color: #019760 !important;
    border: 1px solid #019760 !important;
}
.custom_green_btn_table{
    background: #01b07533 !important;
    padding: .3rem .8rem;
    color: #01b075;
}
.custom_green_btn_table:hover,.custom_green_btn_table:focus{
    background: #01b07575  !important;
    color: #01b075;
}
/*.cke_wysiwyg_frame, .cke_wysiwyg_div,.cke_top{*/
/*    background-color: #2d2962 !important;*/
/*    border-color: #2d2962 !important;*/
/*    color: #f7f7f7 !important;*/
/*}*/
.user-panel{
    background-color: transparent !important;
    border-bottom:none !important;
}
.clientheader h5{
    background-color: transparent !important;
    border-bottom: none !important;
}
.adminheader h5{
    background-color: transparent !important;
    border: none !important;
}
.adminticket{
    border: none !important;
    box-shadow: none !important;
}
.orgchart .node{
    border: 1px solid #433F79 !important;
}
.orgchart .node .title{
    background-color: transparent;
}
.orgchart .node .content{
    background-color: transparent;
    border:none !important;
    border-top: 1px dashed #433F79 !important;
}
.orgchart .node .content .fa-plus{
    background: #01b07533 !important;
    padding: .3rem .8rem;
    color: #01b075;
    font-size: 1rem !important;
    margin-top: .5rem;
}
.orgchart .node .content .fa-pencil{
    background: #0084ff36 !important;
    padding: .3rem .8rem;
    color: #0084ff;
    font-size: 1rem !important;
    margin-top: .5rem;
}
.orgchart .node .content .fa-trash{
    background: #bc1e4a38 !important;
    padding: .3rem .8rem !important;
    color: #bc1e4a !important;
    font-size: 1rem !important;
    margin-top: .5rem;
}
.orgchart .node:hover{
    background-color: transparent;
    border-color: #01c8ef !important;
}
.table tbody td .btn-success{
    background: #01b07533 !important;
    padding: .3rem .8rem !important;
    color: #01b075 !important;
    border: none !important;
}
.table tbody td .btn-primary{
    background: #0084ff36 !important;
    padding: .3rem .8rem;
    color: #0084ff;
    border: none !important;
}
.table tbody td .btn-danger,.kv-editable-close{
    background: #bc1e4a38 !important;
    padding: .3rem .8rem !important;
    color: #bc1e4a !important;
    border: none !important;
    opacity: 1 !important;
    text-shadow: none !important;
}
.table tbody td .btn-warning , .kv-editable-reset{
    background: #f39c1233 !important;
    padding: .3rem .8rem !important;
    color: #f2ad09  !important;
    border: none !important;
}
.panel{
    background-color: transparent !important;
}
.panel > .panel-heading{
    background-color: #1a183f !important;
    color: #b8c7ce !important;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body{
    border-top: none !important;
}
.candlestick-wrapper .candlestick-bg, .candlestick-wrapper .candlestick-bg .candlestick-off::before, .candlestick-wrapper .candlestick-bg .candlestick-on::after{
    background-color: #11102b  !important;
    border-color: #11102b  !important;
}
.candlestick-wrapper .candlestick-bg .candlestick-toggle{
    background-color: #352f7c !important;
    border: 1px solid #352f7c !important;
    box-shadow: 0 0 5px #1f1c47 !important;
}
.candlestick-wrapper .candlestick-bg .candlestick-on,.candlestick-wrapper .candlestick-bg .candlestick-off{
    top: 5px !important;
}
.candlestick-wrapper .candlestick-bg, .candlestick-wrapper .candlestick-bg .candlestick-off::before, .candlestick-wrapper .candlestick-bg .candlestick-on::after{
    height: 25px !important;
}
.select2-container--default .select2-selection--multiple{
    background-color: #2d2962 !important;
    border-color: #2d2962 !important;
    color: #f7f7f7 !important;
}
.breadcrumb li{
    color: #f7f7f7 !important;
}
.breadcrumb{
    background-color: #201d47 !important;
}